/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01 - Global stlye  */
/*   02 - Theme Title  */
/*   03 - Theme Pagination  */
/*   04 - Theme Header One */
/*   05 - Theme Header Two */
/*   06 - Theme menu One  */
/*   07 - Theme menu Two  */
/*   08 - Theme Main Banner  */
/*   09 - Top Feature  */
/*   10 - About Company  */
/*   11 - Feature Banner  */
/*   12 - Service Style One  */
/*   13 - Testimonial Slider  */
/*   14 - Our Team   */
/*   15 - Theme Counter  */
/*   16 - Free Consultation  */
/*   17 - Partner Slider  */
/*   18 - Theme footer one  */
/*   19 - Theme footer Two   */
/*   20 - CallOut Banner */
/*   21 - Our Solution  */
/*   22 - About Company Stye Two  */
/*   23 - Our Case  */
/*   24 - Faq Section  */
/*   25 - Why Choose us  */
/*   26 - Short Banner  */
/*   27 - Latest News  */
/*   28 - Google Map   */
/*   29 - Theme Inner Banner   */
/*   30 - Why WE Best   */
/*   31 - Core Values   */
/*   32 - Theme Sidebar One   */
/*   33 - Service Details   */
/*   34 - Project Details   */
/*   35 - Blog Sidebar   */
/*   36 - Blog Details   */
/*   37 - Contact Us   */
/*   38 - Compnay Branch Address   */
/*   39 - Shop Page   */



/**
* Importing necessary  Styles.
**/
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900|Source+Sans+Pro:300,400,600,700,900');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/css/bootstrap.min.css');
/*----camera-slider---*/
@import url('../vendor/Camera-master/css/camera.css');
/*------- menu ------*/
@import url('../vendor/menu/dist/css/slimmenu.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');
/*----owl-carousel css----*/
@import url('../vendor/owl-carousel/owl.carousel.css');
@import url('../vendor/owl-carousel/owl.theme.css');
/*-------- animated css ------*/
@import url('../vendor/WOW-master/css/libs/animate.css');
/*--------- flat-icon ---------*/
@import url('../fonts/icon/font/flaticon.css');
/*----------- Fancybox css -------*/
@import url('../vendor/fancybox/dist/jquery.fancybox.min.css');
/*----Language Switcher---*/
@import url('../vendor/language-switcher/polyglot-language-switcher.css');
/*------------- Map -------------*/
@import url('../vendor/sanzzy-map/dist/snazzy-info-window.min.css');


/*** 

====================================================================
  Loading Transition
====================================================================

 ***/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff;
  overflow: hidden;
}
#loader {
  background: url(../images/1.gif);
  width: 64px;
  height: 40px;
  position: relative;
  top: 50%;
  margin: -20px auto 0 auto;
}

