/* Componentes compartidos: selector de idioma, landings, avisos y modales. */
/* v3 — cabecera: logo 48px sin recorte circular, alineado al centro. */
:root { --marisa-paper:#F2F5EF; --marisa-ink:#16211A; --marisa-moss:#4C6B4F; --marisa-plum:#7B3F5E; --marisa-rule:#CBD6C6; }

.marisa-header-brand { align-items:center; display:inline-flex; gap:12px; height:56px; line-height:1; overflow:visible; }
.marisa-brand-logo { border-radius:0; display:block; flex:0 0 48px; height:48px; min-height:48px; min-width:48px; object-fit:contain; object-position:center; overflow:visible; width:48px; }

.marisa-language-picker {
  align-items:center; background:rgba(242,245,239,.96); border:1px solid var(--marisa-rule);
  border-radius:999px; box-shadow:0 8px 24px rgba(22,33,26,.12); box-sizing:border-box; display:flex; gap:2px;
  max-width:calc(100vw - 24px); overflow:hidden; padding:5px 6px; position:fixed; right:12px; top:7px; white-space:nowrap; z-index:1000;
}
.marisa-language-picker * { box-sizing:border-box; }
.marisa-language-label { color:#5C6660; flex:none; font:700 10px/1 "Bricolage Grotesque",system-ui,sans-serif; letter-spacing:.08em; margin:0 6px 0 8px; text-transform:uppercase; }
.marisa-language-button {
  align-items:center; background:transparent; border:0; border-radius:999px; color:#5C6660;
  cursor:pointer; display:inline-flex; flex:none; font:700 11px/1 "Bricolage Grotesque",system-ui,sans-serif;
  gap:5px; height:30px; justify-content:center; min-height:30px; min-width:44px; padding:0 6px; transition:background .18s ease,color .18s ease;
}
.marisa-language-button:hover,.marisa-language-button:focus-visible { background:#E1E8DC; color:var(--marisa-ink); outline:none; }
.marisa-language-button[aria-pressed="true"] { background:var(--marisa-plum); color:#fff; }
.marisa-flag { border-radius:2px; box-shadow:0 0 0 1px rgba(22,33,26,.18); display:inline-block; flex:none; height:12px; overflow:hidden; position:relative; width:18px; }
.marisa-flag-es { background:linear-gradient(#AA151B 0 25%,#F1BF00 25% 75%,#AA151B 75%); }
.marisa-flag-it { background:linear-gradient(90deg,#009246 0 33.33%,#fff 33.33% 66.66%,#CE2B37 66.66%); }
.marisa-flag-fr { background:linear-gradient(90deg,#0055A4 0 33.33%,#fff 33.33% 66.66%,#EF4135 66.66%); }
.marisa-flag-de { background:linear-gradient(#000 0 33.33%,#DD0000 33.33% 66.66%,#FFCE00 66.66%); }
.marisa-flag-en { background:linear-gradient(90deg,transparent 41%,#fff 41% 59%,transparent 59%),linear-gradient(0deg,transparent 34%,#fff 34% 66%,transparent 66%),linear-gradient(32deg,transparent 43%,#C8102E 43% 49%,transparent 49% 51%,#C8102E 51% 57%,transparent 57%),linear-gradient(-32deg,transparent 43%,#C8102E 43% 49%,transparent 49% 51%,#C8102E 51% 57%,transparent 57%),linear-gradient(90deg,transparent 45%,#C8102E 45% 55%,transparent 55%),linear-gradient(0deg,transparent 35%,#C8102E 35% 65%,transparent 65%),#012169; }

.marisa-modal { align-items:center; background:rgba(22,33,26,.52); display:flex; inset:0; justify-content:center; opacity:0; padding:22px; pointer-events:none; position:fixed; transition:opacity .2s ease; z-index:2000; }
.marisa-modal.is-open { opacity:1; pointer-events:auto; }
.marisa-modal-card { background:var(--marisa-paper); border-left:5px solid var(--marisa-plum); box-shadow:0 18px 70px rgba(22,33,26,.25); max-width:480px; padding:30px; position:relative; width:100%; }
.marisa-modal-card h2 { color:var(--marisa-ink); margin:0 30px 10px 0; }
.marisa-modal-card p { color:#5C6660; margin:0; }
.marisa-modal-close { background:transparent; border:0; color:#5C6660; cursor:pointer; font-size:1.5rem; line-height:1; padding:4px; position:absolute; right:14px; top:12px; }

.resource-page { background:var(--marisa-paper); color:var(--marisa-ink); font:18px/1.65 "Newsreader",Georgia,serif; margin:0; min-height:100vh; }
.resource-shell { margin:0 auto; max-width:780px; padding:110px 24px 64px; }
.resource-mark { color:var(--marisa-moss); font:700 .78rem/1.2 "Bricolage Grotesque",system-ui,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.resource-page h1,.resource-page h2,.resource-page h3,.resource-page .ui { font-family:"Bricolage Grotesque",system-ui,sans-serif; letter-spacing:-.02em; line-height:1.08; }
.resource-page h1 { font-size:clamp(2.25rem,6vw,4rem); margin:20px 0 18px; max-width:18ch; }
.resource-lede { color:#5C6660; font-size:clamp(1.1rem,2.3vw,1.35rem); max-width:58ch; }
.resource-note { background:#E1E8DC; border-left:3px solid var(--marisa-moss); color:#435348; margin:28px 0; padding:18px 20px; }
.resource-form-card { background:var(--marisa-ink); color:var(--marisa-paper); margin-top:34px; padding:30px; }
.resource-form-card h2 { color:var(--marisa-paper); font-size:1.45rem; margin:0 0 8px; }
.resource-form-card p { color:#C8D2C6; margin:0 0 18px; }
.marisa-form { display:grid; gap:12px; }
.marisa-form input[type=email] { background:transparent; border:2px solid var(--marisa-paper); border-radius:2px; color:var(--marisa-paper); font:1rem "Newsreader",Georgia,serif; padding:14px 16px; width:100%; }
.marisa-form input[type=email]::placeholder { color:#9BAA9B; }
.marisa-form label.consent { align-items:flex-start; color:#C8D2C6; display:flex; font: .86rem/1.45 "Bricolage Grotesque",system-ui,sans-serif; gap:9px; }
.marisa-form label.consent input { accent-color:var(--marisa-plum); margin-top:4px; }
.marisa-submit { background:var(--marisa-paper); border:2px solid var(--marisa-paper); border-radius:2px; color:var(--marisa-ink); cursor:pointer; font:700 .95rem "Bricolage Grotesque",system-ui,sans-serif; padding:14px 20px; }
.marisa-submit:hover { background:var(--marisa-plum); border-color:var(--marisa-plum); color:#fff; }
.resource-back { color:var(--marisa-plum); display:inline-block; font-family:"Bricolage Grotesque",system-ui,sans-serif; font-size:.9rem; font-weight:700; margin-top:26px; }
.resource-page footer { color:#5C6660; font-size:.85rem; margin:40px auto 0; max-width:780px; padding:0 24px 60px; }

.legal-page { background:var(--marisa-paper); color:var(--marisa-ink); font:18px/1.65 "Newsreader",Georgia,serif; margin:0; min-height:100vh; }
.legal-shell { margin:0 auto; max-width:820px; padding:112px 24px 72px; }
.legal-shell h1,.legal-shell h2 { font-family:"Bricolage Grotesque",system-ui,sans-serif; letter-spacing:-.02em; line-height:1.08; }
.legal-shell h1 { font-size:clamp(2.4rem,6vw,4rem); margin:20px 0 32px; }
.legal-shell h2 { font-size:1.35rem; margin:34px 0 8px; }
.legal-shell p { max-width:70ch; }
.legal-shell .legal-updated { color:#5C6660; font-size:.9rem; }
.legal-shell a { color:var(--marisa-plum); }
.legal-footer { border-top:1px solid var(--marisa-rule); color:#5C6660; font: .85rem/1.5 "Bricolage Grotesque",system-ui,sans-serif; margin-top:50px; padding-top:22px; }

@media (max-width:700px) {
  .marisa-language-picker { gap:1px; padding:4px; right:10px; top:8px; }
  .marisa-language-label { display:none; }
  .marisa-language-button { min-width:40px; padding:0 5px; }
  .marisa-header-brand { height:48px; }
  .marisa-brand-logo { flex-basis:40px; height:40px; min-height:40px; min-width:40px; width:40px; }
  .resource-shell,.legal-shell { padding-top:88px; }
  .resource-form-card { padding:24px 20px; }
}

/* --- v3: cabecera --- */
.bar { align-items:center; }
header .bar { min-height:84px; }
@media (min-width:701px) { .bar nav { margin-right:260px; } }
@media (max-width:700px) { header .bar { min-height:68px; } }