.boletin-franja{background:var(--blanco);border-top:1px solid var(--filete);padding:76px 0;position:relative}.boletin-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:56px;display:grid}.boletin-franja .titulo-seccion{max-width:14em;font-size:40px}.boletin-franja .intro{max-width:30em}.boletin-form{background:var(--blanco);border:1px solid var(--filete);border-top:6px solid var(--azul-ccs);--foco:var(--azul-ccs);padding:26px 28px 28px}.boletin-campos{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.boletin-campo label{font:600 15px/1.3 var(--fuente-texto);color:var(--tinta);margin-bottom:8px;display:block}.boletin-campo .opcional{color:var(--texto-secundario);font-weight:400}.boletin-campo input{border:1.5px solid var(--borde-campo);width:100%;height:50px;font:400 16.5px/1.2 var(--fuente-texto);color:var(--tinta);background:var(--blanco);border-radius:0;padding:0 14px}.boletin-campo input:focus-visible{outline:3px solid var(--azul-ccs);outline-offset:1px;border-color:var(--azul-ccs)}.boletin-casilla{color:var(--tinta);align-items:flex-start;gap:12px;margin-top:20px;font-size:15.5px;line-height:1.45;display:flex}.boletin-casilla input{width:22px;height:22px;accent-color:var(--azul-ccs);cursor:pointer;flex:none;margin:0}.boletin-casilla label{cursor:pointer}.boletin-aviso{color:var(--grafito);margin-top:12px;padding-left:34px;font-size:13.5px;line-height:1.5}.boletin-form .btn{min-width:200px;margin-top:20px}.boletin-trampa{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.boletin-mensaje{align-items:flex-start;gap:10px;padding:14px 16px;font-size:15.5px;line-height:1.5;display:flex}.boletin-mensaje svg{flex:none;width:20px;height:20px;margin-top:2px}.boletin-mensaje-ok{color:#0b4f31;background:#e6f4ec;border:1px solid #9fd2b6}.boletin-mensaje-error{color:#7a1c16;background:#fbeae8;border:1px solid #e5a9a3;margin-bottom:16px}.boletin-mensaje-aviso{background:var(--niebla);color:var(--tinta);border:1px dashed var(--arena-oscura)}.boletin-caja{max-width:560px;margin-top:28px}.boletin-token .btn{min-width:240px}.boletin-nota{color:var(--grafito);max-width:40em;margin-top:18px;font-size:15.5px}.encabezado-pagina .intro strong{color:var(--tinta)}@media (max-width:1020px){.boletin-grid{grid-template-columns:1fr;gap:28px}}@media (max-width:680px){.boletin-franja{padding:56px 0}.boletin-franja .titulo-seccion{font-size:32px}.boletin-campos{grid-template-columns:1fr}.boletin-form{padding:22px 18px 24px}.boletin-form .btn,.boletin-token .btn{width:100%;min-width:0}.boletin-aviso{padding-left:0}}
