@font-face{font-family:"CS La Charlune";src:url(LaCharlune.ttf) format("truetype");font-display:swap}
:root{--iv:#FAF7F1;--bl:#173B78;--mid:#060F1F;--ink:#0E1B33;--po:#9DB0D4;--fi:#22468A;--wash:rgb(157 176 212 / .26);--rule:rgb(23 59 120 / .28);color-scheme:light}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--iv);color:var(--ink);font:400 19px/1.45 "EB Garamond",Garamond,Georgia,serif}
h1,h2,h3,p,ul{margin:0}
h1,h2,h3{font-weight:400;line-height:1.1;color:var(--bl);text-wrap:balance}
h1{font-size:clamp(38px,8vw,72px)}h2{font-size:clamp(28px,5vw,44px)}h3{font-size:25px}
.j{font-family:Jost,"Futura PT",system-ui,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.18em;font-size:12.5px;line-height:1.5}
.name{font-family:"CS La Charlune","Gilda Display",Georgia,serif}
.w{max-width:1120px;margin:0 auto;padding-inline:20px}
.sec{padding-block:clamp(48px,8vw,96px)}.rule{border-top:1px solid var(--rule)}
a{color:var(--bl)}
.btn{display:inline-block;font:500 13px/1 Jost,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;background:var(--bl);color:var(--iv);padding:17px 24px;border:1px solid var(--bl);text-decoration:none;cursor:pointer}
.btn.o{background:transparent;color:var(--bl)}
.btn.po{background:var(--po);border-color:var(--po);color:var(--mid)}
.btn.po.o{background:transparent;color:var(--po)}
.lead{font-size:clamp(20px,2.6vw,24px);max-width:36em}
.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(24px,4vw,56px);align-items:center}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:28px}
.g2>*,.g3>*{min-width:0}
.hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding-block:22px}
.hd img{display:block;width:230px;max-width:100%;height:auto}
nav{display:flex;flex-wrap:wrap;gap:6px 26px}
nav a{font:400 13px/1.3 Jost,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--bl);text-decoration:none;padding:8px 0;border-bottom:1px solid transparent}
nav a small{display:block;font-size:12.5px;letter-spacing:.03em;text-transform:none;color:var(--ink)}
nav a.on{border-bottom-color:var(--bl)}
@media(max-width:640px){nav a small{display:none}nav{gap:2px 20px}.hd img{width:200px}}
.ph{background:var(--wash);border:1px solid var(--rule);display:flex;align-items:flex-end;padding:14px;color:var(--bl);min-height:260px}
.card{border:1px solid var(--rule);padding:26px;display:flex;flex-direction:column;gap:14px;min-width:0}
.tag{display:inline-block;align-self:flex-start;border:1px solid var(--bl);color:var(--bl);padding:4px 9px}
.tag.p{border-style:dashed}.tag.s{background:var(--bl);color:var(--iv)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:0}dt{color:var(--bl);padding-top:5px}dd{margin:0}
.src{border-left:2px solid var(--bl);padding-left:16px}.own{border-left:2px dashed var(--bl);padding-left:16px}
.band{background:var(--wash)}
.dark{background:var(--mid);color:var(--iv)}.dark h1,.dark h2,.dark h3{color:var(--iv)}.dark a:not(.btn){color:var(--po)}
.dark .j{color:var(--po)}
input,textarea,select{font:400 18px "EB Garamond",serif;padding:14px 16px;border:1px solid var(--bl);background:var(--iv);color:var(--ink);min-width:0;width:100%}
.sub{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;max-width:560px}.sub input{flex:1 1 220px;width:auto}
.fine{font-size:16px;color:var(--po);max-width:46em}
.wa{position:fixed;right:16px;bottom:16px;z-index:9}
.note{font-size:16px;border:1px dashed var(--bl);padding:10px 14px;color:var(--bl)}
.dark .note{border-color:var(--po);color:var(--po)}
.cap{margin-top:14px;color:var(--bl)}
.f{padding-block:44px;display:flex;flex-wrap:wrap;gap:28px 56px;align-items:flex-start;justify-content:space-between}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 34px}.chips span{border:1px solid var(--rule);padding:8px 14px;color:var(--bl)}.chips span.on{background:var(--bl);color:var(--iv);border-color:var(--bl)}
.step{border-top:1px solid var(--bl);padding-top:14px}
.hero-d{position:relative;overflow:hidden}
.deco{display:block;width:100%;max-width:520px;height:auto}
label{display:block;margin:0 0 6px;color:var(--bl)}
.fld{display:flex;flex-direction:column}

