/* ===================================
   Archivo: general.css
   version: 2.1.5
   =================================== */

/* ===================================
   FUENTES
   =================================== */
@font-face {
    font-family: 'Open Sans';
    src: url('/catalogo-nuevo/fonts/OpenSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/catalogo-nuevo/fonts/OpenSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/catalogo-nuevo/fonts/OpenSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ===================================
   ESTILOS BASE
   =================================== */
html {
    background: #fff;
    font-size: 14px;
    overflow-x: hidden;
}

body {
    margin: 0 auto;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

label input {
    display: none;
}

.ocultar {
    display: none !important;
}

.top {top:0}
.bottom {bottom:0}

span + span {
    margin-left: 0.3em;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.000em;
}

/* ===================================
   HEADER
   =================================== */
header {
    max-width: 1180px;
    margin: 0 auto;
    width: 100%;
    height: 90px;
    position: relative;
}

header #sitenamelogo img {
        position: absolute;
        width: 270px;
        height: 30px;
        top: 28px;

}

header #navmenu1 {
    width: 64%;
    top: 0;
    right: 0;
    position: absolute;
    font-size: 1.1em;
    z-index: 10;
}

header #navmenu2 {
    width: 64%;
    bottom: 4px;
    right: 0;
    position: absolute;
    font-size: 1.1em;
    z-index: 5;
}

header #navmenu1 .boton,
header #navmenu2 .boton {
    cursor: pointer;
    float: right;
    padding: 6px 10px 4px 10px;
    color: #fff;
    height: 20px;
    position: relative;
}

#fondoheader {
    width: 100%;
    height: 90px;
    background: #d45715;
    position: absolute;
    top: 0;
    left: 0;
}

/* Flechas para desplegables desktop */
header #boton-destinos::after,
header #boton-divisa::after {
    content: '▼';
    font-size: 0.7em;
    margin-left: 5px;
    transition: transform 0.3s ease;
}

header #boton-destinos.activo::after,
header #boton-divisa.activo::after {
    transform: rotate(180deg);
}

/* Banderas */
header .banderas {
    display: inline-block;
    width: 20px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

header #bandera-es { background-image: url('/imagenes/iconos/bandera-es.svg'); }
header #bandera-mx { background-image: url('/imagenes/iconos/bandera-mx.svg'); }
header #bandera-co { background-image: url('/imagenes/iconos/bandera-co.svg'); }
header #bandera-cl { background-image: url('/imagenes/iconos/bandera-cl.svg'); }
header #bandera-us { background-image: url('/imagenes/iconos/bandera-us.svg'); }

/* Enlaces dentro de menú destinos */
header #menu-destinos a {
    display: block;
    float: left;
    width: 50%;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
}

header #menu-destinos a:hover {
    background: #3a3a3a;
}

header #menu-destinos a.ocultar {
    visibility: hidden;
}

/* Limpiar float del menú destinos */
header #menu-destinos::after {
    content: '';
    display: table;
    clear: both;
}

/* Enlaces dentro de menú divisa */
header #menu-divisa a {
    display: block;
    width: 100%;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
}

header #menu-divisa a:hover {
    background: #3a3a3a;
}

/* Banderas */
header #menu-divisa .banderas {
    display: inline-block;
    width: 20px;
    height: 14px;
    margin-right: 8px;
    vertical-align: middle;
}

header #menu-divisa .texto {
    vertical-align: middle;
}

/* ===================================
   SECTION Y FOOTER
   =================================== */
section {
    width: 100%;
}

footer {
    position: relative;
    width: 100%;
    background: #8eb316;
    clear: both;
    margin-top: 50px;
    z-index: 3;
}

footer #footer-menu {
    margin: 0 auto;
    width: 90%;
    padding: 20px 5%;
    color: #fff;
}

footer #footer-menu .footer-columna {
    flex: 1;
    text-align: left;
}

footer #footer-menu .footer-columna .titulo {
    font-size: 1.2em;
    margin-bottom: 14px;
    font-weight: 600;
}

footer #footer-menu .footer-columna a {
    width: 100%;
    margin: 4px 0;
    color: #fff;
    display: block;
}

