:root{--rojo:#e30613;--rojo-oscuro:#a8040e;--gris-900:#14161a;--gris-800:#1f2227;--gris-700:#2c3037;--gris-300:#c9cdd3;--blanco:#fff;--radio:999px;--ancho:480px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--blanco);background:linear-gradient(180deg, var(--gris-700) 0%, var(--gris-900) 100%) fixed;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.3}.pagina{width:100%;max-width:var(--ancho);flex-direction:column;gap:14px;margin:0 auto;padding:28px 16px 40px;display:flex}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.cabecera{text-align:center;padding-bottom:6px}.cabecera .logo{width:min(260px,70%);margin:0 auto}.solo-lectores{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.con-fachada{background:var(--gris-900)}body.con-fachada:before{content:"";z-index:-1;background:linear-gradient(#14161a8c 0%,#14161ac7 45%,#14161aeb 100%),url(/img/portada.webp) 40%/cover no-repeat;position:fixed;inset:0}body.con-fachada .persona,body.con-fachada .btn:not(.btn--rojo){backdrop-filter:blur(6px);background:#14161a8c}.seccion-titulo{letter-spacing:.12em;text-transform:uppercase;color:var(--gris-300);margin:10px 4px -4px;font-size:.8rem}.btn{border-radius:var(--radio);text-align:center;background:0 0;border:1.5px solid #ffffffd9;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:12px 22px;font-size:1rem;font-weight:600;transition:transform .12s,background .12s;display:flex}.btn:active{transform:scale(.98)}.btn:hover{background:#ffffff14}.btn svg{fill:currentColor;flex:none;width:22px;height:22px}.btn--rojo{background:var(--rojo);border-color:var(--rojo)}.btn--rojo:hover{background:var(--rojo-oscuro)}.btn--solido{background:var(--gris-800);border-color:var(--gris-700)}.persona{border:1.5px solid #ffffffd9;border-radius:22px;align-items:center;gap:14px;min-height:84px;padding:12px;transition:background .12s,transform .12s;display:flex}.persona:hover{background:#ffffff14}.persona:active{transform:scale(.98)}.persona .foto{object-fit:cover;object-position:center 22%;background:var(--gris-700);border:2px solid var(--rojo);border-radius:50%;flex:none;place-items:center;width:60px;height:60px;font-size:1.1rem;font-weight:700;display:grid}.persona .foto-icono{fill:currentColor;width:26px;height:26px}.persona .datos{flex:1;min-width:0}.persona .nombre{font-size:1rem;font-weight:700}.persona .cargo{color:var(--gris-300);margin-top:2px;font-size:.85rem}.persona .wa{fill:#25d366;flex:none;width:28px;height:28px}.banner{background:linear-gradient(120deg, var(--gris-900) 0%, var(--gris-800) 55%, var(--rojo-oscuro) 100%);border-radius:0 0 28px 28px;align-items:flex-end;min-height:250px;display:flex;position:relative;overflow:hidden}.banner .texto{z-index:1;max-width:58%;padding:22px 16px;position:relative}.banner .texto img{width:min(180px,100%);margin-bottom:16px}.banner .texto h1{text-transform:uppercase;font-size:1.9rem;font-weight:900;line-height:1.02}.banner .texto p{color:var(--gris-300);text-transform:uppercase;letter-spacing:.05em;margin-top:8px;font-size:.85rem;font-weight:600}.banner .retrato{object-fit:cover;object-position:center top;width:48%;position:absolute;top:0;bottom:0;right:0}.banner .retrato--recorte{object-fit:contain;object-position:right bottom;width:auto;max-width:62%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 34%);mask-image:linear-gradient(90deg,#0000 0%,#000 34%)}.banner .retrato--vacio{color:#ffffff40;background:#ffffff0f;place-items:center;font-size:4rem;font-weight:900;display:grid}.tarjeta{width:100%;max-width:var(--ancho);margin:0 auto}@media (width>=520px){.tarjeta{margin-top:24px}.tarjeta .banner{border-radius:28px}}.tarjeta .contenido{flex-direction:column;gap:14px;padding:24px 16px 40px;display:flex}.tarjeta .tagline{text-align:center;padding:4px 8px 6px;font-size:1.1rem;font-weight:600}.tarjeta body,.tarjeta{padding:0}.pie{text-align:center;color:var(--gris-300);margin-top:8px;font-size:.8rem}.pie img{opacity:.9;width:120px;margin:0 auto 10px}.modal{border:1px solid var(--gris-700);background:var(--gris-900);width:min(94vw,460px);max-height:92dvh;color:var(--blanco);border-radius:22px;margin:auto;padding:20px 18px 22px;overflow-y:auto}.modal::backdrop{background:#000000a6}.modal form{flex-direction:column;gap:12px;display:flex}.modal-cab{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-cab h2{font-size:1.15rem}.modal-sub{color:var(--gris-300);margin-top:-4px;font-size:.9rem}.cerrar{color:var(--gris-300);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:1.8rem;line-height:1}.modal label{color:var(--gris-300);flex-direction:column;gap:5px;font-size:.85rem;display:flex}.modal input[type=text],.modal input[type=tel],.modal input[type=email],.modal select{width:100%;min-height:48px;font:inherit;color:var(--blanco);background:var(--gris-800);border:1.5px solid var(--gris-700);border-radius:14px;padding:10px 14px;font-size:16px}.modal input:focus,.modal select:focus{outline:2px solid var(--rojo);outline-offset:1px}.modal fieldset{border:0;flex-direction:column;gap:6px;display:flex}.modal legend{color:var(--gris-300);margin-bottom:6px;font-size:.85rem}.opciones{gap:10px;display:flex}.opcion{border:1.5px solid var(--gris-700);border-radius:14px;flex:1;align-items:center;min-height:48px;padding:0 14px;color:var(--blanco)!important;flex-direction:row!important;gap:8px!important;font-size:1rem!important}.opcion:has(input:checked){border-color:var(--rojo);background:#e306131f}.modal .check{flex-direction:row;align-items:flex-start;gap:10px;font-size:.8rem}.modal .check input{width:20px;height:20px;accent-color:var(--rojo);flex:none;margin-top:1px}.trampa{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.error{color:#ff8a8a;font-size:.85rem}.modal .btn{cursor:pointer;width:100%;color:inherit;font-family:inherit}.modal .btn:disabled{opacity:.6}
