/* Áreas profesionales: composición específica y navegación entre páginas. */
.page-areas #penal .penal-intro{margin:0 0 26px!important;padding:0!important}
.page-areas #penal .penal-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.page-areas #penal .penal-card{display:flex;flex-direction:column;min-width:0;margin:0!important;padding:28px 26px 24px!important;background:#eee4d8;border:1px solid #b99389!important;box-shadow:0 8px 18px rgba(76,42,35,.12)}
.page-areas #penal .penal-card h2{color:var(--wine)!important;font-family:'Julius Sans One',Arial,sans-serif!important;font-size:clamp(19px,1.85vw,25px)!important;line-height:1.35!important;margin:0 0 18px!important}
.page-areas #penal .penal-card p{max-width:none!important;margin:0 0 14px!important}
.page-areas #penal .penal-situations{margin:0 0 17px!important;padding:0!important;display:block!important;color:var(--ink)!important;font:600 15px/1.75 Lato,Arial,sans-serif!important}
.page-areas #penal .penal-situations span{display:inline!important;background:none!important;border:0!important;padding:0!important;min-height:0!important;color:inherit!important;font:inherit!important}
.page-areas #penal .penal-situations span:not(:last-child)::after{content:' · '}
.page-areas #penal .penal-card .contact-choice{margin-top:auto!important;margin-bottom:0!important;align-self:flex-start;background:var(--wine)!important;color:#fff!important;border:1px solid var(--wine)!important;padding:13px 16px!important}
.page-areas #penal .penal-right{display:flex;flex-direction:column;gap:24px;min-width:0}
.page-areas #penal .penal-right .watercolor-inline{display:block!important;float:none!important;width:100%!important;max-width:none!important;height:220px!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;mix-blend-mode:normal!important}
.page-areas #penal .penal-right .penal-card{flex:1}

.area-explorer{max-width:1040px;margin:42px auto 0;padding:28px 0 0;border-top:1px solid var(--line)}
.area-explorer h2{font:400 clamp(19px,2vw,25px)/1.25 'Julius Sans One',Arial,sans-serif;color:var(--wine);margin:0 0 17px;letter-spacing:.04em}
.area-explorer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.area-explorer a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:17px 19px;background:#eee4d8;border:1px solid #c8b2a6;color:var(--ink)!important;text-decoration:none!important;box-shadow:0 4px 11px rgba(76,42,35,.07)}
.area-explorer a strong{font:700 16px/1.32 Lato,Arial,sans-serif}
.area-explorer a span{color:var(--wine);font-size:22px;flex:none}
.area-explorer a:hover{border-color:var(--wine);background:#f2e9de}
@media(max-width:700px){
 .page-areas #penal .penal-layout{grid-template-columns:1fr;gap:16px}
 .page-areas #penal .penal-card{padding:23px 20px 21px!important}
 .page-areas #penal .penal-right{gap:16px}
 .page-areas #penal .penal-right .watercolor-inline{height:205px!important}
 .page-areas #penal .penal-card h2{font-size:20px!important}
 .page-areas #penal .penal-situations{font-size:14px!important;line-height:1.7!important}
 .area-explorer{margin-top:32px;padding-top:24px}
 .area-explorer-grid{grid-template-columns:1fr;gap:11px}
 .area-explorer a{min-height:68px;padding:15px 16px}
}