.nosotrosPerfil{
  display:flex;
  width:100%;
  justify-content:center;
  padding:0px 40px 143px 40px;
  background-color:#F8FBFB;
  overflow:hidden;
}

.nosotrosPerfilContent{
  display:flex;
  width:100%;
  max-width:1438px;
  position:relative;
  align-items:flex-start;
  justify-content:flex-start;
  gap:87px;
}

.nosotrosPerfilImagenWrap{
  display:flex;
  width:628px;
  height:574px;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
}

.nosotrosPerfilImagen{
  display:flex;
  width:100%;
  height:100%;
}

.nosotrosPerfilImagen img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

.nosotrosPerfilTexto{
  display:flex;
  width:100%;
  max-width:747px;
  flex:0 1 747px;
  flex-direction:column;
  margin-top:97px;
  color:#0B3636;
}

.nosotrosPerfilCargo{
  font-size:19px;
  line-height:28px;
  letter-spacing:0;
  font-weight:700;
  color:#0B3636;
}

.nosotrosPerfilTitle{
  width:100%;
  margin-top:10px;
  font-size:40px;
  line-height:43px;
  letter-spacing:-2.4px;
  font-weight:800;
  color:#0B3636;
}

.nosotrosPerfilTitle span{
  color:#4EBBAB;
}

.nosotrosPerfilParrafos{
  display:flex;
  width:100%;
  flex-direction:column;
  gap:25px;
  margin-top:29px;
}

.nosotrosPerfilParrafos p{
  width:100%;
  font-size:16px;
  line-height:25px;
  letter-spacing:0;
  font-weight:500;
  color:#0B3636;
}

.nosotrosPerfilLeerMas{
  display:flex;
  width:max-content;
  height:32px;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  margin-top:30px;
  padding:0;
  border:0;
  background:transparent;
  color:#0B3636;
  font:600 16px/25px "Montserrat", sans-serif;
  letter-spacing:0;
  cursor:pointer;
  transition:transform .25s ease;
}

.nosotrosPerfilLeerMas span{
  height:32px;
  border-bottom:2px solid #87CBC1;
}

.nosotrosPerfilLeerMas img{
  width:12.8336px;
  height:13.128px;
  margin-top:1px;
  object-fit:contain;
  object-position:center;
}

.nosotrosPerfilLeerMas:hover{
  transform:translateY(-2px);
}

.nosotrosPerfilLeerMas:focus-visible,
.claraBioModalClose:focus-visible{
  outline:3px solid rgba(78, 187, 171, .5);
  outline-offset:4px;
}

.claraBioOpen{
  overflow:hidden;
}

.claraBioModal{
  position:fixed;
  inset:0;
  z-index:2000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}

.claraBioModal.is-open{
  opacity:1;
  pointer-events:auto;
}

.claraBioModalBackdrop{
  position:absolute;
  inset:0;
  background:rgba(4, 28, 28, .72);
  backdrop-filter:blur(6px);
}

.claraBioModalBox{
  position:relative;
  z-index:1;
  display:flex;
  width:min(900px, 100%);
  height:min(86vh, 820px);
  flex-direction:column;
  overflow:hidden;
  border-radius:18px;
  background:#FFFFFF;
  box-shadow:0 30px 80px rgba(4, 28, 28, .32);
  transform:translateY(18px) scale(.98);
  transition:transform .25s ease;
}

.claraBioModal.is-open .claraBioModalBox{
  transform:translateY(0) scale(1);
}

.claraBioModalHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 28px;
  border-bottom:1px solid rgba(11, 54, 54, .12);
}

.claraBioModalHeader p{
  font-size:14px;
  line-height:20px;
  font-weight:800;
  letter-spacing:0;
  color:#4EBBAB;
}

.claraBioModalClose{
  position:relative;
  display:flex;
  width:42px;
  height:42px;
  flex:0 0 42px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:#F0F8F7;
  cursor:pointer;
}

.claraBioModalClose span{
  position:absolute;
  width:18px;
  height:2px;
  border-radius:99px;
  background:#0B3636;
}

.claraBioModalClose span:first-child{
  transform:rotate(45deg);
}

.claraBioModalClose span:last-child{
  transform:rotate(-45deg);
}

.claraBioModalBody{
  flex:1 1 auto;
  min-height:0;
  overflow-y:scroll;
  overscroll-behavior:contain;
  padding:34px 44px 44px;
  color:#0B3636;
  scrollbar-width:none;
}

.claraBioModalBody::-webkit-scrollbar{ display:none; }

.claraBioModal:not(.is-open){ visibility:hidden; }
.claraBioModalHeader{ flex-shrink:0; }
.claraBioReading{ display:flex; flex:1; min-height:0; }
.claraBioReading .claraBioModalBody{ min-width:0; overflow-y:auto; }
.claraBioScrollControls{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  flex:0 0 44px;
  padding:12px 6px;
  background:#F0F8F7;
}
.claraBioScrollTrack{
  position:relative;
  flex:1;
  width:20px;
  min-height:32px;
  border-radius:20px;
  background:#D9EEEA;
  touch-action:none;
  cursor:pointer;
}
.claraBioScrollThumb{
  position:absolute;
  top:0;
  left:3px;
  width:14px;
  border-radius:20px;
  background:#4EBBAB;
  cursor:grab;
}
.claraBioModal :is(button, [tabindex]):focus-visible{
  outline:2px solid #0B3636;
  outline-offset:2px;
}
@media(max-width:700px){
  .claraBioModalBox{ height:88dvh; }
}

