@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Open+Sans:wght@400;600;700&display=swap";:root{--celsa-red:#e30613;--celsa-red-dark:#b0000d;--ink:#1d1f20;--ink-soft:#3a3d40;--paper:#fff;--paper-muted:#d9d9d9;--yc-blue:#1d4f91;--cat-alerta:#f5c400;--cat-alerta-fg:#1d1f20;--cat-aprende:#1d4f91;--cat-aprende-fg:#fff;--cat-actua:#1e9e4a;--cat-actua-fg:#fff;--cat-detente:#e30613;--cat-detente-fg:#fff;--font-display:"Montserrat", system-ui, sans-serif;--font-body:"Open Sans", system-ui, sans-serif;--radius:0;--line-15:color-mix(in srgb, var(--ink) 15%, transparent);--line-30:color-mix(in srgb, var(--ink) 30%, transparent);--line-paper-25:color-mix(in srgb, var(--paper) 25%, transparent);--color-bg:var(--paper);--color-text:var(--ink);--color-accent:var(--celsa-red);--color-accent-2:var(--yc-blue);--color-divider:var(--line-30);--font-heading:var(--font-display);--font-heading-weight:800}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:15px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 8px;line-height:1.12}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}p{margin:0 0 12px}a{color:var(--yc-blue);text-underline-offset:3px;text-decoration:underline}a:hover{color:var(--celsa-red)}img{max-width:100%;display:block}:focus{outline:none}:focus-visible{outline:2px solid var(--yc-blue);outline-offset:2px}::selection{background:color-mix(in srgb, var(--cat-alerta) 60%, transparent)}.kicker{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.chip{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:6px 12px;font-size:12px;font-weight:800;display:inline-block}.btn{cursor:pointer;min-height:44px;font-family:var(--font-display);color:var(--color-text);border-radius:var(--radius);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--celsa-red);color:var(--paper)}.btn-primary:hover,.btn-primary:active{background:var(--celsa-red-dark)}.btn-secondary{border-color:var(--paper);color:var(--paper)}.btn-secondary:hover{background:var(--paper);color:var(--ink)}.on-light .btn-secondary{border-color:var(--ink);color:var(--ink)}.on-light .btn-secondary:hover{background:var(--ink);color:var(--paper)}.btn-link{min-height:44px;color:var(--yc-blue);font-family:var(--font-body);text-underline-offset:3px;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.btn-link:hover{color:var(--celsa-red)}.btn-block{width:100%}.field>label{font-family:var(--font-body);color:var(--ink);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.input{width:100%;min-height:48px;font:inherit;color:var(--ink);caret-color:var(--yc-blue);background:var(--paper);border:1px solid var(--line-30);border-radius:var(--radius);padding:0 14px;font-size:15px}.input::placeholder{color:color-mix(in srgb, var(--ink) 45%, transparent)}.input:hover{border-color:color-mix(in srgb, var(--ink) 50%, transparent)}.input:focus-visible{border:2px solid var(--yc-blue);outline:none;padding:0 13px}.input:disabled{background:color-mix(in srgb, var(--ink) 4%, var(--paper));color:var(--ink-soft)}textarea.input{resize:vertical;min-height:120px;padding:12px 14px;line-height:1.5}textarea.input:focus-visible{padding:11px 13px}select.input{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231d1f20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.page{flex-direction:column;flex:1;display:flex}.contenido{width:100%;margin:0 auto;padding:0 40px}@media (width<=767px){.contenido{padding:0 20px}}.page-home{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=1023px){.page-home{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.panel-mensaje{justify-content:flex-start}}.panel-mensaje{flex-direction:column;justify-content:space-between;gap:32px;padding:48px 40px 0;display:flex;position:relative;overflow:hidden}.panel-mensaje[data-cat=alerta]{background:var(--cat-alerta);color:var(--cat-alerta-fg)}.mensaje-arriba{flex-direction:column;gap:22px;display:flex}.mensaje-cabecera{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.mensaje-texto{align-items:center;gap:28px;width:100%;display:flex}.mensaje-texto .hero-title{letter-spacing:-.02em;flex:none;max-width:12ch;font-size:clamp(30px,3.2vw,46px);line-height:1.02}.mensaje-texto .hero-lead{flex:1 1 0;min-width:0;max-width:48ch;font-size:18px;line-height:1.5}.marca-logos{align-items:center;gap:20px;display:flex}.app-logo,.app-logo-campana{width:auto;height:48px}.app-brand-sep{background:color-mix(in srgb, var(--ink) 30%, transparent);width:1px;height:42px}.home-steps{border-top:1px solid color-mix(in srgb, var(--ink) 25%, transparent);width:100%;font-family:var(--font-display);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 6px;margin:0;padding:18px 0 0;font-size:16px;font-weight:700;list-style:none;display:flex}.home-steps li{align-items:center;gap:8px;display:flex}.home-step-arrow{color:var(--ink);font-size:15px}.home-step-num{background:var(--ink);width:26px;height:26px;color:var(--paper);font-family:var(--font-display);flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.mensaje-figuras{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.mensaje-figuras .figura{pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:460px}.mensaje-figuras .figura-alerta{align-self:flex-start;width:auto;height:340px;margin-top:0}@media (width<=1279px){.mensaje-figuras .figura{height:340px}.mensaje-figuras .figura-alerta{height:240px}.mensaje-texto{flex-direction:column;align-items:flex-start;gap:18px}.mensaje-texto .hero-title{max-width:14ch}.app-logo,.app-logo-campana{height:40px}.app-brand-sep{height:36px}.home-steps{gap:8px 4px;font-size:13px}.home-steps li{gap:6px}.home-step-num{width:20px;height:20px;font-size:11px}.home-step-arrow{font-size:12px}}@media (width>=1024px) and (width<=1100px){.home-steps{gap:8px 2px;font-size:12px}.home-steps li{gap:5px}.home-step-num{width:18px;height:18px;font-size:10px}.home-step-arrow{font-size:11px}}@media (width<=1023px){.panel-mensaje{gap:28px;padding:40px 40px 0}.mensaje-figuras .figura{height:320px}}@media (width<=767px){.panel-mensaje{gap:22px;padding:24px 20px 0}.app-logo,.app-logo-campana{height:30px}.app-brand-sep{height:26px}.mensaje-texto .hero-lead{font-size:16px}.home-steps{justify-content:flex-start;gap:10px 14px;font-size:14px}.home-steps .home-step-arrow{display:none}.home-step-num{width:22px;height:22px;font-size:12px}.mensaje-figuras{justify-content:space-between;align-items:flex-end;gap:8px}.mensaje-figuras .figura{height:210px;display:block}.mensaje-figuras .figura-alerta{align-self:center;height:150px;margin:0 0 20px}}@media (width<=359px){.mensaje-figuras .figura{height:170px}.mensaje-figuras .figura-alerta{height:120px}}.panel-flujos{background:var(--ink);color:var(--paper);flex-direction:column;display:flex}.flow-card{text-align:left;cursor:pointer;color:var(--paper);font:inherit;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:flex-start;gap:12px;padding:40px 56px;display:flex}.flow-card+.flow-card{border-top:1px solid var(--line-paper-25)}.flow-card:hover{background:color-mix(in srgb, var(--paper) 6%, transparent)}.flow-card:focus-visible{outline:2px solid var(--cat-alerta);outline-offset:-6px}.flow-head{color:var(--cat-alerta);align-items:center;gap:14px;display:flex}.flow-kicker{color:var(--paper-muted)}.flow-card h2{letter-spacing:-.02em;color:var(--paper);margin:0;font-size:clamp(26px,2.5vw,36px);line-height:1.05}.flow-card p{color:var(--paper-muted);max-width:44ch;margin:0;font-size:15px;line-height:1.5}.flow-card .btn{margin-top:8px}.flow-card:hover .btn-primary{background:var(--celsa-red-dark)}@media (width<=1023px){.flow-card{padding:32px 40px}}@media (width<=767px){.flow-card{flex:none;padding:28px 20px}.flow-card .btn{width:100%}}.page-form-body{background:var(--ink);color:var(--paper);flex:1;padding:40px 0 64px}.form-inner{flex-direction:column;align-items:stretch;gap:20px;max-width:720px;margin:0 auto;display:flex}.form-inner .btn-link{color:var(--paper);align-self:flex-start}.form-inner .btn-link:hover{color:var(--cat-alerta)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}@media (width>=540px){.field-ancho{grid-column:span 2}}.page-form-body .field>label{color:var(--paper)}.page-form-body .input:focus-visible{border-color:var(--cat-alerta)}.page-form-body :focus-visible{outline-color:var(--cat-alerta)}.field-help{color:var(--cat-alerta);margin:6px 0 0;font-size:12px;line-height:1.45}.field-help:before{content:"*";margin-right:4px;font-weight:700}.form-error{color:#ff5a5f;align-items:flex-start;gap:8px;margin:0;font-size:14px;font-weight:600;line-height:1.4;display:flex}.form-error svg{flex:none;margin-top:1px}.form-submit{border-top:1px solid var(--line-paper-25);padding-top:20px}.upload-title{margin-bottom:6px;font-size:14px;font-weight:600}.upload-title span{color:var(--paper-muted);font-weight:400}.upload-box{border:2px dashed color-mix(in srgb, var(--paper) 40%, transparent);cursor:pointer;min-height:64px;color:var(--paper-muted);align-items:center;gap:12px;padding:18px 16px;font-size:14px;display:flex}.upload-box svg{color:var(--paper)}.upload-box:hover{border-color:var(--paper);color:var(--paper)}.upload-box:has(input:focus-visible){outline:2px solid var(--cat-alerta);outline-offset:2px}.upload-box input[type=file]{opacity:0;width:0;height:0;position:absolute}.upload-list{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.upload-list li{border:1px solid var(--line-paper-25);align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.upload-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.upload-size{color:var(--paper-muted);font-variant-numeric:tabular-nums}.upload-remove{cursor:pointer;width:44px;height:44px;color:var(--paper-muted);background:0 0;border:0;justify-content:center;align-items:center;margin:-8px -10px -8px 0;font-size:20px;line-height:1;display:inline-flex}.upload-remove:hover{color:var(--cat-alerta)}.upload-total{color:var(--paper-muted);margin:8px 0 0;font-size:12px}.page-ok{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 40px 72px;display:flex;position:relative;overflow:hidden}.page-ok[data-cat=alerta]{background:var(--cat-alerta);color:var(--cat-alerta-fg)}.page-ok[data-cat=actua]{background:var(--cat-actua);color:var(--cat-actua-fg)}.page-ok[data-cat=aprende]{background:var(--cat-aprende);color:var(--cat-aprende-fg)}.page-ok[data-cat=detente]{background:var(--cat-detente);color:var(--cat-detente-fg)}.ok-contenido{z-index:1;flex-direction:column;align-items:center;gap:12px;max-width:640px;display:flex;position:relative}.ok-contenido>svg{margin-bottom:4px}.ok-contenido .kicker{opacity:.85}.ok-title{letter-spacing:-.02em;margin:0;font-size:clamp(30px,3.6vw,48px);line-height:1.02}.ok-body{max-width:44ch;margin:0;font-size:17px;line-height:1.5}.ok-folio{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1}.ok-lema{font-family:var(--font-display);margin:8px 0 0;font-size:15px;font-weight:700}.ok-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.page-ok[data-cat=alerta] .btn-secondary{border-color:var(--ink);color:var(--ink)}.page-ok[data-cat=alerta] .btn-secondary:hover{background:var(--ink);color:var(--paper)}.page-ok :focus-visible{outline-color:currentColor}.ok-figuras img{pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:400px;position:absolute;bottom:0}.ok-figuras img:first-child{left:40px}.ok-figuras img:last-child{right:40px}@media (width<=1279px){.ok-figuras img{height:300px}}@media (width<=1023px){.page-ok{justify-content:space-between;gap:40px;padding:56px 40px 0}.ok-figuras{justify-content:space-between;align-items:flex-end;width:100%;margin-top:auto;display:flex}.ok-figuras img{height:300px;position:static}}@media (width<=767px){.page-ok{gap:32px;padding:40px 20px 0}.ok-body{font-size:15px}.ok-actions{flex-direction:column;width:100%}.ok-actions .btn{width:100%}.ok-figuras img{height:210px}}.app-footer{background:var(--celsa-red);min-height:48px;color:var(--paper);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 40px;font-size:12px;font-weight:700;display:flex}@media (width<=767px){.app-footer{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 20px;font-size:11px}}