footer #footer-legal {
    width: 96%;
    margin: 10px auto 0;
    text-align: center;
    border-top: 2px solid #fff;
    padding: 10px 2%;
    color: #fff;
}

footer #footer-menu .footer-columna .footer-social-links {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

footer #footer-menu .footer-columna .footer-social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #fff;
    transition: opacity 0.2s ease;

}

footer #footer-menu .footer-columna.footer-social-links a:hover {
    opacity: 0.8;
}

footer #footer-menu .footer-columna .footer-social-links svg {
    width: 22px;
    height: 22px;
}

footer #footer-legal a {
    color: #fff;
}

/* ===================================
   SISTEMA DE GRID - WRAPPER Y ROW
   =================================== */
.wrapper {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}

.wrapper_xxxl, .wrapper.wrapper_xxxl {
    max-width: 1350px !important;
}

.wrapper_xxl, .wrapper.wrapper_xxl {
    max-width: 1280px !important;
}

.wrapper_xl, .wrapper.wrapper_xl {
    max-width: 1140px !important;
}

.wrapper_l, .wrapper.wrapper_l {
    max-width: 1000px !important;
}

.wrapper_m, .wrapper.wrapper_m {
    max-width: 900px !important;
}

.wrapper_s, .wrapper.wrapper_s {
    max-width: 800px !important;
}

.wrapper_xs, .wrapper.wrapper_xs {
    max-width: 700px !important;
}

@media screen and (max-width: 1180px) {
    .wrapper {
        padding: 0 4%;
        width: 92%;
    }
}

.row {
    box-sizing: border-box;
    margin: 0 -25px;
    overflow: hidden;
}

.row.fullwidth {
    margin: 0;
}

.row.grid {
    margin: 0 -10px;
}

form .row {
    margin-bottom: 20px;
}

.wrapper_0 .row {
    margin: 0;
}

/* ===================================
   COLUMNAS
   =================================== */
.col {
    box-sizing: border-box;
    position: relative;
    float: left;
    padding: 0 25px;
}

.grid .col {
    padding: 0 10px;
}

.wrapper_0 .col {
    padding-left: 0;
    padding-right: 0;
}

.col_1 { width: 8.3333%; }
.col_2 { width: 16.6666%; }
.col_3 { width: 25%; }
.col_4 { width: 33.3333%; }
.col_5 { width: 41.6666%; }
.col_6 { width: 50%; }
.col_7 { width: 58.3333%; }
.col_8 { width: 66.6666%; }
.col_9 { width: 75%; }
.col_10 { width: 83.3333%; }
.col_11 { width: 91.6666%; }
.col_12 { width: 100%; }
.float_right { float: right; }

/* Clases responsive XL - Desktop grande (por defecto, sin media query) */
@media (min-width: 1181px) {
    .col_xl_1 { width: 8.3333%; }
    .col_xl_2 { width: 16.6666%; }
    .col_xl_3 { width: 25%; }
    .col_xl_4 { width: 33.3333%; }
    .col_xl_5 { width: 41.6666%; }
    .col_xl_6 { width: 50%; }
    .col_xl_7 { width: 58.3333%; }
    .col_xl_8 { width: 66.6666%; }
    .col_xl_9 { width: 75%; }
    .col_xl_10 { width: 83.3333%; }
    .col_xl_11 { width: 91.6666%; }
    .col_xl_12 { width: 100%; }

    .margin_right_xl_1 { margin-right: 8.3333%; }
    .margin_right_xl_4 { margin-right: 33.3333%; }
    .margin_right_xl_5 { margin-right: 41.6666%; }
    .margin_left_xl_1 { margin-left: 8.3333%; }
    .margin_left_xl_4 { margin-left: 33.3333%; }
    .margin_left_xl_5 { margin-left: 41.6666%; }

    .movil {display:none}
    .pc {display:block}
}

