/*** ESTILOS ADICIONALES VERSION PT (se cargan despues de styles.css) ***/


/*** BANNER CUIDADO CONECTADO ***/

.banner-conectado {
  position:relative;
  min-height:90vh;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background-size:140% auto;
  background-position:0 95%;
  padding:0 0 110px;
  overflow:hidden;
}

.banner-conectado::before {
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:linear-gradient(180deg, rgb(20 70 200 / 45%) 0%, rgb(10 55 185 / 60%) 55%, rgb(0 35 150 / 90%) 100%);
  mix-blend-mode:multiply;
}

.banner-conectado .container {
  position:relative;
  z-index:1;
}

.banner-conectado h3 {
  color:#fff;
  font-family:'SairaSemiCondensed-SemiBold';
  font-size:4.8em;
  line-height:1.05;
  margin:0;
}


/*** CAMAS INTELIGENTES HILLROM (TABS) ***/

.camas-inteligentes {
  background:#fff;
  padding:110px 0 120px;
}

.camas-inteligentes .camas-header h3 {
  font-family:'SairaSemiCondensed-SemiBold';
  color:#001447;
  font-size:4em;
  line-height:1.1;
  margin:0;
}

.camas-inteligentes .camas-header p {
  font-family:'SairaSemiCondensed-SemiBold';
  color:#001447;
  font-size:17px;
  letter-spacing:.4em;
  text-transform:uppercase;
  margin:15px 0 0;
}

.camas-tabs {
  display:flex;
  justify-content:center;
  gap:5%;
  margin:70px 0 60px;
  padding:0 15px;
}

.cama-tab {
  flex:0 1 300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
}

.cama-tab .thumb {
  height:190px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  margin-bottom:20px;
  opacity:.3;
  transition:.6s;
}

.cama-tab .thumb img {
  max-height:100%;
  max-width:100%;
  mix-blend-mode:multiply;
}

.cama-tab .label {
  display:block;
  width:100%;
  background:#e1e3e8;
  color:#fff;
  border-radius:50px;
  padding:12px 20px;
  font-family:'SairaSemiCondensed-SemiBold';
  font-size:17px;
  letter-spacing:.05em;
  text-transform:uppercase;
  transition:.6s;
}

.cama-tab:hover .thumb {
  opacity:.7;
}

.cama-tab.active .thumb {
  opacity:1;
}

.cama-tab.active .label {
  background:#154896;
}

.cama-tab:focus {
  outline:none;
}

.cama-tab:focus-visible .label {
  outline:2px solid #0aaae2;
  outline-offset:3px;
}

.camas-panels {
  max-width:1600px;
  margin:0 auto;
  padding:0 24px;
}

.cama-card {
  border-radius:50px 0 50px 0;
  overflow:hidden;
  box-shadow:0 20px 50px rgb(0 20 70 / 8%);
}

.cama-card-top {
  display:flex;
  align-items:center;
  background:#f4f4f4;
  min-height:560px;
  padding:50px 60px 0 70px;
}

.cama-card--accella .cama-card-top {
  background:#fff;
}

.cama-card-top .info {
  flex:0 0 42%;
  padding:0 20px 50px 0;
  text-align:left;
}

.cama-card-top .imagen {
  flex:1 1 58%;
  align-self:flex-end;
  text-align:center;
}

.cama-card-top .imagen img {
  max-height:520px;
}

