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

a { text-decoration: none; color:#545454}
li { list-style: none;}
img { max-width:100%;}

html{scroll-behavior: smooth;
  font-size: 62.5%;   
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200, 300, 400, 500, 700, 800;
  font-style: normal;}


body {background-color: #fff; font-family: "Manrope", sans-serif; font-weight: 200;}
.onda-blanca {position: absolute; bottom: 0; right: 0; z-index: 20; width: 100%;}
.onda-celeste {position: absolute; bottom: 0; right: 0; width: 100%;}


main {position: relative; width:100%; background-color: #fff; margin:0 auto; z-index:auto;}
/*.container {display: flex; flex-wrap: wrap; width:90%; margin: 0;}*/
/*#arriba {background-image: url(../img/portada.jpg); background-repeat:no-repeat; width:100%; min-height: 74vh; background-size: contain;;position: relative;}*/
#upward {background-image: url(../img/portada.jpg); background-repeat:no-repeat; width:100%; min-height: 74vh; /*background-size: contain;*/;position: relative;}
img header{width:100%;}

head {position:relative;}
/*h1 {position: absolute; right:24rem; top:14rem;/* background-image: url(../img/caro-von-oertel-logo.png); background-repeat: no-repeat; *//*display:inline-block; width:257px; height: 195px; text-indent: -9999px;}*/
h4 {font-size: 3rem; font-weight: 600;}
/*.tipo {font-size: 2.5rem; line-height: 2.9rem; font-weight: 900; position:absolute; top:37rem; right:13rem; color:black;}*/
.desplegable {font-size: 2rem; padding-bottom:1rem; font-weight:600; border-bottom: 1px solid #000;}
.desplegable strong{font-size: 1.5rem;font-weight:600;}


/*Estilos portada*/
.contenedor {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0;
  padding: 0;
  width: 100%;
    margin: 0 auto;
    background: linear-gradient(90deg, #9c2266 0%, #ec008c 50%, #9c2266 100%);
    color: #fff;
    justify-items: end;
    align-items: center;
}

.contenedor p{
 font-size: 1.8rem;
 font-weight: 200;
}

.contenedor h4{
 font-size: 2.8rem;
 line-height: 3rem;
 font-weight: 200;
}

.contenedor b{
 font-size: 2.8rem;
 line-height: 3rem;
 font-weight: bold;
}

.imagen-circulo {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.logo3 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  width: 33%;
}

.txt-portada{ padding-right: 30%;}

.texto-port {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

@media (max-width: 768px) {
  .contenedor {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    text-align: center;
  }

  .imagen-circulo {
    grid-column: 1 / -1;
  }

  .logo3 {
    grid-column: 1 / -1;
  }

  .texto-port {
    grid-column: 1 / -1;
  }
}
/*FIN Estilos portada*/


.separadora{border-bottom:1px solid #545454;}

.resaltado{font-weight: 700; color: #545454; margin: 0;background-image: linear-gradient(transparent 50%,#f7aeaf 50%); width: 30%;}
.resaltado-rosa a{font-weight: 700; color: #545454; margin: 0;background-image: linear-gradient(transparent 50%,#f7aeaf 50%);}
.resaltado-rose{font-weight: 700; color: #545454; margin: 0;background-image: linear-gradient(transparent 50%,#f7aeaf 50%);}
.resaltado-celeste a{font-weight: 700; color: #545454; margin: 0;background-image: linear-gradient(transparent 50%,#c2d1e5 50%);}
.resaltado-celes{font-weight: 700; color:#545454; margin: 0;background-image: linear-gradient(transparent 50%,#c2d1e5 50%);}
.resaltado-naranja{font-weight: 700; color: #545454; margin: 0;background-image: linear-gradient(transparent 50%,#f04e26 50%);}
.boton{font-family: "Manrope", sans-serif; font-size: 2rem;float: right; font-weight: 900; border: none; color: #b11f72; padding-top: 1rem; margin: 0;} 
.boton-2 {font-family: "Manrope", sans-serif; font-size: 2rem; text-align: center; font-weight: 600; border: 2px solid #187de5; border-radius: 3rem; color: #187de5; padding: 1rem 3rem; margin: 0; transition: background-color 0.3s ease;  background-color: #fff;} 
.boton-2:hover{background-color: #187de5 ;border: 2px solid #187de5; color: #fff;} 
.boton-3 {font-family: "Manrope", sans-serif; font-size: 2rem; text-align: center; font-weight: 600; border: 2px solid #ec008c; border-radius: 3rem; color: #fff; padding: 1rem 3rem; margin: 0; transition: background-color 0.3s ease; background-color: rgba(256, 256, 256, 0.5);} 
.boton-3:hover{background-color: #fff ;border: 2px solid #ec008c; color: #ec008c;} 
.boton-4 {font-family: "Manrope", sans-serif; font-size: 2rem; text-align: center; font-weight: 600; border: 2px solid #ec008c; border-radius: 3rem; color: #fff; padding: 1rem 3rem; margin: 0; transition: background-color 0.3s ease; background-color: #ec008c;} 
.boton-4:hover{background-color: #9c2266;border: 2px solid #9c2266; color: #fff;} 
.boton-5 {font-family: "Manrope", sans-serif; font-size: 1.5rem; text-align: center; font-weight: 600; border: 2px solid #ec008c; border-radius: 3rem; color: #fff; padding: 1rem 3rem; margin: 0; transition: background-color 0.3s ease; background-color: #ec008c;} 
.boton-5:hover{background-color: #9c2266;border: 2px solid #ec008c; color: #fff;} 
#resaltado-celeste{font-weight: 700; color: #545454; margin-bottom: 9px; background-image: linear-gradient(transparent 50%,#c2d1e5 50%);}
/* regla para el resaltado de textos, por ejemplo el rosa: 
background-image: linear-gradient(transparent 50%,#f7aeaf 50%);*/

#quien-soy {background-color: #f9eff5; position: relative; }
#quien-soy section, #objetivos section{width: 95%; /*background-color: aquamarine;*/ margin: 0 auto; display:flex; flex-direction: row; align-items: center; justify-content: space-around; position: sticky; z-index: 20;}
#quien-soy article, #objetivos article{/*background-color: pink;*/ width: 60%; display: grid; justify-content: end; padding-right: 8%;}



.logos {/*background-color: pink;*/ width: 100%; padding:3% 6%; display: inline-flex;}
.logos ul {display: inline-flex; flex-wrap: wrap; width: 100%; flex-direction: row; padding: 0; justify-content: center; align-items: center;}
.logos li {padding:1%;}
.logos li a{display: inline-block; width: 100%; height: auto;}

#beneficios {background-color:#fff; min-height: 30rem; padding-top: 2%;}
#directoras {background-color:#f5f5f3; min-height: 30rem; padding-top: 2%;}
.blue { font-family: "Manrope", sans-serif; font-size: 3rem; line-height: 3.2rem; font-weight: 300; letter-spacing: -1px; color:#ec008c; margin: 0; text-align: center; padding-bottom: 3rem;}
.blue b{ font-family: "Manrope", sans-serif; font-size: 3rem; line-height: 3.2rem; font-weight: 700; letter-spacing: -1px; color:#ec008c; margin: 0; text-align: center; padding-bottom: 3rem;}
.blue2 { font-family: "Manrope", sans-serif; font-size: 3rem; line-height: 3.2rem; font-weight: 300; letter-spacing: -1px; color:#9c2266; margin: 0; text-align: center; padding-bottom: 3rem;}
.blue2 b{ font-family: "Manrope", sans-serif; font-size: 3rem; line-height: 3.2rem; font-weight: 700; letter-spacing: -1px; color:#9c2266; margin: 0; text-align: center; padding-bottom: 3rem;}
.beneficios {width: 100%; padding: 3%; display: grid; color: #545454; justify-items: center;justify-content: space-evenly;}
.beneficios ul {display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    width: 100%;
    padding: 0 11%;
    gap: 1rem;}
.beneficios li {padding:8%; margin:0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22); }
.beneficios li a{display: inline-block; width: 100%; height: auto;}
.beneficios li h3{ width: 27rem; font-size: 1.6rem;  margin:0 auto;}
.beneficios li h4{ width: 85%; font-size: 2rem; line-height: 2.2rem; color: #fff; font-weight: 900; margin:0 auto; padding-bottom:1rem;}
.beneficios li h5{ width: 30rem; font-size: 1.8rem; color: #b11f72; font-weight: 800; margin:0 auto;}
.beneficios li p{ width: 85%; font-size: 1.6rem; line-height:1.9rem; margin: 0 auto; color: #fff; font-weight: 500;}

.directoras {width: 100%; padding: 3%; color: #545454;}
.directoras ul {display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    width: 100%;
    padding: 0 8%;
    gap: 1rem;
    list-style: none;  /* limpio bullets por defecto */
    margin: 0;}
.directoras li {padding:8%; margin:0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22); }
.directoras li a{display: inline-block; width: 100%; height: auto;}
.directoras li h4{ width: 85%; font-size: 2rem; line-height: 2.2rem; color: #fff; font-weight: 900; margin:0 auto; padding-bottom:1rem;}
.directoras li p{ width: 95%; font-size: 1.8rem; line-height:2.2rem; margin: 0 auto; color: #fff; font-weight: 400; padding-top: 20px;}

#programa { min-height: 30rem;}
.pro-bajada {width:62%; font-size: 1.8rem; font-weight: 500; text-align: center ;padding-top:1rem; color: #545454;margin:0 auto;}
.programa {width: 100%;
  padding: 4% 10%;
  background-color: #f5f5f3;
  font-family: "Manrope", sans-serif;}

.programa__container {max-width: 1200px;
  margin: 0 auto;
  display: grid;
  row-gap: 3rem;}

.programa__header {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;}

.programa__header h2 {
  color: #c0007a;
  font-size: 2.2rem;
  margin-bottom: 0.25rem;}

.programa__header h3 {
  color: #c0007a;
  font-weight: 400;
  font-size: 1.4rem;
  margin-bottom: 1.5rem;}

.programa__header p {
  color: #4a4a4a;
  line-height: 1.6;
  margin-bottom: 1rem;}

/* GRID PRINCIPAL */

.programa__grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2rem 3rem;
  align-items: start;}

.programa__label h4 {
  color: #ec008c;
  font-size: 3.6rem;
  line-height: 1;
  text-align: right;
  font-weight: 400;}

/* TARJETAS */

.programa__card, .programa__card2{
  background-color: #ffffff;
  border-radius: 18px;
  padding: 2rem 2rem 2rem 6rem;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);}

.programa__card ul {
  list-style: none;
  padding: 0 1rem;
  margin: 0;}

.programa__card li {
  margin-bottom: 0.75rem;
  color: #9c2266;
  position: relative;
  padding-left: 1.2rem;
  font-size: 2rem;
  line-height: 3.3rem;
  font-weight: 700;}

.programa__card li::before {
  content: "•";
  color: #c0007a;
  position: absolute;
  left: 0;}

.programa__card p, .programa__card2{
  color: #5a5a5a;
  line-height: 1.6;
  margin-bottom: 1rem;}

p.carta  {text-align: left; color: #545454; font-size: 1.8rem; line-height: 2.6rem; font-weight: 600;}

.carta-strong {text-align: left; color: #9c2266; font-size: 2rem; line-height: 3.3rem; font-weight: 700;}

/* CTA */
.programa__cta {
  text-align: center;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .programa__grid {
    grid-template-columns: 1fr;
    padding: 7%;
  }

  .programa__label h4 {
    text-align: left;
  }
}

@media (max-width: 600px) {
  .programa {padding: 3rem 1.5rem;}
  .programa__header h2 {font-size: 1.8rem;}
}

#experiencia {background-color:#fff; min-height: 30rem; padding-top: 5rem;}
.experiencia  {width: 100%; padding:3rem 5rem; display: inline-flex; text-align: center; color:#545454;}
.experiencia  ul {display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: center;
    width: 100%;
    padding: 0 11%;
    gap: 1rem;}
.experiencia  li {padding:12%; margin:10px; width: 20rem; height: 20rem;}
.experiencia  li a{display: inline-block; width: 100%; height: auto; }
.experiencia  li h3{ width: 27rem; font-size: 1.6rem;  margin:0 auto;}
.experiencia  li h4{ width: 100%; font-size: 1.8rem; line-height: 2rem; color: #187de5; font-weight: 500; margin: 0 auto;}
.experiencia  li p{ width: 27rem; font-size: 1.4rem;  margin:0 auto;}


.bajada { font-size: 2.4rem; font-weight: 200; margin:0 auto; text-align: center;}
.cto-equipos { width: 50%; font-size: 1.6rem;  margin:0 auto;font-weight: 900; font-family: "Manrope", sans-serif; text-align: center; padding-bottom:5%;}
.cto-redes {display: grid;
    font-size: 1.6rem;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Manrope", sans-serif;
    text-align: center;
    padding: 5%;
    align-content: center;
    align-items: center;
    justify-content: center;
    grid-auto-flow: column;
    gap: 10px;}
.tarjeta {/*box-shadow: -0.6rem 0.6rem 0 2px #d0dee5;*/ background-color: #ec008c; border-radius: 25px; width: 25rem; text-align: center;}
.tarjeta2 {/*box-shadow: -0.6rem 0.6rem 0 2px #d0dee5;*/ background-color: #9c2266; border-radius: 25px; width: 90%; text-align: center;}
.sombra-bermellon {/*box-shadow: -0.6rem 0.6rem 0 2px #ed9e80;*/background-color: #f7aeae; border-radius: 25px;}
.fondo-identidad {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 25px;
  transition: 
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1);

  /* estructura */
  position: relative;
  overflow: hidden;
  height: 220px; /* ajustable */

  /* centrado del contenido */
  display: flex;
  align-items: center;
  justify-content: center;

  /* imagen de fondo */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;}

.fondo-identidad h4 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #ffffff;
  text-align: center;
  font-size: 1.1rem;
}
.fondo-identidad:hover {
  transform: translateY(-10px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18);
}
.bg-1 { background-image: url("../img/proceso_01.png");}
.bg-2 { background-image: url("../img/proceso_02.png");}
.bg-3 { background-image: url("../img/proceso_03.png");}
.bg-4 { background-image: url("../img/proceso_04.png"); }
.bg-5 { background-image: url("../img/proceso_05.png"); }

#testimonios h3{color: #b11f72; font-size: 3rem; line-height: 3.2rem;}
.testimonios-slider li p {display: inline-flex; text-align: center; font-family: "Manrope", sans-serif; letter-spacing: -1px; font-size: 2.5rem; line-height: 2.7rem!important; font-weight: 500!important; font-style: oblique; color: grey;padding: 2rem;}
.testimonios-slider strong{display: inline-flex; text-align: center; font-family: "Manrope", sans-serif; letter-spacing: -1px; font-size: 1.6rem!important; font-weight: 700!important; font-style: oblique; color: #545454;}

/*carrousel Testimonios*/
#testimonios {
  text-align: center;
  margin: auto;
  padding: 5rem;
  display: flex;
  justify-content: center; /* centra horizontalmente */
  align-items: center; 
  flex-direction: column;  
  background-color: #f9eff5; 
}
.carrusel {
  position: relative;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
}
.testimonios-slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
  padding: 0;
  margin: 0;
  list-style: none;
}
.testimonios-slider li {
  min-width: 100%;
  box-sizing: border-box;
  padding: 20px;
}
button.prev,
button.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  background: none;
  border: none;
  color: #545454;
  cursor: pointer;
  z-index: 10;
}
button.prev {left: 10px;}
button.next {right: 10px;}
/*FIN carrousel Testimonios*/

.lista-img {display: flex; list-style: none; padding: 0 10%; margin: 0; justify-content: center;/* gap: 20px; opcional */}
.lista-img li {width: 65% /*muestra solo el 65% */; overflow: hidden /* recorta el resto */; padding: 4%;}
.lista-img h4 {font-size: 3rem; color:#187de5; font-weight: 700;}
.lista-img h5 {font-size: 2rem; font-weight: 700;}
.boton2 {font-size: 2.6rem; font-weight: 700; color: #fff;  border-radius: 2rem; background-color: #187de5;}


#beneficios {background-color: #fff;}
  .image:hover {transform: translateY(-10px); /* Cambia el valor para ajustar el desplazamiento */ }


.txt-compensado{text-align: left; font-size: 1.8rem; font-weight: 300;}
.txt-compensado b{font-size: 1.8rem; color: #545454; font-weight: bold}
.article-img {display: flex; align-items: center; justify-content: flex-end;}

#objetivos {/*background-color: skyblue;*/ min-height: 15rem; min-height: 15rem; text-align:center; position: relative;}
#objetivos .mujer-empresa {
    position: absolute;
    bottom: 0;
    max-width: 280px;
    height: auto;}
/* Imagen izquierda */
#objetivos .mujer-empresa:first-of-type {left: 0;}
/* Imagen derecha */
#objetivos .mujer-empresa:last-of-type {right: 0;}

/*#objetivos h3 {color:#b11f72; font-family: "Manrope", sans-serif; font-size: 3rem; font-weight: 700; letter-spacing: -1px; }*/
#objetivos p {font-family: "Manrope", sans-serif;
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 500;
    letter-spacing: -1px;
    padding: 0 10%;
    color: #545454;
    padding: 0 23%;
}


#quien-soy, #objetivos{padding-bottom:5%; position: sticky; z-index: 20; padding-top: 3%;}

.titulo-der {font-size: 10rem; font-weight: 700; color: #545454; margin:0; padding-left: 20px; margin-top: -24px; text-align: right}
.titulo {font-size: 10rem; font-weight: 700; color: #545454; margin:0; padding-left: 20px; margin-top: -24px;}
.titulo-doble {line-height: 3.3rem;
    font-size: 3.3rem;
    font-weight: 700;
    color: #b11f72;
    margin: 0;
    padding: 0 0 4rem 0;
    text-align: center;}

/*Estilos Contacto*/
#contacto {background-color:#fff; display:flex; flex-direction: row; justify-content: center; width: 100%; padding: 3rem 5rem;}
.hola{margin-left: 15%; color: #545454; font-size: 1.8rem; font-weight: 700;}
.hola a {color:#545454;}
.footer {background-color: #fff; padding-top: 3rem;}
.hola .bold {font-size: 2.2rem; font-weight: 900;}
.wssp-cto {display: inline-flex; align-items: center; font-weight:700; font-size: 2rem;}
.redes {padding-top: 1.8rem;}
.redes a{display: inline-flex; align-items: center; justify-content: flex-start;}
.letra-chica{font-size:1.3rem; font-style: italic; margin-top:4rem;}
.firma {background-color: #545454; width:100%; height:3rem; line-height:3rem; font-size: 1rem; text-align: center; color:#fff;}
.blue-sky {font-weight: 700; color: #187de5 !important;}
.magenta {font-weight: 700; color: #f7aeae !important;}

/* ---------- Floating ---------- */
.floating{
  position:fixed; right:18px; border-radius:50%; width:75px; height:75px; display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 26px rgba(0,0,0,0.18); z-index:1200; cursor:pointer; transition: transform .18s ease, opacity .18s ease;
}
.whatsapp{ bottom:18px; background:#3ba33b; color:#fff; }
.to-top{ bottom:100px; background:rgba(120,120,120,0.06); color:var(--gris-oscuro); font-size: 2rem; }
.up {background-image: url(../img/up.png); width:60px; height:60px; position: fixed; bottom: 104px; right: 28px; z-index: 100;}

label,.resp {font-family: "Manrope", sans-serif; font-size: 1.6rem; color:#000; padding-top: 2rem; font-weight: 700;}
label strong{font-family: "Manrope", sans-serif; font-size: 1.2rem; color:#000; padding-top: 2rem;}
input {display: inline-block; 
	   width:100%; 
       min-height: 36px;
	   border: 2px solid #545454;
      -moz-border: 2px solid  #545454; 
	  -webkit-border: 2px solid  #545454;
       border-left-color: transparent;
       border-right-color: transparent;
       border-top-color: transparent;
       background:none;}

textarea {font-family: "Manrope", sans-serif;
          width: 100%; 
	      min-height:130px; 
	      background: none;
	      border: 2px solid  #545454;
          border-top-color: transparent;
	      -moz-border: 2px solid #545454; 
	      -webkit-border: 2px solid #545454;
          }

.contacto-cliente {display:flex; width:50%;}
#contact {width:100%;}
.espero {font-family: "Manrope", sans-serif;
    color:red;
    font-size: 4rem;
    font-weight: 500;
    padding-top:15rem;}

footer {width:100%; background-color: #c0007a; margin: 0; color: #fff;display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 2.5rem 4rem;
    background-color: #c1007e; /* ajustar al magenta exacto de la marca */}

    /* Logo */
footer img {
    max-width: 220px;
    height: auto;}

/* Columna de texto */
footer .arg {
    display: grid;
    gap: 0.4rem;
    justify-content: space-around;
    text-align: left;
    font-size: 1.6rem;
    line-height: 2.2rem;}

/* Links */
footer a {color: #ffffff; text-decoration: none;}
footer a:hover {text-decoration: underline;}
footer strong {font-size:1.7rem; text-decoration: none;padding-left: 1rem;}

.clear {clear: both;}
.lightbox {display: none;}

/* M E D I A  Q U E R I E S*/ 
@media screen and (max-width:1680px){
}
@media screen and (max-width:1440px){
}

@media screen and (max-width:1390px){
#upward {background-image: url(../img/portada.jpg); background-repeat:no-repeat; width:100%; min-height: 113vh; /*background-size: contain;*/;position: relative;}
}

@media screen and (max-width:1200px){
.texto-port {font-size: 2.3rem;line-height: 2.3rem;}
.beneficios ul {display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    width: 100%;
    padding: 0 5%;
    gap: 1rem;}
.experiencia ul {display: grid; grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width:1120px){
  .directoras ul {grid-template-columns: 1fr; padding: 0 4%;}
  .tarjeta2 {width: 100%;}
  .directoras li h4 {font-size: 1.6rem; width: 100%;}
  .directoras li p {font-size: 1.4rem; line-height: 2rem;}  
}

@media screen and (max-width:1024px){
header { min-height: 57vh; background-size: contain;}
#quien-soy section, #objetivos section{width: 95%;margin: 0 auto; display: inline-flex; flex-direction: column;  align-items: center; justify-content: space-around;}
#quien-soy article, #objetivos article {width: 85%; display: grid; justify-content: center; padding: 0;}
#quien-soy img {margin: 0 auto;}
.txt-compensado {text-align: center;}
#contacto {display: flex; flex-direction: column; background-size: cover; background-position: center;}
.article-img {display: flex; align-items: stretch; justify-content: space-around; flex-direction: column; margin-bottom: 4rem;}
.experiencia ul {display: grid; grid-template-columns: repeat(2, 1fr);}
.experiencia  li{padding:12%; margin:10px; width: 30rem; height: 30rem;}
.experiencia  li h4{font-size: 2.8rem; line-height: 3rem;}
}

@media screen and (max-width:888px){
.titulo {font-size: 8rem;}
.beneficios ul {display: inline-flex; justify-content: center; flex-wrap: wrap;}
.beneficios li {width: 88%; padding: 5%;}
.beneficios li h3, .beneficios li h4,  .beneficios li p {width: 85%; padding: 1%;}
.beneficios li h3, .beneficios li p {font-size: 1.9rem;}
.beneficios li h4, .beneficios li h5 {font-size: 2.4rem;}
#quien-soy, #objetivos, #beneficios, #contacto  {padding-top: 5%;}
#quien-soy article, #objetivos article {padding-bottom: 3rem;}
.carrusel {position: relative; overflow: hidden; width: 100% !important; margin: 0 auto;}
.experiencia ul {display: grid; grid-template-columns: repeat(1, 1fr);justify-items: center;}
.experiencia li { padding: 8%; margin: 13px;  width: 40rem; height: 40rem;}
}


@media screen and (max-width:768px){
#upward {background-image: url(../img/portada-mobile.jpg); background-repeat:no-repeat; width:100%; min-height: 72vh; }
.lista-img {display: flex; list-style: none; padding: 0; margin: 0; justify-content: center; flex-direction: column;}
.lista-img li {margin: 0 auto;}
/* .texto-port {padding-top: 40rem;}*/
#objetivos{padding: 10%;}
footer {grid-template-columns: 1fr; gap: 1.5rem; text-align: center;  padding: 2rem;}
footer .arg {justify-content: center;text-align: left;}
.programa__card, .programa__card2 {padding: 1rem;}
.programa__card li {font-size: 1.8rem;}
}

@media screen and (max-width:600px){
.blue, .blue2 {padding:3rem;}
.experiencia li {padding: 8%; margin: 13px;  width: 30rem; height: 30rem;}
.mujer-empresa:last-of-type {display:none;}
#objetivos .mujer-empresa:first-of-type {opacity: 0.5;}
.programa__label h4 {text-align: center; padding: 2rem;}
.cto-equipos { width: 85%; padding: 5%;}
}

@media screen and (max-width:515px){
#objetivos { padding: 1%;} 
.experiencia li h4 {font-size: 2.8rem; line-height: 3rem;}
.pro-bajada {width: 88%;}
}

@media screen and (max-width:414px){
.titulo {font-size: 7rem; padding-bottom: 3rem;}
.titulo-doble {padding: 3rem;}
.hola {margin-left: 0; padding-top: 5rem;}
.hola a {font-size: 1.6rem;}
#upward {background-image: url(../img/portada-mobile-414-en.png); background-repeat:no-repeat; width:100%; min-height: 79vh; background-size: cover;}
.txt-compensado{text-align: center;}
#objetivos p {font-size: 1.8rem; padding: 2rem;}
#contacto {padding: 3rem;}
.experiencia li {margin: 13px; width: 27rem; height: 27rem;}
.experiencia li h4 {font-size: 3rem; line-height: 3.2rem; }
#testimonios {padding: 1rem;}
footer img {padding: 2rem;}
}

@media screen and (max-width:376px){
#upward  {background-image: url(../img/portada-mobile-372-en.png); background-repeat:no-repeat; width:100%; /*min-height: 81vh;*/ background-size: contain;}
}