/* Clases responsive L - Tablet horizontal */
@media (min-width: 1025px) and (max-width: 1180px) {
    .col_l_1 { width: 8.3333%; }
    .col_l_2 { width: 16.6666%; }
    .col_l_3 { width: 25%; }
    .col_l_4 { width: 33.3333%; }
    .col_l_5 { width: 41.6666%; }
    .col_l_6 { width: 50%; }
    .col_l_7 { width: 58.3333%; }
    .col_l_8 { width: 66.6666%; }
    .col_l_9 { width: 75%; }
    .col_l_10 { width: 83.3333%; }
    .col_l_11 { width: 91.6666%; }
    .col_l_12 { width: 100%; }

    .margin_right_l_1 { margin-right: 8.3333%; }
    .margin_right_l_4 { margin-right: 33.3333%; }
    .margin_right_l_5 { margin-right: 41.6666%; }
    .margin_left_l_1 { margin-left: 8.3333%; }
    .margin_left_l_4 { margin-left: 33.3333%; }
    .margin_left_l_5 { margin-left: 41.6666%; }

    .movil {display:none}
    .pc {display:block}
}

/* Clases responsive M - Tablet vertical */
@media (min-width: 769px) and (max-width: 1024px) {
    .col_m_1 { width: 8.3333%; }
    .col_m_2 { width: 16.6666%; }
    .col_m_3 { width: 25%; }
    .col_m_4 { width: 33.3333%; }
    .col_m_5 { width: 41.6666%; }
    .col_m_6 { width: 50%; }
    .col_m_7 { width: 58.3333%; }
    .col_m_8 { width: 66.6666%; }
    .col_m_9 { width: 75%; }
    .col_m_10 { width: 83.3333%; }
    .col_m_11 { width: 91.6666%; }
    .col_m_12 { width: 100%; }

    .margin_right_m_1 { margin-right: 8.3333%; }
    .margin_right_m_4 { margin-right: 33.3333%; }
    .margin_right_m_5 { margin-right: 41.6666%; }
    .margin_left_m_1 { margin-left: 8.3333%; }
    .margin_left_m_4 { margin-left: 33.3333%; }
    .margin_left_m_5 { margin-left: 41.6666%; }

    .movil {display:none}
    .pc {display:block}
}

/* Clases responsive S - Móvil horizontal */
@media (min-width: 481px) and (max-width: 768px) {
    .col_s_1 { width: 8.3333%; }
    .col_s_2 { width: 16.6666%; }
    .col_s_3 { width: 25%; }
    .col_s_4 { width: 33.3333%; }
    .col_s_5 { width: 41.6666%; }
    .col_s_6 { width: 50%; }
    .col_s_7 { width: 58.3333%; }
    .col_s_8 { width: 66.6666%; }
    .col_s_9 { width: 75%; }
    .col_s_10 { width: 83.3333%; }
    .col_s_11 { width: 91.6666%; }
    .col_s_12 { width: 100%; }

    .movil {display:block}
    .pc {display:none}
}

/* Clases responsive XS - Móvil vertical */
@media (max-width: 480px) {
    .col_xs_1 { width: 8.3333%; }
    .col_xs_2 { width: 16.6666%; }
    .col_xs_3 { width: 25%; }
    .col_xs_4 { width: 33.3333%; }
    .col_xs_5 { width: 41.6666%; }
    .col_xs_6 { width: 50%; }
    .col_xs_7 { width: 58.3333%; }
    .col_xs_8 { width: 66.6666%; }
    .col_xs_9 { width: 75%; }
    .col_xs_10 { width: 83.3333%; }
    .col_xs_11 { width: 91.6666%; }
    .col_xs_12 { width: 100%; }
    .movil {display:block}
    .pc {display:none}
}

.col img {
    box-sizing: border-box;
    max-width: 100%;
}

/* ===================================
   UTILIDADES - MARGINS
   =================================== */
.no_margin { margin: 0 !important; }
.no_margin_top { margin-top: 0 !important; }
.no_margin_right { margin-right: 0 !important; }
.no_margin_bottom { margin-bottom: 0 !important; }
.no_margin_left { margin-left: 0 !important; }

.margin_top_bottom_xxs { margin-top: 10px !important; margin-bottom: 10px !important; }
.margin_top_bottom_xs { margin-top: 25px !important; margin-bottom: 25px !important; }
.margin_top_bottom_s { margin-top: 50px !important; margin-bottom: 50px !important; }
.margin_top_bottom_m { margin-top: 75px !important; margin-bottom: 75px !important; }
.margin_top_bottom_l { margin-top: 100px !important; margin-bottom: 100px !important; }
.margin_top_bottom_xl { margin-top: 150px !important; margin-bottom: 150px !important; }
.margin_top_bottom_xxl { margin-top: 200px !important; margin-bottom: 200px !important; }

