/* [Core Stylesheet - 1.0] */
/* :: 1.0 Import Fonts */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Open+Sans:300,400,600,700");
/* :: 2.0 Import All CSS */
@import url(css/bootstrap.min.css);
@import url(css/classy-nav.css);
@import url(css/owl.carousel.min.css);
@import url(css/animate.css);
@import url(css/font-awesome.min.css);
@import url(css/credit-icon.css);
/* :: 3.0 Base CSS */

/* ---------------------- mis estilos -------------------------- */
body { font-family: "Open Sans", sans-serif !important;  background: var(--fondo-pagina); color: var( --texto-general); }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; }
a{ color: var(--texto-titulos); }
a:hover { color: var(--fondo-botones-principales); text-decoration: none; } 
ul{ /*list-style-type: none;*/ }
img{ max-width: 100%; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: var(--texto-titulos); }

#header .logo img.fondo_blanco { background-color: white; padding: 1px; border-radius: 5px; }
#header .logo img { max-width: 150px; }

.logo_primary{ width: 100%; margin: auto; height: 180px; display: flex; padding: 20px; text-align: center; align-items: center; justify-content: center; }
.logo_primary img{ max-height: 138px; max-width: 100%; }

.section-title p{ font-family: "Open Sans", sans-serif; }

.cont-cot-video{ overflow: visible; }

/*TOPBAR + Iconos*/
#topbar { font-size: 16px; }
#topbar .contact-info a, #topbar .contact-info i { color: var(--fondo-menu-principal); }
#topbar .contact-info a:hover,  #topbar .contact-info a:hover i { color: var(--fondo-botones-principales); text-decoration: none; }

.contact .info p a{ /*padding: 0 0 0 60px;*/ margin-bottom: 0; font-size: 14px; color: var( --texto-general, #000000); }
.contact .info P a:hover { color: var(--fondo-botones-principales); text-decoration: none; }
/*Fin TOPBAR + Iconos*/

.datos-menu a { color: var(--fondo-menu-principal) !important; font-family: "Open Sans", sans-serif !important; }
.datos-menu a strong { font-family: "Open Sans", sans-serif !important; }
.datos-menu a i { color: var(--fondo-menu-principal) !important; }
.datos-menu a:hover, .datos-menu a:hover i { color: var(--fondo-botones-principales) !important; text-decoration: none; }
.datos-menu ul li{ text-shadow: 2px 2px 2px grey; }

.nav-menu .drop-down:hover > ul { width: max-content; max-height: 440px; overflow-y: overlay; }

/* fondo menú servicios */
#hero2 { width: 100%; height: 40vh;  background-size: cover; position: relative; padding: 0; }
#hero2:before { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; top: 0; left: 0; right: 0; }
#hero2 .container { padding-top: 110px; }

@media (max-width: 992px) {
  #hero2 .container { padding-top: 98px; }
}

#hero2 h1 { margin: 0; font-size: 48px; font-weight: 700; line-height: 56px; color: #fff; font-family: "Poppins", sans-serif; }
#hero2 h1 span { color: #cda45e; }
#hero2 h2 { color: #eee; margin-bottom: 10px 0 0 0; font-size: 22px; }
#hero2 .btns { margin-top: 30px; }
#hero2 .btn-menu, #hero2 .btn-book { font-weight: 600; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; display: inline-block; padding: 12px 30px;
  border-radius: 50px; transition: 0.3s; line-height: 1; color: white; border: 2px solid #cda45e; }
#hero2 .btn-menu:hover, #hero2 .btn-book:hover { background: #cda45e; color: #fff; }
#hero2 .btn-book { margin-left: 15px; }
#hero2 .play-btn { width: 94px; height: 94px; background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%); border-radius: 50%; display: block; position: relative; overflow: hidden; }
#hero2 .play-btn::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; 
    border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }

#hero2 .play-btn::before { content: ''; position: absolute; width: 120px; height: 120px; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 5px solid rgba(205, 164, 94, 0.7);
  top: -15%; left: -15%; background: rgba(198, 16, 0, 0); }
#hero2 .play-btn:hover::after { border-left: 15px solid #cda45e; transform: scale(20); }
#hero2 .play-btn:hover::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0;
  border: none; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 200;
  -webkit-animation: none; animation: none; border-radius: 0; }

@media (min-width: 1024px) {
  #hero2 { background-attachment: fixed; }
}

@media (max-width: 992px) {
  #hero2 .play-btn { margin-top: 30px; }
}

@media (max-height: 500px) {
  #hero2 { height: auto; }
  #hero2 .container { padding-top: 130px; padding-bottom: 60px; }
}

@media (max-width: 768px) {
    #header { display:flex; align-items:center; }
    iframe { 
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }
    
    #hero2 h1 { font-size: 28px; line-height: 36px; }
    #hero2 h2 { font-size: 18px; line-height: 24px; }
}

@-webkit-keyframes pulsate-btn {
  0% { transform: scale(0.6, 0.6); opacity: 1; }
  100% { transform: scale(1, 1); opacity: 0; }
}

@keyframes pulsate-btn {
  0% { transform: scale(0.6, 0.6); opacity: 1; }
  100% { transform: scale(1, 1); opacity: 0; }
}
/* finfondo menú servicios */

/* textos */
.font-italic{ color: var( --texto-general); }
.events .event-item h3 { color: var(--texto-titulos); }

.section-title{ padding-bottom: 20px; }
.section-title p { color: var(--texto-titulos); }

/* render destinos */
.events .events-carousel { background: none !important; opacity: 90%;
  /*box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);*/
}

/* botones e iconos */
.contact .info .open-hours, .contact .info .email, .contact .info .phone, .contact .info .address{ margin-top: 0; margin-bottom: 40px !important; }
.contact .php-email-form button[type="submit"] { background: var(--fondo-botones-principales); color: var(--texto-menu); }
.contact .php-email-form button[type="submit"]:hover { background: var(--fondo-menu-principal); }

.contact .info i { background: var(--fondo-botones-principales); }

.events .event-item ul li{ color: var( --texto-general); }
.events .event-item ul i { font-size: 20px; padding-right: 4px; color: var(--fondo-botones-principales); }

/* preloader */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: var(--fondo-menu-principal); }
#preloader:before { content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid var(--fondo-menu-principal);
  border-top-color: var(--fondo-botones-principales); border-bottom-color: var(--fondo-botones-principales); border-radius: 50%;
  width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite; animation: animate-preloader 1s linear infinite; }

/* menú */
#header { background: var(--fondo-menu-principal); padding: 5px 0; min-height:40px; /* opacity: 0.9; */ }
#header .logo{ font-size: 20px; }
#header .logo a{ color: var(--texto-menu); opacity: 1; }
#header.header-scrolled { top: 0; background: var(--fondo-menu-principal); /* border-bottom: 1px solid #37332a; */ opacity: 1; }

