/*------*/
/* Inicio de Modificaciones para dise�o flexible (del response) */
/*------*/
/* Estilos para pantallas grandes (PC) */
body {
    font-size: 18px;
    margin: 40px;
}

/* Estilos para pantallas peque�as (m�vil) */
@media (max-width: 768px) {
    body {
        font-size: 14px;
        margin: 10px;
    }
}

section{
     padding-bottom: 20px; /* Ajusta según el tamaño de tu sombra */
}

/* =========================================
   NAV
   ========================================= */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 200;
  padding: 30px 60px;
  display: flex; align-items: center; justify-content: space-between;
}
/* =========================================
   NAV
   ========================================= */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 200;
  padding: 30px 60px;
  display: flex; align-items: center; justify-content: space-between;
}
.nav-logo  {
  display: flex; /* Convierte el contenedor en flexbox */
  align-items: center; /* Centra verticalmente el logo y el texto */
  margin: 0px;
  pad: 0px;
  gap: 250px; /* Espacio entre el logo y el texto */
}
.nav-logo img { 
    height: 80px;  /* Ajusta la altura del logo según necesites */
    width: auto;   /* Mantiene la proporción */
    filter: brightness(0) invert(1); 
    opacity: 0.85;}
.nav-logo a {
  color: rgba(255,255,255,0.52); text-decoration: none;
  font-size: 30px; font-weight: 200; letter-spacing: 0.18em;
  text-transform: uppercase; transition: color 0.2s;
}

.nav-links { display: flex; gap: 42px; list-style: none; }
.nav-links a {
  color: rgba(255,255,255,0.52); text-decoration: none;
  font-size: 14px; font-weight: 200; letter-spacing: 0.18em;
  text-transform: uppercase; transition: color 0.2s;
}



.banda-text {
  background: var(--cream); /*rgb(6, 6, 49);*/
  display: flex; flex-direction: column;
  justify-content: center;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  box-shadow: 20px 20px 5px rgba(255,255,255,0.5);
  border-radius: 10px; /* Opcional: esquinas redondeadas */
}
.banda-text p li {margin-left: 30px !important; margin-bottom: 15px !important; font-size: 18px; font-style: italic; color: rgba(248,245,240,0.55); }
        .PromocionesLi{
            margin-left: 30px !important; /*190px !important; */
            margin-right: 30px !important; 
            margin-bottom: 15px !important;
            padding-left: 10px !important;
            font-style: italic; 
            /*font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;*/
            color: var(--steel) !important;
            font-size: 18px;
        }

        .PromocionesLi2{
            margin-left: 30px !important; /*190px !important; */
            margin-right: 30px !important; 
            margin-bottom: 15px !important;
            padding-left: 10px !important;
            font-style: italic; 
            /*font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;*/
            color: var(--steel) !important;
            font-size: 18px;
        }


.banda-title {
  font-family: 'Timeless Horizon', serif;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 300; color: var(--navy) !important;
  line-height: 1.1; margin-bottom: 18px;
}


/* =========================================
   CONTACTO
   ========================================= */
#contacto {
  background: var(--dark);
  padding: 130px 7%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  align-items: center;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.ctc-eyebrow {
  font-size: 13px; font-weight: 200;
  letter-spacing: 0.28em; text-transform: uppercase;
  color: var(--gold); margin-bottom: 14px;
}
.ctc-h {
  font-family: 'Timeless Horizon', serif;
  font-size: clamp(1rem, 3vw, 3rem); font-weight: 200;
  color: var(--cream); line-height: 0.96;
  margin-bottom: 30px;
}
.ctc-h em { font-style: italic; color: rgba(248,245,240,0.45); }
.ctc-line { width: 20px; height: 1px; background: var(--gold); margin-bottom: 28px; }
.ctc-desc {
  font-size: 25px; font-weight: 200;
  line-height: 1.85; color: rgba(248,245,240,0.42);
  margin-bottom: 36px; max-width: 380px;
}
.ctc-tel { display: flex; align-items: center; gap: 14px; margin-bottom: 30px; }
.ctc-tel img { height: 28px; filter: brightness(0) invert(1); opacity: 0.6; }
.ctc-tel-num {
  font-family: 'Timeless Horizon', serif;
  font-size: clamp(1rem, 2vw, 2rem); font-weight: 300;
  color: var(--cream); letter-spacing: 0.04em;
}
.ctc-redes { display: flex; gap: 16px; margin-bottom: 40px; }
/*.ctc-redes a img { height: 28px; filter: brightness(0) invert(1); opacity: 0.38; transition: opacity 0.2s; }*/
.ctc-redes a img { height: 28px; opacity: 0.38; transition: opacity 0.2s; }
.ctc-redes a img:hover { opacity: 0.8; }
.btn-gold {
  display: inline-block; padding: 15px 40px;
  background: var(--gold); color: var(--dark);
  font-size: 13px; font-weight: 400;
  letter-spacing: 0.22em; text-transform: uppercase;
  text-decoration: none; transition: background 0.2s;
}
.btn-gold:hover { background: #E8C98A; }
.btn-outline-w {
  display: inline-block; margin-left: 12px;
  padding: 15px 28px;
  border: 1px solid rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.4);
  font-size: 13px; font-weight: 200;
  letter-spacing: 0.2em; text-transform: uppercase;
  text-decoration: none; transition: border-color 0.2s, color 0.2s;
}
.btn-outline-w:hover { border-color: rgba(255,255,255,0.35); color: rgba(255,255,255,0.65); }
.ctc-right { display: flex; justify-content: center; }
.qr-box {
  display: flex; flex-direction: column;
  align-items: center; gap: 16px;
  padding: 28px 32px;
  border: 1px solid rgba(201,169,110,0.18);
}
.qr-box img { width: 155px; height: 155px; object-fit: cover; display: block; }
.qr-box-line { width: 32px; height: 1px; background: rgba(201,169,110,0.35); }
.qr-box-cap {
  font-size: 13px; font-weight: 200;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--gold);
}