.margin_top_xxs { margin-top: 10px !important; }
.margin_top_xs { margin-top: 25px !important; }
.margin_top_s { margin-top: 50px !important; }
.margin_top_m { margin-top: 75px !important; }
.margin_top_l { margin-top: 100px !important; }
.margin_top_xl { margin-top: 150px !important; }
.margin_top_xxl { margin-top: 200px !important; }

.margin_bottom_xxs { margin-bottom: 10px !important; }
.margin_bottom_xs { margin-bottom: 25px !important; }
.margin_bottom_s { margin-bottom: 50px !important; }
.margin_bottom_m { margin-bottom: 75px !important; }
.margin_bottom_l { margin-bottom: 100px !important; }
.margin_bottom_xl { margin-bottom: 150px !important; }
.margin_bottom_xxl { margin-bottom: 200px !important; }

.margin_left_right_xxs { margin-left: 10px !important; margin-right: 10px !important; }
.margin_left_right_xs { margin-left: 25px !important; margin-right: 25px !important; }
.margin_left_right_s { margin-left: 50px !important; margin-right: 50px !important; }
.margin_left_right_m { margin-left: 75px !important; margin-right: 75px !important; }
.margin_left_right_l { margin-left: 100px !important; margin-right: 100px !important; }
.margin_left_right_xl { margin-left: 150px !important; margin-right: 150px !important; }
.margin_left_right_xxl { margin-left: 200px !important; margin-right: 200px !important; }

.margin_left_xxs { margin-left: 10px !important; }
.margin_left_xs { margin-left: 25px !important; }
.margin_left_s { margin-left: 50px !important; }
.margin_left_m { margin-left: 75px !important; }
.margin_left_l { margin-left: 100px !important; }
.margin_left_xl { margin-left: 150px !important; }
.margin_left_xxl { margin-left: 200px !important; }

.margin_right_xxs { margin-right: 10px !important; }
.margin_right_xs { margin-right: 25px !important; }
.margin_right_s { margin-right: 50px !important; }
.margin_right_m { margin-right: 75px !important; }
.margin_right_l { margin-right: 100px !important; }
.margin_right_xl { margin-right: 150px !important; }
.margin_right_xxl { margin-right: 200px !important; }

/* ===================================
   UTILIDADES - PADDING
   =================================== */
.no_padding { padding: 0 !important; }
.no_padding_top { padding-top: 0 !important; }
.no_padding_bottom { padding-bottom: 0 !important; }
.no_padding_left { padding-left: 0 !important; }
.no_padding_right { padding-right: 0 !important; }

.padding_top_bottom_xxs { padding-top: 10px !important; padding-bottom: 10px !important; }
.padding_top_bottom_xs { padding-top: 25px !important; padding-bottom: 25px !important; }
.padding_top_bottom_s { padding-top: 50px !important; padding-bottom: 50px !important; }
.padding_top_bottom_m { padding-top: 75px !important; padding-bottom: 75px !important; }
.padding_top_bottom_l { padding-top: 100px !important; padding-bottom: 100px !important; }
.padding_top_bottom_xl { padding-top: 150px !important; padding-bottom: 150px !important; }
.padding_top_bottom_xxl { padding-top: 200px !important; padding-bottom: 200px !important; }

.padding_top_xxs { padding-top: 10px !important; }
.padding_top_xs { padding-top: 25px !important; }
.padding_top_s { padding-top: 50px !important; }
.padding_top_m { padding-top: 75px !important; }
.padding_top_l { padding-top: 100px !important; }
.padding_top_xl { padding-top: 150px !important; }
.padding_top_xxl { padding-top: 200px !important; }

.padding_bottom_xxs { padding-bottom: 10px !important; }
.padding_bottom_xs { padding-bottom: 25px !important; }
.padding_bottom_s { padding-bottom: 50px !important; }
.padding_bottom_m { padding-bottom: 75px !important; }
.padding_bottom_l { padding-bottom: 100px !important; }
.padding_bottom_xl { padding-bottom: 150px !important; }
.padding_bottom_xxl { padding-bottom: 200px !important; }

