/* Home: ritmo compacto sin reducir el texto editorial. */
@media(min-width:701px){
  .hero{min-height:410px;padding-top:52px;padding-bottom:18px}
  .hero-copy{min-height:320px}
  .hero>img{height:84%;right:8%}
  .strategy{padding-top:23px;padding-bottom:20px}
  .strategy + .work{padding-top:20px;padding-bottom:25px}
  .about{padding-top:34px;padding-bottom:33px;gap:44px}
  .areas{padding-top:34px;padding-bottom:30px}
  .prejudicial{padding-top:30px;padding-bottom:32px}
}

/* Cuatro accesos de trabajo: enlace de superficie completa, con miniatura secundaria. */
.work-grid{gap:18px}
.work article{min-width:0}
.work-card-link{
  display:flex;
  flex:1;
  flex-direction:column;
  color:inherit;
  text-decoration:none;
  border-top:1px solid transparent;
  padding:4px 5px 6px;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.work-card-link h3{
  align-self:flex-start;
  margin:0 0 7px!important;
  padding-bottom:3px;
  border-bottom:1px solid currentColor;
  color:var(--wine);
  font-size:15px!important;
  font-weight:700;
  line-height:1.25;
}
.work-card-link img{
  width:58px!important;
  height:50px!important;
  margin:0 0 7px!important;
  padding:4px!important;
  object-fit:contain!important;
}
.work-card-link p{margin:0!important;line-height:1.48}
.work-card-link:hover,.work-card-link:focus-visible{background:#f1e7dc;border-color:#cbb7aa;transform:translateY(-1px);outline:none}

/* Áreas: la tarjeta entera es el acceso, sin llamada a la acción duplicada. */
.area-grid{gap:14px}
.area-grid article{min-height:0!important;padding:0!important}
.area-card-link{
  display:flex;
  min-height:0;
  height:100%;
  flex-direction:column;
  padding:16px 17px 15px;
  color:inherit;
  text-decoration:none;
  transition:background-color .18s ease,transform .18s ease;
}
.area-card-link h3{
  width:max-content;
  max-width:100%;
  margin:0 0 7px!important;
  padding-bottom:3px;
  border-bottom:1px solid currentColor;
  font-size:14px!important;
  font-weight:700;
  line-height:1.32;
}
.area-card-link span{margin-bottom:6px!important;font-size:25px!important}
.area-card-link p{margin:0!important;line-height:1.45}
.area-card-link:hover,.area-card-link:focus-visible{background:#f7eee5;outline:none;transform:translateY(-1px)}

/* Tres accesos de mediación con igual jerarquía visual. */
.guide-row{padding-top:11px!important;padding-bottom:11px!important;gap:15px!important}
.guide-row.calculator{background:var(--beige)!important;border:0!important;border-top:1px solid #cbbcac!important}
.guide-row h3{font-size:13px!important;line-height:1.28!important}
.guide-row p{margin-top:3px!important;line-height:1.38}

@media(max-width:700px){
  .hero{min-height:470px;padding-top:39px}
  .hero-copy{min-height:400px}
  .strategy{padding-top:22px;padding-bottom:18px}
  .strategy + .work{padding-top:20px;padding-bottom:25px}
  .about{padding-top:31px;padding-bottom:30px}
  .areas{padding-top:31px;padding-bottom:28px}
  .prejudicial{padding-top:28px;padding-bottom:30px}
  .work-grid{gap:12px}
  .work-card-link{display:grid;grid-template-columns:66px 1fr;column-gap:11px;padding:7px 3px}
  .work-card-link img{grid-row:1/3;grid-column:1;width:58px!important;height:50px!important}
  .work-card-link h3,.work-card-link p{grid-column:2}
  .work-card-link h3{width:max-content;max-width:100%;margin-top:0!important}
  .area-card-link{padding:15px 16px}
  .guide-row{padding-top:10px!important;padding-bottom:10px!important}
}