:root{--ink:#152c3c;--blue:#125c78;--accent:#b22e42;--line:#d5e0e5;--soft:#eef4f6}*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,sans-serif;color:var(--ink);background:#f7f9fa} .preview{background:#183746;color:white;text-align:center;padding:9px 18px;font-size:14px}header{max-width:1180px;margin:auto;padding:25px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:29px;letter-spacing:.13em;font-weight:800}.meta{font-size:14px;color:#566b78}main{max-width:1180px;margin:auto;padding:44px 30px 60px;display:grid;grid-template-columns:1fr 1fr;gap:64px}.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:750}h1{font-size:clamp(32px,3.7vw,49px);line-height:1.12;letter-spacing:-.035em;margin:16px 0 26px;font-weight:750}h2{font-size:25px;line-height:1.25;margin:0 0 12px}h3{font-size:18px;line-height:1.4;margin:0 0 7px}p{margin:0 0 20px}.resource{padding:24px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:38px 1fr;gap:16px}.number{color:var(--accent);font-size:14px;font-weight:750;padding-top:4px}.resource p{color:#506571;margin:0}.format{display:inline-block;margin-top:12px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.04em}.form-card{background:#fff;padding:30px;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #18374608}label.field{display:block;font-size:14px;font-weight:650;margin:0 0 16px}input:not([type=checkbox]){width:100%;display:block;border:1px solid #aebfc9;border-radius:7px;padding:12px;margin-top:6px;font:inherit;background:white;color:var(--ink);min-height:48px}input:focus,button:focus-visible,a:focus-visible,textarea:focus{outline:3px solid #73b3cc;outline-offset:3px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}fieldset{border:0;padding:0;margin:0 0 18px}legend{font-size:14px;font-weight:650;margin-bottom:10px}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:9px 0;cursor:pointer}.check input{width:19px;height:19px;margin:2px 0;flex-shrink:0;accent-color:var(--blue)}.channels{display:flex;gap:25px}.small{font-size:14px;color:#526673}.consent{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}details{font-size:14px;margin:8px 0 20px}summary{cursor:pointer;color:var(--blue)}details p{margin:10px 0}.button,button{display:inline-block;background:var(--blue);color:white;border:0;border-radius:7px;padding:13px 20px;font:600 16px/1.4 system-ui;cursor:pointer;text-decoration:none;text-align:center;min-height:48px}.primary{width:100%}.secondary{color:var(--blue);background:var(--soft)}a{color:var(--blue)}footer{max-width:1120px;margin:auto;padding:22px 0;border-top:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between;gap:16px}.error{color:#a11e35;font-size:14px;margin:10px 0}.hidden,[hidden]{display:none!important}.success{grid-column:1/-1;max-width:820px;width:100%;margin:auto}.success h1{font-size:40px}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.download{padding:26px;border:1px solid var(--line);border-radius:12px;background:white}.download a,.download button{display:block;width:100%;margin-top:12px}.status{padding:16px 20px;background:#e7f1f5;border-radius:8px}.tools{display:flex;gap:12px;flex-wrap:wrap}textarea{width:100%;min-height:260px;font:15px/1.5 system-ui;padding:14px;border:1px solid var(--line);border-radius:8px}.privacy-note{font-size:13px;color:#526673;margin-top:14px}@media(max-width:760px){header{padding:20px}.meta{max-width:150px;text-align:right}main{padding:28px 20px;grid-template-columns:1fr;gap:24px}.form-card{padding:23px}.row,.downloads{grid-template-columns:1fr;gap:0}h1{font-size:36px}.downloads{gap:16px}footer{margin:0 20px;flex-direction:column}.success h1{font-size:32px}}

/* Qualico: valores RGB del manual, página 10; tipografías, páginas 13–14. */
@font-face{font-family:Derivia;src:url('fonts/Derivia.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Existence;src:url('fonts/Existence-Light.otf') format('opentype');font-weight:300 700;font-style:normal;font-display:swap}
:root{--ink:#4f557e;--blue:#4f557e;--accent:#688991;--line:#d6d4d4;--soft:#efefef}
body{font-family:Existence,Arial,sans-serif;font-size:18px;color:#4f557e;background:#fff}
h1,h2,h3,.wordmark{font-family:Derivia,Georgia,serif;font-weight:400;letter-spacing:normal;color:#4f557e}
h1{line-height:1.2}.wordmark{letter-spacing:.04em}.preview{background:#4f557e}.meta,.resource p,.small,.privacy-note{color:#4f557e}
.eyebrow,.format,.number{color:#4f557e}.eyebrow{font-size:14px}
button,.button,textarea{font-family:Existence,Arial,sans-serif}button,.button{font-size:18px}
label.field,legend,.check,details,.small{font-size:16px}.meta,footer,.privacy-note{font-size:15px}
input:not([type=checkbox]){border-color:#7c929b;font-family:Existence,Arial,sans-serif;font-size:18px}
.form-card{box-shadow:none}.status{background:#efefef}.secondary{background:#efefef;color:#4f557e}
input:focus,button:focus-visible,a:focus-visible,textarea:focus{outline-color:#688991}

/* Ajuste aprobado: Open Sans para la interfaz; Derivia solo en la marca. */
@font-face{font-family:'Open Sans';src:url('fonts/OpenSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url('fonts/OpenSans-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url('fonts/OpenSans-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
body,button,.button,textarea,input:not([type=checkbox]),h1,h2,h3{font-family:'Open Sans',Arial,sans-serif}
body{font-size:16px;line-height:1.6}h1,h2,h3{font-weight:700}h1{letter-spacing:-.025em;line-height:1.15}h2,h3{line-height:1.35}
button,.button,input:not([type=checkbox]){font-size:16px}button,.button,label.field,legend{font-weight:600}
strong,.eyebrow,.format,.number{font-weight:700}.wordmark{font-family:Derivia,Georgia,serif;font-weight:400}

/* Logo oficial completo: sin recortes ni deformación. */
header{align-items:center;padding-top:16px;padding-bottom:16px;gap:24px}
.brand-logo{display:block;width:180px;height:auto;max-width:45%;object-fit:contain;flex-shrink:0}
@media(max-width:760px){.brand-logo{width:150px}header{padding-top:12px;padding-bottom:12px}}

.honey{position:absolute;left:-10000px} .notice{padding:16px;background:#efefef;margin:15px 0;border-radius:8px}