.padding_left_right_xxs { padding-left: 10px !important; padding-right: 10px !important; }
.padding_left_right_xs { padding-left: 25px !important; padding-right: 25px !important; }
.padding_left_right_s { padding-left: 50px !important; padding-right: 50px !important; }
.padding_left_right_m { padding-left: 75px !important; padding-right: 75px !important; }
.padding_left_right_l { padding-left: 100px !important; padding-right: 100px !important; }
.padding_left_right_xl { padding-left: 150px !important; padding-right: 150px !important; }
.padding_left_right_xxl { padding-left: 200px !important; padding-right: 200px !important; }

.padding_left_xxs { padding-left: 10px !important; }
.padding_left_xs { padding-left: 25px !important; }
.padding_left_s { padding-left: 50px !important; }
.padding_left_m { padding-left: 75px !important; }
.padding_left_l { padding-left: 100px !important; }
.padding_left_xl { padding-left: 150px !important; }
.padding_left_xxl { padding-left: 200px !important; }

.padding_right_xxs { padding-right: 10px !important; }
.padding_right_xs { padding-right: 25px !important; }
.padding_right_s { padding-right: 50px !important; }
.padding_right_m { padding-right: 75px !important; }
.padding_right_l { padding-right: 100px !important; }
.padding_right_xl { padding-right: 150px !important; }
.padding_right_xxl { padding-right: 200px !important; }

/* ===================================
   UTILIDADES - BORDERS
   =================================== */
.no_border { border: none !important; }
.no_border_top { border-top: none !important; }
.no_border_bottom { border-bottom: none !important; }
.no_border_radius { border-radius: 0 !important; }

