*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

:root{
    --azul:#617FA3;
    --azul-medio:#617FA3;
    --azul-claro:#8FA9C2;
    --azul-oscuro:#3F5F7F;
    --rosa:#FFA7A6;
    --rosa-claro:#F8DDDD;
    --crema:#FFF9F4;
    --crema-suave:#FBF5F0;
    --blanco:#FFFFFF;
    --texto:#355570;
}

body{
    width:100%;
    min-height:100vh;
    background:var(--crema);
    color:var(--texto);
    font-family:Arial,Helvetica,sans-serif;
}

.pagina{
    width:100%;
    min-height:100vh;
    overflow:hidden;
}

/* =========================
   BARRA SUPERIOR
========================= */

.barra-superior{
    width:100%;
    height:230px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 50px;
    background:#617FA3;
    border-bottom:none;
    overflow:hidden;
}

.logo-superior{
    width:330px;
    height:230px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    overflow:hidden;
}

.logo-superior img{
    width:auto;
    height:205px;
    max-width:100%;
    max-height:205px;
    object-fit:contain;
    display:block;
    transform:none;
}

/* =========================
   NAVEGACIÓN
========================= */

.barra-superior nav{
    flex:1;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:45px;
}

.barra-superior nav a{
    position:relative;
    height:100%;
    display:flex;
    align-items:center;
    color:var(--blanco);
    text-decoration:none;
    font-family:Georgia,"Times New Roman",serif;
    font-size:21px;
    white-space:nowrap;
    transition:.3s;
}

.barra-superior nav a:hover,
.barra-superior nav a.activo{
    color:#FFD0CB;
}

.barra-superior nav a.activo::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:50px;
    height:4px;
    background:var(--rosa);
    border-radius:10px;
}

/* =========================
   ESTRUCTURA
========================= */

.estructura{
    width:100%;
    display:grid;
    grid-template-columns:35% 65%;
    min-height:calc(100vh - 230px);
}

/* =========================
   DESCRIPCIÓN IZQUIERDA
========================= */

.descripcion-lateral{
    padding:70px 60px;
    background:linear-gradient(
        180deg,
        var(--crema) 0%,
        var(--crema-suave) 100%
    );
    border-right:1px solid rgba(120,150,179,.30);
    min-height:calc(100vh - 230px);
}

.descripcion-lateral h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(44px,4vw,68px);
    font-weight:400;
    line-height:1.05;
    color:var(--azul-oscuro);
    max-width:470px;
}

.descripcion-lateral>p:not(.mini-titulo){
    font-family:Georgia,"Times New Roman",serif;
    font-size:20px;
    line-height:1.45;
    margin-bottom:20px;
    max-width:520px;
}

.descripcion-frase{
    margin-top:55px;
    font-family:cursive;
    font-size:28px;
    color:var(--azul);
    transform:rotate(-4deg);
}

/* =========================
   CONTENIDO
========================= */

.contenido{
    min-width:0;
}

/* =========================
   PORTADA
========================= */

.hero{
    min-height:600px;
    display:grid;
    grid-template-columns:45% 55%;
    border-bottom:1px solid rgba(120,150,179,.30);
}

.hero-texto{
    padding:60px 45px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:
        radial-gradient(
            circle at left bottom,
            var(--rosa-claro) 0 18%,
            transparent 18%
        ),
        linear-gradient(
            180deg,
            var(--crema) 0%,
            var(--crema-suave) 100%
        );
}

.mini-titulo{
    font-size:13px;
    letter-spacing:4px;
    margin-bottom:10px;
    color:var(--azul-oscuro);
}

.hero h1{
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(45px,5vw,78px);
    font-weight:400;
    line-height:1;
    color:var(--azul-oscuro);
}

.hero h1 span{
    display:block;
}

.linea{
    width:65px;
    height:4px;
    background:var(--rosa);
    margin:15px 0;
    border-radius:10px;
}

