/* Composición por bloques: Familia y Contratos. */
.page-areas .area-block .area-intro-layout{margin:0 0 34px}
.page-areas .area-block .area-intro-layout>.opening-heading{margin:0 0 22px!important}
.page-areas .area-block .area-intro-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:28px;align-items:start}
.page-areas .area-block .area-intro-copy p{max-width:none!important;margin:0 0 14px!important}
.page-areas .area-block .area-intro-content .watercolor-inline{display:block!important;float:none!important;width:100%!important;max-width:none!important;height:225px!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;mix-blend-mode:normal!important}
.page-areas .area-block .area-detail-layout{display:grid;grid-template-columns:minmax(250px,35fr) minmax(0,65fr);gap:28px;align-items:start}
.page-areas .area-topics-card{background:#eee4d8;border:1px solid #b99389;box-shadow:0 8px 18px rgba(76,42,35,.10);padding:18px 20px}
.page-areas .area-topics-card h2{color:var(--wine)!important;font-family:'Julius Sans One',Arial,sans-serif!important;font-size:clamp(18px,1.65vw,23px)!important;line-height:1.34!important;margin:0 0 16px!important}
.page-areas .area-topics-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;list-style:none;margin:0;padding:0}
.page-areas .area-topics-card li{font:600 14px/1.38 Lato,Arial,sans-serif;color:var(--ink);padding:0}
.page-areas .area-block+.area-explorer{margin-top:32px}
.page-areas .area-detail-copy{min-width:0}
.page-areas .area-detail-copy h2{margin-top:0!important}
.page-areas .area-detail-copy p{max-width:none!important;margin:0 0 15px!important}
.page-areas .area-detail-copy .contact-choice{display:inline-flex;margin:8px 0 0!important;background:var(--wine)!important;color:#fff!important;border:1px solid var(--wine)!important;padding:13px 16px!important;text-decoration:none!important}
/* Penal: mayor respiración entre asuntos sin cambiar la tarjeta. */
.page-areas #penal .penal-situations{line-height:1.9!important;word-spacing:.08em}
@media(max-width:700px){
 .page-areas .area-block .area-intro-layout{margin-bottom:26px}
 .page-areas .area-block .area-intro-content,.page-areas .area-block .area-detail-layout{grid-template-columns:1fr;gap:18px}
 .page-areas .area-block .area-intro-content .watercolor-inline{height:205px!important}
 .page-areas .area-topics-card{padding:19px}
 .page-areas .area-topics-card ul{gap:9px 15px}
 .page-areas .area-topics-card li{font-size:14px}
}
@media(max-width:460px){.page-areas .area-topics-card ul{grid-template-columns:1fr;gap:9px}}