/* Debtier Spain commercial home — v1 */
.page-home-es #respuesta-personalizada .about-shell{align-items:stretch}
.page-home-es #una-cuota .bento-card--main{background:#272d33;color:#fff}
.page-home-es #una-cuota .bento-card--main p{color:rgba(255,255,255,.74)}
.page-home-es #por-que-debtier .about-benefit-grid{margin-top:34px}
.page-home-es #por-que-debtier .about-benefit-card{
  min-height:285px;border-radius:24px;background:#fff;border:1px solid rgba(20,35,42,.10);
  box-shadow:0 18px 44px rgba(20,35,42,.06)
}
.page-home-es #por-que-debtier .about-benefit-card h3{font-size:25px;letter-spacing:-.035em}
.page-home-es #por-que-debtier .about-benefit-card p{color:#66737a}
@media(max-width:900px){
  .page-home-es #por-que-debtier .about-benefit-grid{grid-template-columns:1fr}
  .page-home-es #por-que-debtier .about-benefit-card{min-height:auto}
}


/* =========================================================
   v0.61 — Spain home / "Por qué Debtier" card repair
   Self-contained styles: the home must not depend on About CSS.
   ========================================================= */
.page-home-es #por-que-debtier .about-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
  margin-top:34px;
  overflow:visible;
}
.page-home-es #por-que-debtier .about-benefit-card{
  position:relative;
  min-width:0;
  min-height:190px;
  padding:27px 25px 24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(20,35,42,.10);
  box-shadow:0 18px 44px rgba(20,35,42,.06);
}
.page-home-es #por-que-debtier .about-benefit-line{
  width:42px;
  height:4px;
  margin:0 0 22px;
  border-radius:999px;
  background:#73ddff;
}
.page-home-es #por-que-debtier .about-benefit-card h3{
  margin:0;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.page-home-es #por-que-debtier .about-benefit-card p{
  margin:13px 0 0;
  color:#66737a;
  font-size:14px;
  line-height:1.62;
}
@media(max-width:900px){
  .page-home-es #por-que-debtier .about-benefit-grid{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:24px;
  }
  .page-home-es #por-que-debtier .about-benefit-card{
    min-height:0;
    padding:21px 19px 20px;
    border-radius:20px;
  }
  .page-home-es #por-que-debtier .about-benefit-line{
    width:36px;
    height:3px;
    margin-bottom:16px;
  }
  .page-home-es #por-que-debtier .about-benefit-card h3{
    font-size:21px;
  }
  .page-home-es #por-que-debtier .about-benefit-card p{
    margin-top:9px;
    font-size:13px;
  }
}