/*==================== Click Top ====================*/
.scroll-top {
  width:25px;
  height:25px;
  position: fixed;
  bottom: 10px;
  right: 5px;
  z-index: 99;
  text-align: center;
  color: #fff;
  font-size: 18px;
  display: none;
  cursor: pointer;
  border-radius: 3px;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
/*______________________ Global stlye ___________________*/

 @font-face {
  font-family: 'font-awesome';
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
 }

 body {
    overflow-x: hidden;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    color:#555555;
    font-size: 18px;
    position: relative;
    background-image: url('../images/home/fondo 3.png'); 
    background-attachment: fixed;
    background-size: 110% auto; 
    background-position: right center;
    background-repeat: no-repeat;
    margin: 0; 
    padding: 0;
}
 .main-page-wrapper {overflow-x:hidden;}
 h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
 h1,h2,h3,h4,h5,h6 {font-family: 'Nunito Sans', sans-serif; color: #F24E1E;}
 h1 {font-size: 60px; font-weight: 900;line-height: 70px;}
 h2 {font-size: 38px; font-weight: 900;}
 h3 {font-size: 32px; font-weight: 700;}
 h4 {font-size: 24px; font-weight: 700;}
 h5 {font-size: 22px; font-weight: 700;}
 h6 {font-size: 20px; font-weight: normal;}
 p {line-height: 27px;}
 ul {list-style-type: none;}
 body a {text-decoration: none;color: #F24E1E; display: inline-block;font-family: 'Nunito Sans', sans-serif;}
 a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
 img {max-width: 100%; display: block;}
 button {border:none;outline: none;box-shadow: none;display: block; padding: 0;cursor: pointer;}
 button:focus {outline: none;}
 input,textarea {outline: none; box-shadow: none;transition: all 0.3s ease-in-out;}
.section-spacing {margin-bottom: 50px;}
.m-top0 {margin-top: 0 !important;}
.m-bottom0 {margin-bottom: 0 !important;}
.p-bottm0 {padding-bottom: 0 !important;}
.no-border {border: none !important;}
.three-column-grid {
    display: flex; 
    justify-content: space-between; 
}

.three-column-grid .item {
    flex: 1; 
    margin: 0 15px; 
    min-width: 0;
}
/*--------------------- Transition --------------------*/
.tran3s,h2 a,h3 a,h4 a,h5 a,h6 a,.header-one .top-header .address-wrapper .quotes a,.header-one .theme-menu-wrapper .right-widget .social-icon li a,#mega-menu-holder ul.dropdown li a:before,.theme-button-one,
#theme-main-banner .camera_pag .camera_pag_ul li > span,.top-feature .main-content,.service-style-one .single-service .text,.service-style-one .single-service,
.owl-theme .owl-dots .owl-dot span,.our-team .team-member .overlay .hover-content ul li a,.our-team .team-member .overlay,.our-team .team-member .text,.theme-footer-two .top-footer .footer-list ul li a,
.theme-footer-one .top-footer .footer-list ul li a,.theme-footer-one .bottom-footer ul li a,.header-two .top-header .social-icon li a,.our-case .single-case-block .hover-content,
.our-case .single-case-block .hover-content .text .details,.accordion-one .panel-group .panel-heading a:before,.our-blog .single-blog .post-meta .read-more,.theme-footer-two .logo-widget .social-icon li a,
.core-values .single-value-block .image-box .overlay,.theme-sidebar-one .service-categories ul li a,.theme-pagination ul li a,.project-details .project-details-sidebar .social-icon li a,
.blog-sidebar .sidebar-categories ul li a,.blog-sidebar .sidebar-archives ul li a,.blog-sidebar .sidebar-tags ul li a,.blog-details .share-option  li a,.shop-page .single-product .product-name .price,
.shop-page .single-product .image-box,.shop-page .single-product .product-name .add-to-cart,.shop-page .single-product .product-name .add-to-cart a,.shop-details .product-review-tab .nav-tabs .nav-link {
  transition: all .3s ease-in-out;
}
.tran4s,.our-solution .single-solution-block .icon,.our-case .single-case-block .hover-content .text,.our-blog .single-blog .image-box img {
  transition: all .4s ease-in-out;
}
 /*----------------------- Theme Color File -------------------*/
.p-color,.header-one .top-header .address-wrapper .quotes a,.header-one .top-header .address-wrapper .address .icon,#theme-main-banner .camera_caption h1,
#theme-main-banner .camera_caption .theme-button-one,.top-feature .main-content:hover h4 a,.about-compnay .mission-goal li .icon,.service-style-one .single-service .text .read-more,
.service-style-one .single-service:hover .text h5 a,.service-style-one .contact-text h5,.service-style-one .contact-text h5 a,.our-team .team-member .overlay .hover-content ul li a:hover,
.theme-counter h6,.single-counter-box .number,.theme-footer-one .top-footer .footer-newsletter .theme-button-one,.header-two #mega-menu-holder>ul> li.active > a, .header-two #mega-menu-holder>ul> li:hover > a,
.header-two #mega-menu-holder>ul> li.active > .sub-toggle,.header-two #mega-menu-holder>ul> li:hover > .sub-toggle,.callout-banner .theme-button-one,.our-solution .single-solution-block:hover h5 a,
.faq-section .wrapper .img-box .play,.why-choose-us .single-block .icon,.why-choose-us .single-block:hover h5 a,.short-banner .overlay h2,.our-blog .single-blog .post-meta .read-more,
.our-blog .single-blog:hover .post-meta .title a,.why-we-best .wrapper .best-list-item li .icon,.why-we-best .wrapper .best-list-item li:hover h5 a,.core-values .single-value-block .image-box .overlay a,
.core-values .single-value-block:hover .text h5 a,.theme-sidebar-one .service-categories ul li a:hover,.theme-sidebar-one .service-categories ul li.active a,
.service-details .service-content .presentation-section .best-list-item li .icon,.project-details .project-details-sidebar .social-icon li a:hover,.blog-sidebar .sidebar-categories ul li a:hover,
.blog-sidebar .sidebar-recent-post li .post a:hover,.blog-sidebar .sidebar-archives ul li a:hover,.blog-details .share-option .tag-meta li a:hover,.blog-details .share-option .social-icon li a:hover,
.our-blog .comment-area .single-comment .comment a,.shop-page .single-product .product-name .price,.shop-page .single-product:hover .product-name h5 a,.shop-page .single-product .product-name .add-to-cart a,
.shop-details .product-details .product-info .price,.faq-page .panel-group .panel-heading h6 a:before {
  color:#F24E1E;
}
.p-bg-color,.scroll-top,.header-one .top-header .address-wrapper .quotes a:hover,.theme-menu-wrapper .right-widget .search-option form button,
#mega-menu-holder ul.dropdown li:hover>a:before,.theme-button-one,#theme-main-banner .camera_caption .theme-button-one:hover,.callout-banner.no-bg .theme-button-one,
#theme-main-banner .camera_pag .camera_pag_ul li.cameracurrent > span,#theme-main-banner .camera_pag .camera_pag_ul li:hover > span,.service-style-one .contact-text h5:before,
.testimonial-section .owl-theme .owl-dots .owl-dot.active span,.testimonial-section .owl-theme .owl-dots .owl-dot:hover span,#polyglotLanguageSwitcher ul.dropdown li:hover,
.our-case .single-case-block .hover-content .text .details:hover,.our-blog .single-blog .image-box .overlay .date,.core-values .single-value-block .image-box .overlay a:hover,
.theme-sidebar-one .sidebar-brochures ul,.theme-pagination ul li a:hover,.theme-pagination ul li.active a,.blog-sidebar .sidebar-tags ul li.active a,.blog-sidebar .sidebar-tags ul li a:hover  {
  background: #F24E1E;
}
.header-one .top-header .address-wrapper .quotes a,#theme-main-banner .camera_pag .camera_pag_ul li,.theme-pagination ul li a:hover,.theme-pagination ul li.active a,.blog-sidebar .sidebar-tags ul li.active a,
.blog-sidebar .sidebar-tags ul li a:hover,.shop-page .single-product:hover .image-box {
  border-style: solid;
  border-color:#F24E1E;
}
/*----------------- Theme button ------------------*/
body .theme-button-one {
  line-height: 50px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  border-radius: 5px;
  padding: 0 35px;
}
body .theme-button-one:hover {background:#F24E1E; }
/*------------------- Theme Title ------------------*/
.theme-title-one {position: relative;text-align: center;}
.theme-title-one h2 {
  position: relative;
  text-transform: uppercase;
  padding-bottom: 22px;
}
.theme-title-one h2:before {
  
  width: 40px;
  height: 4px;
  border-radius: 10px;
  background: #c3c3c3;
  position: absolute;
  bottom: 0;
  left:50%;
  margin-left: -20px;
}
.theme-title-one p {padding-top: 20px;}
/*------------------- Theme Pagination ------------------*/
.theme-pagination ul {padding-top: 40px;}
.theme-pagination ul li {display: inline-block;}
.theme-pagination ul li a {
  display: block;
  font-size: 16px;
  color: #232323;
  width: 50px;
  line-height: 48px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #dadada;
}
.theme-pagination ul li a:hover,
.theme-pagination ul li.active a {color: #fff;}
.theme-pagination ul li.active a {cursor: default;}
/*--------------------------- Theme Header One  ---------------------*/
.header-one {position: relative;}
.header-one .top-header {background: #fff;padding: 40px 0 32px 0;}
.header-one .top-header .address-wrapper li {display: inline-block;vertical-align: middle;}
.header-one .top-header .address-wrapper .quotes a {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 46px;
  padding: 0 27px;
  border-width: 2px;
  border-radius: 5px;
}
.header-one .top-header .address-wrapper .quotes a:hover {color: #fff;}
.header-one .top-header .address-wrapper .address {
  position: relative;
  padding: 0 38px 0 60px;
  margin-right: 15px;
}
.header-one .top-header .address-wrapper .address .icon {
  position: absolute;
  top:-6px;
  left:0;
  font-size: 40px;
}
.header-one .top-header .address-wrapper .address:first-child:before {
  content: '';
  position: absolute;
  top:5px;
  right: 0;
  width: 1px;
  height: 42px;
  background: #e8e8e8;
}
.header-one .top-header .address-wrapper .address:first-child {margin-right: 35px;}
/*--------------------------- Theme Header Two  ---------------------*/
.header-two .top-header {background: #000f32;padding: 12px 0;}
.header-two .top-header .left-widget li {display: inline-block;color: #fff;font-size: 16px;}
#polyglotLanguageSwitcher {margin-left:25px;}
#polyglotLanguageSwitcher span.trigger:before {
  content: '';
  font-family: 'font-awesome';
  position: absolute;
  color:#fff;
  top:0;
  right:-32px;
}
#polyglotLanguageSwitcher a {
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  font-size: 15px;
  color:#fff;
  font-weight: normal;
}
.header-two .top-header .social-icon {text-align: right;}
.header-two .top-header .social-icon li {display: inline-block;margin-left: 15px;}
.header-two .top-header .social-icon li a {font-size: 15px;color: #ccd1dd;}
.header-two .top-header .social-icon li a:hover {color: #fff;}
/*------------------------ Theme menu One --------------------*/
.header-one .theme-menu-wrapper {position: relative;z-index: 99;margin-bottom: -100px;}
.header-one .theme-menu-wrapper .bg-wrapper {background: #ffffff;position: relative;padding-left: 25px; border: 2px solid #F24E1E;}
.theme-menu-wrapper .right-widget ul li {display: inline-block;line-height: 75px;vertical-align: middle;}
.theme-menu-wrapper .right-widget .social-icon li a {
  font-size: 15px;
  color: #ccd1dd;
  margin: 0 7px;
}
.theme-menu-wrapper .right-widget .social-icon li a:hover {color: #fff;}
.theme-menu-wrapper .right-widget .cart-icon {
  margin-left: 30px;
  width: 60px;
  text-align: center;
  border-right: 1px solid #0d2356;
  border-left: 1px solid #0d2356;
}
.theme-menu-wrapper .right-widget .cart-icon a {
  position: relative;
  color: #cfd6e6;
  font-size: 16px;
}
.theme-menu-wrapper .right-widget .cart-icon a span {
  font-family: 'Nunito Sans', sans-serif;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  line-height: 15px;
  font-size: 11px;
  font-weight: 600;
  color: #555555;
  top: 23px;
  right: -8px;
}
.theme-menu-wrapper .right-widget .search-option .dropdown-toggle {
  background: transparent;
  font-size: 15px;
  color: #cfd6e6;
  width: 55px;
}
.theme-menu-wrapper .right-widget .search-option .dropdown-toggle:after {display: none;}
.theme-menu-wrapper .right-widget .search-option .dropdown-menu {
  -webkit-transform:none !important;
          transform:none !important;
  position: absolute;
  height:55px;
  width:280px;
  padding: 5px;
  border-radius: 0;
  right: 0 !important;
  left:auto !important;
  top:100% !important;
  box-shadow: none;
  border:none;
  float:none;
  margin:0;
  background: #fff;
  box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.23);
}
.theme-menu-wrapper .right-widget .search-option form input {
  position: absolute;
  top:5px;
  left:5px;
  right: 5px;
  bottom: 5px;
  background: transparent;
  border:1px solid #ececec;
  padding: 0 49px 0 10px;
}
.theme-menu-wrapper .right-widget .search-option form button {
  display: block;
  width:48px;
  color:#fff;
  border:1px solid #fff;
  border-left:none;
  line-height: 45px;
  text-align: center;
  position: absolute;
  top:4px;
  right:5px;
}
/*------------------------ Theme menu Two --------------------*/
.header-two #mega-menu-holder>ul> li> a,.header-two #mega-menu-holder li .sub-toggle,
.header-two #mega-menu-holder>ul> li> a:before {color: #555555;}
.header-two #mega-menu-holder>ul> li> a {padding-top: 38px;padding-bottom: 38px;}
.header-two #mega-menu-holder>ul> li> a:before,
.header-two #mega-menu-holder li .sub-toggle {line-height: 97px;}
.header-two #mega-menu-holder li>ul.dropdown li:first-child {border-top:1px solid rgba(0,0,0,0.04);}
.header-two .theme-menu-wrapper .bg-wrapper {position: relative;padding-left: 0px;}
.header-two .theme-menu-wrapper .bg-wrapper .logo {
 position: absolute;
  /* Un valor negativo lo pega al borde izquierdo de la pantalla */
  left: -20px; 
  z-index: 99;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header-two .theme-menu-wrapper .right-widget ul li {line-height: 97px;}
.header-two .theme-menu-wrapper .right-widget .search-option .dropdown-toggle {width: auto;color: #555555;}
.header-two .theme-menu-wrapper .right-widget .cart-icon {
  border: none;
  width: auto;
  margin: 0 20px 0 0;
}
.header-two .theme-menu-wrapper .right-widget .cart-icon a {color: #555555;font-size: 18px;}
.header-two .theme-menu-wrapper .right-widget .cart-icon a span {
  background: #000f32;
  color: #fff;
  top:35px;
}
/*================= Sticky Menu ===============*/
@-webkit-keyframes menu_sticky {
  0%  {margin-top:-75px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
@keyframes menu_sticky {
  0%  {margin-top:-75px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
.theme-menu-wrapper.fixed {
  position: fixed !important;
  width:100%;
  top:0;
  left:0;
  z-index: 999;
  background: #fff;
  margin: 0;
  padding-top: 0;
  box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
  -webkit-animation: menu_sticky 0.7s ease-in-out;
  animation: menu_sticky 0.7s ease-in-out;
}
.header-two .theme-menu-wrapper.fixed .bg-wrapper .logo {
  left: 0px; /* O el valor que hayas decidido para que quede alineado */
}
.header-two .theme-menu-wrapper.fixed {background: #fff;}
/*---------------------------- Theme Main Banner -------------------------*/
#theme-main-banner {margin: 0 !important;}
.camera_wrap {float:none;}
#theme-main-banner .camera_overlayer {
  content: '';
  position: absolute;
  top:0;
  left:0;
  right: 0;
  bottom: 0;
  background: rgba(0,26,27,0.10);
}
#theme-main-banner .main-container {position: relative;}
#theme-main-banner .camera_caption {height: 100%;}
#theme-main-banner .container {
  position: relative;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#theme-main-banner .camera_caption>div {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  text-shadow: none;
  left: 0;
  padding: 0;
}
#theme-main-banner .camera_caption h1 {text-transform: uppercase;padding: 30px 0 35px 0;}
#theme-main-banner .camera_caption p {
  font-size: 26px;
  line-height: 35px;
  color: #556382;
  font-weight: 300;
}
#theme-main-banner .camera_caption .theme-button-one {background: #fff;}
#theme-main-banner .camera_caption .theme-button-one:hover {color: #fff;}
#theme-main-banner .camera_pag {
  position: absolute;
  height: 100%;
  top:0;
  left:3%;
  z-index: 9;
}
#theme-main-banner .camera_pag .camera_pag_ul {
  text-align: center;
  position: relative;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
#theme-main-banner .camera_pag .camera_pag_ul li {
  display: block;
  margin: 15px 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border-width: 1px;
  background: transparent;
}
#theme-main-banner .camera_pag .camera_pag_ul li span {
  height: 100%;
  width: 100%;
  top:0;
  left:0;
  border-radius:50%;
}
/*--------------------- Top Feature -------------------*/
.top-feature .main-content {
  text-align: center;
  padding: 50px 16%;
  border-bottom: 4px solid transparent;
}
.top-feature .main-content:hover {border-bottom-color: #F24E1E;}
.top-feature .main-content img {margin: 0 auto;}
.top-feature .main-content h4 {
  position: relative;
  padding-bottom: 18px;
  margin: 15px 0 18px 0;
}
.top-feature .main-content h4:before {
  content: '';
  width: 40px;
  height: 4px;
  border-radius: 10px;
  background: #c3c3c3;
  position: absolute;
  bottom: 0;
  left:50%;
  margin-left: -20px;
}
.top-feature.fix-border .main-content {border-top: 4px solid transparent;border-bottom: none;}
.top-feature.fix-border .main-content:hover {border-top-color: #F24E1E;}
/*------------------ About Company -----------------*/
.about-compnay img {border-radius: 5px;}
.about-compnay .mission-goal {
  border-top:1px solid #dcdcdc;
  padding-top: 23px;
  margin-top: 33px;
}
.about-compnay .mission-goal li {
  float: left;
  width: 33.33333333%;
  text-align: center;
  position: relative;
}
.about-compnay .mission-goal li .icon {font-size: 55px;}
.about-compnay .mission-goal li:nth-child(2) {
  border-left: 1px dashed #c3c3c3;
  border-right: 1px dashed #c3c3c3;
}
/*------------------ Feature Banner ---------------*/
.feature-banner {
  text-align: center;
}
.feature-banner .opacity {
  background: rgba(0,26,87,0.5);
  padding: 74px 0 80px 0;
}
.feature-banner .opacity h2 {
  font-size: 42px;
  line-height: 52px;
  text-transform: inherit;
  color: #fff;
  padding: 0 100px;
  margin-bottom: 32px;
}
/*---------------- Service Style One --------------*/
.service-style-one .single-service {
  position: relative;
  padding-left: 118px;
  overflow: hidden;
  margin-bottom: 30px;
}
.service-style-one .single-service .text {
  border: 1px solid #eaeaea;
  border-radius: 0 4px 4px 0;
  border-left:none;
  padding: 20px 10px 18px 30px;
}
.service-style-one .single-service .text p {padding-bottom: 10px;}
.service-style-one .single-service .text .read-more {
  font-size: 14px;
  font-weight: 700;
}
.service-style-one .single-service .text .read-more i {margin-left: 2px;}
.service-style-one .single-service .img-box {
  position: absolute;
  left:0;
  top:0;
  bottom: 0;
  width: 120px;
  border-radius: 5px;
  background:  #F24E1E;
}
.service-style-one .single-service .img-box img {width: 100%;border-radius: 4px;opacity: 0.9;}
.service-style-one .single-service:hover .text {border-color: #fff;}
.service-style-one .single-service:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
.service-style-one .wrapper {margin-top: 50px;}
.service-style-one .contact-text {text-align: center;padding-top:35px;}
.service-style-one .contact-text h4 {font-weight: normal;margin-bottom: 10px;}
.service-style-one .contact-text h5 {font-weight: normal;display: inline-block;position: relative;}
.service-style-one .contact-text h5:before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 1px;
  left:0;
}
/*-------------------- Testimonial Slider ------------------*/
.testimonial-section {
  background: url(../images/home/9.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  background-color: #707d9e;
}
.testimonial-section .overlay {background: rgba(0,0,0,0.1);padding: 125px 0;}
.testimonial-section .wrapper {width: 55%;padding-right: 15px;}
.testimonial-section .wrapper .bg {
  background: #fff;
  border-radius: 5px;
  position: relative;
  padding: 40px 65px 35px 65px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  text-align: center;
}
.testimonial-section .wrapper .bg:before {
  content: '';
  font-family: 'font-awesome';
  position: absolute;
  top:30px;
  right: -10px;
  color: #fff;
  font-size: 35px;
}
.testimonial-section .wrapper p {
  font-size: 20px;
  font-weight: 300;
  line-height: 29px;
}
.testimonial-section .wrapper .name h6 {font-weight: normal;}
.testimonial-section .wrapper .name span {font-size: 16px;}
.testimonial-section .wrapper .name {position: relative;margin: 25px 0 28px 0;z-index: 1;}
.testimonial-section .wrapper .name:before {
  content: '“';
  color: #f1f1f1;
  font-size: 120px;
  font-weight: 900;
  position: absolute;
  top:-42px;
  left:50%;
  z-index: -1;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
}
.testimonial-section .owl-theme .owl-dots .owl-dot span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #cecece;
  margin: 0 5px;
}
/*----------------------- Our Team -----------------*/
.our-team .team-member {margin-top: 30px; text-align: center;}
.our-team .wrapper {margin-top: 25px;}
.our-team .team-member .image-box img {width: 100%;border-radius: 5px 5px 0 0;}
.our-team .team-member .image-box {position: relative;overflow: hidden;}
.our-team .team-member .text {
  padding: 13px 0;
  border: 1px solid #eaeaea;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
.our-team .team-member:hover .text {
  border-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
.our-team .team-member .text h6 {font-weight: 600;}
.our-team .team-member .text span {font-size: 16px;font-style: italic;}
.our-team .team-member .overlay {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: rgba(0,26,87,0.7);
  border-radius: 5px 5px 0 0;
  -webkit-transform:scale(1,0);
          transform:scale(1,0);
}
.our-team .team-member:hover .overlay {
  -webkit-transform:scale(1);
          transform:scale(1);
}
.our-team .team-member .overlay .hover-content {
  position: relative;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
.our-team .team-member .overlay .hover-content ul li {display: inline-block;margin: 0 2px;}
.our-team .team-member .overlay .hover-content ul li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
  line-height: 38px;
  color: #fff;
  font-size: 14px;
}
.our-team .team-member .overlay .hover-content ul li a:hover {background: #fff;}
.our-team .team-member .overlay .hover-content p {line-height: 25px;color: #fff;padding-top: 15px;}
/*------------------ Theme Counter -------------------*/
.theme-counter {background: #f8faff;padding: 55px 0;}
.theme-counter .bg {
  background: url(../images/home/pattern.png) no-repeat center center;
  text-align: center;
  padding: 85px 0 85px 0;
}
.theme-counter h6 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
}
.theme-counter h2 {font-size: 42px;font-weight: 700;padding: 12px 0 35px 0;}
.cunter-wrapper {width: 75%;margin: 0 auto; text-align: center;}
.single-counter-box .number {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 300;
  font-size: 40px;
}
.single-counter-box .number .timer {font-size: 70px;}
.single-counter-box p {margin-top: -15px;}
.single-counter-box {margin-bottom: 10px;}
.theme-counter .theme-button-one {margin-top: 45px;}

.theme-form-one input,
.theme-form-one .form-control {
  width: 100%;
  border: none;
  border-bottom: 1px solid #dfdfdf;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  font-size: 16px;
  padding: 0 0 12px 0;
  margin-bottom: 35px;
}
.theme-form-one textarea {
  width: 100%;
  max-width: 100%;
  height: 110px;
  max-height: 110px;
  resize:none;
  border: none;
  border-bottom: 1px solid #dfdfdf;
  font-size: 16px;
  padding: 0 0 10px 0;
  margin-bottom: 32px;
}
.theme-form-one .theme-button-one { font-family: 'Nunito Sans', sans-serif;}
/*------------------- Partner Slider ------------------*/
.partner-section {padding: 22px 0;}
.partner-section.bg-color {background: #f8faff;}
.partner-section h6 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 25px;
  margin-top: 10px;
}
.partner-section img {margin: 0 auto;}
/*---------------------- Theme footer one ------------------*/
.theme-footer-one .top-footer {background: #F24E1E;padding: 80px 0 75px 0;}
.theme-footer-one .top-footer .title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.theme-footer-one .top-footer .about-widget p {
  font-size: 17px;
  line-height: 25px;
  color: #9ca6bf;
}
.theme-footer-one .top-footer .about-widget .queries i {font-size: 22px;vertical-align: middle;margin-right: 10px;}
.theme-footer-one .top-footer .about-widget .queries {color: #fff;margin-top: 25px;font-size: 17px;}
.theme-footer-one .top-footer .about-widget .queries a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 19px;
  color: #fff;
}
.theme-footer-one .top-footer .footer-recent-post li {
  padding: 6px 0 20px 0;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.theme-footer-one .top-footer .footer-recent-post li img {
  width: 70px;
  height: 70px;
  border-radius: 5px;
}
.theme-footer-one .top-footer .footer-recent-post li .post {
  width: calc(100% - 70px);
  padding-left: 20px;
}
.theme-footer-one .top-footer .footer-recent-post li .post a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 17px;
  color: #fff;
  line-height: 24px;
  margin-top: -5px;
}
.theme-footer-one .top-footer .footer-recent-post li .post .date {
  font-size: 15px;
  color: #9ca6bf;
  font-style: italic;
  margin-top: 5px;
}
.theme-footer-one .top-footer .footer-recent-post li .post .date i {
  margin-right: 5px;
  font-size: 14px;
}
.theme-footer-one .top-footer .footer-recent-post li:last-child {
  border:none;
  margin: 0;
  padding-bottom: 0;
}
.theme-footer-one .top-footer .footer-list ul li {
  line-height: 32px;
  padding-left: 20px;
  position: relative;
}
.theme-footer-one .top-footer .footer-list ul li:before {
  content: '';
  font-family: 'font-awesome';
  font-size: 10px;
  color: #9ca6bf;
  position: absolute;
  line-height: 32px;
  top:0;
  left:0;
}
.theme-footer-one .top-footer .footer-list ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 17px;
  color: #9ca6bf;
}
.theme-footer-one .top-footer .footer-list ul li a:hover {color: #fff;}
.theme-footer-one .top-footer .footer-newsletter input {
  width: 100%;
  font-weight: 300;
  font-size: 16px;
  color: #9ca6bf;
  border: none;
  border-bottom: 1px solid rgba(223,223,223,0.2);
  background: transparent;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.theme-footer-one .top-footer .footer-newsletter .theme-button-one {background: #fff;margin-top: 15px;}
.theme-footer-one .top-footer .footer-newsletter .theme-button-one:hover {color: #fff;background: #F24E1E;}
.theme-footer-one .top-footer .footer-newsletter ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9ca6bf;
}
.theme-footer-one .top-footer .footer-newsletter :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9ca6bf;
}
.theme-footer-one .top-footer .footer-newsletter ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9ca6bf;
}
.theme-footer-one .top-footer .footer-newsletter ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9ca6bf;
}

.theme-footer-one .top-footer .footer-newsletter :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #9ca6bf;
}

.theme-footer-one .top-footer .footer-newsletter ::-ms-input-placeholder { /* Microsoft Edge */
  color: #9ca6bf;
}
.theme-footer-one .bottom-footer {background: #F24E1E;padding: 15px 0;}
.theme-footer-one .bottom-footer p {color: #9ca6bf;line-height: 25px;font-size: 17px;}
.theme-footer-one .bottom-footer ul {text-align: right;}
.theme-footer-one .bottom-footer ul li {display: inline-block;line-height: 25px;}
.theme-footer-one .bottom-footer ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 17px;
  color: #9ca6bf;
  margin-left: 35px;
}
.theme-footer-one .bottom-footer ul li a:hover  {color: #fff;}
/*---------------------- Theme footer Two ------------------*/
.theme-footer-two {background: #F24E1E;padding-top: 75px;}
.theme-footer-two .logo-widget p {
  font-size: 17px;
  line-height: 25px;
  color: #fff;
  padding: 15px 0;
}
.theme-footer-two .logo-widget .social-icon li {display: inline-block;margin-right: 15px;}
.theme-footer-two .logo-widget .social-icon li a {font-size: 15px;color: #ccd1dd;}
.theme-footer-two .logo-widget .social-icon li a:hover {color: #fff;}
.theme-footer-two .top-footer .title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 20px 0 15px 0;
}
.theme-footer-two .top-footer .footer-list ul li {
  line-height: 35px;
  padding-left: 20px;
  position: relative;
}
.theme-footer-two .top-footer .footer-list ul li:before {
  content: '';
  font-family: 'font-awesome';
  font-size: 10px;
  color: #fff;
  position: absolute;
  line-height: 35px;
  top:0;
  left:0;
}
.theme-footer-two .top-footer .footer-list ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 17px;
  color: #fff;
}
.theme-footer-two .top-footer .footer-list ul li a:hover {color: #fff;}
.theme-footer-two .top-footer .footer-gallery .wrapper {padding: 11px 45px 0 0;}
.theme-footer-two .top-footer .footer-gallery .wrapper .row {margin: 0 -3px;}
.theme-footer-two .top-footer .footer-gallery .wrapper .row [class*="col-"] {padding: 0 3px;margin-bottom: 6px;}
.theme-footer-two .top-footer .footer-gallery .wrapper a img {width: 100%;border-radius: 5px;}
.theme-footer-two .top-footer .footer-gallery .wrapper a {width: 100%;overflow: hidden;display: block;}
.theme-footer-two .top-footer .contact-widget ul li {
  font-size: 17px;
  line-height: 25px;
  color: #fff;
  position: relative;
  padding: 5px 0 12px 40px;
}
.theme-footer-two .top-footer .contact-widget ul li:last-child {padding-bottom: 0;}
.theme-footer-two .top-footer .contact-widget ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
}
.theme-footer-two .top-footer .contact-widget ul li i {
  font-size: 22px;
  position: absolute;
  top:8px;
  left:0;
}
.theme-footer-two .bottom-footer {
  margin-top: 60px;
  border-top:1px solid rgba(255,255,255,0.1);
  padding: 12px 0;
  text-align: center;
}
.theme-footer-two .bottom-footer p {font-size: 17px;color: #fff;}
/*----------------- CallOut Banner  --------------*/
.callout-banner {
  background-color: #F24E1E;
  background-image: url(../images/home/pattern2.png);
  padding: 40px 0;
}
.callout-banner .title {
  float: left;
  line-height: 40px;
  color: #fff;
  width: 27%;
}
.callout-banner p {
  float: left;
  color: #a9b3c8;
  padding-left: 70px;
  width: 55%;
  position: relative;
}
.callout-banner p:before {
  content: '';
  width: 4px;
  height: 93%;
  background:#9ca6bc;
  border-radius: 5px;
  position: absolute;
  left:25px;
  top:3px;
}
.callout-banner .theme-button-one {background: #fff; margin-top: 15px;float: right;}
.callout-banner .theme-button-one:hover {color: #fff;background: #000f32;}
.callout-banner.no-bg {background: none;padding: 0;margin-bottom: 70px;}
.callout-banner.no-bg .title {
  color: #232323;
  text-align: right;
}
.callout-banner.no-bg p {color: #555555;}
.callout-banner.no-bg p:before {background: #c3c3c3;}
.callout-banner.no-bg .theme-button-one {color: #fff;}
/*------------------------- Our Solution -------------------*/
.our-solution .single-solution-block {margin-top: 55px;text-align: center;background: #fff;}
.our-solution .single-solution-block .icon {margin: 0 auto;}
.our-solution .single-solution-block h5 {margin: 26px 0 10px 0;}
.our-solution .single-solution-block  p {padding: 0 22px;}
.our-solution .single-solution-block:hover .icon {
  -webkit-transform:scale(1.1);
          transform:scale(1.1);
}
/*------------------- About Company Stye Two -------------------*/
.about-compnay-two {
  background: url(../images/home/11.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  background-color: #707d9e;
}
.about-compnay-two .overlay {background: rgba(0,26,87,0.8);padding: 100px 0;}
.about-compnay-two .theme-title-one {text-align: left;margin-bottom: 30px;}
.about-compnay-two .theme-title-one h2 {color: #fff;}
.about-compnay-two .theme-title-one h2:before {left:0;margin: 0;color: #919fbf;}
.about-compnay-two .text p {
  color: #cad2e5;
  padding: 0 50px 15px 0;
}
.about-compnay-two .text .sign {margin-top: 15px;}
.about-compnay-two .quote-form {
  background: #fff;
  border-radius: 5px;
  padding: 25px 25px 40px 40px;
}
.about-compnay-two .theme-form-one textarea {
  height: 80px;
  max-height: 80px;
  margin-bottom: 22px;
}
.about-compnay-two .left-img {border-radius: 5px;}
.about-compnay-two.no-bg {background: none;}
.about-compnay-two.no-bg .overlay {background: #fff;padding: 0;}
.about-compnay-two.no-bg .theme-title-one h2 {color: #232323;}
.about-compnay-two.no-bg .theme-title-one h2:before {background: #c3c3c3;}
.about-compnay-two.no-bg .text p {color: #555555;padding-right: 0;}
/*----------------------- Our Case --------------------*/
.our-case .row {margin: 0 -22px;}
.our-case .row [class="col-"] {padding: 0 22px;}
.our-case .wrapper {margin-top: 10px;}
.our-case .single-case-block {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 40px;
}
.our-case .single-case-block img {width: 100%;border-radius: 5px;}
.our-case .single-case-block .hover-content {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: rgba(0,26,87,0.6);
  border-radius: 5px;
  -webkit-transform:scale(1,0);
          transform:scale(1,0);
}
.our-case .single-case-block:hover .hover-content {
  -webkit-transform:scale(1);
          transform:scale(1);
}
.our-case .single-case-block .hover-content .text {
  position: absolute;
  width: 100%;
  left:0;
  bottom: 20px;
  padding: 0 28px;
  opacity: 0;
  transition-delay:0.2s;
  -webkit-transform:translateY(100px);
          transform:translateY(100px);
}
.our-case .single-case-block:hover .hover-content .text {
  -webkit-transform:translateY(0);
          transform:translateY(0);
  opacity: 1;
}
.our-case .single-case-block .hover-content .text h5 a {color: #fff;}
.our-case .single-case-block .hover-content .text p {font-size: 17px;color: #fff;}
.our-case .single-case-block .hover-content .text .details {
  width: 40px;
  height: 40px;
  line-height: 43px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  color: #979797;
  font-size: 20px;
  margin-top: 7px;
}
.our-case .single-case-block .hover-content .text .details:hover {color: #fff;}
.our-case .view-all {text-align: center;margin-top: 60px;}
.our-case.our-project .wrapper,.our-case.our-project .single-case-block {margin-top: 0;}
.our-case.our-project .single-case-block {margin-bottom: 40px;}
/*------------------- Faq Section -------------------*/
.faq-section {
  background: url(../images/home/12.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  background-color: #707d9e;
  height: 570px;
  margin-bottom: 285px;
}
.faq-section .overlay {
  background: rgba(0,26,87,0.9);
  padding: 95px 0 0 0;
  height: 570px;
}
.faq-section .theme-title-one h2 {color: #fff;}
.faq-section .theme-title-one h2:before {background: #ced7ec;}
.faq-section .theme-title-one p {color: #cad2e5;}
.faq-section .wrapper {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  margin: 55px 0 0 0;
}
.faq-section .wrapper .img-box {
  background: url(../images/home/13.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 5px 0 0 5px;
  position: relative;
  height: 500px;
}
.faq-section .wrapper .img-box .play {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top:50%;
  left:50%;
  margin: -36px 0 0 -36px;
  text-align: center;
  line-height: 72px;
}
.faq-section .wrapper .faq-content {
  background: #fff;
  border-radius: 0 5px 5px 0;
  padding: 43px 50px 60px 50px;
}
.accordion-one .panel-heading {
  padding: 0;
  border-radius: 0;
  border:none;
  border-bottom: 1px solid #e6e6e6;
}
.accordion-one .panel-heading h6 a {
  color:#232323;
  padding: 15px 25px 15px 0;
  display: block;
  position: relative;
}
.accordion-one .panel-group .panel {
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  border:none;
}
.accordion-one .panel-group .panel-body {border:none;padding: 20px 0;border-bottom: 1px solid #e6e6e6;}
.accordion-one .panel-group .panel-heading a:before {
  content: "\f10a";
  font-family: Flaticon;
  font-size: 20px;
  color: #c7c7c7;
  position: absolute;
  right:0;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  font-weight: normal;
}
.accordion-one .panel-group .panel-heading.active-panel a:before {content: "\f109";}
/*------------------ Why Choose us -----------------*/
.why-choose-us .single-block {
  position: relative;
  margin-top: 45px;
  padding: 0 0 0 90px;
}
.why-choose-us .wrapper {margin-top: 10px;}
.why-choose-us .single-block h5 {margin-bottom: 10px;}
.why-choose-us .single-block .icon {
  position: absolute;
  top:-10px;
  left:0;
  font-size: 60px;
}
/*------------------ Short Banner ------------------*/
.short-banner {
  background: url(../images/home/14.jpg) no-repeat center center;
  background-size: cover;
  background-color: #707d9e;
}
.short-banner .overlay {
  background: rgba(255,255,255,0.4);
  padding: 52px 0;
  text-align: center;
}
.short-banner .overlay h2 {
  font-size: 40px;
  line-height: 48px;
  width: 65%;
  margin: 0 auto;
}
/*----------------- Latest News ------------------- */
.our-blog .single-blog .image-box {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.our-blog .single-blog .image-box img {width: 100%;}
.our-blog .single-blog:hover .image-box img {
  -webkit-transform:scale3D(1.1,1.1,1);
          transform:scale3D(1.1,1.1,1)
}
.our-blog .single-blog .image-box .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  border-radius: 5px;
  background: rgba(0,0,0,0.05);
}
.our-blog .single-blog .image-box .overlay .date {
  line-height: 25px;
  border-radius: 5px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: #fff;
  padding: 0 18px;
  position: absolute;
  left:20px;
  bottom: 20px;
}
.our-blog .single-blog .post-meta .title {
  line-height: 28px;
  margin: 20px 0 10px 0;
}
.our-blog .single-blog .post-meta .read-more {font-size: 14px;text-transform: uppercase;font-weight: 700;}
.our-blog .single-blog .post-meta .read-more:hover {text-decoration: underline;}
.latest-news .single-blog {margin-top: 35px;}
.latest-news .wrapper {margin-top: 20px;}
.blog-inner-page .our-blog .single-blog .post-meta .title {font-size: 26px;margin-top: 25px;}
.our-blog .single-blog .post-meta p {margin-bottom: 12px;}
.blog-inner-page .our-blog .single-blog {margin-bottom: 40px;}
.blog-inner-page .our-blog .single-blog:last-child {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 55px;
}
.blog-grid .single-blog {margin-bottom: 40px;}
/*------------------- Google Map ---------------------*/
.map-canvas {width: 100%;height: 100%;}
.google-map-one {height: 300px;}
/*---------------------- Theme Inner Banner (Editado) -----------------*/
.theme-inner-banner {
  /* Eliminamos la imagen y usamos un fondo sólido profesional */
  background: #f4f7f9; 
  
  /* Separación del menú: Ajusta el valor según el alto de tu menú */
  margin-top: 90px; 
  
  /* Espaciado interno para que el título respire */
  padding: 60px 0;
  border-bottom: 1px solid #e1e8ed;
  text-align: center;
}

.theme-inner-banner h2 {
  font-size: 38px;
  font-weight: 700;
  color: #2c3e50; /* Color oscuro profesional */
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
}

/* Eliminamos el overlay ya que no hay imagen de fondo */
.theme-inner-banner .overlay {
  background: transparent;
  padding: 0;
}
/*------------------- Why WE Best -------------------*/
.why-we-best {
  background: url(../images/home/11.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  background-color: #707d9e;
  height: 570px;
  margin-bottom: 270px;
}
.why-we-best .overlay {
  background: rgba(0,26,87,0.9);
  padding: 95px 0 0 0;
  height: 570px;
}
.why-we-best .theme-title-one h2 {color: #fff;}
.why-we-best .theme-title-one h2:before {background: #ced7ec;}
.why-we-best .theme-title-one p {color: #cad2e5;}
.why-we-best .wrapper {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  margin: 55px 0 0 0;
}
.why-we-best .wrapper .img-box {
  background: url(../images/home/16.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 0 5px 5px 0;
  position: relative;
  height: 500px;
}
.why-we-best .wrapper .best-list-item {
  background: #fff;
  padding: 65px 20px 65px 50px;
  border-radius: 5px 0 0 5px;
}
.why-we-best .wrapper .best-list-item li {
  position: relative;
  margin-bottom: 50px;
  padding: 0 0 0 90px;
}
.why-we-best .wrapper .best-list-item li:last-child {margin-bottom: 0;}
.why-we-best .wrapper .best-list-item li h5 {margin-bottom: 10px;}
.why-we-best .wrapper .best-list-item li .icon {
  position: absolute;
  top:-10px;
  left:0;
  font-size: 60px;
}
/*---------------- Core Values ----------------*/
.core-values {background: #f8faff;padding: 95px 0 115px 0;}
.core-values .wrapper {margin-top: 20px;}
.core-values .single-value-block {margin-top: 40px;}
.core-values .single-value-block .image-box {
  position: relative;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.core-values .single-value-block .image-box  img {width: 100%;}
.core-values .single-value-block .image-box .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  text-align: center;
  border-radius: 5px 5px 0 0;
  background: rgba(0,26,87,0.5);
  opacity: 0;
  -webkit-transform:scale(1,0);
          transform:scale(1,0);
}
.core-values .single-value-block:hover .image-box .overlay {
  opacity: 1;
  -webkit-transform:scale(1);
          transform:scale(1);
}
.core-values .single-value-block .image-box .overlay a {
  background: #fff;
  padding: 0 23px;
  line-height: 40px;
  position: relative;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
.core-values .single-value-block .image-box .overlay a:hover {color: #fff;}
.core-values .single-value-block .text {
  background: #fff;
  border: 1px solid #e5ecff;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 25px 20px 25px 30px;
}
.core-values .single-value-block .text h5 {margin-bottom: 10px;}
/*--------------------- Theme Sidebar One ----------------------*/
.theme-sidebar-one .sidebar-box {margin-bottom: 50px;}
.theme-sidebar-one .title {font-weight: normal;margin-bottom: 25px;}
.theme-sidebar-one .service-categories ul li a {
  display: block;
  font-weight: 600;
  font-size: 18px;
  color: #232323;
  line-height: 45px;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  margin-bottom: 5px;
  padding-left: 20px;
}
.theme-sidebar-one .service-categories ul li a:hover,
.theme-sidebar-one .service-categories ul li.active a {background: #f5f8ff;border-color: #bccaea;}
.theme-sidebar-one .service-categories ul li:last-child a {margin: 0;}
.theme-sidebar-one .sidebar-brochures ul {padding: 0 25px;border-radius: 5px;}
.theme-sidebar-one .sidebar-brochures ul li a {
  display: block;
  line-height: 55px;
  color: #fff;
  font-size: 18px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  position: relative;
  padding-left: 30px;
}
.theme-sidebar-one .sidebar-brochures ul li:last-child a {border-bottom: 0;}
.theme-sidebar-one .sidebar-brochures ul li a i {
  position: absolute;
  top:0;
  left:0;
  line-height: 55px;
}
.theme-sidebar-one .sidebar-contact input,
.theme-sidebar-one .sidebar-contact textarea {
  width: 100%;
  max-width: 100%;
  background: #fff;
  border: none;
  border-bottom: 1px solid #dfdfdf;
  font-size: 16px;
}
.theme-sidebar-one .sidebar-contact input {padding-bottom: 12px;margin-bottom: 12px;}
.theme-sidebar-one .sidebar-contact textarea {
  height: 80px;
  resize:none;
  margin-bottom: 20px;
}
/*--------------------- Service Details ----------------------*/
.service-details .service-content .cover-img {border-radius: 5px;margin-bottom: 25px;}
.service-details .service-content .main-title {font-size: 30px;margin-bottom: 15px;}
.service-details .service-content p {padding-bottom: 25px;}
.service-details .service-content .sub-heading {font-weight: normal;margin-bottom: 15px;}
.service-details .service-content .presentation-section {padding: 30px 0 55px 0;}
.service-details .service-content .presentation-section .best-list-item li {
  position: relative;
  margin: 12px 0 0 0;
  padding: 0 0 4px 90px;
}
.service-details .service-content .presentation-section .best-list-item li:last-child {margin-bottom: 0;}
.service-details .service-content .presentation-section .best-list-item li h5 {margin-bottom: 10px;}
.service-details .service-content .presentation-section .best-list-item li .icon {
  position: absolute;
  top:-10px;
  left:0;
  font-size: 60px;
}
.service-details .service-content .presentation-section .chart {margin: 0 auto;}
.service-details .service-content .accordion-one .panel-group .panel-body p {padding: 0;}
.service-details .service-content .market-growth {padding-top: 65px;}
.service-details .service-content .market-growth .wrapper {padding-top: 20px;}
.service-details .service-content .market-growth img {width: 100%;border-radius: 5px;}
.service-details .service-content .market-growth ul {padding-left: 18px;}
.service-details .service-content .market-growth ul li {
  line-height: 34px;
  font-style: italic;
  padding-left: 18px;
  position: relative;
}
.service-details .service-content .market-growth ul li:before {
  content: '';
  font-family: 'font-awesome';
  font-size: 12px;
  color: #232323;
  line-height: 34px;
  position: absolute;
  left:0;
  top:0;
  font-style: normal;
  font-weight: 700;
}
/*---------------- Project Details ---------------*/
.project-details .main-title {font-size: 30px;margin-bottom: 15px;}
.project-details .project-details-sidebar p {padding-bottom: 15px;}
.project-details .project-details-sidebar .project-history {margin: 0 -5px;padding-top: 15px;}
.project-details .project-details-sidebar .project-history li {
  float: left;
  width: 50%;
  padding: 0 5px;
  margin-bottom: 25px;
}
.project-details .project-details-sidebar .social-icon li {display: inline-block;}
.project-details .project-details-sidebar .social-icon li a {
  color: #555555;
  font-size: 15px;
  margin-right: 15px;
}
.project-details .project-details-sidebar .charts {padding-top: 60px;}
.project-details .image-col img {border-radius: 5px;margin-bottom: 25px;}
.project-details .image-col img:last-child {margin-bottom: 0;}
.project-details #chartContainer {width: 100%;height: 300px;margin-top: 20px;}
/*---------------------- Blog Sidebar ---------------------*/
.blog-sidebar .sidebar-container {margin-bottom: 45px;}
.blog-sidebar .sidebar-search form {height: 52px;position: relative;}
.blog-sidebar .sidebar-search form input {
  width: 100%;
  height: 100%;
  border: none;
  border-bottom: 1px solid #dfdfdf;
  font-size: 16px;
  padding-right: 28px;
}
.blog-sidebar .sidebar-search form button {
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  width:25px;
  font-size: 14px;
  text-align: right;
  color: #555555;
  background: transparent;
}
.blog-sidebar .title {font-weight: normal;margin-bottom: 12px;text-transform: capitalize;}
.blog-sidebar .sidebar-categories ul li a {
  color: #555555;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 35px;
  position: relative;
  padding-left: 25px;
}
.blog-sidebar .sidebar-categories ul li a:before {
  content: '';
  font-family: 'font-awesome';
  font-size: 12px;
  position: absolute;
  line-height: 35px;
  top:0;
  left:0; 
}
.blog-sidebar .sidebar-recent-post li {
  padding: 10px 0 13px 0;
  margin-bottom: 9px;
  border-bottom: 1px solid #e5e5e5;
}
.blog-sidebar .sidebar-recent-post li img {
  width: 65px;
  height: 60px;
  border-radius: 5px;
}
.blog-sidebar .sidebar-recent-post li .post {
  width: calc(100% - 65px);
  padding-left: 20px;
}
.blog-sidebar .sidebar-recent-post li .post a {
  font-family: 'Source Sans Pro', sans-serif;
  color: #232323;
  line-height: 24px;
  margin-top: -5px;
}
.blog-sidebar .sidebar-recent-post li .post .date {
  font-size: 15px;
  color: #9ca6bf;
  font-style: italic;
  margin-top: 7px;
}
.blog-sidebar .sidebar-recent-post li:last-child {
  border:none;
  margin: 0;
  padding-bottom: 0;
}
.blog-sidebar .sidebar-archives ul li a {
  color: #555555;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 32px;
  position: relative;
  padding-left: 28px;
}
.blog-sidebar .sidebar-archives ul li a:before {
  content: '';
  font-family: 'font-awesome';
  font-size: 14px;
  position: absolute;
  line-height: 32px;
  top:0;
  left:0; 
}
.blog-sidebar .sidebar-tags ul {margin: 0 -2px;}
.blog-sidebar .sidebar-tags ul li {float: left;padding: 0 2px;}
.blog-sidebar .sidebar-tags ul li a {
  color: #555555;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 17px;
  line-height: 28px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  margin-top: 4px;
  padding: 0 12px;
}
.blog-sidebar .sidebar-tags ul li.active a,
.blog-sidebar .sidebar-tags ul li a:hover {color: #fff;}
/*------------------- Blog Details ---------------*/
.blog-details .single-blog .post-meta .title {font-size: 26px;line-height: 30px;margin: 25px 0 20px 0;}
.blog-details .single-blog .post-meta p {padding-bottom: 25px;margin-bottom: 0;}
.blog-details .single-blog .post-meta .mark-text img {width: 100%;border-radius: 5px;}
.blog-details .single-blog .post-meta .mark-text .inner-text {
  text-align: center;
  position: relative;
  padding-top: 140px;
  margin: 0 10px;
}
.blog-details .single-blog .post-meta .mark-text .inner-text p {font-style: italic;}
.blog-details .single-blog .post-meta .mark-text .inner-text:before {
  content: "\f10c";
  font-family: Flaticon;
  position: absolute;
  color: #eeeeee;
  font-size: 45px;
  top:55px;
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
}
.blog-details .single-blog .post-meta .mark-text {padding: 18px 0 40px 0;}
.blog-details .share-option {border-top: 1px solid #e5e5e5;margin-top: 18px;}
.blog-details .share-option ul {padding-top: 12px;}
.blog-details .share-option .tag-meta li,
.blog-details .share-option .social-icon li {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  color: #232323;
}
.blog-details .share-option .tag-meta li i,
.blog-details .share-option .social-icon li i {
  font-size: 15px;
  margin-right: 2px;
}
.blog-details .share-option .tag-meta li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  color: #555555;
}
.blog-details .share-option .social-icon li a {
  font-size: 15px;
  color: #777777;
  margin-left: 12px;
}
.blog-details .share-option .social-icon li:nth-child(2) a {margin-left: 3px;}
.our-blog .inner-box {margin-top: 70px;}
.our-blog .inner-box .theme-title-one h2 {
  font-size: 30px;
  text-align: left;
  margin-bottom: 40px;
}
.our-blog .inner-box .theme-title-one h2:before {left:0;margin: 0;}
.related-post-slider .item {margin: 0 15px;}
.our-blog .comment-area .single-comment img {
  width: 70px;
  height: 70px;
  border-radius: 5px;
}
.our-blog .comment-area .single-comment .comment {
  width: calc(100% - 70px);
  padding-left: 25px;
}
.our-blog .comment-area .single-comment .comment p {padding: 6px 0 8px 0;}
.our-blog .comment-area .single-comment .comment a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}
.our-blog .comment-area .single-comment {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 28px;
}
.our-blog .comment-area .single-comment:last-child {margin: 0;padding: 0;border: none;}
/*---------------- Contact Us ----------------*/
.google-map-two {height: 410px;}
.contact-us-section .main-content {
  margin-top: 50px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}
.contact-us-section .img-box {
  background: url(../images/home/22.jpg) no-repeat center;
  background-size: cover;
  height: 500px;
  border-radius: 5px 0 0 5px;
}
.contact-us-section .form-wrapper {
  background: #fff;
  border-radius: 0 5px 5px 0;
  height: 500px;
  padding: 75px 40px 60px 40px;
}
.theme-form-one input:focus,
.theme-form-one textarea:focus {border-bottom-color: #001a57;}
/*======================= Form Validation ===================*/
.alert-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
  z-index: 9999999;
}
#success,#error {
  position: relative;
  width:500px;
  height: 100px;
  top: calc(50% - 50px);
  left:calc(50% - 250px);
  background: rgba(0,0,0,0.8);
  text-align: center;
}
#success .wrapper,#error .wrapper {
  display: table;
  width:100%;
  height: 100%;
}
#success .wrapper p,#error .wrapper p{
  display: table-cell;
  vertical-align: middle;
  letter-spacing: 1px;
}
#success p {color: #26ace3;}
#error p {color: #C9182B;}
#error button,
#success button {
  color:#fff;
  width:40px;
  height:40px;
  line-height: 20px;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 20px;
}
.form-validation label.error {display: none !important;}
.form-validation input.error,.form-validation textarea.error {border-bottom:1px solid #f03838 !important;}
/*------------------- Compnay Branch Address ----------------*/
.branch-address {background: #f2f3f6;padding: 38px 0;}
.address-slider .item {margin: 0 15px;cursor: move;}
.branch-address .wrapper p {
  font-size: 17px;
  line-height: 25px;
  position: relative;
  padding-left: 35px;
  margin-top: 10px;
}
.branch-address .wrapper p i {
  position: absolute;
  top:5px;
  left:0;
  font-size: 18px;
}
/*--------------------- Shop Page --------------------*/
.shop-page .shop-filter li:first-child {
  float: left;
  line-height: 40px;
  font-size: 17px;
}
.shop-page .shop-filter li:last-child {float: right;line-height: 40px;}
.shop-page .shop-filter li:last-child .form-control {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  height: 100%;
  outline: none;
  box-shadow: none;
}
.shop-page .shop-filter {margin-bottom: 60px;}
.shop-page .single-product .image-box {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  min-height: 340px;
  position: relative;
  overflow: hidden;
}
.shop-page .single-product .image-box  img {
  position: absolute;
  top:50%;
  left: 50%;
  border-radius: 5px;
  -webkit-transform: translate(-50% , -50%);
          transform: translate(-50% , -50%);
  transition:all 0.5s ease-in-out;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12);
}
.shop-page .single-product:hover .image-box img {
  -webkit-transform:translate(-50% , -50%) scale3D(1.1,1.1,1);
          transform:translate(-50% , -50%) scale3D(1.1,1.1,1);
}
.shop-page .single-product .product-name {text-align: center;margin-top: 20px;position: relative;}
.shop-page .single-product .product-name .price {
  font-weight: 600;
  font-size: 22px;
}
.shop-page .single-product .product-name .price del {
  font-size: 18px;
  color: #afafaf;
  font-weight: normal;
}
.shop-page .single-product:hover .product-name .price {opacity: 0;}
.shop-page .single-product .product-name .add-to-cart {
  position: absolute;
  width: 100%;
  bottom: -10px;
  opacity: 0;
  left:0;
  text-align: center;
}
.shop-page .single-product .product-name .add-to-cart a {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 33px;
}
.shop-page .single-product .product-name .add-to-cart a:hover {text-decoration: underline;}
.shop-page .single-product .product-name .add-to-cart a i {font-weight: normal;}
.shop-page .single-product:hover .product-name .add-to-cart {
  opacity: 1;
  bottom: 0;
}
.shop-page .single-product {margin-bottom: 40px;}
/*------------------ Shop Details ------------------*/
.shop-details .product-details .product-tab {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  min-height: 380px;
}
.shop-details .product-details .product-tab .product-preview {
  width: 70%;
  float: left;
  border-right: 1px solid #d7d7d7;
  height: 380px;
  position: relative;
}
.shop-details .product-details .product-tab .product-preview img {
  position: absolute;
  top:50%;
  left:50%;
  border-radius: 5px;
  -webkit-transform:translate(-50% , -50%);
          transform:translate(-50% , -50%);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12);
}
.shop-details .product-details .product-tab .product-thumbnail {
  float: left;
  width: 30%;
  height: 90px;
}
.shop-details .product-details .product-tab .product-thumbnail .nav-tabs {
  border: none;
  position: relative;
  top:50%;
  display: block;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
.shop-details .product-details .product-tab .product-thumbnail .nav-tabs li {
  margin:0;
  text-align: center;
}
.shop-details .product-details .product-tab .product-thumbnail .nav-tabs li a {
  padding: 0;
  margin: 15px 0;
  border: none;
  background: transparent;
  display: inline-block;
}
.shop-details .product-details .product-tab .product-thumbnail .nav-tabs li a img {
  border-radius: 5px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12);
}
.shop-details .product-details .product-info {padding-left: 20px;}
.shop-details .product-details .product-info .title {font-size: 26px;}
.shop-details .product-details .product-info .price {
  font-size: 28px;
  font-weight: 600;
  margin: 5px 0 12px 0;
}
.shop-details .product-details .product-info .price del {
  font-size: 20px;
  font-weight: normal;
  color: #afafaf;
  margin-right: 5px;
}
.shop-details .product-details .product-info .order-box li {
  display: inline-block;
  vertical-align: middle;
}
.shop-details .product-details .product-info .order-box li:nth-child(1) {
  font-family: 'Nunito Sans', sans-serif;
  color: #232323;
  margin-right: 5px;
}
.shop-details .product-details .product-info .order-box li:nth-child(2) button,
.shop-details .product-details .product-info .order-box li:nth-child(2) input {
  background: transparent;
  display: inline-block;
  line-height: 30px;
  border: none;
  text-align: center;
}
.shop-details .product-details .product-info .order-box li:nth-child(2) {
  border: 1px solid #d7d7d7;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 5px;
}
.shop-details .product-details .product-info .order-box li:nth-child(2) button {
  font-size: 20px;
  font-weight: 300;
}
.shop-details .product-details .product-info .order-box li:nth-child(2) input {
  width: 40px;
  margin-left: 10px;
}
.shop-details .product-details .product-info .order-box {margin: 35px 0 30px 0;}
.shop-details .product-review-tab {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  margin: 100px 0 75px 0;
  padding: 22px 40px 20px 40px;
}
.shop-details .product-review-tab .nav-tabs .nav-link {
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  font-weight: 600;
  font-size: 20px;
  color: #232323;
  padding: 0 0 15px 0;
  margin-right: 35px;
}
.shop-details .product-review-tab .nav-tabs .nav-item.show .nav-link,
.shop-details .product-review-tab .nav-tabs .nav-link.active {
  border-bottom-color: #001a57;
  background: transparent;
}
.shop-details .product-review-tab .tab-content {padding-top: 28px;}
.shop-details .product-review-tab .tab-content p {padding-bottom: 13px;}
.shop-details .product-review-tab img {width: 70px;}
.shop-details .product-review-tab .comment {
  width: calc(100% - 70px);
  padding-left: 20px;
}
.shop-details .product-review-tab .comment ul li {
  display: inline-block;
  font-size: 15px;
  color: #ecc230;
}
.shop-details .product-review-tab .single-review {margin-bottom: 20px;}
.shop-details .product-review-tab .single-review:last-child {margin: 0;}
.shop-details .related-product .theme-title-one {text-align: left;margin-bottom: 50px;}
.shop-details .related-product .theme-title-one h2 {font-size: 30px;}
.shop-details .related-product .theme-title-one h2:before {
  left:0;
  margin: 0;
}
.shop-details .related-product {margin-bottom: 70px;}
/*---------------------- Faq Page ------------------*/
.faq-page .faq-panel {margin-top: 90px;}
.faq-page .faq-panel .panel-group {
  border:1px solid #efefef;
  border-bottom: none;
}
.faq-page .faq-panel .panel {margin: 0;}
.faq-page .panel-group .panel-heading h6 a {
  color:#1c2125;
  padding: 24px 63px 24px 30px;
  display: block;
  position: relative;
}
.faq-page .panel-group .panel-heading h6 a:before {
  content: '+';
  width:60px;
  height:100%;
  position: absolute;
  top:0;
  right:0;
  background: #f8f8f8;
  border-left:1px solid #efefef;
  text-align: center;
  line-height: 65px;
  font-size: 18px;
}
.faq-page .panel-group .panel-heading.active-panel h6 a:before {
  content: '';
  font-family: 'font-awesome';
  font-size: 14px;
}
.faq-page .panel-group .panel-heading {border-bottom:1px solid #efefef;}
.faq-page .panel-group .panel-body {padding: 35px 50px 50px 30px; border-bottom:1px solid #efefef;}
.faq-page .panel-group .panel-body ol {margin:15px 0;padding: 0 0 0 20px;}
.faq-page .panel-group .panel-body ol li {line-height: 28px;}
/*----------------------------- Error Page --------------------------*/
.error-page {text-align: center;margin-bottom: 175px;}
.error-page h2 {
  font-size: 140px;
  font-weight: 700;
  letter-spacing: 14px;
}
.error-page h3 {
  font-weight: normal;
  color:#413f3f;
  font-size: 42px;
  margin: 18px 0 32px 0;
}
.error-page p {
  font-size: 20px;
  color:rgba(0,0,0,0.6);
  margin-bottom: 56px;
}
.error-page a {line-height: 55px;}
.error-page span.or {
  font-size: 18px;
  color:#2f2f2f;
  margin:0 16px;
}
.error-page input {
  height:55px;
  width:380px;
  padding: 0 20px;
  border:1px solid #f0f0f0;
}
.feature-banner .opacity {
    background: #F24E1E !important; 
    display: flex;
    align-items: center;
    padding: 30px 0; 
}

.feature-banner .opacity .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.feature-banner .opacity h2 {
    font-size: 30px; 
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff; 
    margin: 0;
    padding: 0;
}
.quiero-socio-btn {
    background: #ffffff; 
    color: #F24E1E; 
    border: 3px solid #ffffff;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.quiero-socio-btn:hover {
    background: #F24E1E; 
    color: #ffffff; 
    border-color: #ffffff; 
}
.feature-banner {
    min-height: auto;
} 

.theme-footer-one .top-footer .about-widget .queries a {
    display: block; 
    margin-top: 5px; 
    font-size: 16px; 
    line-height: 1.4;
}
.theme-footer-one .top-footer .about-widget .queries {
    display: block;
    margin-top: 20px;
}
.logo-on-menu {
    flex-shrink: 0; /* Evita que el logo se encoja */
}
.menu-wrapper {
    flex-grow: 1; /* Permite que el menú ocupe el espacio central */
}
.right-widget {
    flex-shrink: 0; /* Evita que el widget se encoja */
} 
.social-icon-png {
    width: 24px;   /* Ajuste el ancho que necesite */
    height: 24px;  /* Ajuste la altura que necesite */
    vertical-align: middle; /* Ayuda a la alineación con el texto "Redes:" */
}
.social-links-footer a {
    display: inline-block !important; 
    margin-right: 10px; 
    margin-top: 0 !important;
}
.theme-footer-one .top-footer .about-widget .queries .social-links-footer {
    display: block;
    margin-top: 10px; 
}
.theme-footer-one .top-footer .about-widget .queries a {
    display: block; 
    margin-top: 5px; 
}
.quiero-socio-btn {
    background: #ffffff; 
    color: #F24E1E; 
    border: 3px solid #ffffff;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.quiero-socio-btn:hover {
    background: #F24E1E; 
    color: #ffffff; 
    border-color: #ffffff; 
}
.theme-footer-one .top-footer .about-widget .queries a {
    display: block; 
    margin-top: 5px; 
    font-size: 16px; 
    line-height: 1.4;
}
.theme-footer-one .top-footer .about-widget .queries {
    display: block;
    margin-top: 20px;
}
.social-icon-png {
    width: 24px;   
    height: 24px;  
    vertical-align: middle; 
}
.social-links-footer a {
    display: inline-block !important; 
    margin-right: 10px; 
    margin-top: 0 !important;
}
.theme-footer-one .top-footer .about-widget .queries .social-links-footer {
    display: block;
    margin-top: 10px; 
}

.header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 0; 
}
.logo-area {
    flex-shrink: 0;
}
.main-menu {
    flex-grow: 1; 
    text-align: right; /* Alinea los ítems del menú a la derecha */
}
.main-menu ul {
    display: flex;
    justify-content: flex-end; /* Mueve los ítems del menú hacia la derecha */
    list-style: none;
    margin: 0;
    padding: 0;
}
.theme-footer-one .about-widget,
.theme-footer-one .footer-combined-list {
    padding-left: 30px;
    padding-right: 30px; 
    margin-bottom: 30px; 
}
.footer-button-area {
    margin-top: 30px; 
}
.theme-footer-one .about-widget,
.theme-footer-one .footer-combined-list {
    padding-left: 30px;
    padding-right: 30px; 
}
.theme-menu-wrapper ul li a {
    text-transform: none !important; 
}
.theme-menu-wrapper ul li a {
    text-transform: capitalize !important; 
}
.theme-footer-one .top-footer {
    background-color: #F24E1E !important; 
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important; 
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.theme-footer-one .top-footer .container {
    max-width: none; /* Asegura que no tenga un límite rígido heredado de otros contenedores */
    padding-left: 15px; /* Valor típico para padding en frameworks (ej: Bootstrap) */
    padding-right: 15px;
}
.theme-footer-one {
    width: 100% !important;
    max-width: none !important;
}
.theme-footer-one .bottom-footer {
    background-color: #F24E1E !important; 
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important; 
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.theme-menu-wrapper.fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important; /* <--- ESTO ELIMINA EL BLANCO FINAL */
    background-color: #ffffff !important; /* Cambia a #1a1a1a si quieres gris */
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Opcional: sombra suave */
}
.theme-menu-wrapper.fixed .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;  /* Cambia a 15px si el texto queda muy pegado */
    padding-right: 0 !important; /* Cambia a 15px si el texto queda muy pegado */
    background-color: transparent !important;
}
.theme-menu-wrapper.fixed .bg-wrapper {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}
body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important; /* Evita barra de desplazamiento horizontal */
}
.theme-footer-one .top-footer, 
.theme-footer-one .bottom-footer {
    background-color: #F24E1E !important; 
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important; 
}
.about-compnay-two {
    padding-top: 150px; 
}
.year-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    gap: 15px;
}
.year-btn {
    background-color: #f1f1f1;
    border: none;
    color: #333;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 5px;
}

.year-btn:hover {
    background-color: #ddd;
}
.year-btn.active {
    background-color: #F24E1E; /* Verde Cooperativa */
    color: white;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.year-content {
    animation: fadeIn 0.5s;
}

.file-list-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.file-item {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 20px;
    border-radius: 8px;
    width: 300px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: transform 0.3s;
}

.file-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-color: #F24E1E;
}

.file-item .icon {
    font-size: 40px;
    color: #ff0000; /* Color rojo para icono PDF */
    margin-right: 15px;
}

.file-item h5 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}

.download-link {
    font-size: 14px;
    color: #F24E1E;
    text-decoration: underline;
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

.directivos-section {
    background-color: #f9f9f9; /* Fondo gris muy suave para diferenciar la sección */
    padding-bottom: 80px;
}

.board-title {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-bottom: 30px;
    border-bottom: 2px solid #F24E1E; /* Línea verde debajo del título */
    padding-bottom: 10px;
    display: inline-block;
}

.board-title i {
    color: #F24E1E;
    margin-right: 10px;
}

.authority-card {
    background: #fff;
    padding: 15px 20px;
    margin-bottom: 15px;
    border-radius: 4px;
    border-left: 5px solid #F24E1E; /* Borde lateral verde */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.authority-card:hover {
    transform: translateX(5px); /* Pequeño movimiento al pasar el mouse */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.authority-card.substitute {
    border-left-color: #666; /* Borde gris para suplentes */
    background: #fdfdfd;
}

.authority-card .role {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    color: #777;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-weight: 600;
}

.authority-card .name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #222;
}

.legal-box {
    background: #fff;
    padding: 30px;
    border-left: 5px solid #F24E1E; /* Verde Cooperativa */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 40px;
    border-radius: 5px;
}
.legal-box h4 {
    color: #F24E1E;
    margin-bottom: 15px;
    font-weight: 700;
}
.legal-box i { margin-right: 10px; }

/* 2. Sección de Leyes y Resoluciones */
.section-subtitle {
    font-weight: 700;
    color: #333;
    margin: 30px 0 25px 0;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    display: inline-block;
}

/* Tarjeta Individual de Ley */
.law-card {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    border: 1px solid #eee;
    transition: all 0.3s ease;
    height: 100%; /* Misma altura en filas */
}
.law-card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    border-color: #F24E1E;
    transform: translateY(-3px);
}
.law-card .law-icon {
    font-size: 24px;
    color: #F24E1E;
    margin-right: 15px;
    margin-top: 5px;
    width: 30px;
    text-align: center;
    flex-shrink: 0;
}
.law-card .law-content { flex-grow: 1; }
.law-card h5 {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 8px;
}
.law-card p {
    font-size: 13px;
    color: #666;
    line-height: 1.4;
    margin-bottom: 12px;
}
/* Enlace "LEER" */
.read-link {
    font-size: 12px;
    font-weight: 800;
    color: #F24E1E;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: margin 0.2s;
}
.read-link i { margin-left: 5px; font-size: 10px; }
.read-link:hover { color: #F24E1E; margin-left: 8px; }


/* 3. Bloque del Socio */
.socio-box { margin-top: 40px; }

.socio-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.socio-header .icon {
    width: 50px;
    height: 50px;
    background: #F24E1E;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    margin-right: 15px;
    flex-shrink: 0;
}
.socio-header h4 {
    font-weight: 700;
    margin: 0;
    color: #333;
}

.document-list { margin-top: 30px; }

.doc-card {
    background: #fff;
    padding: 15px 20px;
    margin-bottom: 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e1e1e1;
    transition: all 0.3s ease;
}
.doc-card:hover {
    border-color: #F24E1E;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}
.doc-card .doc-icon {
    font-size: 24px;
    color: #666;
    margin-right: 15px;
}
.doc-card .doc-info {
    font-weight: 600;
    color: #444;
    flex-grow: 1;
}
/* Botón VER PDF */
.doc-btn {
    background-color: #F24E1E;
    color: #fff !important;
    padding: 8px 15px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    margin-left: 10px;
    text-decoration: none;
}
.doc-btn:hover { background-color: #004d00; }

/* 4. Alerta Final */
.alert-update {
    background-color: #e8f5e9; /* Verde muy claro */
    color: #F24E1E;
    padding: 15px;
    border-radius: 5px;
    margin-top: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.alert-update i { font-size: 20px; margin-right: 10px; }
/* Contenedor del formulario centrado */
.form-centered {
    background: #ffffff;
    padding: 40px 50px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05); /* Sombra suave */
    border-radius: 8px;
    border-top: 5px solid #F24E1E; /* Borde superior verde decorativo */
}

/* Estilo de las etiquetas (Labels) */
.theme-form-one label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
    display: block;
    margin-top: 15px; /* Espacio arriba de cada campo */
}

/* Estilo de los Inputs y Selects */
.theme-form-one input,
.theme-form-one select,
.theme-form-one textarea {
    width: 100%;
    background: #f4f7f6; /* Fondo gris muy claro para los campos */
    border: 1px solid #e1e1e1;
    height: 50px;
    padding: 0 20px;
    border-radius: 4px;
    color: #555;
    transition: all 0.3s ease-in-out;
}

/* Efecto al hacer clic en un campo */
.theme-form-one input:focus,
.theme-form-one select:focus {
    border-color: #F24E1E; /* Borde verde al escribir */
    background: #fff;
    outline: none;
}

/* Ajuste específico para selects */
.theme-form-one select {
    appearance: none; /* Limpia el estilo por defecto del navegador */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); /* Flechita personalizada */
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 50%;
}

/* Contenedor del botón */
.button-wrapper {
    margin-top: 30px;
    text-align: center;
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .form-centered {
        padding: 20px 15px;
    }
}
/* Variables de color necesarias */
:root {
    --coop-green: #F24E1E; 
    --bg-light: #f4f7f6;
    --text-body: #555;
}

/* Base de la sección y párrafos */
.section-spacing { padding: 10px 0; }
.history-section { background-color: var(--bg-light); }
.history-text-content p {
    color: var(--text-body);
    margin-bottom: 20px;
    line-height: 1.7;
}

/* Estilo de la imagen */
.image-wrapper-history { 
    position: relative; 
    padding: 20px; 
}
.image-wrapper-history .left-img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); 
    position: relative;
    z-index: 1;
}
.image-wrapper-history::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 80%;
    border-bottom: 4px solid var(--coop-green);
    border-left: 4px solid var(--coop-green);
    border-radius: 8px;
    z-index: 0;
}

@media (min-width: 992px) { 
    .history-text-content {
        padding-left: 30px; /* Asegura un espacio entre la imagen y el texto */
    }
}
@media (max-width: 991px) {
    .history-text-content {
        padding-left: 15px; /* Padding izquierdo mínimo para separarse del borde del contenedor */
        padding-right: 15px; /* Padding derecho mínimo */
        padding-top: 40px; /* Espacio entre la imagen y el texto */
    }
    .image-wrapper-history::before {
        display: none; /* Ocultar el marco en móvil */
    }
}

:root {
    --coop-green: #F24E1E; 
    --coop-green-light: #f0f4f0; 
    --text-dark: #333;
    --text-body: #555;
}

/* Estilos de Título y Espaciado (Asumidos del estilo unificado) */
.section-spacing { padding: 10px 0; }
.theme-title-one h2 { color: var(--text-dark); font-weight: 800; margin-bottom: 10px; font-size: 32px; }
.theme-title-one p { font-size: 18px; color: #666; margin-top: 0; margin-bottom: 40px; text-align: center; }

.identity-section { background-color: #fff; }

/* Iconos circulares */
.icon-box {
    width: 50px;
    height: 50px;
    background-color: var(--coop-green-light); 
    color: var(--coop-green); 
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    margin-right: 20px;
    flex-shrink: 0;
}

.identity-list {
    list-style: none;
    padding: 0;
}

.identity-item {
    display: flex;
    margin-bottom: 30px;
}
.identity-item h5 {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 10px;
}
.identity-item p {
    color: var(--text-body);
    line-height: 1.6;
    margin: 0;
}

/* Etiqueta de valores */
.values-tags { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px; 
    margin-top: 10px; 
}

.values-tags span {
    background-color: #fff;
    border: 1px solid var(--coop-green);
    color: var(--coop-green);
    padding: 5px 15px;
    border-radius: 20px; 
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: default;
}

.values-tags span:hover {
    background-color: var(--coop-green);
    color: #fff;
    transform: translateY(-2px);
}
.authority-card {
    padding: 15px;
    background-color: #fff; /* O el color que prefieras */
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Sombra suave opcional */
    border-left: 4px solid #F24E1E; /* Detalle de color opcional */
}
.authority-card.substitute {
    border-left-color: #6c757d;
}

.member-img img {
    width: 70px;  /* Ancho fijo de la imagen */
    height: 70px; /* Alto fijo (igual al ancho para que sea cuadrada/circular) */
    object-fit: cover; /* IMPORTANTE: Evita que la cara se deforme si la foto no es cuadrada */
    border: 2px solid #eee; /* Borde suave alrededor de la foto */
}
html {
    scroll-behavior: smooth;
}

#directivos, 
#memoria, 
#estatuto {

    scroll-margin-top: 170px; 
}

.download-box {
    max-width: 650px;
    margin: 40px auto 0 auto; /* Centrar y dar margen superior */
    padding: 40px 30px;
    border: 2px solid #F24E1E; /* Borde de color primario */
    border-radius: 15px;
    background-color: #f7fbff; /* Fondo muy claro */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.large-icon {
    font-size: 5rem;
    color: #dc3545; /* Rojo clásico de archivos PDF */
    margin-bottom: 20px;
    display: block;
}

/* Estilo del texto dentro de la caja */
.download-box h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.6rem;
    color: #333;
}

.download-box p {
    font-size: 1rem;
    color: #555;
}

.download-button {
    display: inline-block;
    margin-top: 25px;
    padding: 15px 40px;
    background-color: #F24E1E;
    color: white !important; /* !important para asegurar que sobrescriba otros estilos */
    text-decoration: none;
    border-radius: 50px; /* Botón tipo píldora */
    font-weight: bold;
    letter-spacing: 0.5px;
    transition: background-color 0.3s, transform 0.2s;
}

.download-button:hover {
    background-color: #F24E1E;
    transform: translateY(-2px); /* Pequeño levantamiento */
}

.download-button .fa {
    margin-right: 10px;
}

#savingsCarousel {
    border-radius: 15px;
    overflow: hidden; /* Asegura que el contenido respete el radio */
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2); /* Sombra más fuerte y elegante */
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}

.carousel-item {
    background: linear-gradient(135deg, #f0faff 0%, #ffffff 100%); 
}

.carousel-content-item {
    padding: 40px 0;
    align-items: center; 
}

.btn-primary-custom {
    display: inline-block;
    padding: 12px 25px;
    background-color: #ff3c00; /* Naranja vibrante */
    color: white !important;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    letter-spacing: 0.5px;
    transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
    box-shadow: 0 6px 15px rgba(40, 167, 69, 0.5); /* Sombra marcada */
}

.btn-primary-custom:hover {
    background-color: #F24E1E;
    transform: translateY(-3px); /* Efecto "levantar" */
    box-shadow: 0 8px 20px rgba(40, 167, 69, 0.6);
}

/* 4. Títulos de Producto */
.carousel-content-item h3 {
    color: #F24E1E;
    font-weight: 800;
    margin-bottom: 15px;
    border-left: 5px solid #F24E1E; /* Borde vertical para destacar */
    padding-left: 15px;
    padding-bottom: 5px;
}

/* 5. Lista de Características (Feature List) */
.product-features {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
}

.product-features h4 {
    color: #555;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.product-features li {
    margin-bottom: 10px;
    font-size: 1rem;
    color: #495057;
}

/* Iconos de la lista más grandes y resaltados */
.product-features li i {
    font-size: 1.2rem;
    color: #28a745; /* Iconos en color de éxito */
    margin-right: 12px;
}
/* Estilos para el nuevo contenedor de requisitos */
.requirements-box {
    padding: 30px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Estilo de la lista de requisitos */
.styled-list.large-list {
    list-style: none; /* Quitamos los puntos de lista predeterminados */
    padding-left: 0;
}

.styled-list.large-list h4 {
    color: #165729; /* Color principal para el título de cada requisito */
    font-weight: 700;
    margin-bottom: 5px;
}

.styled-list.large-list li i {
    font-size: 1.5rem; /* Iconos un poco más grandes */
    color: #F24E1E; /* Iconos en color verde (éxito) */
    margin-right: 15px;
}

.styled-list.large-list li p {
    margin-left: 38px; /* Alinea el párrafo con el texto del título */
    color: #555;
}
/* Estilos CSS actualizados con el color principal #165729 */

/* ------------------------------------------- */
/* Estilos para DIRECTIVOS */
/* ------------------------------------------- */
.authority-card {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    /* Color Principal cambiado */
    border-left: 4px solid #F24E1E; 
    transition: transform 0.3s;
}
.authority-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.authority-card.substitute {
    /* Mantenemos el gris para suplentes */
    border-left-color: #6c757d; 
}
.member-img img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border: 4px solid #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.member-img.me-3, .member-img.mr-3 {
    margin-right: 20px !important;
}
.role { font-size: 1rem; color: #666; font-weight: 600; margin-bottom: 5px; }
.name { font-size: 1.25rem; font-weight: 700; margin-bottom: 0; color: #333; }
.board-title {
    font-size: 1.8rem;
    /* Color Principal cambiado */
    color: #F24E1E;
    font-weight: 700;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 30px !important;
}
.board-title i {
    margin-right: 10px;
}


/* ------------------------------------------- */
/* Estilos para MEMORIA Y BALANCES (Tabs) */
/* ------------------------------------------- */
.year-tabs {
    display: flex; justify-content: center; margin-bottom: 40px; padding: 10px; border-bottom: 2px solid #eee;
}
.year-btn {
    background-color: #f8f8f8; color: #444; border: 1px solid #ddd; padding: 12px 25px; cursor: pointer; margin: 0 8px; transition: all 0.3s ease; border-radius: 5px; font-size: 1.1rem; font-weight: 600;
}
.year-btn:hover { background-color: #e9e9e9; }
.year-btn.active {
    /* Color Principal cambiado */
    background-color: #F24E1E; 
    color: white; 
    border-color: #F24E1E; 
    box-shadow: 0 4px 10px rgba(22, 87, 41, 0.4); /* Sombra basada en el nuevo color */
}
.file-list-row { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; }
.file-item { display: flex; align-items: center; background-color: #ffffff; padding: 15px 20px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); border-left: 5px solid #dc3545; width: 320px; }
.file-item .icon { font-size: 2.2rem; color: #dc3545; margin-right: 15px; min-width: 30px; }
/* Color Principal cambiado para enlaces de descarga */
.download-link { color: #F24E1E; text-decoration: none; font-weight: bold; font-size: 0.9rem; }

.download-box {
    max-width: 650px; margin: 40px auto 0 auto; padding: 40px 30px; 
    /* Color Principal cambiado */
    border: 2px solid #F24E1E; 
    border-radius: 15px; 
    /* Fondo claro basado en el color principal */
    background-color: #f7fff9; 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); text-align: center;
}
.large-icon { font-size: 5rem; color: #dc3545; margin-bottom: 20px; display: block; }
.download-button {
    display: inline-block; margin-top: 25px; padding: 15px 40px; 
    /* Color Principal cambiado */
    background-color: #F24E1E; 
    color: white !important; text-decoration: none; border-radius: 50px; font-weight: bold; letter-spacing: 0.5px; transition: background-color 0.3s, transform 0.2s;
}
.download-button:hover { 
    /* Hover más oscuro */
    background-color: #0d3219; 
    transform: translateY(-2px); 
}
.service-section {
    background-color: #fff;
    padding: 80px 0;
}

/* Título con subrayado elegante */
.theme-title-one h2 {
    color: var(--text-dark); /* #333 */
    font-weight: 800;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 0px;
}

.title-underline {
    width: 50px;
    height: 3px;
    background-color: #ccc; /* Gris suave */
    margin-bottom: 25px;
}

/* Texto descriptivo */
.text-content .description {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 25px;
}

.text-content strong {
    color: var(--coop-green); /* #006400 */
    font-weight: 700;
}

/* Subtítulo de requisitos */
.sub-heading {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 15px;
}

/* LISTA PROFESIONAL (Con Checks) */
.professional-list {
    list-style: none; /* Quita los puntos por defecto */
    padding: 0;
    margin: 0 0 30px 0;
}

.professional-list li {
    position: relative;
    padding-left: 30px; /* Espacio para el icono */
    margin-bottom: 10px;
    color: #555;
    font-size: 15px;
}

/* Creamos el icono de check verde con CSS (requiere FontAwesome cargado) */
.professional-list li::before {
    content: '\f00c'; /* Código del check de FontAwesome */
    font-family: "Font Awesome 5 Free"; /* O la versión que uses */
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--coop-green); /* Verde */
    font-size: 14px;
}

/* Botón de enlace */
.read-more-btn {
    font-weight: 700;
    color: var(--coop-green);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s;
    border-bottom: 2px solid transparent;
}

.read-more-btn:hover {
    color: #F24E1E;
    border-bottom: 2px solid #F24E1E;
}
.read-more-btn i {
    margin-left: 5px;
    transition: margin-left 0.3s;
}
.read-more-btn:hover i {
    margin-left: 10px;
}

.image-frame-modern {
    position: relative;
    padding: 10px; /* Espacio para que el marco no toque la imagen */
    margin-top: 20px; /* Espacio en móvil */
}

.image-frame-modern .main-img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2; /* La imagen va encima */
    border-radius: 4px;
}

/* El Marco Verde en L */
.image-frame-modern::before {
    content: '';
    position: absolute;
    /* Ajusta la posición del marco */
    bottom: -10px; 
    left: -10px;
    width: 60%;  /* Largo de la línea horizontal */
    height: 60%; /* Largo de la línea vertical */
    border-bottom: 4px solid var(--coop-green); /* Línea abajo */
    border-left: 4px solid var(--coop-green);   /* Línea izquierda */
    border-radius: 0 0 0 8px; /* Redondea la esquina */
    z-index: 1; /* Va detrás de la imagen */
}

/* Ajustes Responsive */
@media (min-width: 992px) {
    .image-frame-modern {
        margin-left: 30px; /* Separación en escritorio */
        margin-top: 0;
    }
}

.savings-section {
    background-color: #f9f9f9; /* Cambiamos a gris claro para que resalten los cuadros */
    padding: 10px 0;
}

/* 2. Estilo de cada Cuadro (Reemplaza a savings-card-wrapper) */
.static-savings-card {
    background: #ffffff;
    padding: 30px; /* Padding interno del cuadro */
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* Sombra suave para que flote */
    border-top: 5px solid var(--coop-green); /* Línea verde arriba */
    height: 100%; /* Asegura que todos los cuadros tengan la misma altura */
    transition: transform 0.3s;
}
.static-savings-card:hover {
    transform: translateY(-5px); /* Efecto ligero al pasar el mouse */
}

/* 3. Contenido de la Tarjeta (Limpieza de estilos de carrusel) */
.savings-content {
    padding-left: 0; /* Ya no necesitamos el padding extra del carrusel */
}

/* 4. Título del Ahorro */
.savings-title {
    font-size: 24px; /* Reducimos el tamaño para que quepa mejor */
    font-weight: 700;
    color: var(--coop-green);
    padding-left: 0; /* Eliminamos el padding y la línea verde */
    border-left: none; /* Eliminamos la línea verde del lateral */
    margin-bottom: 20px; 
    margin-top: 10px;
}

/* 5. Icono Decorativo (Pequeño y en la parte superior del cuadro) */
.big-icon-small {
    font-size: 40px;
    color: var(--coop-green);
    opacity: 0.7;
    margin-bottom: 15px;
    display: block;
}

/* 6. Descripción */
.savings-desc {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 0; /* Quitamos el margen inferior para alineación */
}
.savings-desc strong {
    color: #333;
    font-weight: 700;
}

/* 7. Eliminamos todos los estilos de carrusel (Controles, indicadores, etc.) */
/* No se necesitan custom-control, custom-indicators, big-icon, etc. */

/* Ajuste móvil */
@media (max-width: 768px) {
    .static-savings-card { 
        padding: 25px; 
    }
}

.rates-table-card {
    background: #ffffff;
    padding: 25px; 
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); 
    border: 1px solid #e0e0e0;
    height: 100%; /* Asegura que ambas tarjetas tengan la misma altura */
}

/* Título de la tabla */
.rates-table-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--coop-green); /* Usamos el color verde de la cooperativa */
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e8f5e9; /* Separador sutil */
}

/* Estilo general de las tablas de Bootstrap */
.rate-table-responsive {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
}

/* Encabezados de la tabla (Plazo en Meses) */
.rate-table-responsive thead th {
    background-color: var(--coop-green);
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    padding: 12px 5px;
    border: 1px solid #4a7450;
    vertical-align: middle;
    font-size: 14px;
}
.rate-table-responsive thead th:first-child {
    background-color: #555555; /* Monto en gris oscuro para diferenciar */
}

/* Celdas del cuerpo de la tabla */
.rate-table-responsive tbody td {
    padding: 10px 5px;
    text-align: center;
    font-size: 14px;
    color: #333;
    border: 1px solid #e0e0e0;
    vertical-align: middle;
}

/* Columna del Monto (alineación izquierda para mejor lectura) */
.rate-table-responsive tbody td:first-child {
    text-align: left;
    font-weight: 600;
    color: #444;
}

/* Resaltar filas pares */
.rate-table-responsive tbody tr:nth-child(even) {
    background-color: #f7f7f7;
}

/* --- Ajuste Responsivo para Tablas (Móviles) --- */
@media (max-width: 991px) {
    /* En pantallas pequeñas, apilamos los cuadros uno sobre el otro (ya cubierto por col-lg-6 col-md-12) */
    .rates-table-card {
        padding: 15px;
    }
}

@media (max-width: 600px) {
    /* Hacemos la tabla desplazable horizontalmente en móviles */
    .rate-table-responsive {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
    }
    .rate-table-responsive thead, 
    .rate-table-responsive tbody, 
    .rate-table-responsive tr, 
    .rate-table-responsive th, 
    .rate-table-responsive td {
        display: table-cell;
    }
    .rate-table-responsive thead {
        /* Asegura que la cabecera quede visible */
        display: table-header-group;
    }
}
/* Corrección de Margen Negativo o Position */
.history-section .container .row > div {
    /* Esto aplica a ambas columnas, forzando la posición relativa normal */
    position: relative !important; 
    margin-left: 0 !important;
    left: 0 !important;
    transform: none !important;
}
/* Corrección AGRESIVA para la imagen (solo para diagnóstico) */
.image-wrapper-history img {
    max-width: 100% !important; /* ¡Agregamos !important aquí! */
    height: auto !important;
    display: block !important;
}

/* Opcional: Para el contenedor del texto */
.history-text-content {
    width: 100% !important; /* No necesita !important a menos que falle de nuevo */
}
/* FUERZA LA DISTRIBUCIÓN 50/50 E IGNORA CONFLICTOS DE ANIMACIÓN */
@media (min-width: 992px) { 
    /* Contenedor de la Imagen (columna izquierda) */
    .history-section .row > .col-lg-6.order-lg-first {
        flex-shrink: 0 !important; /* Impide que se encoja */
        flex-grow: 0 !important;   /* Impide que se expanda más allá de su tamaño base */
        flex-basis: 50% !important;/* Fuerza la base de 50% de ancho */
    }

    /* Contenedor del Texto (columna derecha) */
    .history-section .row > .col-lg-6.order-lg-last {
        flex-shrink: 0 !important; /* Impide que el texto se encoja */
        flex-basis: 50% !important;/* Fuerza la base de 50% de ancho */
    }
}
/* =================================================
    ESTILOS SECCIÓN CONTACTO
================================================= */
.contact-section {
    background-color: #f7f9fc; /* Fondo muy claro para la sección */
    padding: 80px 0;
}

/* Contenedor de cada dato de contacto */
.contact-info-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); /* Sombra elegante */
    text-align: center;
    height: 100%; /* Asegura la misma altura entre tarjetas */
    border-bottom: 4px solid transparent; /* Inicialmente transparente */
    transition: all 0.3s ease;
}

.contact-info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    border-bottom-color: #F24E1E; /* Línea verde al pasar el mouse */
}

/* Iconos grandes */
.contact-icon-large {
    font-size: 3.5rem;
    color: #F24E1E; /* Verde Cooperativa */
    margin-bottom: 20px;
    display: block;
}

/* Título de la tarjeta (Ubicación, Teléfonos, etc.) */
.info-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/* Texto de detalle */
.info-detail {
    font-size: 1rem;
    color: #555;
    line-height: 1.5;
    margin-bottom: 8px;
}

/* Enlaces (Teléfono, Correo, Mapa) */
.info-detail a {
    color: #F24E1E;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s;
}

.info-detail a:hover {
    color: #0d3219; 
}

.map-link, .whatsapp-link {
    display: block;
    margin-top: 15px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #165729;
    text-decoration: none;
}
.whatsapp-link {
    color: #25d366; /* Color de WhatsApp */
}
.whatsapp-link:hover {
    color: #128c7e;
}

.social-links-contact {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.social-icon-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.2rem;
    line-height: 45px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.social-icon-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.instagram { background-color: #e4405f; }
.facebook { background-color: #3b5998; }
.promotions-section {
    padding: 80px 0;
    background-color: #f8f8f8; /* Fondo suave */
}
.theme-title-one h2 {
    color: #F24E1E; /* Morado de Valemar o color corporativo */
    margin-bottom: 10px;
}
.theme-title-one p {
    color: #555;
    margin-bottom: 50px;
}
.promotion-card-wrapper {
    margin-bottom: 30px;
}
.promotion-card {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    height: 100%; /* Para que ambas tarjetas tengan la misma altura */
    overflow: hidden;
    transition: transform 0.3s ease;
}
.promotion-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.promo-image-box img {
    width: 100%;
    height: auto;
    display: block;
    border-bottom: 5px solid #66bb6a; /* Línea verde */
}

.promo-content {
    padding: 25px;
}

.promo-content h3 {
    color: #F24E1E;
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 15px;
}
.benefit-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}
.benefit-list li {
    font-size: 1rem;
    line-height: 1.8;
    color: #333;
}
.benefit-list i {
    color: #66bb6a; /* Icono Verde (Color Porvenir) */
    margin-right: 8px;
    font-size: 1.1rem;
}

.requirements-box {
    margin-top: 50px;
    padding: 30px;
    border: 2px dashed #F24E1E;
    border-radius: 10px;
    background-color: #ede7f6; /* Fondo lila muy claro */
}

.requirements-box h3 {
    color: #F24E1E;
    margin-bottom: 15px;
    font-size: 1.6rem;
}

.big-requirement {
    font-size: 1.25rem;
    font-weight: bold;
    color: #ff3c00; 
    display: block;
    margin-bottom: 10px;
}
.big-requirement i {
    margin-right: 10px;
    font-size: 1.5rem;
    color: gold;
}
.note-requirement {
    color: #777;
    font-size: 0.9rem;
}

.simulador-container {
    max-width: 700px;
    margin: 0 auto;
    background: #fcfcfc;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.simulador-container h3 {
    color: #F24E1E;
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.simulador-container .input-group {
    margin-bottom: 20px;
}

.simulador-container .input-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
}

.simulador-container .input-group input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.simulador-container button {
    background-color: #28a745;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    transition: background-color 0.3s;
}

.simulador-container button:hover {
    background-color: #F24E1E;
}

#resultados {
    margin-top: 30px;
    padding: 15px;
    border: 1px solid #F24E1E;
    border-left: 5px solid #F24E1E;
    border-radius: 4px;
    background-color: #e6f1e8;
}

#resultados strong {
    color: #dc3545;
    font-size: 1.1em;
}

.hidden {
    display: none;
}

#tabla-amortizacion {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

#tabla-amortizacion th, #tabla-amortizacion td {
    border: 1px solid #dee2e6;
    padding: 8px;
    text-align: right;
}

#tabla-amortizacion th {
    background-color: #f8f9fa;
    color: #333;
    text-align: center;
    font-size: 0.9em;
}

.confidencialidad-page {
    margin-bottom: 50px; 
}

.confidencialidad-page + .container {
    padding-top: 40px; 
    padding-bottom: 40px;
    background-color: transparent; 
    box-shadow: none; 
}

.confidencialidad-page + .container .theme-title-one h2 {
    color: #F24E1E; 
    font-weight: 800; /* Extra prominente */
    margin-bottom: 5px;
    text-transform: uppercase;
}

.confidencialidad-page + .container .theme-title-one h2::after {
    background: #F24E1E; /* Color de acento */
    width: 80px; 
    height: 4px; /* Un poco más grueso */
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.confidencialidad-page + .container .legal-box {
    padding: 30px; 
    margin-bottom: 25px;
    background-color: #f9f9f9; /* Fondo gris claro para cada caja */
    border: 1px solid   ; /* Borde bien visible en color de acento */
    box-shadow: 6px 6px 0px rgba(22, 87, 41, 0.2); /* Sombra desplazada para efecto de profundidad (POP) */
    border-radius: 8px;
    transition: all 0.3s ease; /* Transición para posible hover */
}

.confidencialidad-page + .container .legal-box:hover {
    box-shadow: 8px 8px 0px rgba(22, 87, 41, 0.4);
    transform: translate(-2px, -2px);
}

.confidencialidad-page + .container .legal-box h4 {
    background-color: #F24E1E; /* Relleno con el color de acento */
    color: #ffffff; /* Texto blanco para contraste */
    padding: 10px 15px;
    margin-bottom: 20px;
    margin-top: -30px; /* Desplazar ligeramente hacia arriba */
    margin-left: -30px; /* Desplazar ligeramente hacia la izquierda */
    margin-right: -30px; /* Desplazar ligeramente hacia la derecha */
    border-radius: 6px 6px 0 0; /* Bordes redondeados superiores */
    font-size: 1.35rem; 
    text-align: left;
    font-weight: 700;
}

.confidencialidad-page + .container .legal-box h4 i {
    color: #ffffff; 
    font-size: 20px; 
    margin-right: 10px;
}

.confidencialidad-page + .container .legal-box ul {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
}

.confidencialidad-page + .container .legal-box ul li {
    padding-left: 35px; /* Más espacio para el ícono */
    position: relative;
    margin-bottom: 12px; 
    line-height: 1.6;
    color: #333333;
}

.confidencialidad-page + .container .legal-box ul li::before {
    content: "\f00c"; /* Fa icon: check (visto) */
    font-family: 'FontAwesome'; 
    position: absolute;
    left: 0;
    top: 0; 
    color: #ffffff; /* Ícono blanco */
    font-size: 12px; 
    line-height: 25px; /* Centrar el ícono verticalmente */
    text-align: center;
    width: 25px;
    height: 25px;
    border-radius: 50%; /* Hacerlo un círculo */
    background-color: #F24E1E; /* Fondo del círculo en color de acento */
}

.confidencialidad-page + .container .legal-box p {
    line-height: 1.8; 
    color: #444444; 
    margin-top: 15px; /* Asegurar separación después del h4 de color */
}
.faq-section-container .theme-title-one h2 {
    color: #F24E1E;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.faq-section-container .theme-title-one h2::after {
    content: '';
    display: block;
    background: #F24E1E;
    width: 80px; 
    height: 4px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.accordion-container {
    margin-top: 40px;
}

.faq-item {
    margin-bottom: 12px;
    border: 1px solid #dddddd;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.faq-question {
    padding: 18px 25px;
    display: block;
    cursor: pointer;
    background-color: #ffffff;
    color: #F24E1E;
    font-weight: 600;
    position: relative;
    list-style: none; /* Oculta la flecha por defecto en algunos navegadores */
}

.faq-question::-webkit-details-marker {
    display: none;
}

.faq-question i.fa {
    color: #F24E1E; /* Color de acento */
    margin-right: 15px;
    font-size: 1.1rem;
}

.faq-question::after {
    content: '\f078'; /* Ícono de flecha hacia abajo (chevron-down) de FontAwesome */
    font-family: 'FontAwesome';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8rem;
    color: #F24E1E;
    transition: transform 0.2s;
}

.faq-item[open] .faq-question {
    background-color: #F24E1E; /* Color de acento para la pregunta abierta */
    color: #ffffff;
    border-bottom: 1px solid #f24f1eab; /* Borde más oscuro */
}

.faq-item[open] .faq-question i.fa,
.faq-item[open] .faq-question::after {
    color: #ffffff; /* Ícono y flecha blancos */
}

.faq-item[open] .faq-question::after {
    transform: translateY(-50%) rotate(180deg); /* Flecha hacia arriba */
}

.faq-answer {
    padding: 15px 25px 20px 25px;
    background-color: #fcfcfc;
    border-top: 1px solid #eeeeee;
}

.faq-answer p {
    color: #555555;
    line-height: 1.6;
    margin-bottom: 10px;
}

.faq-answer ul {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}

.faq-answer ul li {
    padding-left: 20px;
    position: relative;
    line-height: 1.6;
    margin-bottom: 5px;
    color: #333333;
}

.faq-answer ul li::before {
    content: "\f00c"; /* Ícono de check de FontAwesome */
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    color: #165729; /* Color de acento para la viñeta */
}

.requirements-section-container {
    padding-top: 60px;
    padding-bottom: 80px;
    background-color: #fcfcfc; /* Fondo casi blanco */
}

.requirements-section-container .theme-title-one h2 {
    color: #165729;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.requirements-section-container .theme-title-one p {
    color: #555;
    margin-top: 10px;
}
.requirements-section-container .theme-title-one h2::after {
    content: '';
    display: block;
    background: #165729;
    width: 80px; 
    height: 4px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.tabs-container {
    margin-top: 40px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}

.nav-tabs-list {
    display: flex;
    justify-content: space-around;
    border-bottom: 3px solid #165729; /* Línea separadora del color principal */
    background-color: #f4f4f4; /* Fondo sutil para las pestañas */
    border-radius: 8px 8px 0 0;
}

.nav-link {
    flex-grow: 1; /* Para que todas ocupen el mismo espacio */
    padding: 18px 10px;
    text-align: center;
    border: none;
    background: transparent;
    color: #444444;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    border-bottom: 3px solid transparent; /* Para evitar saltos de línea */
}

.nav-link:hover {
    color: #165729;
    background-color: #ededed;
}

.nav-link.active {
    color: #ffffff;
    background-color: #165729;
    border-color: #165729;
    border-radius: 6px 6px 0 0;
}

.nav-link i.fa {
    margin-right: 8px;
    font-size: 1.1em;
}

.tab-content-wrapper {
    padding: 30px;
}

.tab-pane {
    display: none; /* Ocultar por defecto, JS debe cambiar a block */
    animation: fadeIn 0.5s;
}

.tab-pane.active {
    display: block; /* Mostrar la pestaña activa */
}

.tab-pane h3 {
    color: #F24E1E;
    margin-bottom: 20px;
    border-left: 5px solid #F24E1E;
    padding-left: 15px;
    font-weight: 700;
}

.tab-pane p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 25px;
}

.requirements-list {
    list-style: none;
    padding-left: 0;
}

.requirements-list li {
    padding: 12px 0;
    border-bottom: 1px dashed #e0e0e0;
    display: flex;
    align-items: center;
    color: #333;
    line-height: 1.5;
    font-size: 1.05rem;
}

.requirements-list li span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #F24E1E;
    color: #ffffff;
    font-size: 1.1rem;
    margin-right: 15px;
    flex-shrink: 0; /* Evita que el círculo se reduzca */
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.card-img-top-container {
    position: relative;
    height: 200px; /* Altura fija para que todas las tarjetas se vean uniformes */
    overflow: hidden;
}

.custom-img-fit {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Asegura que la imagen cubra el espacio sin distorsionarse */
    transition: transform 0.3s ease;
}

.activity-card-custom:hover .custom-img-fit {
    transform: scale(1.05);
}

.activity-date-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: var(--bs-success); /* Usando la variable de color success de Bootstrap */
    color: white;
    padding: 5px 10px;
    border-radius: .25rem; /* Usando el border-radius de Bootstrap */
    font-weight: bold;
    font-size: 0.8em;
    z-index: 10;
}

.activity-card-custom {
    transition: transform 0.3s ease;
}

.activity-card-custom:hover {
    transform: translateY(-3px); /* Pequeño efecto 3D al pasar el mouse */
}

.image-container-main {
    padding: 10px; /* Un poco de padding como si fuera un marco */
    background-color: #f8f9fa; /* Fondo gris claro */
    border-radius: 12px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); /* Sombra más pronunciada */
}

.image-container-main img {
    width: 100%;
    height: auto;
    max-height: 550px;
    object-fit: cover;
    border-radius: 8px; /* Bordes suaves internos */
    display: block;
}

.gallery-zoom .gallery-item {
    position: relative; /* Necesario para posicionar el icono de zoom */
    overflow: hidden; /* Oculta cualquier parte de la imagen que se salga al hacer hover */
    cursor: pointer;
    padding: 0 5px; /* Ajuste de padding de columna */
}

.gallery-zoom img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.gallery-zoom .gallery-item:hover img {
    transform: scale(1.1); /* Aumenta ligeramente la imagen (Zoom visual) */
    opacity: 0.8; /* Oscurece un poco la imagen */
}

.zoom-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(6, 25, 72, 0.6); /* Fondo semi-transparente oscuro (Color primario) */
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 600;
    opacity: 0; /* Por defecto invisible */
    transition: opacity 0.3s ease;
    border-radius: 8px;
    pointer-events: none; /* Asegura que el texto no interfiera con el clic */
}

.gallery-zoom .gallery-item:hover .zoom-icon {
    opacity: 1; /* Muestra el icono al pasar el mouse */
}
.activity-content ul.activity-points {
    padding-left: 20px;
}

.activity-content ul.activity-points li {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
}

.activity-content ul.activity-points li i {
    margin-top: 5px; /* Pequeño ajuste vertical si es necesario */
    flex-shrink: 0; /* Evita que el ícono se comprima */
}

.gallery-item {
    position: relative; 
    overflow: hidden;
    margin-bottom: 1rem; 
}

.gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1; 
    object-fit: cover; 
    transition: transform 0.3s ease;
    border-radius: 0.5rem; 
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; 
}

.gallery-item a:hover img {
    transform: scale(1.05); 
}

.zoom-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(6, 25, 72, 0.7); 
    color: #fff;
    padding: 5px 0;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 0.8rem;
    pointer-events: none; /* Asegura que no interfiera con el clic de Fancybox */
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.gallery-item a:hover .zoom-icon {
    opacity: 1;
}

.text-primary {
    color: #165729 !important;
}

.form-check-input {
    position: absolute; /* Permite posicionarlos sin ocupar espacio */
    opacity: 0; /* Lo hace invisible, pero sigue siendo accesible y funcional */
}

.form-check-label {
    position: relative;
    padding-left: 25px; /* Crea espacio para el check personalizado */
    cursor: pointer;
    font-weight: 400 !important; /* Asegura que no sea negrita */
}

.form-check-label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #999; /* Borde gris estándar */
    background-color: #fff;
    transition: all 0.2s ease;
}

input[type="radio"] + .form-check-label::before {
    border-radius: 50%; /* Hace que sea un círculo */
}

.form-check-input:checked + .form-check-label::before {
    border-color: #165729; /* Cambia el color del borde al color de la marca */
    background-color: #165729; /* Rellena el color de fondo */
}

.form-check-label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 4px; /* Posicionamiento del contenido de la marca */
    transform: translateY(-50%) scale(0); /* Inicialmente invisible (escala 0) */
    transition: transform 0.2s ease;
}

.form-check-input:checked + .form-check-label::after {
    transform: translateY(-50%) scale(1); /* Muestra el contenido de la marca */
}

input[type="radio"] + .form-check-label::after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff; /* El punto central es blanco */
}

input[type="checkbox"] + .form-check-label::after {
    width: 5px;
    height: 10px;
    left: 5px; /* Ajuste para el centrado de la palomita */
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: translateY(-50%) scale(0) rotate(45deg);
}

input[type="checkbox"]:checked + .form-check-label::after {
    transform: translateY(-50%) scale(1) rotate(45deg);
}

#compromiso + label {
    padding-left: 25px;
}

.header-two {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.bg-wrapper {
    display: flex;
    align-items: center; 
    justify-content:沟通-between;
}
.logo-inline {
    margin-right: 0px;
}
.logo-inline img {
    max-height: 50px; 
    display: block;
}
.menu-wrapper {
    flex-grow: 1; 
}
body {
    padding-top: 80px; 
}
.banner-home-estatico {
    background: url('../images/home/slide-2.webp') no-repeat center center;
    background-size: cover;
    height: 90vh;
    min-height: 650px;
    position: relative;
    padding-top: 120px;
    overflow: hidden;
}
.banner-overlay {
    background: rgba(0, 0, 0, 0.25); 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.banner-content {
    position: relative;
    z-index: 2;
}

.banner-titulo {
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5);
}

.banner-subtitulo {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 3rem;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.btn-personalizado {
    display: inline-block;
    background-color: #F24E1E;
    color: #ffffff !important;
    padding: 15px 45px;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(242, 78, 30, 0.3);
}

.btn-personalizado:hover {
    background-color: #d64319;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(242, 78, 30, 0.5);
}
/* Color Principal */
:root {
    --brand-color: #F24E1E;
}

.custom-card {
    background: #fff;
    border-radius: 20px; /* Bordes más redondeados para un look moderno */
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.custom-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 50px rgba(242, 78, 30, 0.15); /* Sombra con un toque del color marca */
}

.card-img-container {
    position: relative;
    overflow: hidden;
    height: 260px;
}

.card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.custom-card:hover .card-img {
    transform: scale(1.1);
}

.card-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--brand-color);
    color: #fff;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 10px rgba(242, 78, 30, 0.3);
}

.card-body-custom {
    padding: 30px;
    text-align: left;
}

.card-title {
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 15px;
    color: #1a1a1a;
}

.text-accent {
    color: var(--brand-color);
}

.card-text {
    color: #555;
    line-height: 1.7;
    font-size: 1rem;
    margin-bottom: 25px;
}

.btn-elegant-brand {
    display: inline-block;
    padding: 12px 30px;
    background: transparent;
    border: 2px solid var(--brand-color);
    color: var(--brand-color);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    border-radius: 8px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-elegant-brand:hover {
    background: var(--brand-color);
    color: #fff;
    box-shadow: 0 10px 20px rgba(242, 78, 30, 0.2);
    transform: scale(1.05);
}
.feature-block-modern {
    background: #fff;
    padding: 40px 30px;
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    height: 100%;
    position: relative;
}

.feature-block-modern .icon-wrapper {
    width: 80px;
    height: 80px;
    background: rgba(242, 78, 30, 0.1); /* Fondo naranja muy suave */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    transition: all 0.3s ease;
}

.feature-block-modern .icon-wrapper i {
    font-size: 40px;
    color: #F24E1E; /* Tu color naranja */
}

.feature-block-modern h5 {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 15px;
    color: #222;
}

.feature-block-modern p {
    color: #777;
    font-size: 0.95rem;
    line-height: 1.6;
}

.feature-block-modern:hover {
    transform: translateY(-10px);
    border-color: #F24E1E;
    box-shadow: 0 15px 30px rgba(242, 78, 30, 0.1);
}

.feature-block-modern:hover .icon-wrapper {
    background: #F24E1E;
}

.feature-block-modern:hover .icon-wrapper i {
    color: #fff;
}

.feature-block-modern.active {
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    border-bottom: 4px solid #F24E1E;
}
/*(max-width: 991px)*/
/* --- MEJORAS ESTÉTICAS DEL MENÚ --- */

/* 1. Fondo del menú y alineación */
#mega-menu-holder {
    display: flex;
    justify-content: flex-end; /* Alinea el menú a la derecha */
    align-items: center;
}

/* 2. Estilo de los enlaces principales */
#mega-menu-holder > ul > li > a {
    color: #333 !important; /* Texto oscuro para mayor nitidez */
    font-size: 15px;
    letter-spacing: 0.5px;
    padding: 25px 20px !important; /* Más aire a los lados */
    font-weight: 600;
    transition: all 0.3s ease;
}

/* 3. Quitamos la barra diagonal '/' */
#mega-menu-holder > ul > li > a:before {
    display: none !important;
}

/* 4. Efecto Hover en los enlaces principales */
#mega-menu-holder > ul > li > a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 20px;
    left: 20px;
    background-color: #F24E1E; /* Tu color naranja */
    transition: width 0.3s ease;
}

#mega-menu-holder > ul > li:hover > a:after {
    width: calc(100% - 40px);
}

#mega-menu-holder > ul > li:hover > a {
    color: #F24E1E !important;
}

/* 5. Diseño del Dropdown (Submenú) */
#mega-menu-holder li > ul.dropdown {
    border-top: 3px solid #F24E1E; /* Línea naranja superior */
    padding: 10px 0;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

#mega-menu-holder ul.dropdown li a {
    padding: 10px 25px !important;
    font-size: 13px;
    color: #555 !important;
    font-weight: 500;
    text-transform: none; /* Letras normales, no todo mayúsculas */
}

/* 6. Efecto Hover en Submenú */
#mega-menu-holder ul.dropdown li:hover > a {
    background-color: #f9f9f9;
    color: #F24E1E !important;
    padding-left: 30px !important; /* Pequeño desplazamiento a la derecha */
}

/* Quitar el fondo naranja que tenía antes el submenú en hover según tu código anterior */
#mega-menu-holder ul.dropdown li a:before {
    display: none !important;
}

/* 7. Ajuste para dispositivos móviles (Hamburguesa) */
@media (max-width: 991px) {
    #mega-menu-holder {
        display: block;
        background: #fff;
        border-radius: 10px;
        margin-top: 0px;
    }
    
    #mega-menu-holder > ul > li > a {
        padding: 15px 20px !important;
        border-bottom: 1px solid #eee;
    }

    #mega-menu-holder > ul > li > a:after {
        display: none; /* Quitamos la línea en móvil */
    }
}
/* Esto corrige la posición del logo cuando el menú está pegajoso (scroll) */
.header-two .theme-menu-wrapper.fixed .bg-wrapper .logo {
    left: 0 !important; /* Ajusta este número (ej: -20px) hasta que se alinee con el de arriba */
    position: absolute;
}

/* También es probable que necesites ajustar el espacio del menú al bajar */
.header-two .theme-menu-wrapper.fixed .bg-wrapper {
    padding-left: 90px !important; /* Usa el mismo valor que pusiste en el menú normal */
}
/* Reduce el espacio a la izquierda de las letras cuando el menú está fijo */
.header-two .theme-menu-wrapper.fixed .bg-wrapper {
    padding-left: 90px !important; /* Ajusta este número: menor valor = más a la izquierda */
    transition: all 0.3s ease;
}

/* Opcional: Si los enlaces individuales aún se ven muy separados */
.header-two .theme-menu-wrapper.fixed #mega-menu-holder > ul > li {
    margin-left: 15px !important; /* Reduce el margen entre cada palabra del menú */
}
/* Reduce el espacio a la izquierda de las letras cuando el menú está fijo */
.header-two .theme-menu-wrapper.fixed .bg-wrapper {
    padding-left: 90px !important; /* Ajusta este número: menor valor = más a la izquierda */
    transition: all 0.3s ease;
}

/* Opcional: Si los enlaces individuales aún se ven muy separados */
.header-two .theme-menu-wrapper.fixed #mega-menu-holder > ul > li {
    margin-left: 15px !important; /* Reduce el margen entre cada palabra del menú */
}
/* --- Estilos Delta Inmobiliaria --- */
:root {
    --delta-orange: #F24E1E;
    --delta-dark: #212529;
    --delta-gray: #6c757d;
}

.contact-section {
    padding: 80px 0;
    background-color: #ffffff;
}

/* Título y Subtítulo */
.delta-subtitle {
    color: var(--delta-orange);
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 14px;
    text-transform: uppercase;
}

.delta-title {
    font-weight: 800;
    color: var(--delta-dark);
    margin-top: 10px;
}

.delta-line {
    width: 60px;
    height: 4px;
    background-color: var(--delta-orange);
    border-radius: 2px;
}

/* Tarjetas de Contacto */
.contact-card {
    background: #fff;
    padding: 40px 20px;
    border-radius: 15px;
    text-align: center;
    border: 1px solid #f1f1f1;
    height: 100%;
    transition: all 0.3s ease;
}

.contact-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(242, 78, 30, 0.1); /* Sombra con un toque del naranja */
    border-color: var(--delta-orange);
}

/* Iconos circulares con el nuevo color */
.icon-wrapper {
    width: 65px;
    height: 65px;
    background-color: #fff2ef; /* Un fondo naranja muy muy clarito */
    color: var(--delta-orange);
    font-size: 26px;
    line-height: 65px;
    border-radius: 50%;
    margin: 0 auto 20px;
    transition: 0.3s;
}

.contact-card:hover .icon-wrapper {
    background-color: var(--delta-orange);
    color: #fff;
}

.contact-card h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--delta-dark);
    margin-bottom: 15px;
}

.contact-card p, .contact-card a {
    font-size: 14px;
    color: var(--delta-gray);
    text-decoration: none;
}

/* Botones y Enlaces */
.link-delta {
    color: var(--delta-orange) !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 15px;
    display: inline-block;
}

.btn-whatsapp {
    background-color: #25d366;
    color: white !important;
    padding: 8px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-top: 15px;
    font-weight: 600;
}

/* Redes Sociales */
.social-icons {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.social-item {
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: var(--delta-dark);
    color: white !important;
    border-radius: 8px;
    transition: 0.3s;
}

.social-item:hover {
    background-color: var(--delta-orange);
}
/* Sección de Historia */
.historia-delta {
    padding: 80px 5%;
    background-color: #ffffff;
}

.contenedor {
    max-width: 1100px;
    margin: 0 auto;
}

.historia-header {
    text-align: center;
    margin-bottom: 50px;
}

.tagline {
    color: #004481; /* Ajusta a tu color corporativo */
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 0.9rem;
}

.separador {
    width: 60px;
    border: 2px solid #004481;
    margin: 20px auto;
}

.historia-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.historia-texto h3 {
    font-size: 2rem;
    margin-bottom: 20px;
    color: #222;
}

.historia-texto p {
    margin-bottom: 15px;
    color: #555;
    line-height: 1.8;
}

.historia-imagen {
    position: relative;
}

.historia-imagen img {
    width: 100%;
    border-radius: 4px;
    z-index: 2;
    position: relative;
}

/* El toque "Delta" - un triángulo decorativo */
.decoracion-delta {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 100px;
    height: 100px;
    background-color: rgba(0, 68, 129, 0.1);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    z-index: 1;
}

.hitos-linea {
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
    border-top: 1px solid #eee;
    padding-top: 40px;
    text-align: center;
}

.hito h4 {
    color: #004481;
    margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 850px) {
    .historia-grid { grid-template-columns: 1fr; }
    .hitos-linea { flex-direction: column; gap: 30px; }
}
/* Variables de color */
:root {
    --naranja-delta: #F24E1E;
    --oscuro: #1a1a1a;
}

.historia-delta {
    padding: 100px 5%;
    background-color: #f9f9f9;
    overflow: hidden;
}

.contenedor {
    max-width: 1200px;
    margin: 0 auto;
}

.historia-wrapper {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 80px;
    align-items: center;
}

/* Badge y Titulos */
.badge {
    background: rgba(242, 78, 30, 0.1);
    color: var(--naranja-delta);
    padding: 8px 16px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.titulo-principal {
    font-size: 3rem;
    line-height: 1.1;
    margin: 20px 0;
    color: var(--oscuro);
}

.highlight {
    color: var(--naranja-delta);
}

.texto-destacado {
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
    border-left: 4px solid var(--naranja-delta);
    padding-left: 20px;
    margin-bottom: 20px;
}

/* Stats */
.stats-grid {
    display: flex;
    gap: 40px;
    margin-top: 40px;
}

.stat-number {
    display: block;
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--naranja-delta);
}

.stat-label {
    font-size: 0.9rem;
    color: #666;
    text-transform: uppercase;
}

/* Contenedor de Imagen y Efectos */
.historia-visual {
    position: relative;
}

.img-container {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}

.img-container img {
    width: 100%;
    display: block;
    transition: transform 0.5s ease;
}

.overlay-naranja {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(242, 78, 30, 0.2), transparent);
}

.floating-card {
    position: absolute;
    bottom: -30px;
    right: -30px;
    background: var(--naranja-delta);
    color: white;
    padding: 30px;
    border-radius: 15px;
    width: 250px;
    font-style: italic;
    box-shadow: 0 15px 30px rgba(242, 78, 30, 0.3);
}

/* Responsive */
@media (max-width: 992px) {
    .historia-wrapper { grid-template-columns: 1fr; gap: 40px; }
    .titulo-principal { font-size: 2.2rem; }
    .floating-card { position: static; width: 100%; margin-top: 20px; }
}
/* Sección Ubicación */
.ubicacion-delta {
    padding: 60px 5%;
    background-color: #fff;
}

.ubicacion-grid {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 40px;
    align-items: stretch;
}

.info-contacto {
    background-color: #1a1a1a; /* Fondo oscuro para que resalte el naranja */
    padding: 40px;
    border-radius: 20px;
    color: white;
}

.info-contacto h3 {
    font-size: 1.8rem;
    margin: 15px 0;
}

.direccion {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.horarios {
    border-top: 1px solid #333;
    padding-top: 20px;
    margin-bottom: 30px;
    font-size: 0.9rem;
}

.btn-mapa {
    display: inline-block;
    padding: 12px 25px;
    background-color: #F24E1E;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    transition: background 0.3s ease;
}

.btn-mapa:hover {
    background-color: #d13d14;
}

/* Contenedor del Mapa */
.mapa-contenedor {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border: 5px solid white; /* Marco elegante */
}

/* Responsive */
@media (max-width: 850px) {
    .ubicacion-grid {
        grid-template-columns: 1fr;
    }
    .mapa-contenedor {
        height: 300px;
    }
}
/* Contenedor General */
.seccion-compromiso-delta {
    padding: 100px 5%;
    background-color: #ffffff;
    font-family: 'Segoe UI', Roboto, sans-serif;
    color: #333;
}

.contenedor-delta {
    max-width: 1200px;
    margin: 0 auto;
}

/* Encabezado */
.delta-header-central {
    text-align: center;
    margin-bottom: 60px;
}

.etiqueta {
    color: #F24E1E;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.85rem;
}

.delta-header-central h2 {
    font-size: 2.8rem;
    margin: 15px 0;
    color: #1a1a1a;
}

.linea-decorativa {
    width: 80px;
    height: 4px;
    background-color: #F24E1E;
    margin: 0 auto;
}

/* Grid de Pilares */
.bloque-pilares {
    margin-bottom: 80px;
}

.titulo-subseccion {
    font-size: 1.8rem;
    margin-bottom: 40px;
    text-align: center;
}

.grid-pilares {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.tarjeta-pilar {
    padding: 35px;
    background: #f9f9f9;
    border-radius: 15px;
    border-left: 5px solid transparent;
    transition: all 0.3s ease;
}

.tarjeta-pilar:hover {
    background: #fff;
    border-left: 5px solid #F24E1E;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    transform: translateY(-5px);
}

.pilar-icono {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #F24E1E;
    margin-bottom: 15px;
    opacity: 0.6;
}

.tarjeta-pilar h4 {
    font-size: 1.25rem;
    margin-bottom: 12px;
    color: #1a1a1a;
}

/* Bloque Privacidad */
.bloque-privacidad {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    background: #1a1a1a;
    padding: 60px;
    border-radius: 25px;
    color: #fff;
    align-items: center;
}

.privacidad-info h3 {
    font-size: 2.2rem;
    color: #F24E1E;
    margin-bottom: 20px;
}

.cuadro-legal-scroll {
    height: 350px;
    overflow-y: auto;
    background: rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 15px;
    font-size: 0.9rem;
    line-height: 1.8;
    color: #ccc;
}

.cuadro-legal-scroll h4 {
    color: #F24E1E;
    margin: 20px 0 10px 0;
    text-transform: uppercase;
    font-size: 0.85rem;
}

/* Scrollbar Personalizado */
.cuadro-legal-scroll::-webkit-scrollbar {
    width: 6px;
}
.cuadro-legal-scroll::-webkit-scrollbar-thumb {
    background: #F24E1E;
    border-radius: 10px;
}

.ultima-edicion {
    margin-top: 30px;
    font-style: italic;
    font-size: 0.8rem;
    opacity: 0.6;
}

/* Responsive */
@media (max-width: 900px) {
    .bloque-privacidad { grid-template-columns: 1fr; padding: 30px; }
    .delta-header-central h2 { font-size: 2rem; }
}
@media (max-width: 991px) {
    /* 1. Resetear el contenedor del header para que no use posiciones absolutas */
    .header-two, .theme-menu-wrapper, .bg-wrapper {
        position: static !important;
        display: block !important; /* Cambiamos de flex a block para asegurar el orden vertical */
        width: 100% !important;
        background: #fff !important;
    }

    /* 2. El Logo: centrado y con su propio espacio arriba */
    .logo-inline {
        display: block !important;
        text-align: center !important;
        padding: 15px 0 !important;
        width: 100% !important;
        position: relative !important;
        z-index: 5 !important;
    }

    .logo-inline img {
        max-height: 50px !important;
        width: auto !important;
    }

    /* 3. El Menú: una barra independiente justo debajo del logo */
    .menu-wrapper {
        display: block !important;
        width: 94% !important; /* Un poco menos del 100% para que no pegue a los bordes */
        margin: 0 auto 15px auto !important;
        background: #ffffff !important;
        border-radius: 10px !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; /* Sombra para que resalte del fondo */
        position: relative !important;
        z-index: 10 !important;
        overflow: hidden;
    }

    /* 4. La lista de enlaces: scroll horizontal limpio */
    .nav-links {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        padding: 0px !important;
        margin: 0 !important;
        list-style: none !important;
        -webkit-overflow-scrolling: touch;
    }

    /* Ocultar barra de scroll para que se vea premium */
    .nav-links::-webkit-scrollbar {
        display: none;
    }

    .nav-links li {
        padding: 0 12px !important;
        flex: 0 0 auto !important; /* Evita que los textos se compriman */
    }

    .nav-links li a {
        font-size: 14px !important;
        color: #333 !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }
}
@media (max-width: 991px) {
    /* 1. Cuando el usuario baja (Scroll activo) */
    .header-scrolled .logo-inline {
        display: none !important; /* Esconde el logo */
    }

    .header-scrolled .theme-menu-wrapper {
        position: fixed !important; /* Lo deja fijo arriba */
        top: 0;
        left: 0;
        width: 100% !important;
        z-index: 9999;
        background: #fff;
        padding: 5px 0;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }

    /* 2. Centrar el menú al hacer scroll */
    .header-scrolled .menu-wrapper {
        width: 90% !important; /* Ocupa casi todo el ancho */
        margin: 0 auto !important; /* Lo centra horizontalmente */
        float: none !important; /* Quita cualquier empuje a la izquierda */
    }

    .header-scrolled .nav-links {
        justify-content: center !important; /* Centra los botones (Nosotros, Casas, etc) */
    }
    
    /* 3. Animación suave para que no aparezca de golpe */
    .theme-menu-wrapper {
        transition: all 0.3s ease-in-out;
    }
} /* --- CORRECCIÓN MENÚ MÓVIL DELTA INMOBILIARIA --- */
@media (max-width: 991px) {
    /* Escondemos el logo cuando el usuario baja */
    .header-scrolled .logo-inline {
        display: none !important;
    }

    /* El contenedor se queda fijo en la parte superior */
    .header-scrolled .theme-menu-wrapper {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100% !important;
        z-index: 9999;
        background: #ffffff !important;
        box-shadow: 0 2px 15px rgba(0,0,0,0.1);
        padding: 0 !important;
    }

    /* Ajuste para que el menú sea deslizable y no se corte */
    .header-scrolled .nav-links {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important; /* Permite que el scroll empiece desde el inicio */
        overflow-x: auto !important; /* Habilita el movimiento con el dedo */
        white-space: nowrap !important; /* Mantiene todo en una sola fila */
        padding: 0px 0px !important;
        gap: 0px;
        list-style: none !important;
        -webkit-overflow-scrolling: touch; /* Suavidad en iPhones */
    }

    /* Ocultar la barrita de scroll para que se vea limpio */
    .header-scrolled .nav-links::-webkit-scrollbar {
        display: none;
    }

    .header-scrolled .nav-links li {
        display: inline-block !important;
        flex: 0 0 auto !important;
    }

    .header-scrolled .nav-links li a {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #333 !important;
        text-decoration: none !important;
    }
}
.banner-home-estatico {
    min-height: 500px; /* Ajusta este número: 300px es muy delgado, 500px es intermedio */
    height: 60vh;      /* Esto hará que ocupe el 60% de la pantalla, en lugar del 100% */
    display: flex;
    align-items: center;
}

.banner-home-estatico {
    background-size: cover;
    background-position: center;
}


/* Estilo general del contenedor de valores */
.tarjeta-valor {
    background-color: #ffffff;
    border-radius: 15px;
    border-bottom: 5px solid #F24E1E; /* Línea naranja decorativa abajo */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tarjeta-valor:hover {
    transform: translateY(-10px); /* Efecto de elevación al pasar el mouse */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Estilo del número circular */
.valor-numero {
    width: 60px;
    height: 60px;
    background-color: #F24E1E;
    color: white;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 4px 10px rgba(242, 78, 30, 0.3);
}

.tarjeta-valor h4 {
    font-size: 1.2rem;
    color: #333;
}

.tarjeta-valor p {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
}
/* Ajustes del contenedor del slider */
#bannerCarousel {
    width: 100%;
    min-height: 600px; /* Ajusta la altura según necesites */
    position: relative;
}

.banner-slide {
    height: 600px; /* Debe coincidir con la altura del carrusel */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
}

/* Capa oscura para que el texto resalte */
.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Ajusta la opacidad aquí */
    z-index: 1;
}

/* El contenido debe estar por encima del overlay */
.banner-content {
    position: relative;
    z-index: 2;
}

/* Estilo del botón personalizado (basado en tu imagen) */
.btn-personalizado {
    display: inline-block;
    background-color: #ff5722; /* El naranja de tu botón */
    color: white;
    padding: 12px 30px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.btn-personalizado:hover {
    background-color: #e64a19;
    color: white;
}
/* Estilo para las miniaturas debajo */
.product-thumbnail .nav-link {
    border: 2px solid transparent !important;
    padding: 0;
    transition: all 0.3s ease;
}

.product-thumbnail .nav-link.active {
    border-color: #9d804b !important; /* Dorado Delta */
}

.product-thumbnail img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    display: block;
}

/* Cursor de lupa para indicar que se puede ampliar */
.zoom-pane a {
    cursor: zoom-in;
    display: block;
}
/* Posicionamiento para el ícono de zoom */
.product-preview .zoom-icon-wrapper {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10; /* Asegura que esté sobre la imagen */
    opacity: 0.7; /* Ligeramente transparente */
    transition: opacity 0.3s ease; /* Efecto suave al pasar el mouse */
}

/* El ícono se vuelve más opaco cuando el mouse está encima */
.product-preview:hover .zoom-icon-wrapper {
    opacity: 1;
}

/* Evita que el enlace de zoom cambie los estilos de la imagen */
.product-preview a {
    text-decoration: none;
    display: block;
}