.border_top { border-top: 1px solid #ddd; }
.border_right { border-right: 1px solid #ddd; }
.border_bottom { border-bottom: 1px solid #ddd; }
.border_left { border-left: 1px solid #ddd; }

/* ===================================
   UTILIDADES - FLEXBOX
   =================================== */
.flex { display: flex !important; }
.no_flex { display: inherit !important; }
.flex_wrap { flex-wrap: wrap !important; }
.flex_no_wrap { flex-wrap: nowrap !important; }
.flex_wrap_reverse { flex-wrap: wrap-reverse !important; }
.flex_horizontal { flex-direction: row !important; }
.flex_vertical { flex-direction: column !important; }
.flex_justify_content_start { justify-content: flex-start !important; }
.flex_justify_content_center { justify-content: center !important; }
.flex_justify_content_end { justify-content: flex-end !important; }
.flex_justify_content_space_around { justify-content: space-around !important; }
.flex_justify_content_space_between { justify-content: space-between !important; }
.flex_justify_content_space_evenly { justify-content: space-evenly !important; }
.align_content_center > * { align-self: center !important; }
.flex_align_items_start { align-items: flex-start !important; }
.flex_align_items_center { align-items: center !important; }
.flex_align_items_end { align-items: flex-end !important; }

.order_1 { order: 1 !important; }
.order_2 { order: 2 !important; }
.order_3 { order: 3 !important; }
.order_4 { order: 4 !important; }
.order_5 { order: 5 !important; }
.order_6 { order: 6 !important; }

/* ===================================
   PÁGINAS ESTÁTICAS (sobre-nosotros, turismo-responsable, patrocinio-cultural)
   =================================== */
.static-page {
    padding: 30px 20px 50px;
}
.static-page h1 {
    font-size: 1.538em;
    color: #d45715;
    font-weight: 700;
    margin: 0 0 25px;
}
.static-page .subtitle {
    color: #888;
    font-size: 1.077em;
    margin: -20px 0 25px;
}
.static-page h2 {
    font-size: 1.231em;
    font-weight: 700;
    color: #d45715;
    margin: 35px 0 15px;
}
.static-page h3 {
    font-size: 1.077em;
    font-weight: 600;
    margin: 25px 0 10px;
}
.static-page p {
    margin-bottom: 15px;
    line-height: 1.7;
}
.static-page .highlight {
    background: #f9f5f2;
    border-left: 4px solid #d45715;
    padding: 20px 25px;
    margin: 20px 0 25px;
}
.static-page .highlight p {
    margin-bottom: 10px;
}
.static-page .highlight p:last-child {
    margin-bottom: 0;
}
.static-page .btn-action {
    display: inline-block;
    background: #8eb316;
    color: #fff;
    padding: 10px 25px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 10px;
}
.static-page .btn-action:hover {
    background: #7a9c13;
}
.static-page .steps {
    counter-reset: step;
    margin: 15px 0;
}
.static-page .steps dt {
    font-weight: 600;
    margin: 20px 0 5px;
}
.static-page .steps dt::before {
    counter-increment: step;
    content: counter(step) ". ";
    color: #d45715;
    font-weight: 700;
}
.static-page .steps dd {
    margin: 0 0 0 22px;
    line-height: 1.7;
}
.static-page .project {
    margin-bottom: 20px;
}
.static-page .project strong {
    display: block;
    margin-bottom: 5px;
}
.static-page .legal-bar {
    color: #999;
    font-size: 0.9em;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

/* ===================================
   RESPONSIVE - DESKTOP (≥ 767px)
   =================================== */
@media (min-width: 767px) {
    footer #footer-menu {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .movil {
        display: none !important;
    }

    header #navmenumovil {
        display: none;
    }
    /* Menús desplegables desktop */
    header #navmenu1 #menu-divisa {
        display: none;
        width: 360px;
        position: absolute;
        right: 0;
        top: 100%;
        background: #2a2a2a;
        font-size: 0.923em;
        color: #fff;
    }

    header #navmenu2 #menu-destinos {
        display: none;
        width: 420px;
        position: absolute;
        top: 100%;
        right: 0;
        background: #2a2a2a;
        font-size: 0.923em;
    }
}

/* ===================================
   RESPONSIVE - MÓVIL (≤ 766px)
   =================================== */
@media (max-width: 766px) {

    html {
        font-size: 15px;
    }
    footer #footer-menu {
        display: block;
    }

    .pc {
        display: none !important;
    }

    /* HEADER MÓVIL */
    #fondoheader {
        height: 60px;
    }

    header {
        height: 60px;
        margin-bottom: 10px;
        z-index: 1000;
    }


    header #sitenamelogo img {
        width: 230px;
        height: 26px;
        top: 18px;
        left: 4%;
    }

    /* Botón hamburguesa */
    header #navmenumovil {
        position: absolute;
        right: 15px;
        top: 18px;
        width: 30px;
        height: 24px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 1002;
    }

    header #navmenumovil span {
        display: block;
        height: 3px;
        background: #fff;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* Animación hamburguesa a X */
    header #navmenumovil.activo span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
    }

    header #navmenumovil.activo span:nth-child(2) {
        opacity: 0;
    }

    header #navmenumovil.activo span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
    }

    /* Contenedor menú móvil */
    header #menu-contenedor {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        z-index: 1001;
        height: 100vh;
        background: #2a2a2a;
    }

    header.menu-activo #menu-contenedor {
        display: block;
    }

    /* Menús en móvil */
    header #navmenu1,
    header #navmenu2 {
        display: block;
        position: relative;
        width: 100%;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        background: #2a2a2a;
    }

    /* Estilos de los botones en móvil */
    header #navmenu1 .boton,
    header #navmenu2 .boton,
    header #navmenu2 a.boton {
        float: none;
        display: block;
        width: 100%;
        padding: 15px 20px;
        height: auto;
        white-space: nowrap;
        border-bottom: 1px solid #3a3a3a;
        box-sizing: border-box;
    }

    /* Flechas para submenús - ajuste posición */
    header #boton-destinos::after,
    header #boton-divisa::after {
        float: right;
        margin-left: 0;
    }

    /* Submenús en móvil */
    header #menu-destinos,
    header #menu-divisa {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: 100% !important;
        background: #1a1a1a;
    }

    header #menu-destinos a,
    header #menu-divisa a {
        display: block;
        float: none;
        width: 100%;
        padding: 12px 20px 12px 40px;
        color: #fff;
        border-bottom: 1px solid #2a2a2a;
        box-sizing: border-box;
    }
}