.hd>a:first-child{text-decoration:none}
.wa{background:var(--po)!important;border-color:var(--bl)!important;color:var(--mid)!important}
.deco{max-width:min(520px,70%)}
@media(max-width:640px){.wa{padding:14px 16px;font-size:12px}}

.cf{border-bottom:1px dashed var(--bl)}

[hidden]{display:none!important}
@media(max-width:640px){dl{grid-template-columns:1fr;gap:2px}dt{padding-top:10px}}
.g2>div:empty{display:none}
.slot{background:var(--wash);border:1px solid var(--rule);display:flex;align-items:flex-end;padding:14px;color:var(--bl);min-height:260px}
.slot span{font-style:normal}
.nt{text-transform:none;letter-spacing:.04em;font-size:14px}
.h2s{font-size:clamp(24px,3.4vw,32px);margin-bottom:10px}
.ben{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.cond{border-top:1px solid var(--rule);padding-top:12px;font-size:17px}.cond .j{margin-bottom:4px;color:var(--bl)}
.prefs{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:6px}
.chk{display:flex;gap:10px;align-items:flex-start;margin:0;color:var(--iv);font-size:18px}.chk input{width:20px;height:20px;padding:0;flex:none;accent-color:var(--po);margin-top:3px}
.dark .sub{max-width:none}
.foot{border-top:1px solid rgb(157 176 212 / .25);padding-bottom:76px}.fn{display:flex;flex-direction:column;gap:6px}.fn a{font:400 13px/1.4 Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--po)}
.dark .fine a{color:var(--po)}
.dark p{color:var(--iv)}.dark .j,.dark .fine{color:var(--po)}
.dark .lead{color:var(--iv)}
.f>div{flex:1 1 240px}.f>.fn{flex:0 1 200px}
.fbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.fbtns .btn{font-size:12px;padding:14px 16px}
.wa{box-shadow:none;z-index:50}
.tb{display:flex;justify-content:flex-end;padding-top:12px}
.lang{display:flex;gap:8px;align-items:center;color:var(--bl);font-weight:500}.lang a{text-decoration:none;padding:6px 2px;border-bottom:1px solid transparent;color:var(--bl);opacity:.7}.lang a.on{opacity:1;border-bottom-color:var(--bl);font-weight:500}.lang span{opacity:.4}

/* Diseño acordado: interiores azul claro #9DB0D4, textos y logo #173B78 */
body{background:#9DB0D4;color:#173B78}
:root{--ink:#173B78;--wash:rgb(250 247 241 / .30);--rule:rgb(23 59 120 / .35)}
.dark{background:#9DB0D4;color:#173B78;border-top:1px solid var(--rule)}
.dark h1,.dark h2,.dark h3,.dark p,.dark .lead,.dark .j,.dark .fine,.dark .chk{color:#173B78}
.dark a:not(.btn),.dark .fine a{color:#173B78}
.dark .btn.po{background:#173B78;border-color:#173B78;color:#FAF7F1}.dark .btn.po.o{background:transparent;color:#173B78}
.dark .note{border-color:#173B78;color:#173B78}
.foot{border-top:1px solid var(--rule)}
.chk input{accent-color:#173B78}
.wa{background:#FAF7F1!important;border-color:#173B78!important;color:#173B78!important}
.fine{color:#173B78}