.btn_contacto { border: 2px solid var(--fondo-botones-principales); color: var(--texto-menu, #fff); border-radius: 50px; padding: 8px 25px;
  text-transform: uppercase; font-size: 13px; font-weight: 500; letter-spacing: 1px; transition: 0.3s; }
.nav-menu a{ font-size: 14px; font-weight: 600; }
.nav-menu a:hover, .nav-menu li:hover > a{ color: var(--fondo-botones-principales) !important; }
.nav-menu .active > a{ color: none; }
.nav-menu .book-a-table a:hover { background: var(--fondo-botones-principales); color: var(--texto-menu, #fff); }
.nav-menu a { color: var(--texto-menu) !important; opacity: 1; }
.nav-menu .drop-down ul a { color: var(--fondo-menu-principal) !important; }
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a{ color: var(--fondo-botones-principales); }

/* menú movil */
.mobile-nav { position: fixed; top: 15px; right: 15px; bottom: none; left: 15px; z-index: 9999; overflow-y: auto; background: var(--fondo-menu-principal);
  border: 2px solid rgba(255, 255, 255, 0.1); transition: ease-in-out 0.2s; opacity: 0; visibility: hidden; border-radius: 10px; padding: 10px 0; }

#topbar .languages ul a{ color: var(--texto-titulos); }
#topbar .languages i{ color: var(--fondo-botones-principales); font-size: 18px; /*text-shadow: 2px 2px 2px black;*/ }
#topbar .languages ul li + li{ padding-left: 2px; }

/* events */
.events { background: none;  }
.events::before { background-color: none !important; }
.contact .php-email-form input, .contact .php-email-form textarea { border-radius: 0; box-shadow: none; font-size: 14px; background: white; border-color: #625b4b;
  color: black; }

/* noticias */
#noticias {margin-bottom: 3rem;}
.section-bg { background-color: none !important; }
.titulo_noticia { color: var(--texto-titulos) !important;
    /*font-weight: 600; font-size: 1.5em; line-height: 1.3em; margin-top: 0; margin-bottom: 5px; padding: 0;*/
}
.testimonials .testimonial-item p { font-style: italic; margin: 0 15px 0 15px; padding: 20px 20px 60px 20px; background: white; position: relative;
    border-radius: 6px; position: relative; z-index: 1; }
section .special-feature-area {padding-top:0; padding-bottom:0; }

/** FOOTER **/
#footer{ background: var(--fondo-pagina); padding: 0 0 0 0; }
#footer .footer-top { background: var(--fondo-menu-principal); border-top: 1px solid #37332a; border-bottom: 1px solid #28251f; padding: 60px 0 30px 0;}

#footer .footer-top .footer-newsletter form { margin-top: 30px; background: white; padding: 6px 10px; position: relative; border-radius: 50px; border: 1px solid #454035; }
#footer .footer-top .footer-newsletter form input[type="email"] { background: white; }
#footer .footer-top .footer-newsletter form input[type="submit"] { background: var(--fondo-botones-principales); color: var(--texto-general, #000000); }
#footer .footer-top .footer-newsletter a { color: var(--texto-menu, white); }
#footer .footer-top .footer-newsletter a:hover { color: var(--fondo-botones-principales, darkblue); font-weight: bold; }

#footer .footer-top .social-links a { background: none; color: var(--texto-menu); }
#footer .footer-top .social-links a:hover{ color: var(--texto-menu); }
#footer .footer-top .social-links a:hover { background: var(--fondo-botones-principales); color: #fff; text-decoration: none; }
#footer .footer-top .footer-info p{ font-family: "Open Sans", sans-serif; }

.footer-info p a{ color: var(--texto-menu); }
.footer-info p a:hover{ color: var(--fondo-botones-principales); }

#footer .footer-top .footer-links ul li{ padding: 5px 0; }
#footer .footer-top h1, #footer .footer-top h2, #footer .footer-top h3, #footer .footer-top h4, #footer .footer-top h5, #footer .footer-top h6 { color: var(--texto-menu); }
#footer .footer-top .footer-links ul a{ color: var(--texto-menu); }
#footer .footer-top .footer-links ul a:hover{ color: var(--fondo-botones-principales); }

#footer img.fondo_blanco { border-radius: 10px; width: 100%; background-color: white; padding: 10px; border-radius: 10px; }

#footer .copyright{ padding: 5px 0; }
footer h1, footer .h1, footer h2, footer .h2, footer h3, footer .h3, footer h4, footer .h4, footer h5, footer .h5, footer h6, footer .h6 { color: var(--texto-menu, #ffffff);}

.copyright{ color: var( --texto-general); font-size: 16px; }
.copyright a{ color: var(--texto-titulos); }
.copyright a:hover{ color: var(--fondo-botones-principales); }

/* boton para arriba */
.back-to-top i { display: flex; align-items: center; justify-content: center; font-size: 24px; width: 44px; height: 44px; border-radius: 50px;
  color: var(--fondo-botones-principales); transition: all 0.4s; border: 2px solid var(--fondo-botones-principales); }
.back-to-top i:hover { background: var(--fondo-botones-principales); color: var(--texto-menu, #1a1814); }
.back-to-top { bottom: 82px; }

/* colores widget */
.titulowidget , .adorno{ background-color: var(--fondo-menu-principal) !important;; } 
.btn-reserva{ background-color: var(--fondo-menu-principal) !important; }
.btn-reserva:hover { background-color: var(--fondo-botones-principales) !important; }

.section-title h2 { font-size: 14px; font-weight: 500; padding: 0; line-height: 1px; margin: 0 0 5px 0; letter-spacing: 2px; text-transform: uppercase; 
    color: var(--fondo-botones-principales); font-family: "Poppins", sans-serif; }
.section-title h2::after { content: ""; width: 120px; height: 1px; display: inline-block; background: var(--fondo-botones-principales); margin: 4px 10px; z-index: 9999; }

.events .owl-dot.active { background-color: var(--fondo-menu-principal) !important; }

/* formulario */
.boton_formulario{ background: var(--fondo-botones-principales); border: 0; padding: 10px 35px; color: #fff; transition: 0.4s; border-radius: .25rem; font-weight:bold; }
.boton_formulario:hover{ background: var(--fondo-menu-principal); color: #fff; }

.about { background: none; background-size: none; position: relative; padding: 0; }
.about:before { content: ""; background: rgba(0, 0, 0, 0); position: absolute; bottom: 0; top: 0; left: 0; right: 0; }

ul, ol { margin: 0; }
ul li, ol li { list-style: inherit; }
    
.list-group-bodas li, #accordion ul li, #accordion ol li { list-style: none; }

img { height: auto; max-width: 100%; }

/* :: 3.1.0 Spacing */
.mt-15 {margin-top: 15px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-100 { margin-top: 100px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-100 { margin-bottom: 100px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-50 { margin-left: 50px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-50 { margin-right: 50px !important; }

/* :: 3.2.0 Height */
.height-400 { height: 400px !important; }
.height-500 { height: 500px !important; }
.height-600 { height: 600px !important; }
.height-700 { height: 700px !important; }
.height-800 { height: 800px !important; }

/* :: 3.3.0 Section Padding */
.section-padding-100 { padding-top: 100px; padding-bottom: 100px; }
.section-padding-100-0 { padding-top: 100px; padding-bottom: 0; }
.section-padding-0-100 { padding-top: 0; padding-bottom: 100px; }
.section-padding-100-70 { padding-top: 100px; padding-bottom: 70px; }

/* :: 3.4.0 Preloader */
.preloader { background-color: #003679; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 99999; }
.preloader .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; }
.preloader .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #ffbb38; animation-timing-function: cubic-bezier(0, 1, 1, 0); }
.preloader .lds-ellipsis div:nth-child(1) { left: 6px; -webkit-animation: lds-ellipsis1 0.6s infinite; animation: lds-ellipsis1 0.6s infinite; }
.preloader .lds-ellipsis div:nth-child(2) { left: 6px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; }
.preloader .lds-ellipsis div:nth-child(3) { left: 26px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; }
.preloader .lds-ellipsis div:nth-child(4) { left: 45px; -webkit-animation: lds-ellipsis3 0.6s infinite; animation: lds-ellipsis3 0.6s infinite; }

@-webkit-keyframes lds-ellipsis1 {
  0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes lds-ellipsis1 { 
    0% { -webkit-transform: scale(0); transform: scale(0); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes lds-ellipsis3 {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0); transform: scale(0); }
}
@keyframes lds-ellipsis3 {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0); transform: scale(0); }
}
@-webkit-keyframes lds-ellipsis2 {
  0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(19px, 0); transform: translate(19px, 0); }
}
@keyframes lds-ellipsis2 {
  0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(19px, 0); transform: translate(19px, 0); }
}
  
/* :: 3.5.0 Miscellaneous */
.jarallax { position: relative; z-index: 0; }
.jarallax > .jarallax-img { position: absolute; object-fit: cover; font-family: 'object-fit: cover;'; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

.section-heading { position: relative; z-index: 1; margin-bottom: 30px; }
.section-heading .line { width: 25px; height: 5px; border-radius: 3px; background-color: #ffbb38; margin-bottom: 20px; }
.section-heading p { font-size: 12px; margin-bottom: 0; letter-spacing: 2px; color: #a5a5a5; text-transform: uppercase; }
.section-heading h2 { font-size: 36px; color: #212121; font-weight: 700; margin-bottom: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-heading h2 { font-size: 28px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-heading h2 { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
  .section-heading h2 { font-size: 24px; }
}

.section-heading.white .line { background-color: #ffffff; }
.section-heading.white p, .section-heading.white h2 { color: #ffffff; }
.section-heading.text-center .line { margin-left: auto; margin-right: auto; }

.box-shadow { position: relative; z-index: 1; }
  .box-shadow:hover { box-shadow: 0 0 24px rgba(0, 0, 0, 0.2); }

.tooltip-inner { background-color: #ffbb38; box-shadow: 0 0 24px rgba(0, 0, 0, 0.2); }

.tooltip .arrow::before { border-bottom-color: #ffbb38; }

.bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.bg-white { background-color: #ffffff !important; }
.bg-dark { background-color: #000000 !important; }
.bg-transparent { background-color: transparent !important; }
.bg-gray { background-color: #f1f7f9; }

.font-bold { font-weight: 700; }
.font-light { font-weight: 300; }

.bg-overlay { position: relative; z-index: 2; background-position: center center; background-size: cover; margin-top: 90px; }
.bg-overlay::after { background-color: rgba(0, 0, 0, 0.61); position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; }
.bg-fixed { background-attachment: fixed !important; }

/* :: 3.6.0 ScrollUp */
#scrollUp { background-color: #003679; border-radius: 5px 0 0 5px; bottom: 70px; color: #ffffff; font-size: 10px; padding: 12px 0; height: 60px; line-height: 1.5; right: 0; text-align: center;
  width: 35px; -webkit-transition-duration: 500ms; transition-duration: 500ms; font-weight: 700; box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15); text-transform: uppercase; }
#scrollUp i { font-size: 18px; display: block; }
#scrollUp:hover { background-color: #ffbb38; color: #ffffff; }

/* :: 3.7.0 Credit Button */
.credit-btn { -webkit-transition-duration: 500ms; transition-duration: 500ms; background-color: var(--fondo-botones-principales); position: relative; z-index: 1; display: inline-block; 
    min-width: 175px; height: 48px; color: #ffffff; border-radius: 5px; padding: 0 30px; font-size: 14px; line-height: 48px; font-weight: 700; text-transform: uppercase; }
.credit-btn:hover, .credit-btn:focus { font-size: 14px; font-weight: 700; background-color: var(--fondo-menu-principal); color: #ffffff; }
.credit-btn.btn-2 { background-color: #003679; color: #ffffff; }
.credit-btn.btn-2:hover, .credit-btn.btn-2:focus { background-color: #ffbb38; color: #ffffff; }
.credit-btn.btn-3 { background-color: transparent; color: #003679; border: 2px solid #003679; line-height: 44px; }
.credit-btn.btn-3:hover, .credit-btn.btn-3:focus { border: 2px solid #003679; background-color: #003679; color: #ffffff; }

/* :: 4.0 Header Area CSS */
.header-area { position: relative; z-index: 1000; width: 100%; }
.header-area .top-header-area { position: relative; z-index: 1; width: 100%; height: 80px; background-color: #f2f4f6; }
.header-area .top-header-area .top-contact-info { position: relative; z-index: 1; }
.header-area .top-header-area .top-contact-info a { display: inline-block; color: #838383; font-size: 14px; margin-bottom: 0; display: -webkit-box;
    display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; font-weight: 600; }
.header-area .top-header-area .top-contact-info a img { margin-right: 10px; }
@media only screen and (max-width: 767px) {
  .header-area .top-header-area .top-contact-info a span { display: none; }
}
.header-area .top-header-area .top-contact-info a:first-child { margin-right: 30px; }
.header-area .top-header-area .top-contact-info a:hover, .header-area .top-header-area .top-contact-info a:focus { color: #003679; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .top-header-area .top-contact-info a { font-size: 13px; }
}
.header-area .credit-main-menu { position: relative; width: 100%; z-index: 1; background-color: #ffbb38; }
.header-area .credit-main-menu::after { width: 50%; height: 100%; background-color: #003679; position: absolute; top: 0; left: 0; content: ''; z-index: 1; }
.header-area .credit-main-menu .classy-nav-container { background-color: transparent; }
.header-area .credit-main-menu .classy-navbar { height: 85px; padding: 0; background-color: #003679; }
@media only screen and (max-width: 767px) {
    .header-area .credit-main-menu .classy-navbar { height: 70px; }
}
.header-area .credit-main-menu .classy-navbar .classynav ul li a { font-weight: 600; text-transform: capitalize; font-size: 15px; padding: 0 15px; color: #ffffff; }
.header-area .credit-main-menu .classy-navbar .classynav ul li a:hover, .header-area .credit-main-menu .classy-navbar .classynav ul li a:focus { color: #ffbb38; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-area .credit-main-menu .classy-navbar .classynav ul li a { font-size: 14px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .credit-main-menu .classy-navbar .classynav ul li a { color: #003679; } 
}
@media only screen and (max-width: 767px) {
    .header-area .credit-main-menu .classy-navbar .classynav ul li a { color: #003679; }
}
.header-area .credit-main-menu .classy-navbar .classynav > ul > li:first-child a { padding-left: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .credit-main-menu .classy-navbar .classynav > ul > li:first-child a { padding-left: 15px; } }
@media only screen and (max-width: 767px) {
    .header-area .credit-main-menu .classy-navbar .classynav > ul > li:first-child a { padding-left: 15px; }
}
.header-area .credit-main-menu .classy-navbar .classynav ul li.megamenu-item > a::after, .header-area .credit-main-menu .classy-navbar .classynav ul li.has-down > a::after { color: #ffffff; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .credit-main-menu .classy-navbar .classynav ul li.megamenu-item > a::after,
    .header-area .credit-main-menu .classy-navbar .classynav ul li.has-down > a::after { color: #003679; } 
}
@media only screen and (max-width: 767px) {
    .header-area .credit-main-menu .classy-navbar .classynav ul li.megamenu-item > a::after,
    .header-area .credit-main-menu .classy-navbar .classynav ul li.has-down > a::after { color: #003679; } 
}
.header-area .credit-main-menu .classy-navbar .classynav ul li ul li a { color: #003679; font-size: 14px; }
.header-area .credit-main-menu .classy-navbar .contact { position: relative; z-index: 1; padding-left: 50px; height: 100%; overflow-y: hidden; overflow-x: hidden; }
.header-area .credit-main-menu .classy-navbar .contact::before { width: 100%; height: 200%; content: ''; position: absolute; top: 42%; left: 0; z-index: -1; background-color: #ffbb38; 
    -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.header-area .credit-main-menu .classy-navbar .contact::after { width: 1000%; height: 100%; content: ''; position: absolute; top: 0; left: 62px; z-index: -1; background-color: #ffbb38; }
.header-area .credit-main-menu .classy-navbar .contact a { display: inline-block; font-size: 24px; color: #003679; font-weight: 700; line-height: 85px; }
.header-area .credit-main-menu .classy-navbar .contact a:hover { color: #ffffff; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-area .credit-main-menu .classy-navbar .contact a { font-size: 20px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .credit-main-menu .classy-navbar .contact a { font-size: 18px; }
}
@media only screen and (max-width: 767px) {
    .header-area .credit-main-menu .classy-navbar .contact a { font-size: 14px; line-height: 70px; }
}
.header-area .is-sticky .credit-main-menu { box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.3); }

/* :: 5.0 Hero Area CSS */
.hero-area { position: relative; z-index: 1; }
.hero-area .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 100%;
    z-index: 100; bottom: 30px; left: 0; right: 0; }
.hero-area .owl-dots .owl-dot { width: 8px; height: 8px; background-color: #d2d2d2; border-radius: 50%; margin: 0 6px; }
.hero-area .owl-dots .owl-dot.active { background-color: #ffbb38; }
.hero-area .owl-prev, .hero-area .owl-next { position: absolute; width: 46px; height: 46px; border-radius: 50%; top: 50%; margin-top: -23px; font-size: 18px; color: #ffffff; 
    background-color: #003679; left: 20px; text-align: center; -webkit-transition-duration: 500ms; transition-duration: 500ms; line-height: 46px; opacity: 0; visibility: hidden; }
@media only screen and (max-width: 767px) {
  .hero-area .owl-prev, .hero-area .owl-next { left: 10px; }
}
.hero-area .owl-prev:hover, .hero-area .owl-next:hover { background-color: #ffbb38; color: #ffffff; }
.hero-area .owl-next { left: auto; right: 20px; }
@media only screen and (max-width: 767px) {
  .hero-area .owl-next { right: 10px; } 
}
.hero-area:hover .owl-next, .hero-area:hover .owl-prev { opacity: 1; visibility: visible; }

.single-slide { position: relative; z-index: 99; width: 100%; height: 760px; background-color: #ffffff; overflow: hidden; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slide { height: 600px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slide { height: 600px; } }
@media only screen and (max-width: 767px) {
    .single-slide { height: 600px; } }

.single-slide .slide-bg-img { position: absolute; width: 100%; height: 100%; z-index: -12; top: 0; left: 0; right: 0; bottom: 0; -webkit-animation: slide-bg linear 10000ms infinite; animation: slide-bg linear 10000ms infinite; }
.single-slide .slide-du-indicator { position: absolute; z-index: 10; width: 0; height: 2px; background-color: #ffbb38; left: 0; bottom: 0; 
    -webkit-animation: slide-du-indicator linear 10000ms infinite; animation: slide-du-indicator linear 10000ms infinite; }
.single-slide .welcome-text { position: relative; z-index: 1; }
.single-slide .welcome-text h6 { font-size: 18px; font-weight: 400; color: #ffffff; margin-bottom: 15px; }
.single-slide .welcome-text h2 { font-size: 70px; color: #ffffff; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; }
.single-slide .welcome-text h2 span { color: #ffbb38; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slide .welcome-text h2 { font-size: 48px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slide .welcome-text h2 { font-size: 42px; }
}
@media only screen and (max-width: 767px) {
    .single-slide .welcome-text h2 { font-size: 24px; }
}
.single-slide .welcome-text p { font-size: 16px; color: #ffffff; }

@-webkit-keyframes slide-du-indicator {
  0% { width: 0; }
  100% { width: 100%; }
}
@keyframes slide-du-indicator {
      0% { width: 0; }
  100% { width: 100%; }
}
@-webkit-keyframes slide-bg {
  0% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes slide-bg {
  0% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
  
/* :: 6.0 Features Area CSS */
.single-features-area { position: relative; z-index: 1; }
.single-features-area h6 { font-size: 18px; color: #6e6e6e; margin-bottom: 0; font-family: "Open Sans", sans-serif; font-weight: 600; line-height: 1.8; }
.single-features-area img { margin-bottom: 15px; }
.single-features-area h5 { font-size: 18px; margin-bottom: 0; -webkit-transition-duration: 500ms; transition-duration: 500ms; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-features-area h5 { font-size: 15px; } 
}
.single-features-area:hover h5 { color: #ffbb38; }

/* :: 7.0 Special Feature CSS */
.special-feature-area { position: relative; z-index: 1; }
.special-feature-area .special-feature-content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; background-color: #ffbb38; }
@media only screen and (max-width: 767px) {
    .special-feature-area .special-feature-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
}
.special-feature-area .special-feature-content .feature-text { position: relative; z-index: 1; max-width: 555px; margin-left: auto; padding-right: 70px; }
.special-feature-area .special-feature-content .feature-text h6 {color: #ffffff; line-height: 1.7; margin-bottom: 50px; font-weight: 600; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .special-feature-area .special-feature-content .feature-text h6 {font-size: 14px; } }
@media only screen and (max-width: 767px) { 
    .special-feature-area .special-feature-content .feature-text h6 { font-size: 14px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .special-feature-area .special-feature-content .feature-text { max-width: 465px; padding-right: 40px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .special-feature-area .special-feature-content .feature-text { max-width: 350px; padding-right: 20px; }
}
@media only screen and (max-width: 767px) {
    .special-feature-area .special-feature-content .feature-text { max-width: 100%; padding-right: 15px; padding-left: 15px; }
}
.special-feature-area .special-feature-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }
@media only screen and (max-width: 767px) {
    .special-feature-area .special-feature-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; height: 250px; }
}
.special-feature-area.style-2 .special-feature-content { background-color: #003679; }
.special-feature-area.style-2 .special-feature-content .feature-text { margin-left: 0; margin-right: auto; padding-right: 0; padding-left: 70px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .special-feature-area.style-2 .special-feature-content .feature-text { padding-left: 40px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    .special-feature-area.style-2 .special-feature-content .feature-text { padding-left: 20px; }
}
@media only screen and (max-width: 767px) {
    .special-feature-area.style-2 .special-feature-content .feature-text { padding-left: 15px; padding-right: 15px; }
}

/* :: 8.0 CTA Area CSS */
.cta-area { position: relative; z-index: 1; }
.cta-area .cta-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area .cta-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; height: 400px; }
}
@media only screen and (max-width: 767px) {
    .cta-area .cta-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; height: 280px; }
}

.cta-area .cta-content { position: relative; z-index: 1; padding: 100px 5%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; background-color: #ffbb38; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area .cta-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
}
@media only screen and (max-width: 767px) {
    .cta-area .cta-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
}
.cta-area .cta-content h6 { color: #ffffff; font-weight: 600; font-family: "Open Sans", sans-serif; line-height: 1.8; }
.cta-area .cta-content .single-skils-area .skills-text span { color: #ffffff; font-size: 18px; font-weight: 700; }
.cta-area .cta-content .single-skils-area p { margin-bottom: 0; font-family: "Open Sans", sans-serif; letter-spacing: 2px; color: #ffffff; text-transform: uppercase; }

.cta-2-area { position: relative; z-index: 1; background-color: #003679; padding-top: 50px; }
.cta-2-area .cta-content .cta-text { position: relative; z-index: 1; margin-bottom: 50px; }
.cta-2-area .cta-content .cta-text h4 { color: #ffffff; font-family: "Open Sans", sans-serif; margin-bottom: 0; font-weight: 600; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-2-area .cta-content .cta-text h4 { font-size: 18px; }
}
.cta-2-area .cta-content .cta-text p { color: #ffffff; font-size: 14px; margin-bottom: 0; }

@media only screen and (max-width: 767px) {
    .cta-2-area .cta-content .cta-text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
}
.cta-2-area .cta-content .cta-btn { position: relative; z-index: 1; margin-bottom: 50px; }
@media only screen and (max-width: 767px) {
  .cta-2-area .cta-content .cta-btn { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
}

.contact--area .section-heading h2, .news--area .section-heading h2 { font-size: 24px; }
.news--area { position: relative; z-index: 1; }
.single-news-area { position: relative; z-index: 1; margin-bottom: 15px; }
.single-news-area:last-child { margin-bottom: 0; }
.single-news-area .news-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 37%; flex: 0 0 37%; max-width: 37%; width: 37%; }
.single-news-area .news-content { -webkit-box-flex: 0; -ms-flex: 0 0 63%; flex: 0 0 63%; max-width: 63%; width: 63%; padding-left: 15px; }
.single-news-area .news-content span { font-size: 10px; color: #ffffff; background-color: #ffbb38; padding: 3px 15px; border-radius: 30px; display: inline-block; margin-bottom: 5px; }
.single-news-area .news-content a { display: block; font-weight: 400; font-size: 16px; margin-bottom: 0; }
.single-news-area .news-content a:hover, .single-news-area .news-content a:focus { color: #ffbb38; } 
.single-news-area .news-content .news-meta a { position: relative; z-index: 1;  display: inline-block; font-size: 12px; color: #838383; font-weight: 600; margin-bottom: 0; line-height: 1; }
.single-news-area .news-content .news-meta a img { margin-right: 5px; } 
.single-news-area .news-content .news-meta a:last-child { margin-left: 31px; }
.single-news-area .news-content .news-meta a:last-child::after { content: '|'; position: absolute; top: 0; left: -20px; z-index: 1; }
.single-news-area .news-content .news-meta a:hover, .single-news-area .news-content .news-meta a:focus { color: #ffbb38; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-news-area .news-content .news-meta a { font-size: 10px; }
}
@media only screen and (max-width: 767px) {
    .single-news-area .news-content .news-meta a { font-size: 10px; }
}

.contact--area { position: relative; z-index: 1; }
.contact--area .contact-content { padding: 55px 45px; background-color: #ffffff; border: 1px solid #afbace; }
@media only screen and (min-width: 992px) and (max-width: 1199px) { 
    .contact--area .contact-content { padding: 30px; }
}
@media only screen and (max-width: 767px) {
    .contact--area .contact-content { padding: 20px; }
}
.contact--area .contact-content .single-contact-content { position: relative; z-index: 1; margin-bottom: 45px; }
.contact--area .contact-content .single-contact-content:last-child { margin-bottom: 0; } 
.contact--area .contact-content .single-contact-content .icon { -webkit-box-flex: 0; -ms-flex: 0 0 48px; flex: 0 0 48px; max-width: 48px;  width: 48px; height: 48px; line-height: 48px; 
    color: #ffffff; text-align: center; margin-right: 15px; background-color: #ffbb38; }
.contact--area .contact-content .single-contact-content .text p { font-weight: 600; color: #212121;  margin-bottom: 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .contact--area .contact-content .single-contact-content .text p { font-size: 12px; }
}
@media only screen and (max-width: 767px) {
    .contact--area .contact-content .single-contact-content .text p { font-size: 12px; }
}
.contact--area .contact-content .single-contact-content .text span {font-size: 11px;text-transform: uppercase;letter-spacing: 2px;color: #838383; }
.contact--area.contact-page .contact-content { padding: 35px; border: none; background-color: #003679; }
.contact--area.contact-page .contact-content h5 { color: #ffffff; font-weight: 600; font-size: 18px; margin-bottom: 35px; } 
.contact--area.contact-page .contact-content .single-contact-content .text p, .contact--area.contact-page .contact-content .single-contact-content .text span { color: #ffffff; }

/* :: 9.0 Newsletter Area CSS */
.newsletter-area { position: relative; z-index: 3; }
.newsletter-area::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 54, 121, 0.7); z-index: -1; }
.newsletter-area .nl-content { position: relative; z-index: 1; } 
.newsletter-area .nl-content h2 { color: #ffffff; margin-bottom: 25px; display: block; font-weight: 400; font-size: 30px; }
@media only screen and (max-width: 767px) { 
    .newsletter-area .nl-content h2 {   font-size: 18px; }
}
.newsletter-area .nl-content form { width: 100%; position: relative; z-index: 1; margin-bottom: 30px; }
.newsletter-area .nl-content form input { width: 100%; height: 45px; background-color: #ffffff; border-radius: 30px; border: none; font-size: 12px; font-style: italic; padding: 0 20px; }
.newsletter-area .nl-content form button { -webkit-transition-duration: 500ms; transition-duration: 500ms; position: absolute; width: 130px; height: 45px; background-color: #ffbb38;
    border: none; border-radius: 0 30px 30px 0; top: 0; right: 0; font-weight: 700; font-size: 14px; color: #ffffff; text-align: center; cursor: pointer; z-index: 20; }
.newsletter-area .nl-content form button:hover { background-color: #003679; }
.newsletter-area .nl-content form button:focus { outline: none;  box-shadow: none; }
@media only screen and (max-width: 767px) {
  .newsletter-area .nl-content form button { width: 100px; }
}
.newsletter-area .nl-content p { font-size: 12px; color: #ffffff; margin-bottom: 0; }

/* :: 10.0 Team Member Area CSS */
.single-team-member-area { position: relative; z-index: 1; text-align: center; }
.single-team-member-area .team-thumb { -webkit-transition-duration: 500ms; transition-duration: 500ms; position: relative; z-index: 1; width: 180px; border-radius: 50%; margin: 0 auto 40px; height: 180px; }
.single-team-member-area .team-thumb::after { -webkit-transition-duration: 500ms; transition-duration: 500ms; content: ''; width: 100%; height: 100%; background-color: transparent; 
    border: 8px solid #003679; top: 0; left: 0; position: absolute; z-index: 100; border-radius: 50%; opacity: 0; visibility: hidden; }
.single-team-member-area .team-thumb img { border-radius: 50%; }
.single-team-member-area .team-thumb .view-more a { position: absolute; width: 62px; height: 62px; border-radius: 15px; background-color: #ffbb38; text-align: center; bottom: -10px; right: 0;
      z-index: 300; color: #ffffff; line-height: 62px; font-size: 18px; }
.single-team-member-area .team-thumb .view-more a:hover { background-color: #003679; }
.single-team-member-area .team-thumb:hover { box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2); }
.single-team-member-area .team-thumb:hover::after { opacity: 1; visibility: visible; }
.single-team-member-area .team-info { position: relative; z-index: 1; }
.single-team-member-area .team-info h5 { -webkit-transition-duration: 500ms; transition-duration: 500ms;font-size: 18px; margin-bottom: 5px; }
.single-team-member-area .team-info h6 { font-size: 14px; font-weight: 600; margin-bottom: 0; color: #6e6e6e; }
.single-team-member-area:hover .team-info h5 { color: #ffbb38; }

/* :: 11.0 Footer Area CSS */
.footer-area { position: relative; z-index: 1; background-color: var(--fondo-pagina); }
.footer-area .single-footer-widget { position: relative; z-index: 1; }
.footer-area .single-footer-widget .widget-title { font-size: 18px; color: #ffbb38; margin-bottom: 40px; font-weight: 400; }
.footer-area .single-footer-widget ul li a { display: block; color: #ffffff; font-size: 14px; font-weight: 400; margin-bottom: 30px; position: relative; z-index: 1; padding-left: 23px; }
.footer-area .single-footer-widget ul li a::before { content: ''; width: 8px; height: 8px; top: 7px; left: 0; border-radius: 50%; background-color: #ffbb38; position: absolute; z-index: 1; }
.footer-area .single-footer-widget ul li a:hover, .footer-area .single-footer-widget ul li a:focus { color: #ffbb38; }
.footer-area .single-footer-widget ul li:last-child a { margin-bottom: 0; }

.footer-area .copywrite-area { position: relative; z-index: 1; border-top: 1px solid #3c4450; padding: 30px 0; }
.footer-area .copywrite-area .copywrite-text { font-size: 14px; margin-bottom: 0; color: #636b75; font-weight: 400; }
@media only screen and (max-width: 767px) {
    .footer-area .copywrite-area .copywrite-text { margin-top: 30px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .footer-area .copywrite-area .copywrite-text { margin-top: 0; }
}
.footer-area .copywrite-area .copywrite-text a { color: #636b75; font-size: 14px; font-weight: 400; }
.footer-area .copywrite-area .copywrite-text a:hover, .footer-area .copywrite-area .copywrite-text a:focus { color: #ffbb38; }

.container.pie-pagina { width: 100% !important; max-width: 100vw; padding: 0; }

/* :: 12.0 Blog Area CSS */
.breadcrumb-area { position: relative; z-index: 1; width: 100%; height: 255px; }
@media only screen and (max-width: 767px) {
    .breadcrumb-area { height: 180px; }
}
.breadcrumb-area .breadcrumb-content h2 { color: #ffffff; font-size: 30px; text-transform: uppercase; display: block; }
@media only screen and (max-width: 767px) {
    .breadcrumb-area .breadcrumb-content h2 { font-size: 24px; }
}
.breadcrumb-area .breadcrumb-content .breadcrumb { background-color: transparent; padding: 0; margin-bottom: 0; }
.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item::before { color: #ffffff; }
.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item.active { color: #ffbb38; font-size: 16px; font-weight: 600; }
.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a { font-size: 16px; color: #ffffff; font-weight: 600; }
.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a:hover { color: #ffbb38; }

.single-latest-news-area { position: relative; z-index: 1; margin-bottom: 20px; }
.single-latest-news-area:last-child { margin-bottom: 0; }
.single-latest-news-area .news-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; }
.single-latest-news-area .news-content { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; width: 75%; padding-left: 10px; }
.single-latest-news-area .news-content a { display: block; font-weight: 600; font-size: 14px; margin-bottom: 0; color: #ffffff; }
.single-latest-news-area .news-content a:hover, .single-latest-news-area .news-content a:focus { color: #ffbb38; }
.single-latest-news-area .news-content .news-meta a { position: relative; z-index: 1; display: inline-block; font-size: 12px; color: #838383; font-weight: 600; margin-bottom: 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-latest-news-area .news-content .news-meta a { font-size: 9px; }
}
.single-latest-news-area .news-content .news-meta a img { margin-right: 2px; }
.single-latest-news-area .news-content .news-meta a:last-child { margin-left: 21px; }
.single-latest-news-area .news-content .news-meta a:last-child::after { content: '|'; position: absolute; top: 0; left: -15px; z-index: 1; }
.single-latest-news-area .news-content .news-meta a:hover, .single-latest-news-area .news-content .news-meta a:focus { color: #ffbb38; }

.single-blog-area { position: relative; z-index: 1; }
.single-blog-area .blog-thumbnail { position: relative; z-index: 1; margin-bottom: 35px; }
.single-blog-area .blog-thumbnail a { display: block; }
.single-blog-area .blog-thumbnail a img { border-radius: 5px; }
.single-blog-area .blog-content { position: relative; z-index: 1; }
.single-blog-area .blog-content span { font-size: 10px; color: #ffffff; background-color: #ffbb38; padding: 3px 15px; border-radius: 30px; display: inline-block; margin-bottom: 5px; }
.single-blog-area .blog-content .post-title { display: block; font-weight: 600; font-size: 24px; margin-bottom: 0; color: #212121; }
.single-blog-area .blog-content .post-title:hover, .single-blog-area .blog-content .post-title:focus { color: #ffbb38; }
.single-blog-area .blog-content .blog-meta { margin-bottom: 30px; }
.single-blog-area .blog-content .blog-meta a { position: relative; z-index: 1; display: inline-block; font-size: 12px; color: #838383; font-weight: 600; margin-bottom: 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-blog-area .blog-content .blog-meta a { font-size: 9px; }
}
.single-blog-area .blog-content .blog-meta a img { margin-right: 2px; }
.single-blog-area .blog-content .blog-meta a:last-child { margin-left: 21px; }
.single-blog-area .blog-content .blog-meta a:last-child::after { content: '|'; position: absolute; top: 0; left: -15px; z-index: 1; }
.single-blog-area .blog-content .blog-meta a:hover, .single-blog-area .blog-content .blog-meta a:focus { color: #ffbb38; }
.single-blog-area .blog-content p { margin-bottom: 0; }

.post-details-content { position: relative; z-index: 1; }
.post-details-content img { border-radius: 5px; margin-bottom: 30px; }
.post-details-content p { margin-bottom: 25px; }

/** PAGINATION **/
.pagination { position: relative; z-index: 1; }
.pagination .page-item .page-link { width: 40px; height: 40px; background-color: var(--texto-menu, #ffffff); border-radius: 5px; line-height: 40px; font-weight: 600; font-size: 16px; 
    color: var(--fondo-botones-principales, #212121); padding: 0;
    border: none; text-align: center; margin-right: 2px; }
.pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus { color: var(--texto-menu, #ffffff); background-color: var(--fondo-menu-principal, #ffbb38); }
.pagination .page-item.active .page-link { color: var(--texto-menu, #ffffff); background-color: var(--fondo-menu-principal, #ffbb38); }

.pagination>.active>a { z-index: 2; color: var(--teto-menu, #fff); cursor: default; background-color: var(--fondo-menu-principal, #337ab7); border-color: var(--fondo-menu-principal, #337ab7); }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: var(--fondo-botones-principales, #337ab7); 
    text-decoration: none; background-color: var(--texto-menu, #fff); border: 1px solid #ddd; }
/** Paginador **/
ul.yiiPager a:link, ul.yiiPager a:visited { 
    border: solid 1px var(--fondo-menu-principal, var(--primary-bg-color, #000000)); font-weight: bold; font-size: 1.5rem; color: var(--fondo-menu-principal, var(--primary-bg-color, #000000)); padding: 1px 6px; text-decoration: none; }
ul.yiiPager li.active a, ul.yiiPager a:hover { border: var(--fondo-botones-principales, var(--primary-bg-color, #000000)); 
    background-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)); color: var(--texto-menu); }
ul.yiiPager .hidden a, ul.yiiPager .hidden a:hover, .pagination ul li.hidden a, .pagination ul li.hidden a:hover { 
    border: solid 1px #DEDEDE; color: #888888; background-color: transparent; }



.sidebar-area { position: relative; z-index: 1; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-area { margin-top: 100px; }
}
@media only screen and (max-width: 767px) {
    .sidebar-area { margin-top: 100px; }
}

.single-widget-area { position: relative; z-index: 1; margin-bottom: 50px; }
.single-widget-area:last-child { margin-bottom: 0; }
.single-widget-area .widget-heading { position: relative; z-index: 1; margin-bottom: 35px; }
.single-widget-area .widget-heading .line { width: 30px; height: 8px; background-color: #ffbb38; border-radius: 5px; display: block; margin-bottom: 15px; }
.single-widget-area.search-widget { position: relative; z-index: 1; }
.single-widget-area.search-widget form { position: relative; z-index: 1; }
.single-widget-area.search-widget form input { width: 100%; height: 50px; border-radius: 5px; border: none; background-color: #f1f7f9; padding: 0 20px; font-size: 12px; font-style: italic; }
.single-widget-area.search-widget form button { -webkit-transition-duration: 500ms; transition-duration: 500ms; position: absolute; width: 125px; height: 50px; border: none; top: 0; right: 0;
    z-index: 99; background-color: #003679; color: #ffbb38; font-weight: 600; font-size: 14px; text-transform: uppercase; border-radius: 5px; cursor: pointer; }
.single-widget-area.search-widget form button:hover { background-color: #ffbb38; color: #003679; }
.single-widget-area.cata-widget ul { padding-left: 35px; }
.single-widget-area.cata-widget ul li a { display: block; font-size: 15px; padding: 7px 0; font-weight: 600; color: #003679; }
.single-widget-area.cata-widget ul li a:hover, .single-widget-area.cata-widget ul li a:focus { color: #ffbb38; }

.comment_area { border-bottom: 1px solid #eaeaea; padding-bottom: 50px; }
.comment_area .comment-content .comment-author { -webkit-box-flex: 0; -ms-flex: 0 0 51px; flex: 0 0 51px; min-width: 51px; margin-right: 30px; height: 51px; border-radius: 50%; }
@media only screen and (max-width: 767px) {
    .comment_area .comment-content .comment-author { margin-right: 15px; }
}
.comment_area .comment-content .comment-author img { border-radius: 50%; }
.comment_area .comment-content .comment-meta { margin-bottom: 30px; }
.comment_area .comment-content .comment-meta .post-author, .comment_area .comment-content .comment-meta .post-date, .comment_area .comment-content .comment-meta .reply { position: relative;
    z-index: 1; margin-bottom: 5px; display: inline-block; font-size: 14px; color: #212121; margin-right: 30px; }
@media only screen and (max-width: 767px) {
    .comment_area .comment-content .comment-meta .post-author, .comment_area .comment-content .comment-meta .post-date, .comment_area .comment-content .comment-meta .reply { font-size: 12px; margin-right: 15px; }
}
.comment_area .comment-content .comment-meta .post-author::after, .comment_area .comment-content .comment-meta .post-date::after, .comment_area .comment-content .comment-meta .reply::after { 
    position: absolute; top: 0; right: -16px; content: '|'; z-index: 1; }
@media only screen and (max-width: 767px) {
  .comment_area .comment-content .comment-meta .post-author::after,
  .comment_area .comment-content .comment-meta .post-date::after,
  .comment_area .comment-content .comment-meta .reply::after { right: -8px; }
}
.comment_area .comment-content .comment-meta .post-author:hover, .comment_area .comment-content .comment-meta .post-date:hover, .comment_area .comment-content .comment-meta .reply:hover { color: #003679; }
.comment_area .comment-content .comment-meta .reply { margin-right: 0; }
.comment_area .comment-content .comment-meta .reply::after { display: none; }
.comment_area .comment-content .comment-meta p { margin-bottom: 15px; font-size: 14px; line-height: 2; font-weight: 500; }
.comment_area .single_comment_area { margin-bottom: 30px; }
.comment_area .single_comment_area:last-of-type { margin-bottom: 0; }
.comment_area .children .single_comment_area { margin-left: 50px; margin-top: 30px; }

/* :: 13.0 Contact Area CSS */
.contact-advisor { position: relative; z-index: 1; background-color: #ffbb38; padding: 35px; }
.contact-advisor h5 { font-size: 18px; color: #ffffff; font-weight: 600; margin-bottom: 40px; }
.contact-advisor .single-advisor { position: relative; z-index: 1; margin-bottom: 60px; }
.contact-advisor .single-advisor:last-child { margin-bottom: 0; }
.contact-advisor .single-advisor .advisor-img {-webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; width: 80px; margin-right: 30px; }
.contact-advisor .single-advisor .advisor-info h6 { color: #ffffff; margin-bottom: 5px; font-weight: 600; }
.contact-advisor .single-advisor .advisor-info span { font-size: 12px; text-transform: capitalize; margin-bottom: 15px; display: block; color: #ffffff; }
.contact-advisor .single-advisor .advisor-info p { font-size: 14px; margin-bottom: 0; line-height: 1; font-weight: 700; color: #ffffff; }

.contact-form-area .form-control { position: relative; z-index: 2; height: 54px; width: 100%; background-color: #f1f7f9; font-size: 12px; margin-bottom: 15px; border: none; border-radius: 5px;
    padding: 15px 30px; font-weight: 500; color: #aeaeae; -webkit-transition-duration: 500ms; transition-duration: 500ms; }
.contact-form-area .form-control:focus { box-shadow: none; }
.contact-form-area textarea.form-control { height: 250px; }

.map-area { position: relative; z-index: 2; height: 960px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .map-area { height: 1200px; } 
}
@media only screen and (max-width: 767px) {
    .map-area { height: 1200px; }
}
.map-area iframe { width: 100%; height: 100%; border: none; margin-bottom: 0; }
.map-area .contact---area { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.map-area .contact---area .contact-page { background-color: #003679; padding: 70px 45px; }

@media only screen and (max-width: 767px) {
    .map-area .contact---area .contact-page { padding: 40px 30px; }
}
.map-area .contact---area .contact-page h4 { color: #ffffff; font-weight: 600; }

/* :: 14.0 Elements Area CSS */
.elements-title { position: relative; z-index: 1; }
.elements-title .line { width: 30px; height: 8px; background-color: #ffbb38; border-radius: 5px; display: block; margin-bottom: 15px; }
.elements-title h2 { font-size: 24px; margin-bottom: 0; }

.single-service-area { position: relative; z-index: 1; }
.single-service-area .icon { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-box-flex: 0; -ms-flex: 0 0 60px; 
    flex: 0 0 60px; max-width: 60px; width: 60px; height: 60px; border-radius: 50%; background-color: #003679; text-align: center;
    margin-right: 20px; line-height: 60px; color: #ffffff; font-size: 30px; }
.single-service-area .text h5 { -webkit-transition-duration: 500ms; transition-duration: 500ms; font-size: 18px; }
.single-service-area .text p { margin-bottom: 0; }
.single-service-area:hover .icon, .single-service-area:focus .icon { background-color: #ffbb38; }
.single-service-area:hover .text h5, .single-service-area:focus .text h5 { color: #ffbb38; }

.single-cool-fact { position: relative; z-index: 1; }
.single-cool-fact .scf-icon { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 70px;
    flex: 0 0 70px; max-width: 70px; width: 70px; }
.single-cool-fact .scf-icon i { color: #ffbb38; font-size: 65px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-cool-fact .scf-icon { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; max-width: 40px; width: 40px; }
    .single-cool-fact .scf-icon i { font-size: 40px; } 
}
.single-cool-fact .scf-text h2 { font-size: 48px; margin-bottom: 10px; color: #212121; font-weight: 600; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-cool-fact .scf-text h2 {
    font-size: 36px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-cool-fact .scf-text h2 {
    font-size: 30px; }
}
@media only screen and (max-width: 767px) {
  .single-cool-fact .scf-text h2 {
    font-size: 24px; }
}
.single-cool-fact .scf-text p { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 0; color: #212121; line-height: 1; }
.single-cool-fact.white .scf-icon i, .single-cool-fact.white .scf-text h2, .single-cool-fact.white .scf-text p { color: #ffffff; }

.single-accordion.panel { background-color: #ffffff; border: 0 solid transparent; border-radius: 4px; box-shadow: 0 0 0 transparent; margin-bottom: 15px; }
.single-accordion:last-of-type { margin-bottom: 0; }
.single-accordion h6 { margin-bottom: 0; }
.single-accordion h6 a { font-family: "Open Sans", sans-serif; background-color: var(--fondo-menu-principal, #003679); border-radius: 5px; color: var(--texto-menu, #ffffff); display: block;
    margin: 0; padding: 20px 70px 20px 30px; position: relative; font-size: 16px; text-transform: capitalize; font-weight: 600; }
.single-accordion h6 a span { background: transparent; -webkit-transition-duration: 500ms; transition-duration: 500ms; font-size: 10px; position: absolute; right: 0; text-align: center;
  top: 0; width: 58px; height: 100%; color: #ffffff; line-height: 58px; }
.single-accordion h6 a span.accor-open { opacity: 0; }
.single-accordion h6 a.collapsed { -webkit-transition-duration: 500ms; transition-duration: 500ms; background-color: var(--fondo-botones-principales, #ffbb38); color: var(--texto-menu, #ffffff); }
.single-accordion .accordion-content { border-top: 0 solid transparent; box-shadow: none; }
.single-accordion .accordion-content p { padding: 15px 15px 0; margin-bottom: 0; }

.single-skils-area { position: relative; z-index: 1; text-align: center; }
.single-skils-area .circle { position: relative; z-index: 10; margin-bottom: 15px; }
.single-skils-area .skills-text { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.single-skils-area .skills-text span { font-size: 18px; color: #212121; font-weight: 600; }
.single-skils-area p { margin-bottom: 0; font-family: "Open Sans", sans-serif; letter-spacing: 2px; color: #212121; text-transform: uppercase; }

.credit-tabs-content { position: relative; z-index: 1; }
.credit-tabs-content .nav-tabs { border-bottom: none; margin-bottom: 15px; }
.credit-tabs-content .nav-tabs .nav-link { background-color: #f1f7f9; padding: 0 20px; height: 50px; line-height: 50px; color: #212121; margin: 0 2px; border-radius: 5px; font-size: 16px; font-weight: 600; }
    
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.credit-tabs-content .nav-tabs .nav-link {
  padding: 0 15px;
  font-size: 14px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.credit-tabs-content .nav-tabs .nav-link {
  padding: 0 15px;
  font-size: 14px; } }
@media only screen and (max-width: 767px) {
.credit-tabs-content .nav-tabs .nav-link {
  padding: 0 15px;
  font-size: 14px; } }
  
.credit-tabs-content .nav-tabs .nav-link.active { background-color: #003679; color: #ffffff; }
.credit-tabs-content .credit-tab-text { position: relative; z-index: 1; padding-top: 10px; }
.credit-tabs-content .credit-tab-text p { margin-bottom: 0; }
.credit-tabs-content .tab-content h6 { font-size: 18px; }

.single-icons { position: relative; z-index: 1; background-color: #003679; border-radius: 5px; text-align: center; padding: 50px 20px; }
.single-icons i { font-size: 50px; margin-bottom: 30px; display: block; color: #fff; }
.single-icons span { display: block; color: #fff; }

/** portada **/
#hero .logo img.fondo_blanco {background-color: white; padding: 10px; border-radius: 10px; }
.cont-cotizador.cont-cot-video .logo img.fondo_blanco {background-color: white; padding: 10px; border-radius: 10px; }
.cont-cotizador .widget-form, #hero .widget-form {background-color: rgba(0, 0, 0, 0.4);border-radius: 10px;color: #fff;font-weight: bold;padding: 15px 20px; }

#bannersAgencia, #destinosPromociones{ position: relative; z-index: 1; }

#noticias .card-content .card-img { display: flex; align-content: center; justify-content: center; }
#noticias .card-content .card-img img { width: auto !important; }
#noticias .card-content .card-img span h4 { color: var(--texto-menu, #ffffff); }

.btn-primary { color: var(--texto-menu, #fff); background-color: var(--fondo-botones-principales, #007bff); border-color: var(--fondo-botones-principales, #007bff); }
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-primary.focus, .btn-primary:focus { 
    color: var(--texto-menu, #fff); background-color: var(--fondo-menu-principal, #0062cc); border-color: var(--fondo-menu-principal, #0062cc); }

/** reviewws + testimoniales **/
#appReview { padding: 3rem 0; margin: 3rem 0; }
.btn-ellipsis button:hover { color: var(--fondo-botones-principales, #000000);}
.icono-prev-reviews, .icono-next-reviews, .icono-prev-testimonios, .icono-next-testimonios{
    color: var(--primary-bg-color) !important; background-color: var(--texto-menu, var(--primary-bg-color-opacity, #ffffff)) !important;
    border: 2px solid var(--primary-bg-color) !important; }
.icono-prev-reviews:hover, .icono-next-reviews:hover, .icono-prev-testimonios:hover, .icono-next-testimonios:hover { 
    color: var(--texto-menu, #ffffff) !important; background-color: var(--fondo-menu-principal, var(--primary-bg-color, #000000)) !important; 
    border: 2px solid var(--fondo-menu-principal, var(--primary-bg-color, #000000)) !important; }

/** PRODUCTOS **/
.btn-detalle { background: var(--fondo-menu-principal) !important; color: var(--texto-menu) !important; }
.btn-detalle:hover { background: var(--fondo-botones-principales) !important; color: var(--texto-menu) !important; }
.product-detail .title { color: var(--texto-titulos); }
.product-detail .contenedor-precio { background-color: var(--fondo-menu-principal); padding: 20px; font-size: 4vh; text-align: center; color:  var(--texto-menu); border-radius: 5px; text-shadow: 1px 1px #000; }

.text-mayusculas { text-transform: uppercase; }
.text-color-dash { color: var(--fondo-menu-principal); text-align: center; }

#main .container.my-5 { margin-top: 150px !important; }

@media (max-width: 767px) {
    #hero .logo { display:none; }
    
	.product-detail .product-detail .space-content { margin-top: 10px; }
	.product-detail .space-parrafos { margin-top: 50px; }
}
@media (max-width: 768px) {
	#main .container.my-5 { margin-top: 100px !important; }
}
    
/** Gallery **/
.slick-arrow { position: absolute; top: 50%; z-index: 1; transform: translate(0, -50%); }
button.slick-arrow { background: var(--fondo-menu-principal); color: var(--texto-menu); border: none; border-radius: 0.358rem; font-size: 2rem; cursor: pointer; width:30px; height:30px; }
button.slick-next:before, button.slick-prev:before { font-size: 25px; color: var(--texto-menu); }
button.slick-arrow:focus { outline: none; }
button.slick-arrow:hover { box-shadow: 0 8px 25px -8px var(--fondo-botones-principales); background: var(--fondo-botones-principales); }

.slick-prev { left: 0px !important; }
.slick-next { right: 0px !important; }
.cont-img-galeria, .img-galeria{ height: 150px; width: 100%; object-fit: cover; }

.grid-fotos { display: grid; gap: 1rem; grid-auto-flow: dense; grid-auto-rows: auto; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); margin-top: 50px;  }
.img-thumbnail { height: 200px !important; display: flex; justify-content: center; align-items: center; }
.img-thumbnail img { height: 200px; object-fit: contain; }

/* SECCION - SUBSECCIONES */
.container.container-section { /*margin-top: 100px; margin-bottom: 100px;*/ }

.fb_iframe_widget span { min-width:110px !important; min-height:50px !important; }
.fb_iframe_widget span iframe { min-width:110px !important; min-height:50px !important; }

/**   MEGATOP   **/
.megatop .title-line { display:none; }
.megatop .title-top { font-size: 14px; font-weight: 500; padding: 0; line-height: 1px; margin: 0 0 5px 0;
    letter-spacing: 2px; text-transform: uppercase; color: var(--fondo-botones-principales); font-family: "Poppins", sans-serif; }
.megatop .title-top::after { content: ""; width: 120px; height: 1px; display: inline-block; background: var(--fondo-botones-principales);
    margin: 4px 10px; z-index: 9999; }
.megatop .title-top-tema4, .megatop .title-line-bottom { display:none; }
.megatop .title-mega { font-size: 36px; color: var(--texto-titulos, #1c1930); font-weight: 700; margin-bottom: 20px; 
    font-family: "Open Sans", sans-serif; }
.megatop .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; max-width: 1200px; margin: 0 auto; }
.megatop .card { background: transparent; box-shadow: 0 0 45px rgba(0, 0, 0, .08); border:none; border-radius: 0px; overflow: hidden;display: flex; 
    flex-direction: column; }
.megatop .card img { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; display: block; }
.megatop .card-body { padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.megatop .card-title { font-size: 1.5rem; font-weight: 700; color: var(--texto-titulos, #111); }
.megatop .card-badges { display: flex; gap: 8px; flex-wrap: wrap; }
.megatop .badge {  
    /* Mix the base color (dodgerblue) with 20% white */
    background-color: color-mix(in srgb, var(--fondo-menu-principal) 20%, white 80%);
    color: var(--fondo-menu-principal); font-size: 0.78rem; font-weight: 600; padding: 3px 10px; border-radius: 20px; }
.megatop .card-price { margin-top: auto; padding-top: 10px; border-top: 1px solid #eee; }
.megatop .card-price .label { font-size: 0.72rem; color: var(--texto-general, #888); text-transform: uppercase; letter-spacing: 0.04em; }
.megatop .card-price .amount { font-size: 1.4rem; font-weight: 800;    white-space: nowrap; }
.megatop .card-price .amount .price { font-size: 1.5rem; color: var(--fondo-botones-principales, #e63946); }
.megatop .card-price .amount .currency { font-size: 0.85rem; font-weight: 500; color: #555; }
.megatop .card-price .amount .imp { font-size: 0.78rem; font-weight: 500; color: #888; }
.megatop .loading, .megatop .error { text-align: center; padding: 40px; font-size: 1rem; color: #666; }
.megatop .error { color: #c0392b; }
.megatop .megapromos-wrap { max-width: 1200px; margin: 0 auto 32px; }
.megatop .megapromos-wrap h2 { font-size: 1.2rem; color: var(--texto-titulos, #333); margin-bottom: 12px; }
.megatop .megapromos-wrap ul { list-style: none; display: flex; flex-wrap: wrap; gap: 12px; }
.megatop .megapromos-wrap li a img { display: block; max-width: 100%; border-radius: 6px; }

/* =============================================
   RESPONSIVE BREAKPOINTS
   xlg : >= 1400px  (pantallas grandes / 4K)
   lg  : >= 992px   (desktop estándar)
   md  : >= 768px   (tablet landscape / portrait)
   xs  :  < 576px   (móviles)
   ============================================= */
/* XLG — pantallas muy grandes (>= 1400px) */
@media (min-width: 1400px) {
  .megatop .grid { grid-template-columns: repeat(5, 1fr); max-width: 1600px; gap: 24px; }
  .megatop .megapromos-wrap { max-width: 1600px; }
  .megatop h1 { font-size: 2rem; }
}
/* LG — desktop estándar (992px – 1399px) */
@media (min-width: 992px) and (max-width: 1399px) {
  .megatop .grid { grid-template-columns: repeat(5, 1fr); gap: 15px; }
}
/* MD — tablet (768px – 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .megatop .grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .megatop h1 { font-size: 1.4rem; }
  .megatop .megapromos-wrap ul { gap: 10px; }
}
/* SM — móvil grande (576px – 767px) */
@media (min-width: 576px) and (max-width: 767px) {
  .megatop .grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .megatop h1 { font-size: 1.3rem; }
}
/* XS — móviles pequeños (< 576px) */
@media (max-width: 575px) {
  .megatop .grid { grid-template-columns: 1fr; gap: 12px; }
  .megatop h1 { font-size: 1.2rem; margin-bottom: 16px; }
  .megatop .card img { aspect-ratio: 16 / 9; }
  .megatop .card-body { padding: 12px; }
  .megatop .card-price .amount { font-size: 1.2rem; }
  .megatop .megapromos-wrap { margin-bottom: 20px; }
  .megatop .megapromos-wrap ul { gap: 8px; }
  .megatop .megapromos-wrap h2 { font-size: 1rem; }
}
/** END MEGATOP **/