@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");

p { color: var(--texto-general); }
.logo { display: flex; text-align: center; align-items: center; justify-content: flex-start; }
.cont-logo { width: 100%; height: 100%; }
.imagen-logo { width: 100%; }
.logo-footer { width: 15%; }

/** topbar -redes **/
.iconos2 { color: var(--texto-titulos); }
a:hover .iconos2 { color: var(--fondo-botones-principales, #000000) !important; }
a:hover .color-texto-titulos { color: var(--fondo-botones-principales, #000000) !important; }

.circulo { display: flex; justify-content: center; align-items: center; font-size: 15px !important; margin: 0 4px; padding-top: 3px; }
.circulo.g-rounded-50x { border-radius: 50%; }
.circulo.g-bg-gray-light-v4 { background-color: #eeeeee !important; }
.circulo.g-color-primary { width: 2rem; height: 2rem; font-size: 1.28571rem !important; color: var(--texto-titulos, #000000) !important; }
.circulo.g-color-primary:hover { color: var(--white, #ffffff) !important; background-color: var(--fondo-botones-principales, #000000) !important;  }
.circulo.g-color-primary:hover .iconos2 { color: var(--white, #ffffff) !important; }

.header-area .top-header-area { height: 100px; background-color: white; }
.header-area .credit-main-menu .classy-navbar .contact { padding-left: 38px; }
.menu-submenu { width: 100%; }
.menu-submenu-seccion { width: 100%; }

.bg-overlay::after { background-color: rgba(0, 0, 0, 0.5) !important; }
.fondo-banner { position: relative; z-index: 1; }
.cont-banner { position: relative; z-index: 99; width: 100%; height: 60vh; background-color: #ffffff; overflow: hidden; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cont-banner { height: 600px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cont-banner { height: 600px; }
}
@media (max-width: 768px) {
    iframe {  max-width: 100% !important; }
    .footer-area .single-footer-widget .widget-title, .footer-area .list-iconos .widget-title { text-align: center; }
    .footer-area .single-footer-widget ul li a, .footer-area .list-iconos ul li a { display: inline !important; }
    .footer-area .single-footer-widget ul li, .footer-area .list-iconos ul li { display: flex !important; justify-content: center;  }
    .footer-area .single-latest-news-area {justify-content: center;  }
}
@media (min-width: 768px) {
    .footer-area .list-iconos ul li.d-md-none { display: none !important; }
    .footer-area .list-iconos ul li.d-md-block { display: block !important; }
}

@media only screen and (max-width: 767px) {
  .cont-banner { height: 600px; }
}
.cont-banner .cont-banner-img { position: absolute; width: 100%; height: 100%; z-index: -12; top: 0; left: 0; right: 0; bottom: 0; }
.cont-banner .texto-banner { position: relative; z-index: 1; }
.cont-banner .texto-banner h6 { font-size: 18px; font-weight: 400; color: #ffffff; margin-bottom: 15px; }
.cont-banner .texto-banner h2 { font-size: 50px; color: #ffffff; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; text-shadow: -8px 7px 10px #0a0e27; }
.cont-banner .texto-banner h2 span { color: #ffbb38; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cont-banner .texto-banner h2 { font-size: 48px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cont-banner .texto-banner h2 { font-size: 42px; }
}
@media only screen and (max-width: 767px) {
  .cont-banner .texto-banner h2 { font-size: 24px; }
}
.cont-banner .texto-banner p { color: #fff !important; line-height: 250% !important; margin-bottom: 0px !important; }

.copywrite-area { background-color: white; }
.footer-area .copywrite-area { padding: 5px 0; }

.contact--area .contact-content { padding: 80px 45px; }
.secciones { color: var(--texto-menu) !important; }
.fondoinput { background-color: var(--white); }

/* Colores fondo-menu-principal */
.header-area .credit-main-menu .classy-navbar { background-color: var(--fondo-menu-principal); }
.contact { background-color: var(--fondo-menu-principal); }
.header-area .credit-main-menu::after { background-color: var(--fondo-menu-principal); }
.header-area .credit-main-menu .classy-navbar { background-color: var(--fondo-menu-principal); }

/** correccion hover **/
.breakpoint-off .classynav ul li.cn-dropdown-item { position: inherit; z-index:1; }
.breakpoint-off .classynav ul li.cn-dropdown-item .dropdown { width: max-content;max-height: 440px;overflow-y: overlay; top: auto; left: auto; z-index: 1000000; margin-left: 0px; }


.classynav ul li.cn-dropdown-item ul li { padding: 0 5px; }
.classynav ul li.cn-dropdown-item ul li:hover { background-color: var(--fondo-menu-principal); }
.classynav ul li.cn-dropdown-item ul li:hover a { color: var(--texto-menu) !important; }

@media screen and (max-width: 991px) {
  .header-area .credit-main-menu .classy-navbar .classynav>ul>li:first-child a { background-color: var(--fondo-menu-principal); }
  .header-area .credit-main-menu .classy-navbar .classynav ul li ul li a { color: var(--texto-menu) !important; }
  .header-area .credit-main-menu .classy-navbar .classynav ul li a { background-color: var(--fondo-menu-principal); }
  .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: var(--texto-menu); }
}
/* Colores color-texto-menu */
.header-area .credit-main-menu .classy-navbar .classynav ul li a { color: var(--texto-menu); padding: 0 5px; }
.header-area .credit-main-menu .classy-nav-container .classynav > ul > li > a:hover, 
.header-area .credit-main-menu .classy-nav-container .classynav > ul > li > a:focus { 
    border-bottom: 3px solid var(--fondo-botones-principales, var(--texto-menu, #ffffff)); }
.classy-navbar-toggler .navbarToggler span { background-color: var(--texto-menu); }
.header-area .credit-main-menu .classy-navbar .classynav ul li ul li a { color: var(--fondo-menu-principal); }
.header-area .credit-main-menu .classy-navbar .contact a { color: var(--texto-menu); }
/* Fin Colores color-texto-menu */  

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area .credit-main-menu .classy-navbar .classynav ul li a { font-size: 12px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area .credit-main-menu .classy-navbar .contact a { font-size: 15px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .credit-main-menu .classy-navbar .contact a { font-size: 14px; }
}
.breakpoint-off .classynav ul li .dropdown::-webkit-scrollbar { -webkit-appearance: none; width: 10px; }
.breakpoint-off .classynav ul li .dropdownr::-webkit-scrollbar:vertical { width: 1px; }
.breakpoint-off .classynav ul li .dropdown::-webkit-scrollbar-button:increment, 
  .contenedor::-webkit-scrollbar-button { display: none; }
.breakpoint-off .classynav ul li .dropdown::-webkit-scrollbar-thumb { background-color: var(--fondo-menu-principal); border-radius: 20px; border: 1px solid #f1f2f3; }
.breakpoint-off .classynav ul li .dropdown::-webkit-scrollbar-track { border-radius: 1px; }

.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: var(--texto-menu); }
/* Fin colores fondo-menu-principal */
 


.footer-area { background-color: var(--fondo-menu-principal); }
.footer-area p { color: var(--texto-menu, #ffffff);}
.footer-area .copywrite-area p { color: var(--texto-general, #212121);}
.cta-2-area { background-color: var(--fondo-menu-principal); }
.section-heading .line { background-color: var(--fondo-menu-principal); }

.newsletter-area::after { background-color: rgba(0, 0, 0, 0.5) !important; }
#scrollUp { width: 40px; bottom: 100px; background-color: var(--fondo-menu-principal); color: var(--texto-menu); }
#scrollUp:hover { background-color: var(--fondo-botones-principales); color: var(--texto-menu); }

.footer-area .single-footer-widget ul li a { color: var(--texto-menu); margin-bottom: 10px; }
.footer-area .list-iconos ul li a { margin-bottom: 12px; }
.footer-nosotros { color: var(--texto-menu); }
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);}

.icono2 { color: var(--texto-menu); transition: all .5s; }
.icono2:hover { color: #00bb2d; }

/* Colores fondo-pagina */
body { background-color: var(--fondo-pagina); }
/* Fin Colores fondo-pagina */

/* Colores texto-titulos */
.header-area .top-header-area .top-contact-info a { color: var(--texto-titulos); }
.footer-area .single-footer-widget .widget-title { color: var(--texto-menu); margin-bottom: 16px !important; }
.footer-area .list-iconos .widget-title { color: var(--texto-menu); margin-bottom: 16px !important; }

.header-area .credit-main-menu .classy-navbar .contact::before { height: 250%; top: 30%; background-color: var(--fondo-botones-principales); }
.header-area .credit-main-menu .classy-navbar .contact::after { background-color: var(--fondo-botones-principales); }
.header-area .credit-main-menu { background-color: var(--fondo-botones-principales); }

.titulo { color: var(--texto-titulos) !important; }
/* Fin Colores texto-titulos */

/* Colores fondo-botones-principales */
.iconos { color: var(--texto-menu); }

.footer-area .single-footer-widget ul li a::before { background-color: var(--texto-menu); }
.cta-area .cta-content { background-color: var(--fondo-botones-principales); }
/* Fin Colores fondo-principales */

/* Noticias */
.primary-color { color: #007bff; }
.section-100 { padding: 100px 0; }

.blog-card { box-shadow: 0 12px 17px rgba(129, 140, 151, 0.1); }
.blog-card .blog-image { width: 50%; height: auto; position: relative; overflow: hidden; }
.blog-card .blog-image img { transition: all .5s; transform: scale(1); }
.blog-card .blog-image img:hover { transform: scale(1.5); }

@media only screen and (max-width: 992px) {
  .blog-card .blog-image { max-height: 250px; width: 100%; }
}

.blog-card .blog-image .blog-thumbnail { width: 100%; height: 100%; object-fit: cover; }

@media only screen and (min-width: 992px) {
  .blog-card .blog-image .blog-thumbnail { position: absolute; top: 0; left: 0; }
}

.blog-card .blog-container { position: relative; flex: 1; padding-bottom: 85px !important; }
.blog-card .blog-container a:hover { text-decoration: none; }
.blog-card .blog-container .blog-category { background: var(--fondo-menu-principal); color: var(--texto-menu); }
.blog-card .blog-container .blog-author { height: 40px; width: 40px; border-radius: 40px; margin-right: 10px; }
.blog-card .blog-container .blog-footer { padding: 15px 30px; position: absolute; bottom: 0; left: 0; width: 100%; }

.text-muted { color: var(--texto-general) !important; line-height: 1.3; }
#noticias .news-area a.color-texto-titulos:hover { color: var(--fondo-botones-principales) !important; }
/* Fin Noticias */

@media screen and (max-width: 767px) {
  .logo-footer { width: 25%; }
  .footer-area .copywrite-area .copywrite-text { margin-top: 10px; }
}

.preloader { background-color: var(--fondo-menu-principal); }
.preloader .lds-ellipsis div { background: var(--fondo-botones-principales); }

/* CLASES DE FONDO Y COLORES */
/* Fondo y Color menu principal */
.bg-menu-principal { background-color: var(--fondo-menu-principal); }
.color-menu-principal { color: var(--fondo-menu-principal); }
/* Fin Fondo y Color menu principal */

/* Fondo y Color texto menu */
.bg-texto-menu { background-color: var(--texto-menu); }
.color-texto-menu { color: var(--texto-menu); }
.color-texto-menu:hover, .color-texto-menu:focus { color: var(--texto-menu); }
/* Fin Fondo y Color texto menu */

/* Fondo y Color fondo pagina */
.bg-fondo-pagina { background-color: var(--fondo-pagina); }
.color-fondo-pagina { color: var(--fondo-pagina); }
/* Fin Fondo y Color fondo pagina */

/* Fondo y Color texto titulo */
.bg-texto-titulos { background-color: var(--texto-titulos); }
.color-texto-titulos { color: var(--texto-titulos); }
.color-texto-titulos:hover, .color-texto-titulos:focus { color: var(--texto-titulos); }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: var(--texto-titulos); }
/* Fin Fondo y Color texto titulos */

/* Fondo y Color texto general */
.bg-texto-general { background-color: var(--texto-general); }
.color-texto-general { color: var(--texto-general); }
/* Fin Fondo y Color texto general */

/* Fondo y Color fondo botones */
.bg-fondo-botones { background-color: var(--fondo-botones-principales); border: none; outline: none; color: var(--texto-general); }
.bg-fondo-botones:hover { background-color: var(--fondo-menu-principal); color: var(--texto-menu); }
.color-fondo-botones { color: var(--fondo-botones-principales); }
/* Fin Fondo y Color fondo botones */
/* FIN DE CLASES DE FONDO Y COLORES */

.footer-area .list-iconos .widget-title { font-size: 18px; margin-bottom: 40px; font-weight: 400; }
.footer-area .list-iconos ul li a { display: block; color: var(--texto-menu); font-size: 14px; font-weight: 400; margin-bottom: 12px; position: relative; z-index: 1; }
.footer-area .list-iconos ul li a:hover, .footer-area .list-iconos ul li a:focus { color: var(--texto-menu); }
.footer-area .list-iconos ul li:last-child a { margin-bottom: 0; }

/* :: 3.7.0 Credit Button */
.credit-btn { background-color: var(--fondo-botones-principales); color: var(--texto-menu); }
.credit-btn:hover,.credit-btn:focus { background-color: var(--fondo-menu-principal); color: var(--texto-menu); }
.credit-btn.btn-2 {background-color: var(--fondo-botones-principales);color: var(--texto-menu); }
.credit-btn.btn-2:hover,.credit-btn.btn-2:focus {  background-color: var(--fondo-menu-principal); color: var(--texto-menu); }
.credit-btn.btn-3 { color: var(--fondo-botones-principales);  border: 2px solid var(--texto-menu); }
.credit-btn.btn-3:hover, .credit-btn.btn-3:focus {  border: 2px solid var(--fondo-menu-principal);  background-color: var(--fondo-menu-principal);  color: var(--texto-menu); }

.cont-banner .texto-banner h2 span {  color: #fff; }

.header-area .credit-main-menu .classy-navbar .contact a:hover {  color: var(--texto-menu); }

/* plugin facebook */
.uiScaledImageContainer ._2zfr { width: 100%; }
._2p3a { width: 100% !important; margin: auto !important; }

.footer-area .single-footer-widget ul li a:hover, .footer-area .single-footer-widget ul li a:focus { color: var(--texto-menu); }
.footer-area .copywrite-area .copywrite-text a:hover, .footer-area .copywrite-area .copywrite-text a:focus { color: var(--texto-titulos); }

.breakpoint-on .classy-navbar .classy-menu { background-color: var(--fondo-pagina); }

.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item.active { color: var(--texto-titulos);  }
.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a:hover {  color: var(--texto-titulos); }

.single-blog-area .blog-content span { background-color: var(--fondo-menu-principal); color: var(--texto-menu); }
.single-blog-area .blog-content .post-title { color: var(--texto-titulos); }
.section-padding-70-0 { padding-top: 70px;  padding-bottom: 0px;}
.single-blog-area .blog-content .post-title:hover, .single-blog-area .blog-content .post-title:focus {  color: var(--fondo-menu-principal); }
.section-heading p {  color: var(--texto-general); }

.datepicker__close-button { background-color: var(--fondo-menu-principal) !important; color: var(--texto-menu) !important; }
.datepicker__month-day--first-day-selected, .datepicker__month-day--last-day-selected { background-color: var(--fondo-menu-principal) !important; color: var(--texto-menu) !important; }

.multiselect__single { padding-left: 5px; margin-bottom: 8px; margin-bottom: 0px !important; padding: 5px 0 0 5px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.multiselect__content-wrapper { width: auto !important; }

@media screen and (max-width: 900px) {
  .multiselect__content-wrapper { width: 100% !important; }
}

.multiselect__option--highlight { background-color: var(--fondo-menu-principal) !important; color: var(--texto-menu) !important; }

.nosotros p { color: var(--texto-menu) !important; line-height: 18px !important; }
.grecaptcha-badge { z-index: 99; }

.contenedor_formulario { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 650px; padding-top: 75px; position: relative; z-index: 4; }
.contenedor_formulario::after { content: ''; background-color: rgba(0, 0, 0, 0.5) !important; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }

.datos-bancarios { overflow-wrap: anywhere; }
.datos-bancarios p { color: var(--texto-menu) !important; line-height: 110% !important; margin-bottom: 4px; }
.rnt { font-weight: bold; color: var(--texto-menu); }
.rnt p { color: var(--texto-menu);font-weight: bold; }

.dd-trigger { width: 20%; left: 80% !important; }
.contacto-whatsapp a { position: fixed; width: 60px; height: 60px; bottom: 25px; right: 95px; z-index: 100; border-radius: 50%; background-color: #00bc5c;
  padding: 7px; color: rgba(31, 173, 83, .3); box-shadow: 2px 2px 3px rgb(0 0 0 / 66%); -webkit-animation: 1.5s ease-out infinite pulsowhatsapp; 
  -moz-animation: 1.5s ease-out infinite pulsowhatsapp; animation: 1.5s ease-out infinite pulsowhatsapp; display: flex; align-items: center; justify-content: center; font-size: 30px; }
.contacto-whatsapp .whatsapp-icon, .contacto-whatsapp .contacto-whatsapp-icon, .contacto-whatsapp a i { color: white; }
@-webkit-keyframes pulsowhatsapp {
  0% { box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(207, 8, 8, 0); }
  10% { box-shadow: 0 0 8px 6px, 0 0 12px 10px transparent, 0 0 12px 14px; }
  100% { box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(207, 8, 8, 0); }
}

/** DESTINOS RECOMENDADOS **/
.contenedor__promociones .card { margin-bottom:20px; }
.contenedor__promociones .card .card-body { max-height:200px; height:200px; padding:0.75rem; } 

/** reviewws + testimoniales **/
#appReview { padding-bottom: 3rem; }
.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; }
.fondo-boda { background-image: url('img/banner-seccion/boda.jpg');}    

/** SECCIONES - SUBSECCIONES **/
.container-section .h1, .container-section .h2, .container-section .h3, .container-section .h4, .container-section .h5, .container-section .h6, 
.container-section h1, .container-section h2, .container-section h3, .container-section h4, .container-section h5, .container-section h6 {
    color: var(--texto-titulos, #000000);}

.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; }

/** GALERIAS **/
.galleries .slick-arrow { position: absolute; top: 50%; z-index: 1; transform: translate(0, -50%); }
.galleries button.slick-arrow { background: var(--fondo-botones-principales, var(--primary-bg-color, #000000)); color: var(--texto-menu, #ffffff); border: none; border-radius: 0.358rem; font-size: 2rem; }
.galleries button.slick-arrow:focus { outline: none; }
.galleries button.slick-arrow:hover { background: var(--fondo-menu-principal, var(--primary-bg-color, #000000));  box-shadow: 0 8px 25px -8px var(--primary-bg-color); }
.galleries .slick-prev { left: 0px !important; }
.galleries .slick-next { right: 0px !important; }
.galleries .cont-img-galeria, .img-galeria{ height: 150px; width: 100%; object-fit: cover; }

/** 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; }

/**   MEGATOP   **/
.megatop { margin-left:-15px; margin-right:-15px; margin-bottom: 50px;}
.megatop .title-line {margin-bottom:0px; text-align:center; }
.megatop .title-top { color: var(--texto-general, #a5a5a5); text-align:center; font-size: 12px; margin-bottom: 0; letter-spacing: 2px; text-transform: uppercase; line-height: 2; font-weight: 400; }
.megatop .title-top-tema4, .megatop .title-line-bottom { display:none; }
.megatop .title-mega { font-size: 36px; color: var(--texto-titulos, #212121); text-align:center; font-weight: 700; margin-bottom: 30px; line-height: 1.3;
    font-family: "Montserrat", 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-color: #ffffff !important; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; 
    cursor: pointer; -moz-backface-visibility: hidden; transform-style: preserve-3d; transform: translateZ(-100px); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden; display: flex; flex-direction: column; }
.megatop .card:hover { transform: translateZ(0px); }
.megatop .card:after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 5px; box-shadow: 0 14px 50px -4px rgba(0, 0, 0, 0.15);
    opacity: 0; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1.4); }
.megatop .card:hover:after { opacity: 1; }
.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: 20px; }
  .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 **/