body{background:#050607}.vol-page{overflow:hidden;background:#050607}.vol-kicker{margin:0 0 10px;color:#ef111d;font-size:11px;font-weight:900;letter-spacing:3px}.vol-banner{max-width:1540px;margin:28px auto 0;padding:0 28px}.vol-banner img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#050607;border:1px solid #2b1518;box-shadow:0 24px 80px rgba(0,0,0,.35)}.vol-service{max-width:1540px;margin:0 auto;padding:55px 28px 100px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(360px,.75fr);gap:28px;align-items:start}.vol-service-head{margin-bottom:26px}.vol-service-head h1{margin:0 0 8px;color:#fff;font-size:clamp(34px,3.2vw,55px);line-height:1.05;letter-spacing:-1.7px}.vol-service-head>p:last-child{max-width:820px;margin:0;color:#9ba5aa;font-size:15px;line-height:1.65}.vol-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vol-areas article{min-height:205px;padding:25px 18px 20px;text-align:center;background:linear-gradient(145deg,#0d1112,#080a0b);border:1px solid #242a2d;transition:.25s}.vol-areas article:hover{transform:translateY(-4px);border-color:#72191f;box-shadow:0 18px 35px rgba(0,0,0,.25)}.role-icon{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;color:#fff;font-size:31px;line-height:1;border-bottom:2px solid #ef111d;filter:grayscale(1);position:relative}.role-icon:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#ef111d;right:3px;top:4px}.vol-areas h3{margin:0 0 8px;color:#fff;font-size:16px}.vol-areas p{margin:0;color:#8d979c;font-size:13px;line-height:1.45}.vol-form-card{position:sticky;top:90px;padding:28px;background:radial-gradient(circle at 100% 0,rgba(229,9,20,.15),transparent 32%),#0b0d0e;border:1px solid #68151b;box-shadow:0 20px 70px rgba(0,0,0,.32)}.vol-form-title{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;margin-bottom:20px}.form-icon{display:grid;place-items:center;width:34px;height:40px;color:#ef111d;border:1px solid #ef111d;font-size:22px}.vol-form-title h2{margin:0 0 6px;color:#fff;font-size:24px;line-height:1.1}.vol-form-title p:last-child{margin:0;color:#a3acb0;font-size:13px;line-height:1.5}.vol-form{padding:0;background:none;border:0}.vol-grid{display:grid;grid-template-columns:1fr;gap:12px}.vol-grid label{display:grid;gap:6px;color:#c4cacc;font-size:10px;font-weight:800;letter-spacing:.45px}.vol-grid input,.vol-grid select,.vol-grid textarea{width:100%;box-sizing:border-box;background:#080a0b;border:1px solid #343a3d;color:#fff;padding:12px 13px;border-radius:5px;font:inherit;font-weight:400;letter-spacing:0;outline:none}.vol-grid input:focus,.vol-grid select:focus,.vol-grid textarea:focus{border-color:#a61b23;box-shadow:0 0 0 2px rgba(229,9,20,.08)}.vol-grid textarea{resize:vertical}.vol-consent{grid-template-columns:18px 1fr!important;align-items:start;line-height:1.45;font-weight:400!important;color:#939da1!important}.vol-consent input{width:auto;margin-top:2px}.vol-honey{position:absolute!important;left:-9999px!important}.vol-submit{margin-top:17px;width:100%;padding:15px;border:0;border-radius:4px;background:#ef111d;color:#fff;font-weight:900;letter-spacing:1.2px;cursor:pointer}.vol-submit:hover{filter:brightness(1.08)}.vol-submit:disabled{opacity:.55;cursor:wait}.vol-status{min-height:18px;margin-bottom:0;color:#b8c0c3;font-size:12px;line-height:1.45}.vol-status.ok{color:#7ee2a7}.vol-status.error{color:#ff8a91}@media(max-width:1180px){.vol-service{grid-template-columns:1fr}.vol-form-card{position:static;max-width:820px;width:100%;box-sizing:border-box}.vol-areas{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.vol-banner{margin-top:18px;padding:0 18px}.vol-service{padding:42px 18px 75px}.vol-areas{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.vol-banner{padding:0 12px;margin-top:12px}.vol-banner img{aspect-ratio:16/9}.vol-service{padding:35px 16px 60px}.vol-service-head h1{font-size:36px}.vol-areas{grid-template-columns:1fr 1fr;gap:9px}.vol-areas article{min-height:180px;padding:20px 12px}.role-icon{width:48px;height:48px;font-size:25px}.vol-areas h3{font-size:14px}.vol-areas p{font-size:12px}.vol-form-card{padding:21px 16px}.vol-form-title{grid-template-columns:32px 1fr}.form-icon{width:30px;height:36px}.vol-form-title h2{font-size:21px}.header nav a[href="voluntariado.html"]{color:#fff}}
/* V70.44 — aviso claro de servicio voluntario no remunerado */
.vol-unpaid-note{margin-top:22px;padding:26px 28px;display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;background:linear-gradient(135deg,rgba(239,17,29,.11),rgba(12,14,15,.96) 42%,#090b0c);border:1px solid #68151b;border-left:3px solid #ef111d;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.vol-unpaid-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ef111d;color:#fff;font-size:25px;font-weight:900;font-family:Georgia,serif;box-shadow:0 0 26px rgba(239,17,29,.22)}
.vol-unpaid-note h2{margin:0 0 10px;color:#fff;font-size:22px;line-height:1.15}.vol-unpaid-note p:not(.vol-kicker){margin:0 0 8px;color:#aeb7bb;font-size:13px;line-height:1.65}.vol-unpaid-note p:last-child{margin-bottom:0}.vol-unpaid-note strong{color:#fff}
@media(max-width:600px){.vol-unpaid-note{grid-template-columns:38px 1fr;padding:20px 16px;gap:12px}.vol-unpaid-icon{width:36px;height:36px;font-size:20px}.vol-unpaid-note h2{font-size:19px}.vol-unpaid-note p:not(.vol-kicker){font-size:12px}}

/* V70.51 — un solo banner, sin salto visual al cargar */
#volunteerMainBanner{opacity:0;transition:opacity .28s ease}
#volunteerMainBanner.is-ready{opacity:1}