/* la foto de Centrella trae fondo gris: se difuminan los bordes para fundirla con la card */
.cama-card--centrella .imagen img {
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%, #000 82%, transparent 100%);
  mask-image:radial-gradient(ellipse 50% 50% at 50% 50%, #000 82%, transparent 100%);
}

.badge-riesgo {
  display:inline-block;
  background:#001446;
  color:#fff;
  font-family:'SairaSemiCondensed-SemiBold';
  font-size:14px;
  letter-spacing:.05em;
  text-transform:uppercase;
  padding:8px 28px;
  border-radius:50px;
  margin-bottom:60px;
}

.cama-card-top h5 {
  font-family:'SairaSemiCondensed-SemiBold';
  color:#001447;
  font-size:30px;
  margin:0 0 20px;
}

.cama-card-top h4 {
  font-family:'SairaSemiCondensed-SemiBold';
  color:#001447;
  font-size:4.6em;
  line-height:1.05;
  margin:0;
}

.cama-card-bottom {
  display:flex;
  align-items:stretch;
  background:#001446;
  min-height:330px;
}

.cama-card-bottom .resumen {
  flex:0 0 30%;
  display:flex;
  align-items:center;
  margin:0;
  padding:40px 40px 40px 70px;
  background-image:url('../images/fondo-detalles.jpg');
  background-size:cover;
  background-position:left;
  color:#fff;
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:20px;
  line-height:1.4;
  text-align:left;
}

.cama-card-bottom ul {
  flex:1 1 auto;
  align-self:center;
  margin:0;
  padding:40px 30px 40px 60px;
  color:#fff;
  font-family:'Roboto', sans-serif;
  font-size:17px;
  line-height:1.45;
  text-align:left;
}

.cama-card-bottom li {
  margin-bottom:12px;
}

.cama-card-bottom li:last-child {
  margin-bottom:0;
}

.cama-card-bottom .cta {
  flex:0 0 auto;
  align-self:center;
  padding:40px 60px 40px 20px;
}

.cama-card-bottom .cta a {
  display:inline-block;
  border:2px #fff solid;
  border-radius:50px;
  padding:8px 45px;
  color:#fff;
  font-family:'Roboto', sans-serif;
  font-size:16px;
  font-weight:400;
  text-transform:uppercase;
  white-space:nowrap;
  transition:.6s;
}

.cama-card-bottom .cta a:hover {
  background:#fff;
  color:#001348;
  opacity:1;
}


/*** EVOLUTION ***/

.evoluciona--pt .evolution-txt {
  font-family:'SairaSemiCondensed-SemiBold';
  color:#fff;
  font-size:9em;
  line-height:.95;
  letter-spacing:.01em;
  margin:0 0 10px;
}

.evoluciona--pt .evolution-txt span {
  background:linear-gradient(90deg, #1a6fe0 0%, #1f8bf0 60%, #14c2f5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.evoluciona--pt p {
  margin-bottom:30px;
}


/*** CONTATO ***/

.contacto--pt {
  background:#f1f1f4;
}

.contacto--pt .legales p {
  font-size:14px;
  line-height:1.6;
}


/*** RESPONSIVE ***/

@media (max-width:1199.98px) {

  .cama-card-top h4 {
    font-size:3.6em;
  }

  .cama-card-bottom .resumen {
    padding:40px 30px 40px 50px;
  }

  .cama-card-bottom ul {
    padding:40px 20px 40px 40px;
  }

  .cama-card-bottom .cta {
    padding:40px 40px 40px 10px;
  }

}

@media (max-width:991.98px) {

  .cama-card-top {
    padding:50px 40px 0 50px;
    min-height:inherit;
  }

  .cama-card-bottom {
    flex-wrap:wrap;
  }

  .cama-card-bottom .resumen {
    flex:0 0 100%;
  }

  .cama-card-bottom ul {
    flex:1 1 60%;
    padding:40px 20px 40px 50px;
  }

  .evoluciona--pt .evolution-txt {
    font-size:7em;
  }

}

@media (max-width:767px) {

  .banner-conectado {
    min-height:60vh;
    padding:80px 20px 60px;
    background-size:cover;
    background-position:20% center;
  }

  .banner-conectado h3 {
    font-size:2.6em;
  }

  .camas-inteligentes {
    padding:80px 0;
  }

  .camas-inteligentes .camas-header h3 {
    font-size:2.6em;
    padding:0 15px;
  }

  .camas-inteligentes .camas-header p {
    font-size:13px;
    letter-spacing:.2em;
  }

  .camas-tabs {
    gap:10px;
    margin:45px 0 35px;
  }

  .cama-tab .thumb {
    height:80px;
    margin-bottom:12px;
  }

  .cama-tab .label {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    font-size:11px;
    line-height:1.1;
    letter-spacing:0;
    padding:6px;
  }

  .camas-panels {
    padding:0 15px;
  }

  .cama-card {
    border-radius:30px 0 30px 0;
  }

  .cama-card-top {
    flex-direction:column;
    align-items:stretch;
    padding:40px 25px 0;
  }

  .cama-card-top .info {
    flex:none;
    padding:0 0 20px;
  }

  .badge-riesgo {
    margin-bottom:30px;
  }

  .cama-card-top h5 {
    font-size:22px;
  }

  .cama-card-top h4 {
    font-size:2.6em;
  }

  .cama-card-top .imagen img {
    max-height:260px;
  }

  .cama-card-bottom {
    flex-direction:column;
  }

  .cama-card-bottom .resumen {
    flex:none;
    padding:35px 25px;
    font-size:18px;
  }

  .cama-card-bottom ul {
    flex:none;
    padding:30px 25px 10px 45px;
    font-size:16px;
  }

  .cama-card-bottom .cta {
    padding:25px 25px 40px;
    text-align:center;
  }

  .evoluciona--pt {
    padding-top:100px;
  }

  .evoluciona--pt .evolution-txt {
    font-size:4.2em;
  }

  .evoluciona--pt h4 {
    font-size:2em;
  }

}


/*** Registro ANVISA en la esquina inferior derecha de cada card (rev. cliente oct 2026) ***/

.cama-card-bottom {
  position:relative;
}

.cama-card-bottom .anvisa {
  position:absolute;
  right:60px;
  bottom:14px;
  color:rgba(255,255,255,.65);
  font-family:'Roboto', sans-serif;
  font-size:12px;
  letter-spacing:.02em;
  white-space:nowrap;
}

@media (max-width: 767px) {
  .cama-card-bottom .anvisa {
    position:static;
    display:block;
    text-align:center;
    padding:0 25px 18px;
    margin-top:-22px;
  }
}


/*** Hero PT: el titular nuevo ("...com o paciente no centro do cuidado") es más largo
     que el ES; se achica un poco en desktops medianos para que entre en 2 líneas ***/

@media (min-width: 768px) {
  .hero h3 {
    font-size:min(5em, 5.4vw);
  }
}