.container {
    display: flex;
    flex-wrap: wrap;
}

.item {
    flex: 1 1 300px; /* m�nimo 300px, luego se ajusta */
}

/*------*/
/* Fin de Modificaciones para dise�o flexible (del response) */
/*------*/


/*Color pantalla principal, aplioca a todo excepto el header*/
.Promocion-bdy {
    background-color: var(--color-principal);
    margin: 0px; /*Se agrego para poner el header solo con 4px de margen de arriba.*/
    /*parra eliminar barra de desplazamiento*/
    overflow-x: hidden;

}

.Promocion-hdr2{
    margin: 0px; 
}


.Promocion-bdy-div{
    text-align: center;
}


.Promocion-img-redes{
    height: 4vh; 
    margin:0px; 
    padding:0px;
}



/*-----------------------------------------*/
/*-----------------------------------------*/
/* ------      Menu Horizontal      ------ */
/*-----------------------------------------*/
/*-----------------------------------------*/
/* Elimina los estilos de lista predeterminados (viñetas y márgenes) */
.menu-horizontal {
    list-style-type: none; /* Quita las viñetas */
    margin: 0;
    padding: 0;
    overflow: hidden; /* Limpia los floats */
    /* Se comento por mantener el video de body*/
    /*background-color: var(--color-2principal) !important;*/ /* var(--color-2principal) !important; Color de fondo del menú */
    /* Alinea toda la lista (ul) a la derecha de su contenedor (nav) */
    float: right;
    gap: 1rem; /* Espacio entre elementos */
    justify-content: flex-end; /* Alinea a la derecha */
    align-items: center;

}

.deshabilitado {
    pointer-events: none; /* Evita el clic */
    cursor: default;      /* Cambia el puntero a flecha normal */
    color: WhitE;          /* Cambia el color para indicar que está inactivo */
    text-decoration: none; /* Quita el subrayado si es necesario */
}

/*-------    FIN MENU HORIZONTAL    -------*/
/*-----------------------------------------*/




/*-----------------------------------------*/
/*-----------------------------------------*/
/* ------     PROMOCIONES      ------ */
/*-----------------------------------------*/
/*-----------------------------------------*/
.Promociones-tit{
    color: var(--color-fontprincipal) !important;
    margin:0px !important;
    padding: 0px !important;
    padding-left: 10px !important;
    font-size: 24px !important;
    font-family: var(--font-Agencia);
    font-weight: var(--font-Agencia-peso);

}

.Promociones-hdr-div{
  background-color: var(--color-2principal);
  display: flex; /* Activa Flexbox */
  align-items: center; /* Centra verticalmente */
  /* justify-content: center; /* Opcional: Centra horizontalmente */
  height: 50px; /* O una altura definida para ver el efecto */
  /*border: 1px solid #ccc;*/ /* Para visualizar el contenedor */
  border-bottom:  1px !important;
  border-bottom-color: var(--color-separador) !important;
  justify-content: space-between; /* Distribuye logo/título y menú */
  /*border-top-right-radius: 20px !important; */

}

.Promociones-div{
            
            border: solid 1px; 
            border-color: green; 
            background-color: white; 
            margin-left: 120px; 
            margin-right: 120px;
            box-shadow: 15px 15px 5px 0px rgb(5, 5, 100);
            /* ---------------- */
            border-top-right-radius: 20px !important; 
            overflow: hidden; /* <--- Agrega esto para cortar el fondo */
            /* ---------------- */

            
        }

        /*
            .PromocionesDiv-->div, .PromocionesDiv-->h2 {
            margin-left: 190px !important; 
            color:var(--color-2principal); 
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
            padding: 0px;
            font-size: 24px;

        } */

        

        .PromocionesImg{
            margin-left: 20px !important;    /*190px !important; */
            width: 300px;
            height: 400px;
        }

        .PromosionesTit2{
            margin-left: 40px !important; 
        }


.info-contacto_peq{
    color: var(--color-2principal) !important;
    font-size: 13px;
    text-align: center;
    margin: 0 px;
    padding: 0 px;

}

/* ------     FIN PROMOCIONES      ------ */
/*-----------------------------------------*/
/*-----------------------------------------*/