.form-text {
    font-family: "Josefin Sans", sans-serif;
    margin-top: 8%;
    border-bottom: 1px #30d4cc;
}

.form-text h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    color: #ee7a65;
    text-shadow: 1px 1px rgb(0, 0, 0);
}


.form-text h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #6fc2be;
}

.med_prof{
    max-height: 32vh;
    border-radius: 5px;
}

.form-text p {
    font-size: 1rem;
    color: #333;
    line-height: 1.6;
    background-color: #c4e9e6;
    padding: 1px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}


/* Container holding the image and the text */
.container {
  position: relative;
}

/* Bottom right text */
.text-block {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: black;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

.contact_mail:hover {
    color:#fff;
}

.contact-form {
    flex: 1;
    min-width: 300px;
}

.contact-wrapper{
display:flex;
gap:40px;
justify-content:center;
flex-wrap:wrap;
max-width:1300px;
margin:auto;
padding:30px;
}

.info-table{
width:500px;
border-collapse:collapse;
background:#fff;
box-shadow:0 4px 12px rgba(0,0,0,0.1);
border-radius:8px;
overflow:hidden;
margin-left: 4%;
}

.info-text{
padding:20px;
line-height:1.6;
}

.info-text a{
text-decoration:none;
font-weight:bold;
}
.info-text a:hover{
    color: #ee7a65;
    transition: ease-in-out;
}

.logo-space{
width:160px;
text-align:center;
vertical-align:middle;
background-image: url(/images/contacto_img/AndaresHPDH_130120-1-3-scaled.webp);
background-position: 35% 45%;
}

.logo-space img{
max-width:120px;
}

.map-container{
width:100%;
height:250px;
}

.map-container iframe{
width:100%;
height:100%;
border:0;
}

/* Mobile responsiveness */
@media (max-width: 768px){


.contact-wrapper{
flex-direction:column;
align-items:center;
margin-left: -8%;
}

.info-table{
width:100%;
max-width:500px;
}

.contact-wrapper{

    max-width: 1100px;

}
.info-table{

margin-left: 0;
}

.hide_med{
        display: none;
}

.contact-wrapper{
        margin-top: 18%;
}

}

.schedule{
    background-color: #fcc338;
}



.contact-wrapper{
    position: relative;
    overflow: hidden;
}

.contact-bg{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
}

.contact-wrapper table{
    position: relative;
    z-index:2;
}

.contact-bg circle{
    fill:#fcc338;
}

/* floating animations */

.float1{
    animation: floatA 12s ease-in-out infinite;
}

.float2{
    animation: floatB 15s ease-in-out infinite;
}

.float3{
    animation: floatA 18s ease-in-out infinite;
}

.float4{
    animation: floatC 14s ease-in-out infinite;
}

.float5{
    animation: floatB 20s ease-in-out infinite;
}

/* keyframes */

@keyframes floatA{
    0%{ transform:translateY(0px); }
    50%{ transform:translateY(-45px); }
    100%{ transform:translateY(0px); }
}

@keyframes floatB{
    0%{ transform:translateY(0px) translateX(0px); }
    50%{ transform:translateY(30px) translateX(-25px); }
    100%{ transform:translateY(0px) translateX(0px); }
}

@keyframes floatC{
    0%{ transform:translateY(0px); }
    50%{ transform:translateY(28px); }
    100%{ transform:translateY(0px); }
}