.hero-descripcion{
    max-width:450px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    line-height:1.4;
}

/* =========================
   IMAGEN PORTADA
========================= */

.hero-imagen{
    position:relative;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #E3EBF2,
        #F4DEDE
    );
}

.hero-imagen img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.frase{
    position:absolute;
    right:40px;
    bottom:40px;
    font-family:cursive;
    font-size:28px;
    color:var(--azul-oscuro);
    transform:rotate(-7deg);
}

/* =========================
   GALERÍA
========================= */

.galeria{
    padding:55px 50px;
    border-bottom:1px solid rgba(120,150,179,.30);
    background:linear-gradient(
        180deg,
        var(--crema) 0%,
        var(--crema-suave) 100%
    );
}

.galeria-titulo{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}

.galeria h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:48px;
    font-weight:400;
    color:var(--azul-oscuro);
}

.imagenes-galeria{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:25px;
}

.imagenes-galeria img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:12px;
    display:block;
    transition:.3s;
}

.imagenes-galeria img:hover{
    transform:translateY(-5px);
}

/* =========================
   PREGUNTAS
========================= */

.preguntas{
    padding:55px 50px;
    border-bottom:1px solid rgba(120,150,179,.30);
    background:linear-gradient(
        180deg,
        var(--crema) 0%,
        var(--crema-suave) 100%
    );
}

.preguntas h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:48px;
    font-weight:400;
    color:var(--azul-oscuro);
}

.preguntas details{
    padding:18px 0;
    border-bottom:1px solid rgba(120,150,179,.25);
}

.preguntas summary{
    cursor:pointer;
    font-family:Georgia,"Times New Roman",serif;
    font-size:19px;
    color:var(--azul-oscuro);
    font-weight:600;
}

.preguntas details p{
    margin-top:12px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:16px;
    line-height:1.4;
    color:var(--texto);
}

/* =========================
   CONTACTO
========================= */

.contacto{
    padding:55px 50px;

    background:linear-gradient(
        135deg,
        #FFF9F4 0%,
        #F8EEEE 55%,
        #EEF3F7 100%
    );
}

.contacto h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:48px;
    font-weight:400;
    color:var(--azul-oscuro);
}

.contacto-formulario{
    max-width:800px;
}

.campo{
    margin-bottom:14px;
}

.campo label{
    display:block;
    margin-bottom:6px;
    color:var(--azul-oscuro);
    font-size:14px;
}

.campo input,
.campo textarea{
    width:100%;
    padding:14px 16px;

    border:1px solid rgba(120,150,179,.4);
    border-radius:8px;

    background:rgba(255,255,255,.85);

    font:inherit;
    color:var(--texto);

    outline:none;

    transition:.3s;
}

.campo input:focus,
.campo textarea:focus{
    border-color:var(--azul);

    box-shadow:
        0 0 0 3px
        rgba(120,150,179,.12);
}

.campo textarea{
    height:120px;
    resize:vertical;
}


/* =========================
   BOTONES CONTACTO
========================= */

.contacto button,
.contacto .btn-instagram{

    width:190px;

    padding:14px 25px;

    border:none;
    border-radius:30px;

    background:linear-gradient(
        90deg,
        var(--rosa),
        #F0B4B5
    );

    color:var(--azul-oscuro);

    font-size:16px;
    font-family:inherit;

    display:flex;
    align-items:center;
    justify-content:space-between;

    cursor:pointer;

    text-decoration:none;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}


/* ESPACIO ENTRE WHATSAPP E INSTAGRAM */

.contacto .btn-instagram{
    margin-top:15px;
}


/* HOVER */

.contacto button:hover,
.contacto .btn-instagram:hover{

    transform:
        translateY(-5px)
        scale(1.02);

    box-shadow:
        0 12px 25px
        rgba(63,95,127,.20);
}


/* FLECHA */

.contacto button span,
.contacto .btn-instagram span{
    transition:transform .3s ease;
}


