/* ===== Cabecera de las páginas públicas (Acerca, Contacto, Precios, Legal, PWA) ===== */
.pz-cab { position: relative; overflow: hidden; color: #fff; text-align: center; padding: 64px 16px 56px; margin: 0; background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='700' viewBox='0 0 900 700' fill='none' stroke='%23fff'%3E%3Cg stroke-opacity='.10' stroke-width='2'%3E%3Ccircle cx='640' cy='330' r='120'/%3E%3Ccircle cx='640' cy='330' r='200'/%3E%3Ccircle cx='640' cy='330' r='290'/%3E%3Ccircle cx='640' cy='330' r='390'/%3E%3C/g%3E%3Cg stroke-opacity='.16' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M640 330V230M640 330l70 40'/%3E%3C/g%3E%3Cg stroke-opacity='.22' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M640 130v-18M640 548v18M440 330h-18M858 330h18'/%3E%3C/g%3E%3C/svg%3E") right center / auto 140% no-repeat,
    radial-gradient(circle at 78% 40%, rgba(120,170,240,.34), transparent 55%),
    linear-gradient(135deg, #0e2038 0%, #1c5db0 100%); }
.pz-cab::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 44px 44px; -webkit-mask-image: linear-gradient(90deg, #000, transparent 70%); mask-image: linear-gradient(90deg, #000, transparent 70%); }
.pz-cab > * { position: relative; }
.pz-cab .h1 { display: block; font-size: clamp(1.9rem, 4.5vw, 2.8rem); font-weight: 800; line-height: 1.1; color: #fff; }
.pz-cab .lead { max-width: 720px; margin: .7rem auto 0; color: #dbe7f7; font-size: clamp(1rem, 2vw, 1.2rem); }
.pz-cab .col { position: relative; }
@media (max-width: 575.98px) { .pz-cab { padding: 44px 16px 36px; } }