.section5 {
    position: relative;
    height: 100vh;    
    justify-content: center;
    align-items: center;
    overflow: hidden;    
    margin-top: 10vh;
}

.section5 h2{
     line-height: 1.6;
    font-family: 'arial_narrow';
    color: #742151;
    font-size: 1.6em;
    font-weight: 100;
    text-align: center;
    margin: 10vw;
}

.section5 h2 strong{
     font-size: 2em;
    font-weight: 800;
    
}

.section5 img {
    position: absolute;           
    height: 100vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0; /* Asegurar que está por encima */
}


.cita-box {
    text-align: center;
    padding: 50px;
    max-width: 68vw;
    background: #a39798bf;
    border-radius: 146px 1px;
    box-shadow: 11px 8px 11px 7px rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin: auto;
    position: absolute;
    color: #742151;
    top: 0px;
    text-shadow: 1px 3px 7px #ffffff;
    font-family: 'arial_narrow';
}




/* Contenedor del mapa */
gmp-map {

    position: relative;
    width: 90vw;
    height: 60vh;   
    margin: 5%;
    border-radius: 10px;
    box-shadow: 11px 20px 19px rgba(0, 0, 0, 0.2);
}

/* Estilo personalizado para el marcador */
gmp-advanced-marker {
    cursor: pointer;
}


.ir_agendar img{
    width: 15vh;
    position: fixed;
    bottom: 0px;
    cursor: pointer;
}

.cita-box img{
    width: 18vh;
    height: auto;
    position: absolute;
    left: 16%;
    bottom: 0px;
}

.invitacion{
    width: 90vw;
    text-align: center;
    margin: auto;
    margin-bottom: 10vh ;
     margin-top: 10vh ;
}

.invitacion h1{
    text-align: center;
        color: #f671be;
       text-shadow: 3px 3px 4px #462838;
             font-size: 10vw;
    font-family: 'Happy';
}