.icono {
  width: 16px; /* Ajusta el tamaño del ícono */
  height: 16px; /* Ajusta el tamaño del ícono */
  margin-left: 8px; /* Añade espacio entre el texto y el ícono */
}


/* Menú responsive */
@media (max-width: 768px) {

  .servicios{
    display: flex;
    align-items: center;
    justify-content: center;
  }

}

/* Secciones */
section {
  padding: 10% 0 10% 0;
  text-align: center;
}


/*PERSONALIZADO CONTACTO*/
header {
  position: relative;
  overflow: hidden;
  max-height: 50vh;
}

.contact-background {
  width: 100%; 
  height: 100%;
  object-fit: cover; 
}

.eslogan {
  font-size: 2em;
}

.texto-header{
position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%); 
  color: white; 
  text-align: left;
  z-index: 2; 
}
.texto-header img{
max-width: 50%;
}

/* Estilo del degradado */
.header-degradado {
  position: absolute; /* Posicionar el degradado sobre la imagen */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(49, 70, 109, 0.75);
  z-index: 1; /* Por debajo del texto pero por encima de la imagen */
}


.section-left {
flex-direction: row; /* Imagen a la izquierda, texto a la derecha */
}

section {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
section p{
color: #31466d;
}

section div{
width: 50%;
text-align: left;
padding: 5%;
}

section img{
--color: #31466d; /* the border color */
--border: 10px;   /* the border thickness*/
--offset: 10px;   /* control the offset*/
--gap: 5px;       /* the gap on hover */

--_c: var(--color) var(--border), #0000 0 calc(100% - var(--border)),var(--color) 0;
--_o: calc(3*var(--offset));
padding: 
  calc(var(--gap) + var(--border))
  calc(var(--gap) + var(--border) + var(--offset))
  calc(var(--gap) + var(--border) + var(--offset))
  calc(var(--gap) + var(--border));
background: 
  linear-gradient(      var(--_c)) var(--_o) var(--_o), 
  linear-gradient(90deg,var(--_c)) var(--_o) var(--_o);
background-size: calc(100% - var(--_o)) calc(100% - var(--_o));
background-repeat: no-repeat;
filter: grayscale(.4);
transition: .5s;
}

.hidden {
  display: none;
}