img{
width:100%;
	height:100%;
	object-fit:cover;
}
.row1{
height:70vh;
}

.image{
    width: 100%;
    height: 100%;
}

.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.texto {
    width: 100%;
    position: absolute;
    display: flex
;
    top: 24%;
    left: 0;
    height: fit-content;
    gap: 1.9em;
    flex-direction: column;
}

.texto1 {
    font-family: 'Satoshi Black';
    text-align: left;
    padding: 0 16em;
}
.texto1 h1 {
    line-height: 0.95em;
    height: 100%;
    font-size: 3.9em;
    color: #FFF;
    margin-bottom: 0.6em;
}

.texto1 p {
    font-family: 'Satoshi';
    color: #FFF;
    font-size: 1.2em;
    width: 34%;
}

.hablamos{
padding:3em 0;
	display:flex;
	justify-content:center;
	background:linear-gradient(to right, #0073e6, #8b00e6);
}

.hablamos h2{
color: #FFF;
    font-family: 'Satoshi Black';
    font-size: 2.9em;
}

.row2{
	padding:3em 0;
display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5em;
}
.row2 h2{
    font-family: 'Satoshi Black';
    font-size: 3em;
}
.horario{
font-family:'Satoshi';
	text-align:center;
}

.horario p{
font-weight:600;
	font-size:1.3em;
}

.row3 {
  display: flex;
  justify-content: center;
  padding-bottom: 3em;
}

.cuadro-contacto {
  display: flex;
  max-width: 1100px;
  background-color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
	position:relative;
}

.datos {
    background-color: #f4f4f4;
    padding: 1.4em 0em 1.5em 1.6em;
    display: flex
;
    flex-direction: column;
    gap: 15px;
    width: 486px;
}

.datos h2 {
    font-size: 1.7em;
    margin-bottom: 15px;
    font-family: 'Satoshi Black';
    text-transform: uppercase;
}

.telefono,
.mail,
.direccion {
  display: flex;
  align-items: center;
  gap: 12px;
}

.img-tel img,
.img-mail img,
.img-dir img {
  width: 17px;
  height: 17px;
	object-fit:contain
}

.tel h3, .mail-datos p, .dir-datos p {
    margin: 0;
    font-size: 1em;
    color: #333333;
    font-family: 'Satoshi';
}
.tel h3{
font-size:1.2em;
}
.tel strong, .mail-datos strong, .dir-datos strong{
font-size:1.2em;

}
/* Estilo de la columna del formulario */
.form-contacto {
    /* flex: 1; */
    background: linear-gradient(135deg, #4e00c2, #00aaff);
    padding: 20px;
    color: #ffffff;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    width: 390px;
}

.form-contacto .form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.form-contacto input,
.form-contacto textarea {
  background-color: transparent;
  border: 2px solid #ffffff;
  border-radius: 5px;
  padding: 10px;
  color: #ffffff;
  font-size: 14px;
  outline: none;
}

.form-contacto input::placeholder,
.form-contacto textarea::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.form-contacto input[type="submit"] {
  background-color: #ffffff;
  color: #4e00c2;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}



.form-contacto textarea{
height:110px;
}

.mapa{
display:flex;
	justify-content:center;
	padding-bottom:2em;
}

.mapa iframe{
width:60%;
	height:300px;
}




.icono-wa{
width:57px;
}

.icono-wa img{
object-fit:contain;
	transition:0.3s ease-in-out;
	cursor:pointer;
}
.icono-wa img:hover{
transform:translateY(-10px);
}

.whatsapp{
    padding-bottom: 3em;
    display: flex
;
    flex-direction: column;
    align-items: center;
    gap: 1em;
}

.whatsapp h2{
    font-family: 'Satoshi Bold';
    font-size: 2.1em;
}

.redes-contacto{
padding-bottom:3em;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.9em;
}

.redes-contacto h2{
    font-family: 'Satoshi Black';
    font-size: 2.5em;
}

.redes-flex{
display:flex;
	justify-content:center;
	gap:0.5em
}

.redes-flex img{
width:50px;
	cursor:pointer;
	transition:0.3s ease-in-out;
	object-fit:contain;
}
.redes-flex img:hover{
transform:scale(1.1);
}

.franja-final{
padding:0.7em;
	background:linear-gradient(to right, #0073e6, #8b00e6);
}

@media only screen and (max-width:500px){
	.row1 {
    height: 70vh;
}
	.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 66%;
}
	.texto1{
		padding:0 3em;
	}
	.texto1 h1{
	    font-size: 2.9em;
    text-align: center;
	}
	    .texto1 p {
        width: 94%;
        margin-inline: auto;
			text-align:center;
    }

	.texto{
	text-align:center;
	}
	
	.row2 h2 {
    font-size: 2em;
}
	.horario p{
	font-size:1.2em;
	}
	
	.cuadro-contacto{
	flex-direction:column;
	}
.datos{
	padding:2em;
	width:100%;
	}
.datos h2{
	font-size:1.8em;
	text-align:center;
	}
	
	
	.form-contacto{
	width:100%;
	}
	
	.form-contacto .form{
	width:80%;
		margin-inline:auto;
	}
	
	.mapa iframe{
	width:100%;
		height:230px;
	}
.whatsapp{
	gap:2em;
	}
.whatsapp h2{
	font-size:1.5em;
	text-align:center;
	width:90%;
	}

.icono-wa{
	width:49px;
	}
.redes-contacto h2{
	font-size:2.4em;
	}
	
.redes-flex{
	gap:1em;
	}
	.redes-flex img{
	width:46px;
	}
.franja-final{
	padding:1em;
	}
}