.claraBioModalBody h2{
  margin-bottom:24px;
  font-size:36px;
  line-height:40px;
  font-weight:800;
  letter-spacing:-1.5px;
  color:#0B3636;
}

.claraBioModalBody h3{
  margin:34px 0 16px;
  padding-top:26px;
  border-top:1px solid rgba(11, 54, 54, .12);
  font-size:25px;
  line-height:31px;
  font-weight:800;
  color:#0B3636;
}

.claraBioModalBody p{
  margin:0 0 16px;
  font-size:16px;
  line-height:28px;
  font-weight:500;
}

.claraBioModalBody strong{
  font-weight:800;
}

@media(max-width:1200px){
  .nosotrosPerfil{
    padding:0px 40px 90px 40px;
  }

  .nosotrosPerfilContent{
    max-width:920px;
    position:relative;
    align-items:center;
    gap:36px;
  }

  .nosotrosPerfilImagenWrap{
    width:405px;
    height:371px;
  }

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

  .nosotrosPerfilTexto{
    max-width:470px;
    margin-top:0;
  }

  .nosotrosPerfilCargo{
    font-size:16px;
    line-height:24px;
  }

  .nosotrosPerfilTitle{
    margin-top:12px;
    font-size:34px;
    line-height:38px;
    letter-spacing:-2px;
  }

  .nosotrosPerfilParrafos{
    gap:20px;
    margin-top:24px;
  }

  .nosotrosPerfilParrafos p{
    font-size:14px;
    line-height:22px;
  }

  .nosotrosPerfilLeerMas{
    margin-top:26px;
  }
}

@media(max-width:900px){
  .nosotrosPerfil{
    padding:0px 30px 88px 30px;
  }

  .nosotrosPerfilContent{
    max-width:560px;
    flex-direction:column;
    align-items:center;
    gap:38px;
  }

  .nosotrosPerfilImagenWrap{
    width:455px;
    height:416px;
  }

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

  .nosotrosPerfilTexto{
    max-width:560px;
    width:100%;
    flex:none;
    margin-top:0;
  }
}

@media(max-width:760px){
  .nosotrosPerfil{
    padding:0px 25px 78px 25px;
  }

  .nosotrosPerfilContent{
    flex-direction:column;
    align-items:flex-start;
    gap:34px;
  }

  .nosotrosPerfilImagenWrap{
    width:100%;
    max-width:340px;
    height:auto;
    align-self:center;
  }

  .nosotrosPerfilImagen{
    width:100%;
    height:auto;
    aspect-ratio:971 / 888;
  }

  .nosotrosPerfilTexto{
    max-width:none;
  }

  .nosotrosPerfilCargo{
    font-size:16px;
    line-height:24px;
  }

  .nosotrosPerfilTitle{
    margin-top:12px;
    font-size:34px;
    line-height:37px;
    letter-spacing:-1.8px;
  }

  .nosotrosPerfilParrafos{
    margin-top:24px;
    gap:20px;
  }

  .nosotrosPerfilParrafos p{
    font-size:15px;
    line-height:23px;
  }

  .claraBioModal{
    padding:20px;
  }

  .claraBioModalBox{
    height:88vh;
    border-radius:14px;
  }

  .claraBioModalHeader{
    padding:18px 20px;
  }

  .claraBioModalBody{
    padding:28px 24px 34px;
  }

  .claraBioModalBody h2{
    font-size:29px;
    line-height:34px;
    letter-spacing:-1px;
  }

  .claraBioModalBody h3{
    font-size:22px;
    line-height:28px;
  }

  .claraBioModalBody p{
    font-size:15px;
    line-height:25px;
  }
}

@media(max-width:420px){
  .nosotrosPerfil{
    padding:64px 22px 74px 22px;
  }

  .nosotrosPerfilImagenWrap{
    max-width:315px;
  }

  .nosotrosPerfilTitle{
    font-size:31px;
    line-height:34px;
  }

  .claraBioModal{
    padding:14px;
  }

  .claraBioModalHeader p{
    font-size:12px;
  }

  .claraBioModalBody{
    padding:24px 20px 30px;
  }
}

@media(max-width:1200px) and (min-width:701px){
  .nosotrosPerfil{
    padding:84px 54px 100px 54px;
  }

  .nosotrosPerfilContent{
    max-width:620px;
    flex-direction:column;
    align-items:flex-start;
    gap:42px;
  }

  .nosotrosPerfilImagenWrap{
    width:100%;
    max-width:455px;
    height:auto;
    align-self:center;
  }

  .nosotrosPerfilImagen{
    width:100%;
    height:auto;
    aspect-ratio:971 / 888;
  }

  .nosotrosPerfilTexto{
    width:100%;
    max-width:620px;
    flex:none;
    margin-top:0;
  }

  .nosotrosPerfilCargo{
    font-size:17px;
    line-height:25px;
  }

  .nosotrosPerfilTitle{
    margin-top:12px;
    font-size:38px;
    line-height:42px;
    letter-spacing:-2.2px;
  }

  .nosotrosPerfilParrafos{
    margin-top:24px;
    gap:20px;
  }

  .nosotrosPerfilParrafos p{
    font-size:15px;
    line-height:24px;
  }
}