/* ===== Galería de salón en grilla uniforme (Prado) ===== */
.prado-gallery{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}
.prado-gallery a{
    display:block;
    position:relative;
    overflow:hidden;
    aspect-ratio:4/3;
}
.prado-gallery a img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .6s ease;
}
.prado-gallery a:hover img{
    transform:scale(1.06);
}
/* tablet: 3 por fila */
@media (max-width:991px){
    .prado-gallery{grid-template-columns:repeat(3,1fr);}
}
/* mobile: 2 por fila */
@media (max-width:600px){
    .prado-gallery{grid-template-columns:repeat(2,1fr); gap:8px;}
}

/* ===== Carrusel de fotos de salones (index) ===== */
.swiper-salones{
    width:100%;
    padding-bottom:0;
}
.swiper-salones .swiper-slide img{
    width:100%;
    height:clamp(200px, 26vw, 360px);
    object-fit:cover;
    display:block;
    border-radius:8px;
}
/* paginacion debajo de las fotos */
.swiper-salones .swiper-salones-pagination{
    position:static;
    margin-top:18px;
    text-align:center;
}
.swiper-salones .swiper-pagination-bullet{
    background:#A39161;
    opacity:.4;
}
.swiper-salones .swiper-pagination-bullet-active{
    opacity:1;
}
@media (max-width:600px){
    .swiper-salones .swiper-slide img{height:240px;}
}

/* ===== Tarjetas de acceso a cada salon (index) ===== */
.prado-salon-cards{ margin-top:60px; }
.prado-salon-card{
    display:block;
    background:#fff;
    border-radius:4px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.10);
    border:1px solid rgba(163,145,97,.18);
    transition:transform .4s ease, box-shadow .4s ease;
    height:100%;
}
.prado-salon-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 50px rgba(0,0,0,.20);
}
/* imagen con zoom suave en hover */
.prado-salon-card .psc-img{
    display:block;
    height:260px;
    background-size:cover;
    background-position:center;
    transition:transform .8s ease;
}
.prado-salon-card:hover .psc-img{ transform:scale(1.07); }
.prado-salon-card .psc-body{
    display:block;
    padding:26px 24px 30px;
    text-align:center;
}
.prado-salon-card .psc-name{
    display:block;
    font-family:'Sora', sans-serif;
    font-weight:300;
    font-size:22px;
    letter-spacing:.3px;
    color:#232323;
    margin-bottom:14px;
}
/* divisor dorado */
.prado-salon-card .psc-body::before{
    content:"";
    display:block;
    width:34px;
    height:2px;
    background:#A39161;
    margin:0 auto 16px;
}
.prado-salon-card .psc-cap{
    display:block;
    font-family:'Lora', serif;
    font-size:14px;
    color:#626262;
    margin-bottom:20px;
}
.prado-salon-card .psc-link{
    display:inline-block;
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#A39161;
    transition:color .3s ease, letter-spacing .3s ease;
}
.prado-salon-card:hover .psc-link{ color:#232323; letter-spacing:1.5px; }
@media (max-width:767px){
    .prado-salon-cards{ margin-top:35px; }
    .prado-salon-card .psc-img{ height:220px; }
}

/* ===== Secciones de salon (index): menos aire entre una y otra ===== */
.prado-salon-sec{
    padding-top:55px;
    padding-bottom:55px;
}
@media (max-width:767px){
    .prado-salon-sec{
        padding-top:40px;
        padding-bottom:40px;
    }
}

/* ===== Seccion Salones: fondo beige uniforme (el collage se reemplazo por el video) ===== */
@media (min-width:992px){
    #salones{
        background-color:#ddd5ca !important;   /* beige uniforme */
        background-image:none !important;      /* sin collage de fondo */
    }
}
/* Video vertical de la seccion Salones */
.prado-salones-video-wrap{
    position:relative;
    display:inline-block;
    line-height:0;
}
.prado-salones-video{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:560px;
    border-radius:12px;
    box-shadow:0 18px 45px rgba(0,0,0,.20);
    display:block;
}
.psv-sound{
    position:absolute;
    z-index:2;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.6);
    background:rgba(0,0,0,.45);
    color:#fff;
    font-size:16px;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .3s ease, transform .3s ease;
}
.psv-sound:hover{ background:rgba(0,0,0,.8); transform:scale(1.08); }
@media (max-width:991px){
    .prado-salones-video{ max-height:480px; }
}

