/* =========================================================================
   Care-level pages (page-templates/template-care-level.php)
   ========================================================================= */

/* Hero */
.cl-hero{
  position:relative;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  color:#fff;
  padding:110px 0 100px;
}
.cl-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(18,32,47,.55), rgba(18,32,47,.15));
}
.cl-hero .container{position:relative;}
.cl-hero-box{
  background:rgba(28,48,73,.70);
  padding:46px;
  max-width:620px;
}
.cl-hero h1{
  font-size:62px;
  line-height:1.02;
  text-align:left;
  margin-bottom:16px;
}
.cl-hero-sub{
  font-size:22.5px;
  color:#e9ebee;
  margin-bottom:26px;
}
.cl-hero .hero-ctas{margin-bottom:0;}
.cl-hero .btn-163349{background:#4b83b9;color:#fff;border-color:#4b83b9;}
.cl-hero .btn-163349:hover{background:#3f7099;border-color:#3f7099;}

/* Module backgrounds */
.cl-bg-white{background:#fff;}
.cl-bg-cream{background:var(--cream);}
.cl-bg-navy{background:var(--navy);color:#fff;}
.cl-module{padding:90px 0;}

/* Split: copy + image */
.cl-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}
.cl-split.is-reversed .cl-media{order:-1;}
.cl-copy h2{
  text-align:left;
  color:var(--navy);
  font-size:46px;
  line-height:1.05;
  margin-bottom:14px;
}
.cl-copy p{color:var(--gray);}
.cl-media img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.cl-media.is-badge{display:flex;justify-content:center;}
/* Photo shown whole (no crop), for vertical images */
.cl-media.is-natural img{
  aspect-ratio:auto;
  height:auto;
  max-height:640px;
  width:auto;
  max-width:100%;
  margin:0 auto;
}
.cl-media.is-badge img{
  width:auto;
  max-width:260px;
  aspect-ratio:auto;
  object-fit:contain;
}

/* Centered module (sin imagen): "as needs change" / families */
.cl-center{max-width:760px;margin:0 auto;text-align:center;}
.cl-center h2{font-size:46px;line-height:1.05;margin-bottom:14px;}
.cl-center .cl-copy h2{text-align:center;}
.cl-bg-navy .cl-center h2{color:#fff;}
.cl-bg-navy .cl-center p{color:#c9cfd7;}

/* Links al siguiente nivel de cuidado */
.cl-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
.cl-center .cl-links{justify-content:center;}

/* Contact / tour */
.cl-contact{
  background:linear-gradient(180deg, rgba(18,32,47,.85), rgba(18,32,47,.9)), url("../images/img-04.jpg") center/cover no-repeat;
  color:#fff;
  padding:110px 0;
}
.cl-contact-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:70px;
  align-items:center;
}
.cl-contact-copy h2{
  font-size:50px;
  line-height:1.05;
  text-align:left;
  margin-bottom:14px;
}
.cl-contact-copy p{color:#e4e7eb;font-size:20px;margin-bottom:28px;}
.cl-contact .btn-163349{background:#fff;color:var(--navy);border-color:#fff;}
.cl-contact .btn-163349:hover{background:#e8e8e8;border-color:#e8e8e8;}
.cl-phone{
  align-self:center;
  font-size:21.25px;
  color:var(--gold-light);
}

/* Mobile */
@media (max-width:900px){
  .cl-hero{padding:60px 0;}
  .cl-hero-box{padding:32px 26px;}
  .cl-hero h1{font-size:44px;}
  .cl-module{padding:60px 0;}
  .cl-split{grid-template-columns:1fr;gap:30px;}
  .cl-split.is-reversed .cl-media{order:0;}
  .cl-copy h2, .cl-center h2{font-size:38px;}
  .cl-contact{padding:70px 0;}
  .cl-contact-grid{grid-template-columns:1fr;gap:40px;}
  .cl-contact-copy h2{font-size:40px;}
}
/* ==== fin Bridgemoore care-level pages ==== */