.areas{display:grid;grid-gap:2.75rem;gap:2.75rem}.area{display:grid;grid-gap:.7rem;gap:.7rem;align-content:start}.area-regla{display:block;width:40px;height:3px;border-radius:999px;background:var(--primary)}.area h3{font-family:var(--font-display);font-size:1.3rem}.area-bajada{color:var(--muted);max-width:36rem}.area-items{margin:.25rem 0 0;padding:0;list-style:none;display:grid;grid-gap:.65rem;gap:.65rem}.area-items li{display:flex;gap:.65rem;align-items:flex-start}.area-items svg{flex-shrink:0;margin-top:.22rem;color:var(--primary)}@media (min-width:900px){.areas{grid-template-columns:1fr 1fr;gap:3rem 3.5rem}}.bloque-nota{margin-top:2.75rem;max-width:40rem;border-left:3px solid var(--primary);padding-left:1.25rem}.bloque-nota h3{margin-bottom:.5rem}.bloque-nota p{color:var(--muted)}.bloque-nota p+p{margin-top:.6rem}.casos,.dimensiones{display:grid;grid-gap:1.25rem;gap:1.25rem}.caso,.dimension{display:grid;grid-gap:.6rem;gap:.6rem;align-content:start;padding:1.75rem 1.5rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.dimension-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary)}.caso h3,.dimension h3{font-family:var(--font-display);font-size:1.45rem}.dimension-lema{font-weight:600}.caso>p{color:var(--muted)}.site .dimension-sub{margin-top:.6rem;color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.caso ul,.dimension ul{display:grid;grid-gap:.5rem;gap:.5rem;margin:0;padding:0;list-style:none}.caso li,.dimension li{display:flex;gap:.55rem;align-items:flex-start;font-size:.95rem}.caso li svg,.dimension li svg{flex:none;margin-top:.2rem;color:var(--primary)}.dimension-entrega{color:var(--muted);font-size:.95rem}@media (hover:hover){.caso:hover,.dimension:hover{transform:translateX(6px) scale(1.015);border-color:color-mix(in srgb,var(--primary) 45%,transparent);box-shadow:-6px 14px 30px var(--shadow)}}.areas-link{display:grid;grid-gap:.85rem;gap:.85rem;margin:0;padding:0;list-style:none}.areas-link a{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.areas-link a>svg{flex:none;color:var(--primary)}.areas-link a>span{display:grid;grid-gap:.15rem;gap:.15rem;flex:1 1}.areas-link a>span>span{color:var(--muted);font-size:.92rem}@media (hover:hover){.areas-link a:hover{border-color:color-mix(in srgb,var(--primary) 45%,transparent);transform:translateX(4px);box-shadow:-4px 10px 24px var(--shadow)}}.banda-acompanamiento{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.75rem;border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--primary) 5%,var(--surface));color:var(--text);text-decoration:none}.banda-acompanamiento>span{display:grid;grid-gap:.35rem;gap:.35rem}.banda-acompanamiento strong{font-family:var(--font-display);font-size:1.3rem}.banda-acompanamiento>span>span{color:var(--muted)}.banda-acompanamiento>svg{flex:none;color:var(--primary);transition:transform .3s var(--ease)}.banda-acompanamiento:hover>svg{transform:translateX(6px)}@media (min-width:640px){.areas-link,.casos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.dimensiones{grid-template-columns:repeat(3,minmax(0,1fr))}}