/* ===== Seccion Marcas (logos de clientes) ===== */
.prado-marcas{
    background:#ffffff;
    padding-top:75px;
    padding-bottom:75px;
}
.prado-marcas-grid{ row-gap:40px; }
.prado-marcas-grid > div{
    text-align:center;
    padding:10px 18px;
}
/* caja identica para todos: mismo tamano visual */
.prado-marcas-grid img{
    display:block;
    width:100%;
    max-width:180px;
    height:85px;
    object-fit:contain;
    margin:0 auto;
    filter:grayscale(100%);
    opacity:.65;
    transition:filter .4s ease, opacity .4s ease, transform .4s ease;
}
.prado-marcas-grid img:hover{
    filter:grayscale(0);
    opacity:1;
    transform:scale(1.05);
}
@media (max-width:767px){
    .prado-marcas{ padding-top:50px; padding-bottom:50px; }
    .prado-marcas-grid img{ height:68px; }
}

/* ===== Botones del slider hero: legibles sobre cualquier foto ===== */
.main-slider .btn{ text-shadow:0 1px 8px rgba(0,0,0,.5); }
.main-slider .btn.btn-transparent-deep-pink{
    background:rgba(0,0,0,.32);
    color:#ffffff;
    border-color:#A39161;
}
.main-slider .btn.btn-transparent-deep-pink:hover,
.main-slider .btn.btn-transparent-deep-pink:focus{
    background:#A39161;
    color:#000000;
    border-color:#A39161;
    text-shadow:none;
}
.main-slider .btn.btn-deep-pink{ text-shadow:none; }  /* el dorado relleno ya tiene texto negro */

/* ===== Menos aire entre Contacto y Alquiler de Salones ===== */
#alquiler{ padding-top:45px !important; }

/* ===== Carrusel de testimonios (index) ===== */
.swiper-testimonios{ width:100%; padding-bottom:0; }
.swiper-testimonios .swiper-slide{
    height:auto;
    padding:30px 22px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}
.swiper-testimonios .swiper-testimonios-pagination{
    position:static;
    margin-top:35px;
    text-align:center;
}
.swiper-testimonios .swiper-pagination-bullet{ background:#A39161; opacity:.45; }
.swiper-testimonios .swiper-pagination-bullet-active{ opacity:1; }

/* ===== Credito de agencia en el footer ===== */
.prado-credit{ gap:8px; text-decoration:none; }
.prado-credit-logo{
    height:28px;
    width:auto;
    max-width:100%;
    vertical-align:middle;
    opacity:.9;
    transition:opacity .3s ease;
}
.prado-credit:hover .prado-credit-logo{ opacity:1; }

/* ===== Galeria de eventos realizados (index) ===== */
.prado-eventos-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}
.prado-eventos-grid > a{
    display:block;
    position:relative;
    overflow:hidden;
    aspect-ratio:4/3;
    border-radius:6px;
    cursor:pointer;
}
.prado-eventos-grid > a.ev-hidden{ display:none; }
.prado-eventos-grid > a img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
}
.prado-eventos-grid > a:hover img{ transform:scale(1.07); }
@media (max-width:991px){
    .prado-eventos-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:600px){
    .prado-eventos-grid{ grid-template-columns:repeat(2,1fr); gap:8px; }
}

/* ===== Menos aire entre Galeria de eventos y Contacto ===== */
#galeria{ padding-bottom:55px; }
#contacto{ padding-top:55px !important; }

/* ===== PRUEBA DE FUENTES: Benton Modern (cuerpo) + Amidic (titulos, con acentos) ===== */
@font-face{
    font-family:'Benton Modern';
    src:url('../fonts/BentonModDispRegular.otf') format('opentype');
    font-weight:normal; font-style:normal; font-display:swap;
}
@font-face{
    font-family:'Amidic';
    src:url('../fonts/AmidicRegular.ttf?v=2') format('truetype');
    font-weight:100 900; font-style:normal; font-display:swap;
}
/* cuerpo de texto -> Benton Modern */
body, p, li, blockquote, span, a,
.main-font, .text-medium, .text-small, .text-large, .text-extra-large,
input, textarea, select, .form-control{
    font-family:'Benton Modern', serif !important;
}
/* titulos -> Amidic (mayuscula) */
.alt-font, h1, h2, h3, h4, h5, h6{
    font-family:'Amidic', sans-serif !important;
    text-transform:uppercase;
}
/* botones se mantienen en Montserrat */
.btn{ font-family:'Montserrat', sans-serif !important; }

/* nombres de las tarjetas de salon -> fuente de titulo (Amidic) */
.prado-salon-card .psc-name{
    font-family:'Amidic', sans-serif !important;
    text-transform:uppercase;
    letter-spacing:1px;
}

/* ===== Veladura suave en las fotos del hero (mejor legibilidad del texto) ===== */
.main-slider .swiper-slide::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.33);
    z-index:1;
    pointer-events:none;
}
.main-slider .swiper-slide .container{
    position:relative;
    z-index:2;
}

/* ===== Menu principal (nav) en Amidic ===== */
.navbar-nav li a, .navbar-nav li a strong{
    font-family:'Amidic', sans-serif !important;
    text-transform:uppercase;
    letter-spacing:.5px;
}