/* ANIMACIÓN DE LA FLECHA */

.contacto button:hover span,
.contacto .btn-instagram:hover span{
    transform:translateX(6px);
}

/* =========================
   RESPONSIVE 1200
========================= */

@media(max-width:1200px){

    .barra-superior{
        height:200px;
        padding:0 30px;
    }

    .logo-superior{
        width:350px;
        height:190px;
    }

    .logo-superior img{
        width:320px;
        max-width:none;
        max-height:none;
        transform:none;
    }

    .barra-superior nav{
        gap:28px;
    }

    .barra-superior nav a{
        font-size:18px;
    }

    .barra-superior nav a.activo::after{
        bottom:40px;
    }

    .estructura{
        min-height:calc(100vh - 200px);
    }

    .descripcion-lateral{
        padding:60px 40px;
        min-height:calc(100vh - 200px);
    }
}

/* =========================
   ANIMACIONES GENERALES
========================= */

@keyframes aparecer{
    from{
        opacity:0;
        transform:translateY(25px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes aparecerIzquierda{
    from{
        opacity:0;
        transform:translateX(-40px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes aparecerDerecha{
    from{
        opacity:0;
        transform:translateX(40px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes logoEntrada{
    from{
        opacity:0;
        transform:scale(.8);
    }
    to{
        opacity:1;
        transform:scale(1);
    }
}

@keyframes lineaAnimada{
    from{
        width:0;
        opacity:0;
    }
    to{
        width:65px;
        opacity:1;
    }
}

@keyframes flotar{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-7px);
    }
}

/* =========================
   LOGO
========================= */

.logo-superior img{
    animation:logoEntrada .9s ease forwards;
    transition:transform .4s ease;
}

.logo-superior img:hover{
    transform:scale(1.05);
}

/* =========================
   MENÚ
========================= */

.barra-superior nav a{
    opacity:0;
    animation:aparecer .6s ease forwards;
}

.barra-superior nav a:nth-child(1){
    animation-delay:.15s;
}

.barra-superior nav a:nth-child(2){
    animation-delay:.25s;
}

.barra-superior nav a:nth-child(3){
    animation-delay:.35s;
}

.barra-superior nav a:nth-child(4){
    animation-delay:.45s;
}

.barra-superior nav a:nth-child(5){
    animation-delay:.55s;
}

.barra-superior nav a:hover{
    transform:translateY(-4px);
}

/* =========================
   DESCRIPCIÓN
========================= */

.descripcion-lateral{
    animation:aparecerIzquierda .9s ease forwards;
}

.descripcion-lateral h2{
    animation:aparecer .8s ease .2s both;
}

.descripcion-lateral p{
    animation:aparecer .8s ease .35s both;
}

.descripcion-frase{
    animation:flotar 3s ease-in-out infinite;
}

/* =========================
   PORTADA
========================= */

.hero-texto{
    animation:aparecer .9s ease forwards;
}

.hero h1{
    animation:aparecer .8s ease .2s both;
}

.hero-descripcion{
    animation:aparecer .8s ease .4s both;
}

.hero-imagen{
    animation:aparecerDerecha 1s ease forwards;
}

.hero-imagen img{
    transition:transform .8s ease;
}

.hero-imagen:hover img{
    transform:scale(1.04);
}

.frase{
    animation:flotar 3.5s ease-in-out infinite;
}

/* =========================
   LÍNEAS ROSAS
========================= */

.linea{
    animation:lineaAnimada .8s ease forwards;
}

/* =========================
   GALERÍA
========================= */

.imagenes-galeria img{
    transition:
        transform .4s ease,
        box-shadow .4s ease,
        filter .4s ease;
}

.imagenes-galeria img:hover{
    transform:translateY(-8px) scale(1.03);
    box-shadow:0 15px 30px rgba(63,95,127,.18);
    filter:brightness(1.04);
}

/* =========================
   PREGUNTAS
========================= */

.preguntas details{
    transition:
        transform .3s ease,
        background .3s ease,
        padding .3s ease;
}

.preguntas details:hover{
    transform:translateX(7px);
}

.preguntas summary{
    transition:color .3s ease;
}

.preguntas summary:hover{
    color:var(--rosa);
}

.preguntas details[open] p{
    animation:aparecer .4s ease;
}

/* =========================
   CAMPOS CONTACTO
========================= */

.campo input,
.campo textarea{
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.campo input:focus,
.campo textarea:focus{
    transform:translateY(-2px);
    border-color:var(--azul);
    box-shadow:0 8px 20px rgba(97,127,163,.12);
}

/* =========================
   BOTÓN
========================= */

.contacto button{
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}

.contacto button:hover{
    transform:translateY(-5px) scale(1.02);
    box-shadow:0 12px 25px rgba(63,95,127,.2);
}

.contacto button span{
    transition:transform .3s ease;
}

.contacto button:hover span{
    transform:translateX(6px);
}

.servicios{
    padding:70px 60px;
    background:var(--crema);
}

.servicios-encabezado{
    margin-bottom:40px;
}

.servicios-encabezado h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:48px;
    font-weight:400;
    color:var(--azul-oscuro);
}

.lista-servicios{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.servicio-card{
    overflow:hidden;
    border-radius:18px;
    background:white;
    box-shadow:0 10px 30px rgba(63,95,127,.10);
    transition:.3s ease;
}

.servicio-card:hover{
    transform:translateY(-7px);
    box-shadow:0 18px 40px rgba(63,95,127,.16);
}

.servicio-imagen{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
}

.servicio-contenido{
    padding:25px;
}

.servicio-contenido h3{
    margin-bottom:12px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:25px;
    font-weight:400;
    color:var(--azul-oscuro);
}

.servicio-contenido p{
    margin-bottom:18px;
    line-height:1.5;
    color:var(--texto);
}

.servicio-precio{
    display:inline-block;
    color:var(--azul);
    font-weight:bold;
    font-size:18px;
}

.cargando-servicios,
.sin-servicios,
.error-servicios{
    grid-column:1/-1;
    padding:40px;
    text-align:center;
    color:#718096;
}

@media(max-width:1000px){
    .lista-servicios{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:650px){
    .servicios{
        padding:45px 22px;
    }

    .lista-servicios{
        grid-template-columns:1fr;
    }

    .servicio-imagen{
        height:260px;
    }
}

/* =========================================
   ANIMACIONES DE SCROLL
========================================= */

.animar-scroll{
    opacity:0;
    transform:translateY(45px);

    transition:
        opacity .75s ease,
        transform .75s cubic-bezier(.2,.7,.2,1);

    will-change:opacity,transform;

    /*
       Evita que las animaciones viejas
       interfieran con IntersectionObserver.
    */
    animation:none !important;
}


/* CUANDO ENTRA EN PANTALLA */

.animar-scroll.mostrar{
    opacity:1;
    transform:translateY(0);
}


/* IZQUIERDA */

.animar-scroll.desde-izquierda{
    transform:translateX(-45px);
}

.animar-scroll.desde-izquierda.mostrar{
    transform:translateX(0);
}


/* DERECHA */

.animar-scroll.desde-derecha{
    transform:translateX(45px);
}

.animar-scroll.desde-derecha.mostrar{
    transform:translateX(0);
}


/* ESCALA */

.animar-scroll.zoom{
    transform:scale(.92);
}

.animar-scroll.zoom.mostrar{
    transform:scale(1);
}


/* DIFERENTES DEMORAS */

.delay-1{
    transition-delay:.08s;
}

.delay-2{
    transition-delay:.16s;
}

.delay-3{
    transition-delay:.24s;
}

.delay-4{
    transition-delay:.32s;
}


/* =========================================
   ACCESIBILIDAD
========================================= */

@media(prefers-reduced-motion:reduce){

    .animar-scroll{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }

}

/* =========================
   ACCESIBILIDAD
========================= */

@media(prefers-reduced-motion:reduce){
    *,
    *::before,
    *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }
}

/* =========================
   RESPONSIVE 1000
========================= */

@media(max-width:1000px){

    .barra-superior{
        height:auto;
        min-height:auto;
        flex-direction:column;
        padding:10px 20px 15px;
    }

    .logo-superior{
        width:100%;
        height:150px;
        justify-content:center;
    }

    .logo-superior img{
        width:300px;
        height:auto;
        max-width:none;
        max-height:none;
        transform:none;
    }

    .barra-superior nav{
        width:100%;
        height:auto;
        justify-content:center;
        gap:30px;
        overflow-x:auto;
    }

    .barra-superior nav a{
        height:auto;
        padding:15px 0 20px;
    }

    .barra-superior nav a.activo::after{
        bottom:5px;
    }

    .estructura{
        grid-template-columns:1fr;
        min-height:auto;
    }

    .descripcion-lateral{
        min-height:auto;
        border-right:none;
        border-bottom:1px solid rgba(120,150,179,.30);
    }

    .hero{
        grid-template-columns:1fr;
    }

    .hero-imagen{
        min-height:450px;
    }
}

/* =========================
   RESPONSIVE CELULAR
========================= */

@media(max-width:700px){

    .barra-superior{
        padding:10px 15px;
    }

    .logo-superior{
        width:100%;
        height:125px;
        justify-content:center;
    }

    .logo-superior img{
        width:240px;
        height:auto;
        max-width:none;
        max-height:none;
    }

    .barra-superior nav{
        justify-content:flex-start;
        gap:25px;
        padding:0 5px;
    }

    .barra-superior nav a{
        font-size:17px;
        white-space:nowrap;
    }

    .descripcion-lateral{
        padding:40px 25px;
    }

    .descripcion-lateral h2{
        font-size:45px;
    }

    .hero-texto{
        padding:45px 25px;
    }

    .hero h1{
        font-size:45px;
    }

    .hero-imagen{
        min-height:350px;
    }

    .galeria,
    .preguntas,
    .contacto{
        padding:40px 22px;
    }

    .galeria h2,
    .preguntas h2,
    .contacto h2{
        font-size:38px;
    }

    .imagenes-galeria{
        grid-template-columns:1fr;
    }

    .imagenes-galeria img{
        height:280px;
    }
}

/* ========================================
   ANIMACIONES SCROLL
======================================== */

.animar-scroll{
    opacity:0;

    transform:
        translateY(45px);

    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.2,.7,.2,1);

    will-change:
        opacity,
        transform;
}


/* ELEMENTO VISIBLE */

.animar-scroll.mostrar{
    opacity:1;

    transform:
        translateY(0);
}


/* DESDE LA IZQUIERDA */

.animar-scroll.desde-izquierda{
    transform:
        translateX(-55px);
}

.animar-scroll.desde-izquierda.mostrar{
    transform:
        translateX(0);
}


/* DESDE LA DERECHA */

.animar-scroll.desde-derecha{
    transform:
        translateX(55px);
}

.animar-scroll.desde-derecha.mostrar{
    transform:
        translateX(0);
}


/* EFECTO ZOOM */

.animar-scroll.zoom{
    transform:
        translateY(25px)
        scale(.92);
}

.animar-scroll.zoom.mostrar{
    transform:
        translateY(0)
        scale(1);
}


/* ACCESIBILIDAD */

@media(prefers-reduced-motion:reduce){

    .animar-scroll{
        opacity:1 !important;

        transform:none !important;

        transition:none !important;
    }

}

/* ========================================
   SOBRE CORA
======================================== */

.sobre-cora{
    padding:55px 45px;
}

.sobre-cora-imagen{
    width:100%;
    margin:30px 0 32px;
    overflow:hidden;
    border-radius:20px;
}

.sobre-cora-imagen img{
    width:100%;
    height:380px;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:
        transform .8s ease;
}

.sobre-cora-imagen:hover img{
    transform:scale(1.03);
}


/* TEXTO */

.sobre-cora > p{
    margin-bottom:20px;

    font-size:16px;
    line-height:1.8;

    color:var(--texto);
}


/* PRIMER TEXTO */

.sobre-cora .presentacion-cora{
    font-size:18px;
    line-height:1.7;

    color:var(--azul-oscuro);
}


/* TEXTO IMPORTANTE */

.sobre-cora .texto-destacado{
    margin:30px 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;
    font-style:italic;

    color:var(--azul-oscuro);
}


/* FRASE CENTRAL */

.sobre-cora .frase-cora{
    margin:35px 0;

    padding:24px;

    border-left:3px solid var(--rosa);

    background:var(--rosa-claro);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;
    font-style:italic;

    line-height:1.5;

    color:var(--azul-oscuro);
}


/* FRASE FINAL */

.sobre-cora .descripcion-frase{
    margin-top:40px;

    padding-top:25px;

    border-top:
        1px solid rgba(97,127,163,.25);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:19px;

    text-align:center;

    color:var(--azul-oscuro);
}


/* NEGRITAS */

.sobre-cora strong{
    color:var(--azul-oscuro);
}


/* ========================================
   CELULAR
======================================== */

@media(max-width:800px){

    .sobre-cora{
        padding:40px 25px;
    }

    .sobre-cora-imagen img{
        height:420px;
    }

}


@media(max-width:500px){

    .sobre-cora{
        padding:35px 20px;
    }

    .sobre-cora-imagen{
        margin:
            25px 0;
    }

    .sobre-cora-imagen img{
        height:350px;
    }

    .sobre-cora > p{
        font-size:15px;
        line-height:1.75;
    }

    .sobre-cora .presentacion-cora{
        font-size:17px;
    }

    .sobre-cora .texto-destacado{
        font-size:22px;
    }

    .sobre-cora .frase-cora{
        padding:20px;
        font-size:19px;
    }

}

/* ==========================================
   GALERÍA
========================================== */

.galeria{
    padding:70px 60px;
    background:#fff;
}

.galeria-encabezado{
    margin-bottom:35px;
}

.galeria-encabezado h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:48px;
    font-weight:400;
    color:var(--azul-oscuro);
}

.imagenes-galeria{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.galeria-item{
    margin:0;
    overflow:hidden;
    border-radius:16px;
    background:white;

    box-shadow:
        0 10px 30px
        rgba(63,95,127,.12);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.galeria-item:hover{
    transform:translateY(-6px);

    box-shadow:
        0 18px 35px
        rgba(63,95,127,.18);
}

.galeria-item img{
    width:100%;
    height:330px;
    display:block;
    object-fit:cover;

    transition:
        transform .5s ease;
}

.galeria-item:hover img{
    transform:scale(1.05);
}

.galeria-item figcaption{
    padding:15px 18px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:18px;

    color:
        var(--azul-oscuro);
}


/* ==========================================
   PREGUNTAS
========================================== */

#lista-preguntas{
    margin-top:25px;
}

#lista-preguntas details{
    margin-bottom:12px;
    padding:18px 20px;

    border:
        1px solid rgba(97,127,163,.20);

    border-radius:12px;

    background:white;
}

#lista-preguntas summary{
    cursor:pointer;

    font-weight:600;

    color:
        var(--azul-oscuro);
}

#lista-preguntas details p{
    margin-top:15px;

    line-height:1.7;

    color:
        var(--texto);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:900px){

    .imagenes-galeria{
        grid-template-columns:
            repeat(2,1fr);
    }

}


@media(max-width:600px){

    .galeria{
        padding:50px 20px;
    }

    .imagenes-galeria{
        grid-template-columns:1fr;
    }

    .galeria-item img{
        height:350px;
    }

}