/* Add here all your css styles (customizations) */
html { scroll-behavior: smooth; }

[v-cloak] { display: none; }

body { background-color: var(--primary-bg-color-opacity); }

@media (min-width: 0) {
  .g-py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
}

/** HEADER **/
#home.g-bg-img-hero { min-height:500px;}

.bg-theme { background-color: var(--primary-bg-color-opacity); }
.bg-subseccion { background: var(--primary-bg-color); }
.block-content { min-height:30vh; }

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
  color: var(--texto-menu, #ffffff);
}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item.active .nav-link { color: var(--texto-menu-hover, var(--texto-menu, #ffffff)) !important; }

a { color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)); }
a:hover, a:active, a:focus { color:var(--fondo-botones-principales, var(--primary-bg-color, #000000)); text-decoration: underline; }

.btn-primary { color: var(--white); background-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; border-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; }
.btn-primary:hover { color: var(--white); background-color: var(--fondo-menu-principal, var(--primary-bg-color, #000000)) !important; border-color: var(--fondo-menu-principal, var(--primary-bg-color, #000000)) !important; }

a.bg-btn-theme { background: var(--texto-menu, #ffffff); color: var(--primary-bg-color); font-weight: 900 !important; }

.u-go-to-v1,  .u-go-to-v1:focus { text-decoration: none; color: var(--white, #000000); background: var(--fondo-menu-principal, var(--primary-bg-color, #000000)) !important; }
.u-go-to-v1:hover, .u-go-to-v1:focus:hover { 
    text-decoration: none; font-weight: bolder; color: var(--white, #000000); 
    background: var(--fondo-botones-principales, var(--primary-bg-color, #000000))  !important; }
    
.bg-theme { background: var(--primary-bg-color) !important; }

.bg-btn-theme { color: var(--fondo-menu-principal, var(--primary-bg-color, #000000)); background: var(--texto-menu, #ffffff); border: 2px solid var(--texto-menu, #ffffff) !important; font-weight: 900 !important; }
.bg-btn-theme:hover { color: var(--texto-menu, #ffffff) !important; background-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; border: 2px solid var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important;
  transition: 0.3s; }


.btns-socialm ul li a.g-color-primary { color: var(--primary-bg-color) !important; }
header ul.list-inline li.list-inline-item.g-valign-middle a.g-color-primary { color: var(--primary-bg-color) !important; }
.btns-socialm ul li a.g-color-primary:hover { color: var(--white) !important; background-color: var(--primary-bg-color) !important; }
header ul.list-inline li.list-inline-item.g-valign-middle a.g-color-primary:hover { color: var(--white, #ffffff) !important; background-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; border-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; border: solid 1px; }

a.btn-conectivity, button[type="submit"] { background: var(--primary-text-color) !important; border-color: var(--primary-text-color) !important; color: var(--texto-menu, #ffffff); }
.btn-primary { background: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; border-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; }
[role="presentation"] a { text-decoration: none; }

.nav-tabs>li.active>a { box-shadow: 0px -2px 0px 0px inset var(--primary-text-color) !important; }

.search-wrap a { color: var(--primary-bg-color-opacity); text-decoration: none; }
.search-wrap a:hover { color: var(--primary-bg-color-opacity); text-decoration: none; }
.nav-contenedor { background: red; position: absolute; top: 61px; min-width: 165px; }

#cotizador .btn-primary.btn-block { color: var(--white, #ffffff); background: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; border-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; }
#cotizador .btn-primary.btn-block:active, #cotizador .btn-primary.btn-block:hover { color: var(--white, #ffffff); background: var(--fondo-menu-principal, var(--primary-bg-color, #000000)) !important; border-color: var(--fondo-menu-principal, #000000) !important; }
#cotizador .btn-primary:focus, #cotizador .btn-primary.focus {  -webkit-box-shadow: 0 0 0 2px rgb(0, 0, 0,0.5); box-shadow: 0 0 0 2px rgb(0, 0, 0,0.5); }

.subnav { display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }

.slick-prev.banterior, .slick-next.bsiguiente, .slider_arrow, .cont-slider-destinos .slick-arrow { 
    color: var(--texto-menu, #ffffff) !important; background-color: var(--fondo-menu-principal, var(--primary-bg-color, #000000)) !important; }
    
.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-botones-principales, var(--primary-bg-color, #000000)) !important; 
     border: 2px solid var(--texto-menu, #ffffff) !important; }

/** BANNERSVUE RMT **/
#bannervue .slick_arrow { -webkit-user-select: none; -moz-user-select: none; }
#bannervue .slick-prev.banterior, #bannervue .slick-next.bsiguiente, #bannervue .slider_arrow { position: relative; cursor: pointer; top: 50%; z-index: 3;
    color: var(--texto-menu, var(--primary-bg-color-opacity, #ffffff)) !important;
    background-color: var(--primary-bg-color) !important;
    font-size: 35px; border-radius: 100%; border: 0px solid #f58d9d !important; outline: none; }
#bannervue .slick-prev.banterior:hover, #bannervue .slick-next.bsiguiente:hover, .slider_arrow:hover, .cont-slider-destinos .slick-arrow:hover {
    color: var(--texto-menu, var(--primary-bg-color-opacity, #ffffff)) !important; background-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; }

#contact-form .bg-btn-theme{ color: var(--white, #ffffff); background-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)); border: 2px solid var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; font-weight: 900 !important; }
#contact-form .bg-btn-theme:hover { color: var(--white, #ffffff) !important; background-color: var(--primary-bg-color, #000000) !important; border: 2px solid var(--primary-bg-color, #000000) !important;
  transition: 0.3s; }
  
/* 992 */
@media (max-width: 992px) {
  .nav-contenedor { position: inherit; }

  .subnav li ul { position: inherit !important; min-width: 140px; }
}

.subnav ul, ol { list-style: none; }
.subnav li a { color: white;  text-decoration: none; padding: 10px 15px; display: block; }
.subnav>li { float: left; transition: 2s; }
.subnav li ul { display: none; position: absolute; min-width: 140px; }
.subnav li:hover>ul { display: block; transition: 2s; }

.hamburger-box { height: auto; width: auto; padding: 4px; border-radius: 5px; margin: 10px 0px; border: 1.4px solid; }

[role="tablist"]:not([data-tabs-mobile-type="slide-up-down"]):not([data-tabs-mobile-type="accordion"]):not([data-scroll]) {
  display: flex;
}

.banner-caption { width: 100% !important; }

.items>div { margin-bottom: 3%; }

.slider { width: auto; }

.slick-slide img { width: 100%; }
.slick-prev, .slick-next, .slider_arrow { position: relative; cursor: pointer; color: var(--primary-bg-color-opacity) !important;
  background-color: var(--primary-bg-color) !important; font-size: 35px; border-radius: 100%; border: 0px solid #f58d9d !important; outline: none; }

#bannersAgencia .slick-prev.BA_anterior:hover, #bannersAgencia .slick-next.BA_siguiente:hover, #bannersAgencia .slider_arrow:hover {
    color: var(--texto-menu, var(--primary-bg-color-opacity, #ffffff)) !important; background-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important;
}

.g-brd-primary { border-color: var(--primary-bg-color) !important; }

.container_arrows { text-align: right; }
.container { overflow-wrap: anywhere; }

#parallax-world-of-ugg .clase1 p, #parallax-world-of-ugg .clase1 h1, #parallax-world-of-ugg .clase1 h2, #parallax-world-of-ugg .clase1 h3, #parallax-world-of-ugg .clase1 h4, 
    #parallax-world-of-ugg .clase1 h5, #parallax-world-of-ugg .clase1 h6 { color:#ffffff !important; }

#js-header a.format__ancla { text-decoration: none; color: var(--texto-titulos, var(--primary-bg-color, #000000)) !important; }
#js-header a.format__ancla span.g-color-primary{ color: var(--texto-titulos, var(--primary-bg-color, #000000)) !important; }
#js-header a.format__ancla:hover, #js-header a.format__ancla:hover span.g-color-primary { color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; }

.datepicker__close-button { background: var(--primary-bg-color) !important; }
.datepicker__month-button--next, .datepicker__month-button--prev { background: var(--primary-bg-color) !important; color: var(--primary-bg-color-opacity) !important; }
.datepicker__month-day--first-day-selected, .datepicker__month-day--last-day-selected { 
    background-color: var(--primary-bg-color) !important; color: var(--primary-bg-color-opacity) !important; }
.datepicker__month-button { background-color: var(--primary-bg-color) !important; color: var(--primary-bg-color-opacity) !important; }
.datepicker__month-button:hover { background-color: var(--primary-bg-color) !important; color: var(--primary-bg-color-opacity) !important; }
.datepicker__month-day--selected { background-color: var(--primary-bg-color) !important; color: var(--primary-bg-color-opacity) !important; }

#noticias .u-btn-primary { background: var(--primary-bg-color) !important; color: var(--primary-bg-color-opacity) !important; }
#noticias .u-btn-primary:hover, #noticias .u-btn-primary:focus, #noticias .u-btn-primary.active {
    color: var(--white) !important;
    background-color: var(--fondo-botones-principales, var(--contrast-primary-bg-color, #000000)) !important;
}

/** FORM-CONTACT **/
.form-control:disabled, .form-control[readonly] { background-color: white !important; border: 1px solid #eee !important; }
.form-control:focus, .custom-select:focus { border-color: #eee !important; -webkit-box-shadow: none; box-shadow: none; }
.title__seccion { color: black; font-size: 30px; }


/** DESTINOS **/
.item__destino { padding: 25px; }
.cont-slider-destinos { position: relative; }
.destinosPrev, .destinosNext { position: absolute; top: 50%; z-index: 5; transform: translate(0, -50%); }
.destinosPrev { left: -15px; }
.destinosNext { right: -15px; }
.slider__destino { height: 422px; /* width: 95%; */ /* padding: 20p; */ /*132*/ border-bottom-right-radius: 77px; border-top-left-radius: 77px; overflow: hidden;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.4); }
.container__image { background-size: cover; background-blend-mode: overlay; height: 100%; max-width: 100%; display: block; margin: left; cursor: pointer; transition: 0.3s; outline: none; }
.container__descripcion { width: 100%; height: 145px; padding-left: 30px; display: block; bottom: 0; top: 67%; position: relative;
    background: linear-gradient(rgba(255, 255, 0, 0.02), rgba(255, 255, 0, 0.3), rgba(255, 255, 0, 0.3)); border-bottom-right-radius: 37%; }
.title__destinos { color: white; font-size: 1.85714rem; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: block;
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; font-weight: 700;
  color: var(--white) !important; }
.container__descripcion p { width: 264px; color: #fff; font-size: 1rem;font-weight: 100; }
.container__image.cancun { background-image: url(/images/destino/cancun.jpg), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
.container__image.rivieramaya { background-image: url(/images/destino/rivieramaya.jpg), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
.container__image.huatpuertovallarta { background-image: url(/images/destino/huatulco.jpg), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
.container__image.puertovallarta { background-image: url(/images/destino/PRVLQ.jpg), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
.container__image.loscabos { background-image: url(/images/destino/loscabos.jpg), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
.container__image.ymaspromos { background-position: center; background-image: url(/images/destino/ymas.jpg), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
.container__image:hover {  transform: scale(1.02); transition: 0.3s; outline: none; }
.container__image>img.w-100 { width: 100%; }
.item__destino a { text-decoration: none; list-style: none; outline: none; }
.slick-prevDestino, .slick-nextDestino, .slider_arrowDestino { position: absolute;  cursor: pointer;
  /* background-color: rgba(255, 0, 0, 0.5) !important; */
  font-size: 35px !important; border-radius: 100%; border: 0px solid #f58d9d !important; outline: none; }
/* .slick-prevDestino { left: 0; }
.slick-nextDestino { right: 0; } */
.container_arrowsDestino { position: sticky; top: 50%; z-index: 2; width: 100%; }

/** PROMOCION -DESTINOS **/
#promo>.container .informacion .precio { font-size: 30px; color: #ff2152; font-weight: 600; }
#promo>.container .reservaciones form .btn-solicitar p>a { text-decoration: none; background-color: #fabe4f; 
	color: #fff; padding: 10px 20px; border-radius: 50px; font-size: 18px; font-family: "Handlee", cursive; font-weight: bold; }
#promo>.container .reservaciones form .btn-solicitar p>a:hover { background-color: #f5c876; }
#promo>.container .descripcion-titulo { width: 100%; border-bottom: #f8b42b solid 2px; }

#promo .slick-slide { height: 0px!important; }
#promo .slick-slide.slick-active { height: 100% !important; }

/** CADENAS **/
.cont-slider-cadenas { position: relative; }
.CadenaPrev, .CadenaNext { position: absolute; top: 50%; z-index: 5; transform: translate(0, -50%); }
.CadenaPrev { left: -15px; }
.CadenaNext { right: -15px; }


/** BODAS **/
#bodaDetalle .container { padding-top: 30px; }
.list-group-bodas {  background: transparent; }
.list-group-item-bodas { border-bottom: 1px solid #eee; }
.list-group-item-bodas a { display: block; background: var(--primary-bg-color-opacity); color: var(--primary-bg-color); padding: 0.75rem 1rem; text-decoration: none;
  font-weight: 600; transition: all 0.5s; }
.list-group-item-bodas a:hover { border-left: 10px solid var(--primary-bg-color); }
.list-group-item-bodas a.active { transition: all 0.5s; font-weight: 700; padding-left: 2rem; border-left: 10px solid var(--primary-bg-color); }
.list-group-item-bodas a:hover { transition: all 0.5s; font-weight: 700; padding-left: 2rem; }
.list-group-item-bodas:first-child { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.list-group-item-bodas:last-child { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.btn-detalle-boda { background: var(--primary-bg-color) !important; color: var(--primary-bg-color-opacity) !important; }
.btn-detalle-boda:hover { background: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; color: var(--primary-bg-color-opacity) !important; }

*::selection { background: var(--primary-bg-color); color: var(--primary-bg-color-opacity); }

/** NOTICIAS **/
.img-noticia { height: 250px; object-fit: cover; }
.pointer-img{ cursor: zoom-in; }

/** MENU - SUBMENU **/
#navBar ul{ flex-wrap: wrap; }
.dropdown-item{ color: var(--texto-menu, var(--primary-bg-color-opacity, #ffffff)); }
.dropdown-item.active, .dropdown-item:active, .dropdown-item.hover, .dropdown-item:hover {
    background: var(--fondo-botones-principales, #000000); color: var(--white); }

.mapa iframe { width: 100%; height: 100%; }

/** TESTIMONIO **/
.testimonios ul.slick-dots { display:none !important; }

/** SECCION - SUBSECCION **/
main .container.block-content { min-height:50vh; }
main header ~ div.container:first-child { min-height:50vh; }
/** main .main-content div.container:first-child { min-height:50vh; }**/
.main-content img { max-width:100%; }

.nosotros .logo { max-height: 300px !important; height: 300px;}
.nosotros .logo img { height: 100%;}

.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(--primary-bg-color); color: var(--primary-bg-color-opacity); border: none; border-radius: 0.358rem; font-size: 2rem; }
.galleries button.slick-arrow:focus { outline: none; }
.galleries button.slick-arrow:hover { 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; }
	

/** FOOTER **/
footer { color: white; }
footer p { color: white; }
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: white !important; }
footer ul { list-style: none; padding-left: 10px; }
footer ul li, footer ul li p, footer ul li span { color: #767676; }

footer .g-color-gray-light-v8 { color: #aaa4a4 !important; }
footer .g-bg-primary--hover:hover { background-color: var(--fondo-botones-principales, var(--primary-bg-color, #000000)) !important; }
footer a.g-color-white:hover { color: var(--fondo-botones-principales, var(--primary-bg-color, #ffffff)) !important; }

footer .franquicia { background-color:#000000; }
footer .franquicia .fraveo, 
footer .franquicia .zafiro,
footer .franquicia .rosport { 
    color: #fff; }
footer .franquicia .fraveo a { color: #ff5f5f;  }
footer .franquicia .zafiro a { color: #06af4e; font-weight:bold; }
footer .franquicia .zafiro a span { color: #fbc90b; }
footer .franquicia .rosport a { text-transform: none; color: #007bff; font-weight:bold; }
footer .franquicia .rosport a span { color: #9cafb1; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--texto-titulos) !important; }
.app-reviews .section-heading .titulo { text-transform: uppercase !important; font-weight: 700 !important; font-size: 1.85714rem !important; }

ul, ol { list-style: inherit !important; padding-left: 10px; }
header ul, header ol, footer ul, footer ol, .menu-group-bodas ul, .menu-group-bodas ol, .list-group-bodas  { list-style: none !important; padding-left: 0px; }

/** 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(--primary-bg-color-opacity); }
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; }

.btn-detalle { background-color: var(--fondo-botones-principales, var(--primary-bg-color, #000)) !important; color: var(--texto-menu, #ffffff) !important; }
.btn-detalle:hover { background-color: var(--primary-bg-color) !important; color: var(--texto-menu, var(--white, #ffffff)) !important; }

.contenedor-precio { background-color: var(--fondo-menu-principal) !important; color: var(--white, #ffffff);  padding: 10px; font-size: 2rem; text-align: center; border-radius: 5px; text-shadow: 1px 1px #000; }

.card-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.text-mayusculas { text-transform: uppercase; }

@media (max-width: 768px) {
    iframe {  max-width: 100% !important; width: auto !important; height: auto !important; }
    .collapse:not(.show) { display: none !important; }
}

/**   MEGATOP   **/
.megatop { margin-top:50px; margin-bottom:50px; }
.megatop .title-line { display:none; }
.megatop .title-top { display:none; }
.megatop .title-top-tema4 { display:none; }
.megatop .title-mega { font-size: 1.85714rem !important; color: var(--texto-titulos, #2c2c2c); text-align:center; font-weight: 700; line-height:1.1; margin-bottom: 20px; 
    text-transform:uppercase; font-family: "Open Sans", Helvetica, Arial, sans-serif; }
.megatop .title-line-bottom { margin-bottom:15px; }
.megatop .title-line-bottom::after { content: ""; display: inline-block;border-top-style: solid; border-color: inherit;width: 2.71429rem; border-top-width: 5px; 
    border-color: var(--primary-bg-color) !important; }
.megatop .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; max-width: 1200px; margin: 0 auto; }
.megatop .card { background: #ffffff; 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 **/