:root{
  --navy:#0d2e5f;
  --red:#ed2f32;
  --blue:#0f67b7;
  --sky:#dff3ff;
  --line:#dbe7f0;
  --muted:#59708f;
  --shadow:0 16px 35px rgba(18,52,91,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.4}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(1240px,calc(100% - 40px));margin:auto}
.site-header{height:78px;background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(15,46,95,.08)}
.nav-wrap{height:100%;display:grid;grid-template-columns:275px 1fr auto;align-items:center;gap:25px}
.brand img{width:260px;height:73px;object-fit:contain;object-position:left center}
.main-nav{display:flex;align-items:center;gap:26px;justify-content:center;font-size:14px;font-weight:600;white-space:nowrap}
.main-nav a{padding:28px 0 22px;position:relative;color:#233b63}
.main-nav a.active,.main-nav a:hover{color:var(--red)}
.main-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:14px;height:3px;background:var(--red);border-radius:2px}
.header-actions{display:flex;gap:12px;align-items:center}
.language{border:1px solid #d7e2ec;border-radius:12px;background:#fff;color:var(--navy);padding:12px 16px;font-weight:700}
.btn{border:0;border-radius:12px;padding:16px 26px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer;transition:.2s transform,.2s box-shadow}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 10px 22px rgba(237,47,50,.22)}
.btn-secondary{background:#fff;color:#162d55;box-shadow:0 7px 22px rgba(25,60,100,.13)}
.btn-small{padding:13px 24px}
.menu-toggle{display:none;border:0;background:#fff;font-size:26px;color:var(--navy)}

.hero{min-height:530px;background:linear-gradient(180deg,#d9f0ff 0%,#cceaff 50%,#ebf8ff 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:48% 52%;min-height:530px;align-items:center}
.hero-copy{padding:48px 20px 48px 25px;position:relative;z-index:2}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#3d6996;margin:0 0 13px}
.hero h1{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:49px;line-height:1.03;letter-spacing:-1.6px;margin:0;color:#0f2d5c;font-weight:800}
.hero h1 span{color:var(--red)}
.underline{width:330px;height:10px;border-bottom:5px solid var(--red);border-radius:50%;transform:rotate(-1.5deg);margin:3px 0 24px 4px}
.lead{max-width:580px;font-size:17px;color:#203b63;margin:0 0 28px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.play{width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;display:inline-grid;place-items:center;font-size:11px;padding-left:2px}
.hero-visual{position:relative;height:530px;align-self:stretch;overflow:hidden}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-visual::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#d7efff 0%,rgba(215,239,255,.15) 25%,rgba(215,239,255,0) 45%)}
.note{position:absolute;z-index:2;font-family:"Segoe Print","Comic Sans MS",cursive;color:#0e2a58;font-weight:800;text-align:center;line-height:1.2}
.note-one{left:9%;top:30%;font-size:24px;transform:rotate(-7deg)}
.note-two{right:3%;top:8%;font-size:20px;transform:rotate(-7deg)}

.quick-links{margin-top:-4px;background:#fff}
.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-radius:22px;box-shadow:var(--shadow);transform:translateY(-2px);padding:18px 12px;gap:4px}
.quick-card{text-align:center;padding:12px 10px;border-radius:16px;min-height:145px;display:flex;flex-direction:column;justify-content:center;transition:.2s}
.quick-card:hover{background:#f4faff;transform:translateY(-3px)}
.quick-icon{font-size:40px;line-height:1;margin-bottom:8px}
.quick-card h3{margin:0 0 6px;font-size:16px}.quick-card p{margin:0;font-size:14px;color:#476183}

.content-band{padding:38px 0 14px;background:linear-gradient(#fff,#f9fcff)}
.lower-grid{display:grid;grid-template-columns:1.05fr 1fr .8fr;gap:34px;align-items:center}
.paper-card{position:relative;background:#fffefa;padding:28px 34px 26px;border-radius:17px;box-shadow:0 10px 26px rgba(52,56,63,.09);min-height:300px}
.clip{position:absolute;width:22px;height:60px;border:3px solid #aeb5bc;border-bottom:0;border-radius:12px 12px 0 0;left:35px;top:-17px;transform:rotate(4deg)}
.paper-card h2,.phrase-card h2,.extra h2,.quiz h2{font-family:"Segoe Print","Comic Sans MS",cursive;margin:0 0 15px;color:#0b3b75;line-height:1.12}
.paper-card h2{font-size:29px}.paper-card p{font-size:15px;color:#46566a}
.highlight{display:inline-block;background:linear-gradient(transparent 15%,#ffe447 15%,#ffe447 88%,transparent 88%);padding:8px 28px;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:21px;line-height:1.12;margin-top:8px;transform:rotate(-1deg)}
.mascot-wrap{text-align:center;align-self:end}.mascot-wrap img{width:100%;max-height:350px;object-fit:contain;object-position:center bottom}.mascot-wrap p{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:20px;margin:-5px 0 0;color:#0f366d}.mascot-wrap span{color:var(--red)}
.phrase-card{background:linear-gradient(180deg,#edf8ff,#e1f3ff);border-radius:18px;padding:28px;box-shadow:0 10px 28px rgba(30,90,130,.08)}
.phrase-card h2{font-size:28px;color:#0b6bc7}.phrase-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.phrase-title-row h3{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:27px;margin:0}.phrase-title-row p{margin:5px 0 0;font-size:16px}.audio-btn{width:58px;height:58px;border:0;border-radius:50%;background:#eff8ff;font-size:25px;box-shadow:inset 0 0 0 1px #fff;cursor:pointer}.example{margin-top:20px;background:#cfeaff;border-radius:12px;padding:16px;color:#224e7d}.example strong{color:#0b6bc7;text-decoration:underline}

.extra{padding:70px 0;background:#0f2e5c;color:#fff}.extra-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.extra h2{font-size:39px;color:#fff}.extra p{color:#dceaff;font-size:17px}.tag{display:inline-block;background:#fff;color:#0f2e5c;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:15px}.chat-card{background:#fff;color:#18375f;border-radius:22px;padding:30px;box-shadow:0 18px 35px rgba(0,0,0,.16)}.chat-card p{color:#18375f;margin:8px 0;font-size:20px}.chat-card .hint{font-size:14px;color:#60718a;border-top:1px solid #e8eef5;padding-top:18px;margin-top:18px}
.quiz{padding:70px 0;background:#f4f9fd}.quiz-box{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:40px}.quiz h2{font-size:35px}.quiz-options{display:grid;gap:12px}.quiz-options button{border:1px solid #d9e4ee;background:#fff;border-radius:14px;padding:16px 18px;text-align:left;font-weight:800;color:#18375f;cursor:pointer}.quiz-options button:hover{border-color:#2b74b7;background:#f1f8ff}
.site-footer{padding:28px 0;background:#0a2248;color:#fff}.footer-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#c8d6e9}.footer-wrap strong{color:#fff}
.modal{position:fixed;inset:0;background:rgba(6,26,55,.65);display:none;place-items:center;z-index:100;padding:20px}.modal.open{display:grid}.modal-card{position:relative;background:#fff;border-radius:20px;padding:32px;max-width:540px;box-shadow:0 25px 60px rgba(0,0,0,.25)}.modal-card h2{margin-top:0}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer;color:#5f6e80}

@media (max-width:1100px){
  .nav-wrap{grid-template-columns:220px 1fr auto}.brand img{width:210px}.main-nav{gap:15px;font-size:13px}
  .hero h1{font-size:43px}.quick-grid{grid-template-columns:repeat(3,1fr)}.lower-grid{grid-template-columns:1fr 1fr}.mascot-wrap{grid-column:1/3;grid-row:2}.phrase-card{align-self:stretch}
}
@media (max-width:820px){
  .site-header{height:auto;min-height:70px}.nav-wrap{grid-template-columns:1fr auto;min-height:70px}.brand img{width:215px;height:65px}.menu-toggle{display:block}.main-nav,.header-actions{display:none}.main-nav.open{display:flex;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 25px 18px;box-shadow:0 12px 25px rgba(0,0,0,.1)}.main-nav.open a{padding:12px}.main-nav a.active::after{display:none}
  .hero-grid{grid-template-columns:1fr}.hero-copy{padding:38px 10px 32px}.hero h1{font-size:42px}.hero-visual{height:420px}.quick-grid{grid-template-columns:repeat(2,1fr)}.lower-grid,.extra-grid,.quiz-box{grid-template-columns:1fr}.mascot-wrap{grid-column:auto;grid-row:auto}.quiz-box{padding:28px}
}
@media (max-width:520px){
  .container{width:min(100% - 24px,1240px)}.hero h1{font-size:34px}.lead{font-size:15px}.hero-actions{flex-direction:column}.btn{width:100%}.hero-visual{height:330px}.note-one{font-size:17px}.note-two{font-size:14px}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:110px}.lower-grid{gap:22px}.paper-card,.phrase-card{padding:24px}.paper-card h2{font-size:25px}.highlight{font-size:18px;padding:8px 13px}.extra h2{font-size:31px}.quiz h2{font-size:29px}.footer-wrap{flex-direction:column}
}



/* Integración Flask / Admin / subpáginas */
.wsp-top{border:1px solid #bfe7d0;background:#effaf4;color:#117444;border-radius:12px;padding:11px 13px;font-weight:800;font-size:12px}
.inner-hero{padding:68px 0 54px;background:linear-gradient(180deg,#dff3ff 0%,#f5fbff 100%);border-bottom:1px solid var(--line)}
.inner-hero h1{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(36px,5vw,58px);line-height:1.02;margin:0 0 14px;color:var(--navy);max-width:900px}
.inner-hero>div>p:last-child{font-size:17px;color:#3e5c7c;max-width:800px}
.page-section{padding:55px 0 80px;background:#fff}
.lesson-list{display:grid;gap:15px}
.lesson-row{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;box-shadow:0 10px 26px rgba(25,60,100,.07)}
.lesson-icon{font-size:42px}.lesson-main h2{margin:6px 0;color:var(--navy)}.lesson-main p{margin:0 0 12px;color:#4d6784}.level{font-size:11px;background:#eaf6ff;color:#0f67b7;padding:5px 9px;border-radius:999px;font-weight:900}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{background:#f1f6fa;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}
.search-box{max-width:760px;position:relative;margin-top:24px}.search-box span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:25px;color:#58708e}.search-box input{width:100%;border:2px solid #142a48;border-radius:15px;padding:15px 18px 15px 48px;font-size:16px;background:#fff}
.dictionary-grid,.situation-grid,.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.word-card,.situation-card,.tips-grid article{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff;box-shadow:0 12px 30px rgba(18,52,91,.07)}
.word-meta{display:flex;justify-content:space-between;align-items:center}.word-meta span{background:#eaf6ff;color:#0f67b7;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.word-meta small{color:#71849a}
.word-card h2{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:31px;margin:14px 0 6px;color:var(--navy)}.word-card p{color:#3f5b79}
.audio-btn-small{border:1px solid #cadbe8;background:#fff;border-radius:11px;padding:9px 12px;font-weight:800;cursor:pointer}
.situation-icon,.tips-grid article>div{font-size:39px}.situation-card h2,.tips-grid h2{color:var(--navy)}
.speech-block{margin-top:14px;background:#eef8ff;border-radius:13px;padding:13px}.speech-block.neutral{background:#f6f5ef}.speech-block small{display:block;font-size:10px;letter-spacing:.1em;font-weight:900;color:#627993}.speech-block strong{display:block;margin-top:4px}
.quiz-full{max-width:850px}.quiz-question{border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:16px;box-shadow:0 10px 26px rgba(18,52,91,.06)}.quiz-question>small{font-weight:900;color:#0f67b7}.quiz-question h2{color:var(--navy)}
.quiz-options button.correct{background:#e8f7ec;border-color:#75ba87}.quiz-options button.wrong{background:#fff0f0;border-color:#dd9292}.quiz-feedback{font-weight:800}.quiz-result{background:var(--navy);color:#fff;padding:18px;border-radius:14px;font-weight:900}
.human-section{padding:52px 0;background:#effaf4}.human-box{display:flex;justify-content:space-between;align-items:center;gap:30px}.human-box h2{font-family:"Segoe Print","Comic Sans MS",cursive;margin:8px 0;color:var(--navy)}.human-box p{margin:0;color:#476183}.tag-green{background:#167f4b;color:#fff}.btn-whatsapp{background:#18a55f;color:#fff}
.site-footer a{font-weight:800;color:#fff}

/* Admin conserva un estilo funcional independiente */
.admin-body{background:#f4f7fb;min-height:100vh}
.admin-shell{width:min(1180px,94%);margin:0 auto;padding:30px 0 70px}
.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.admin-brand{font-weight:950;font-size:24px;color:var(--navy)}.admin-brand span{color:var(--red)}
.admin-nav{display:flex;gap:8px;flex-wrap:wrap}.admin-nav a{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:10px;font-weight:800;font-size:13px}
.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 30px rgba(18,52,91,.07)}
.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-stat strong{display:block;font-size:34px;color:var(--navy)}
.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}.admin-table th{background:#edf5fb;color:var(--navy)}
.admin-actions{display:flex;gap:6px}.admin-actions a,.admin-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-weight:800;cursor:pointer}.admin-actions .danger{color:#b51f2a}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:850;color:var(--navy)}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid #cbd8e5;border-radius:11px;font:inherit}.field textarea{min-height:110px;resize:vertical}
.admin-flash{padding:11px 13px;border-radius:10px;margin-bottom:14px;background:#eef7ff}.admin-flash.error{background:#fff0f0;color:#941a22}.admin-flash.ok{background:#edf9f0;color:#176a32}
.admin-login{width:min(430px,92%);margin:80px auto}.admin-login h1{color:var(--navy)}
.admin-help{font-size:13px;color:var(--muted);background:#f7fafc;border-radius:12px;padding:12px}

@media (max-width:900px){
  .dictionary-grid,.situation-grid,.tips-grid{grid-template-columns:repeat(2,1fr)}
  .human-box{align-items:flex-start;flex-direction:column}
}
@media (max-width:620px){
  .lesson-row{grid-template-columns:1fr}
  .dictionary-grid,.situation-grid,.tips-grid{grid-template-columns:1fr}
  .admin-grid,.form-grid{grid-template-columns:1fr}
  .admin-table{display:block;overflow:auto}
}


/* v3.1 — hero limpio: los textos manuscritos ya vienen integrados en hero_scene.jpg */
.hero-visual .note,
.note-one,
.note-two{
  display:none !important;
}

.hero-visual{
  overflow:hidden;
  border-radius:28px;
}

.hero-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

/* Evita que botones o elementos de texto queden encima de la fotografía */
.hero-visual > :not(img){
  pointer-events:none;
}

/* v3.2 — análisis/desglose de frases */
.phrase-admin-intro{margin:0 0 22px}
.phrase-breakdown-admin{margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}
.phrase-breakdown-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:18px}
.phrase-breakdown-head h2{margin:4px 0 6px;color:var(--navy)}
.phrase-breakdown-head p{margin:0;color:var(--muted);max-width:720px}
.breakdown-admin-list{display:grid;gap:14px}
.breakdown-admin-row{display:grid;grid-template-columns:38px 1fr 38px;gap:12px;align-items:start;background:#f8fbfe;border:1px solid #d9e5ef;border-radius:16px;padding:16px}
.breakdown-row-number{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900}
.breakdown-row-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.breakdown-row-fields .full{grid-column:1/-1}
.breakdown-row-fields textarea{min-height:78px}
.breakdown-remove{width:34px;height:34px;border:1px solid #efc5c8;background:#fff;color:#a92831;border-radius:10px;font-size:23px;line-height:1;cursor:pointer}
.breakdown-remove:hover{background:#fff1f2}
.breakdown-empty{padding:17px;border:1px dashed #b8cad9;border-radius:14px;background:#fbfdff;color:#61788f;text-align:center}

.phrase-context{margin-top:12px;padding:10px 12px;border-radius:11px;background:#f7f7f2;color:#4f6072;font-size:13px}
.phrase-breakdown{margin-top:14px;border:1px solid #d8e5ef;border-radius:14px;background:#fbfdff;overflow:hidden}
.phrase-breakdown summary{cursor:pointer;padding:13px 15px;font-weight:900;color:var(--navy);list-style:none}
.phrase-breakdown summary::-webkit-details-marker{display:none}
.phrase-breakdown summary::after{content:'+';float:right;font-size:20px;line-height:1}
.phrase-breakdown[open] summary::after{content:'−'}
.phrase-breakdown-list{display:grid;gap:0;border-top:1px solid #e2ebf2}
.phrase-breakdown-item{display:grid;grid-template-columns:minmax(90px,.7fr) 1.6fr;gap:14px;padding:13px 15px;border-bottom:1px solid #e8eff5}
.phrase-breakdown-item:last-child{border-bottom:0}
.phrase-part-word{font-family:"Segoe Print","Comic Sans MS",cursive;font-weight:900;color:var(--red);font-size:17px}
.phrase-part-body{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center;color:#334f6e;font-size:13px}
.phrase-part-body strong{color:var(--navy)}
.phrase-part-body p{flex-basis:100%;margin:0;color:#5d728a;line-height:1.45}
.phrase-function{display:inline-block;padding:4px 8px;border-radius:999px;background:#eaf5fd;color:#0e67b5;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}

@media (max-width:700px){
  .phrase-breakdown-head{flex-direction:column}
  .phrase-breakdown-head .btn{width:100%}
  .breakdown-admin-row{grid-template-columns:32px 1fr 32px;padding:12px}
  .breakdown-row-fields{grid-template-columns:1fr}
  .breakdown-row-fields .full{grid-column:auto}
  .phrase-breakdown-item{grid-template-columns:1fr;gap:5px}
}

/* v3.3 — Comunidad + registros de habla */
.nav-contribute{color:#b51f2a!important;font-weight:950!important}
.community-hero{background:linear-gradient(180deg,#fff2dc 0%,#fffaf2 100%)}
.community-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:28px;align-items:start}
.community-form-card,.community-side-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 34px rgba(18,52,91,.08)}
.community-form-card{padding:30px}.community-side{display:grid;gap:16px;position:sticky;top:90px}.community-side-card{padding:21px}.community-side-card h3{margin:0 0 8px;color:var(--navy)}.community-side-card p{margin:0;color:#536b85;line-height:1.55}
.community-form-heading h2{font-family:"Segoe Print","Comic Sans MS",cursive;color:var(--navy);font-size:31px;margin:12px 0 8px}.community-form-heading p{color:#58708a;margin:0 0 24px}
.community-form{display:grid;gap:17px}.community-form .optional{font-weight:500;color:#7f90a3}.community-flash{padding:12px 14px;border-radius:12px;margin-bottom:18px;background:#eef7ff}.community-flash.error{background:#fff0f0;color:#941a22}
.community-success{text-align:center;padding:30px 12px}.community-success strong{display:block;font-size:28px;color:var(--navy)}.community-success p{max-width:560px;margin:12px auto 22px;color:#526b86}
.register-fieldset{border:1px solid #d5e2ec;border-radius:16px;padding:16px}.register-fieldset legend{padding:0 7px;font-weight:900;color:var(--navy)}.register-help{margin:0 0 13px;color:#657a91;font-size:13px}.register-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.register-choice{display:grid;grid-template-columns:auto 1fr;gap:7px 8px;align-items:start;padding:13px;border:1px solid #dce6ee;border-radius:13px;cursor:pointer;background:#fbfdff}.register-choice input{margin-top:4px}.register-choice-title{font-weight:950}.register-choice small{grid-column:2;color:#647a91;line-height:1.35}.register-choice:has(input:checked){border-color:#7fa6c7;box-shadow:0 0 0 2px rgba(50,112,166,.08)}
.register-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.register-badge.cuico,.register-cuico{background:#f2eafa;color:#6b3d91}.register-badge.neutro,.register-neutro{background:#e8f5fb;color:#146786}.register-badge.flaite,.register-flaite{background:#fff0e4;color:#a64c12}
.register-explainer{display:grid;gap:12px}.register-explainer>div{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start}.register-explainer>div p{font-size:13px}
.community-submit-row{display:flex;gap:15px;align-items:center}.community-submit-row span{font-size:12px;color:#6f8296;max-width:330px}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.field-hint{color:#71859a;font-size:11px}.word-card>.register-badge{margin-top:10px}.situation-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.situation-heading h2{margin-right:auto}.phrase-heading-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.phrase-heading-line h3{margin:0}
.admin-stat-community{border-color:#f1c7a6;background:#fffaf4}.community-filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.community-filterbar a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-weight:850}.community-filterbar a.active{background:var(--navy);color:#fff}.community-admin-list{display:grid;gap:15px}.contribution-card h2{margin:12px 0;color:var(--navy)}.contribution-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.contribution-tags{display:flex;gap:7px;flex-wrap:wrap}.type-badge,.status-badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;text-transform:uppercase}.type-badge{background:#edf4fa;color:#385d7c}.status-pending{background:#fff4d9;color:#8c6200}.status-approved{background:#e8f7ec;color:#236b35}.status-rejected{background:#fff0f0;color:#9a2e35}.contribution-detail{padding:9px 0;border-top:1px solid #edf2f6;color:#415d79}.contribution-author{margin-top:8px;font-size:13px;color:#627a91}.contribution-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.contribution-actions form{margin:0}.danger-text{color:#b51f2a!important}.contribution-note{margin:15px 0 0}
@media(max-width:900px){.community-layout{grid-template-columns:1fr}.community-side{position:static}.register-choice-grid{grid-template-columns:1fr}}
@media(max-width:620px){.community-form-card{padding:20px}.community-submit-row{align-items:stretch;flex-direction:column}.contribution-topline{align-items:flex-start;flex-direction:column}}

/* v3.4 — Intérprete */
.interpreter-hero{padding:72px 0 52px;background:linear-gradient(180deg,#fff9ef 0%,#fff 100%)}
.interpreter-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.interpreter-copy h1{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.96;margin:.15em 0 .28em;letter-spacing:-.055em}.interpreter-box{background:#fff;padding:12px;border-radius:22px;box-shadow:0 18px 55px rgba(28,25,23,.12);border:1px solid #eadfd2}.interpreter-box textarea{width:100%;min-height:115px;border:0;resize:vertical;font:inherit;font-size:1.15rem;padding:16px;outline:none}.interpreter-box .btn{width:100%;justify-content:center}.interpreter-note{font-size:.88rem;opacity:.72;margin-top:12px}.interpretation-section{padding:50px 0;background:#f5efe6}.interpretation-head h2{font-size:clamp(1.7rem,3vw,3rem);margin-top:10px}.interpretation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.interpretation-card,.no-interpretation,.legal-card{background:#fff;border-radius:20px;padding:26px;box-shadow:0 10px 30px rgba(0,0,0,.06)}.interpretation-title{display:flex;justify-content:space-between;gap:15px;align-items:center}.interpret-row{border-top:1px solid #eee4d8;padding:15px 0}.interpret-row p{margin:6px 0 0}.interpret-disclaimer{font-size:.9rem;opacity:.7;margin-top:18px}.language-switch{display:flex;gap:7px;align-items:center;font-weight:800}.language-switch a{opacity:.45;text-decoration:none}.language-switch a.active{opacity:1;text-decoration:underline}.terms-check{display:flex;gap:10px;align-items:flex-start;background:#f7f3ed;padding:16px;border-radius:12px;font-size:.9rem}.terms-check input{margin-top:3px}.legal-card{max-width:900px}.legal-card p{line-height:1.7}.field small{display:block;margin-top:5px;opacity:.65}
@media(max-width:900px){.interpreter-grid{grid-template-columns:1fr}.interpreter-hero{padding-top:42px}.interpreter-copy h1{font-size:clamp(2.4rem,11vw,4rem)}.hero-visual{order:-1}.language-switch{margin-left:auto}}

/* v3.5 — PT + monetización + firma TEKTUM */
.footer-pro{display:grid;grid-template-columns:1.4fr 1fr auto;gap:28px;align-items:center}.footer-pro p{margin:.35rem 0 0;opacity:.76}.tektum-signature{display:flex;flex-direction:column;gap:3px}.tektum-signature a{font-size:1.15rem;font-weight:950;letter-spacing:.08em}.tektum-signature small{opacity:.66}.footer-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.support-band{padding:50px 0;background:#fff7e9}.support-card{display:flex;gap:26px;justify-content:space-between;align-items:center;background:#fff;border:1px solid #eadfd2;border-radius:24px;padding:30px;box-shadow:0 12px 35px rgba(0,0,0,.06)}.support-card h2{margin:.4rem 0 0;max-width:750px}.sponsor-band{padding:48px 0}.sponsor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.sponsor-card{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid #e5e8eb;border-radius:18px;padding:18px;text-decoration:none;box-shadow:0 8px 24px rgba(18,52,91,.06)}.sponsor-card img{width:72px;height:72px;object-fit:contain;border-radius:12px}.sponsor-card p{margin:.35rem 0 0;color:#5c6f83}.language-switch{white-space:nowrap}@media(max-width:850px){.footer-pro{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.support-card{align-items:flex-start;flex-direction:column}}

/* v3.7 language flags */
.language-switch.flags{display:flex;align-items:center;gap:.34rem;white-space:nowrap}
.language-switch.flags a{font-size:1.28rem;line-height:1;text-decoration:none;opacity:.48;filter:saturate(.72);transform:scale(.94);transition:.18s ease}
.language-switch.flags a:hover{opacity:.82;transform:scale(1.04)}
.language-switch.flags a.active{opacity:1;filter:none;transform:scale(1.14);text-shadow:0 2px 8px rgba(0,0,0,.16)}
.language-switch.flags span{opacity:.28;font-size:.9rem}

.language-switch.flags a{display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:5px}
.language-switch.flags img{display:block;width:27px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.language-switch.flags a.active{background:rgba(18,52,91,.08);padding:4px}

/* v3.8 — comunidad, descubrimiento y curaduría */
.community-hero-v38{padding:68px 0 52px;background:radial-gradient(circle at 85% 18%,rgba(255,217,77,.42),transparent 27%),linear-gradient(135deg,#fff6e8 0%,#eef8ff 60%,#fff 100%);border-bottom:1px solid #e6edf3}.community-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}.community-hero-v38 h1{font-size:clamp(2.6rem,5vw,5.2rem);line-height:.96;margin:.12em 0 .25em;color:#0f2e5c;letter-spacing:-.055em}.community-hero-v38 p{font-size:1.08rem;max-width:760px;color:#405c79}.community-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.community-proof span{background:#fff;border:1px solid #dfe8ef;border-radius:999px;padding:9px 13px;font-weight:800;font-size:.83rem;box-shadow:0 5px 16px rgba(21,55,88,.05)}.unknown-callout{background:#102f5e;color:#fff;border-radius:26px;padding:28px;box-shadow:0 20px 45px rgba(16,47,94,.2);transform:rotate(1deg)}.unknown-callout h2{margin:4px 0 8px;font-size:1.45rem}.unknown-callout p{color:#ddecfb;font-size:.96rem}.unknown-icon{font-size:2rem}.btn-dark{background:#fff;color:#102f5e}.community-form-card.v38{border-top:5px solid #ed2f32}.community-personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.btn-community{font-size:1rem;min-width:230px}.community-side-card.accent{position:relative;overflow:hidden}.community-side-card.accent:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;background:#fff0c8;right:-35px;bottom:-45px}.community-side-card.accent.blue:after{background:#dcefff}.side-icon{font-size:1.7rem}.translation-flow{display:flex;align-items:center;gap:8px;margin-top:15px;padding:10px;background:#f7fbff;border-radius:12px;color:#173b67}.success-mark{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#e9f8ee;color:#23723a;font-size:28px;font-weight:900}.quick-community{background:linear-gradient(180deg,#fff9e9,#fff)!important;border:1px solid #f2dfaa}.quick-community small{display:block;color:#7b6641;margin-top:5px}.missing-card{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;border:1px solid #efdba0;background:linear-gradient(135deg,#fffdf4,#fff)}.missing-emoji{font-size:2.3rem}.missing-copy{background:#fff8dc;padding:12px 14px;border-radius:12px}.missing-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.ai-translation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.ai-translation-grid>div{border:1px solid #dfe8ef;border-radius:12px;padding:12px;background:#fbfdff}.ai-translation-grid p{margin:7px 0;color:#304d6d}.ai-translation-grid small{color:#687f96}.ai-generated{background:#e7f7ed;color:#22713b}.ai-error{background:#fff0f0;color:#992b33}.ai-pending{background:#eef4fa;color:#526d88}
@media(max-width:900px){.community-hero-grid{grid-template-columns:1fr}.unknown-callout{transform:none}.ai-translation-grid{grid-template-columns:1fr}.community-personal-grid{grid-template-columns:1fr}}

/* v3.9 — portada protagonista, foto completa y flujos separados */
.interpreter-hero{padding:58px 0 48px;background:radial-gradient(circle at 12% 15%,rgba(255,214,75,.20),transparent 25%),linear-gradient(180deg,#fffaf1 0%,#fff 100%)}
.interpreter-grid{grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);gap:38px;align-items:center}
.interpreter-copy h1{font-size:clamp(3rem,5.25vw,5.55rem)}
.interpreter-copy .lead{max-width:700px}
.interpreter-hero .hero-visual{height:auto;aspect-ratio:782/550;border-radius:28px;overflow:hidden;background:#dcefff;box-shadow:0 24px 60px rgba(20,54,91,.16);align-self:center}
.interpreter-hero .hero-visual img{width:100%;height:100%;object-fit:contain;object-position:center center}
.interpreter-hero .hero-visual::before{display:none}
.interpreter-prompt{display:flex;gap:12px;align-items:center;margin:24px 0 10px;color:#12345f}.interpreter-prompt .prompt-ear{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f5ff;font-size:1.35rem}.interpreter-prompt strong{display:block;font-size:1.05rem}.interpreter-prompt small{display:block;color:#5e7185;margin-top:2px}
.interpreter-box-v39{padding:9px;border-radius:26px;border:1px solid #e8dccd;box-shadow:0 20px 55px rgba(30,52,75,.12);background:rgba(255,255,255,.96)}.textarea-wrap{position:relative;background:#fff;border-radius:18px;transition:.2s ease}.textarea-wrap:focus-within{box-shadow:inset 0 0 0 2px rgba(18,83,145,.18)}.textarea-wrap .chat-mark{position:absolute;left:17px;top:17px;font-size:1.2rem}.interpreter-box-v39 textarea{padding:18px 18px 32px 50px;min-height:112px;background:transparent}.char-hint{position:absolute;right:14px;bottom:9px;font-size:.72rem;color:#8a98a6}.interpreter-submit{width:100%;justify-content:center;border:0;border-radius:17px;background:linear-gradient(135deg,#ed2f32,#c91f2c);color:#fff;font-size:1rem;box-shadow:0 9px 22px rgba(205,35,46,.22);transition:.2s ease}.interpreter-submit:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(205,35,46,.28)}
.try-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}.try-chips>span{font-size:.78rem;color:#74869a;font-weight:800}.try-chips button{border:1px solid #dbe5ee;background:#fff;color:#173b67;border-radius:999px;padding:7px 10px;font:inherit;font-size:.76rem;font-weight:750;cursor:pointer;transition:.18s}.try-chips button:hover{background:#eaf5ff;transform:translateY(-1px)}
.nav-contribute{background:linear-gradient(135deg,#fff3bf,#ffe16a);border:1px solid #efd15b!important;border-radius:999px!important;padding:9px 13px!important;color:#15345f!important;box-shadow:0 5px 14px rgba(155,118,0,.10)}
.question-hero{padding:70px 0;background:radial-gradient(circle at 8% 15%,rgba(255,222,94,.28),transparent 26%),linear-gradient(135deg,#fff9ed,#eef8ff)}.question-shell{display:grid;grid-template-columns:1fr .9fr;gap:42px;align-items:center}.question-copy h1{font-size:clamp(2.8rem,5vw,5rem);line-height:.98;color:#10315f;margin:.15em 0 .3em}.question-copy>p{font-size:1.08rem;color:#405d7a;max-width:680px}.empathy-line{margin-top:24px;background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:16px 18px;box-shadow:0 9px 28px rgba(17,54,91,.06)}.question-card{background:#fff;border-radius:26px;padding:28px;border:1px solid #e3e9ef;box-shadow:0 22px 55px rgba(20,54,91,.12)}.question-card textarea{min-height:105px}.contribute-only .container{max-width:980px}.contribute-hero-copy{text-align:center}.contribute-hero-copy p{margin-left:auto;margin-right:auto}.contribute-hero-copy .community-proof{justify-content:center}
@media(max-width:1000px){.interpreter-grid{grid-template-columns:1fr}.interpreter-hero .hero-visual{order:0;max-width:760px;width:100%;margin:0 auto}.question-shell{grid-template-columns:1fr}.interpreter-copy h1{font-size:clamp(2.6rem,9vw,4.8rem)}}
@media(max-width:620px){.interpreter-hero{padding-top:34px}.interpreter-hero .hero-visual{border-radius:20px}.try-chips{align-items:flex-start}.question-hero{padding:42px 0}.question-card{padding:20px}.interpreter-prompt small{font-size:.78rem}}

/* v4.0 — hero editorial + navegación móvil horizontal + apoyo persistente */
@media (min-width:1001px){
  .interpreter-hero{overflow:hidden;padding-top:46px}
  .interpreter-grid{grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);position:relative;align-items:start;gap:28px}
  .interpreter-copy{position:relative;z-index:3;padding-top:0}
  .interpreter-copy h1{font-size:clamp(3.6rem,5.35vw,5.85rem);line-height:.92;letter-spacing:-.065em;width:calc(200% + 28px);max-width:1120px;margin:.14em 0 .24em;position:relative;z-index:5;text-wrap:balance}
  .interpreter-copy .lead{max-width:650px}
  .interpreter-hero .hero-visual{margin-top:92px;position:relative;z-index:1}
}
/* botón económico siempre visible y distinto del aporte de contenido */
.support-persistent{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#fff7df;border:1px solid #efd789;color:#6f5210;font-weight:900;font-size:.78rem;white-space:nowrap;box-shadow:0 6px 18px rgba(75,57,13,.08)}
.support-persistent:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(75,57,13,.13)}
.support-floating{display:none}
.support-card-v40{position:relative;overflow:hidden}.support-card-v40:after{content:'☕';position:absolute;right:22px;bottom:-22px;font-size:92px;opacity:.08;transform:rotate(-10deg)}
.support-card-v40 .support-kicker{font-weight:950;color:#8a6514;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}
.support-card-v40 .support-note{color:#66788c;font-size:.88rem;margin-top:7px}

@media (max-width:900px){
  .site-header{position:sticky;top:0;z-index:100;background:#fff}
  .nav-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:8px}
  .menu-toggle{display:none!important}
  .main-nav{grid-column:1/-1;display:flex!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:8px;padding:8px 2px 11px;margin:0 -2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}
  .main-nav::-webkit-scrollbar{display:none}
  .main-nav a{display:inline-flex!important;flex:0 0 auto;scroll-snap-align:start;border:1px solid #e1e8ef;background:#fff;border-radius:999px;padding:9px 12px!important;font-size:.78rem;box-shadow:0 3px 10px rgba(20,54,91,.04)}
  .main-nav .nav-contribute{background:#fff0f0;border-color:#f3c8ca;color:#b92129}
  .header-actions{display:flex;align-items:center;gap:5px}
  .header-actions .support-persistent{display:none}
  .support-floating{display:inline-flex;position:fixed;right:14px;bottom:16px;z-index:120;align-items:center;gap:6px;background:#fff3c8;border:1px solid #e8cc68;color:#664b08;border-radius:999px;padding:11px 14px;font-weight:950;font-size:.82rem;box-shadow:0 12px 30px rgba(50,43,14,.22)}
  .try-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:5px;-webkit-overflow-scrolling:touch}
  .try-chips::-webkit-scrollbar{display:none}.try-chips>*{flex:0 0 auto;scroll-snap-align:start}
  .situation-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:4px 2px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .situation-grid::-webkit-scrollbar{display:none}.situation-grid>.situation-card{flex:0 0 min(84vw,360px);scroll-snap-align:start}
}
@media (max-width:620px){
  .brand img{max-width:205px}.language-switch.flags span{display:none}.language-switch.flags{gap:5px}
  .interpreter-copy h1{font-size:clamp(2.65rem,13vw,4rem);line-height:.94}
}

/* v4.1 — hero editorial en 2 líneas + apoyo económico siempre visible */
@media (min-width:1001px){
  .interpreter-hero{padding-top:34px;overflow:hidden}
  .interpreter-grid{position:relative;grid-template-columns:minmax(0,1fr) minmax(440px,.96fr);gap:32px;align-items:start;padding-top:190px}
  .hero-title-wrap{position:absolute;left:0;right:0;top:0;z-index:8;pointer-events:none}
  .hero-title-wrap .eyebrow{margin:0 0 14px;pointer-events:auto}
  .hero-title-wrap h1{margin:0;max-width:none;width:100%;font-size:clamp(3.8rem,5.15vw,5.75rem);line-height:.9;letter-spacing:-.065em;color:#103568;text-wrap:nowrap;pointer-events:auto}
  .hero-title-wrap h1 span{display:block;white-space:nowrap}
  .hero-title-wrap h1 span:first-child{width:max-content;max-width:100%}
  .hero-title-wrap h1 span:last-child{width:max-content;max-width:100%}
  .interpreter-copy{z-index:4;padding-top:10px}
  .interpreter-copy .lead{margin-top:0;max-width:650px}
  .interpreter-hero .hero-visual{margin-top:-72px;z-index:2;align-self:start}
  .interpreter-hero .hero-visual img{object-fit:contain}
  .support-floating{display:inline-flex;position:fixed;right:22px;bottom:22px;z-index:180;align-items:center;gap:8px;background:#fff2b8;border:1px solid #e4c451;color:#604605;border-radius:999px;padding:12px 17px;font-weight:950;font-size:.9rem;box-shadow:0 14px 34px rgba(49,42,10,.22);text-decoration:none;transition:.2s ease}
  .support-floating:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(49,42,10,.28)}
  .nav-support{color:#735600!important;background:#fff8df;border:1px solid #edd98f;border-radius:999px;padding:7px 10px!important}
}
@media (max-width:1000px){
  .hero-title-wrap{display:block}
  .hero-title-wrap .eyebrow{margin-bottom:10px}
  .hero-title-wrap h1{font-size:clamp(2.55rem,9vw,4.5rem);line-height:.94;letter-spacing:-.055em;margin:.1em 0 .22em;color:#103568}
  .hero-title-wrap h1 span{display:inline;white-space:normal}
  .hero-title-wrap h1 span+span::before{content:' '}
  .interpreter-copy{padding-top:0}
  .interpreter-hero .hero-visual{margin-top:0}
  .support-floating{display:inline-flex}
}

/* v4.2 — cabecera en dos filas + logo transparente + hero limpio sin superposición */
.site-header{height:auto;min-height:0;position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 0 rgba(15,46,95,.10)}
.header-top-row{min-height:74px;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:22px;padding-top:7px;padding-bottom:7px}
.header-top-row .brand{display:flex;align-items:center;min-width:0}
.header-top-row .brand img{display:block;width:min(290px,100%);height:58px;object-fit:contain;object-position:left center}
.header-primary-actions{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}
.header-primary-actions a{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:10px 16px;font-weight:850;font-size:.88rem;transition:.18s ease}
.suggest-expression{background:#eaf5ff;border:1px solid #bcdcf5;color:#103568;box-shadow:0 5px 14px rgba(16,53,104,.07)}
.suggest-expression:hover{background:#dff0ff;transform:translateY(-1px)}
.support-project{background:#fff7dc;border:1px solid #efd47c;color:#745300;box-shadow:0 5px 14px rgba(143,105,0,.08)}
.support-project:hover{background:#fff0b8;transform:translateY(-1px)}
.header-nav-row{border-top:1px solid #edf1f4;background:#fff}
.main-nav-v42{display:flex;align-items:center;justify-content:center;gap:34px;min-height:46px;font-size:.86rem;font-weight:700;white-space:nowrap}
.main-nav-v42 a{padding:13px 0 12px;position:relative;color:#233b63}
.main-nav-v42 a:hover{color:var(--red)}
.main-nav-v42 a.active::after{bottom:5px}

/* Hero: título ocupa el ancho superior; contenido y foto empiezan debajo */
.interpreter-hero{padding:30px 0 48px;overflow:hidden}
.interpreter-hero .hero-title-wrap{position:static;display:block;pointer-events:auto;margin:0 0 22px;z-index:auto}
.interpreter-hero .hero-title-wrap .eyebrow{margin:0 0 10px}
.interpreter-hero .hero-title-wrap h1{margin:0;max-width:1180px;width:100%;font-size:clamp(3.35rem,5.2vw,5.65rem);line-height:.91;letter-spacing:-.058em;color:#103568;white-space:normal}
.interpreter-hero .hero-title-wrap h1 span{display:block;white-space:nowrap;width:auto;max-width:none}
.interpreter-hero .interpreter-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(440px,.97fr);gap:38px;align-items:start}
.interpreter-hero .interpreter-copy{padding-top:0}
.interpreter-hero .hero-visual{margin-top:0!important;position:relative;z-index:1;align-self:start;height:auto;aspect-ratio:782/550}
.interpreter-hero .hero-visual img{object-fit:contain}

@media(max-width:1000px){
  .header-top-row{grid-template-columns:minmax(170px,1fr) auto;gap:10px}
  .header-top-row .brand img{width:220px;height:52px}
  .header-primary-actions{justify-self:end;gap:7px}
  .header-primary-actions a{padding:9px 11px;font-size:.78rem}
  .header-top-row .language-switch{grid-column:1/-1;justify-self:center;margin-top:-3px;margin-bottom:2px}
  .main-nav-v42{justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:8px;padding:7px 12px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .main-nav-v42::-webkit-scrollbar{display:none}
  .main-nav-v42 a{flex:0 0 auto;scroll-snap-align:start;border:1px solid #e1e8ef;background:#fff;border-radius:999px;padding:8px 12px!important;font-size:.78rem}
  .interpreter-hero .hero-title-wrap h1{font-size:clamp(2.7rem,7.2vw,4.7rem)}
  .interpreter-hero .interpreter-grid{grid-template-columns:1fr}
  .interpreter-hero .hero-visual{max-width:760px;width:100%;margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:620px){
  .header-top-row{display:grid;grid-template-columns:1fr auto;padding-top:6px;padding-bottom:5px}
  .header-top-row .brand img{width:185px;height:47px}
  .header-primary-actions{grid-column:1/-1;grid-row:2;justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .header-primary-actions a{justify-content:center;text-align:center;padding:8px 9px;font-size:.76rem}
  .header-top-row .language-switch{grid-column:2;grid-row:1;margin:0;justify-self:end}
  .header-nav-row{margin-top:0}
  .interpreter-hero{padding-top:25px}
  .interpreter-hero .hero-title-wrap{margin-bottom:18px}
  .interpreter-hero .hero-title-wrap h1{font-size:clamp(2.45rem,12.5vw,3.7rem);line-height:.94;letter-spacing:-.05em}
  .interpreter-hero .hero-title-wrap h1 span{display:inline;white-space:normal}
  .interpreter-hero .hero-title-wrap h1 span+span::before{content:' '}
}

/* v4.3 — ajuste compacto del hero: 15 px reales entre título y contenido */
@media (min-width:1001px){
  .interpreter-hero .hero-title-wrap{margin-bottom:15px!important}
  .interpreter-hero .interpreter-grid{padding-top:0!important;margin-top:0!important}
}

/* v4.4 — consulta de visitante ultrarrápida */
.question-hero-simple .question-shell{align-items:center;gap:36px}
.question-card-simple{max-width:560px}
.quick-question-form textarea{min-height:118px;font-size:1.08rem}
.quick-question-form .btn{width:100%;margin-top:10px}
@media(max-width:760px){.question-hero-simple .question-shell{gap:18px}.question-card-simple{max-width:none}.quick-question-form textarea{min-height:105px}}

/* v4.6 — selector de coincidencias + página de apoyo HablaChileno */
.match-picker{background:#fff;border:1px solid #ead5ad;border-radius:22px;padding:28px;box-shadow:0 12px 34px rgba(21,51,88,.07)}
.match-picker h3{margin:0 0 7px;color:#07366e;font-size:1.35rem}.match-picker>p{margin:0 0 20px;color:#53677e}
.match-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-choice{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:15px 17px;border:1px solid #d9e4ef;border-radius:15px;background:#fff;text-decoration:none;color:#07366e;transition:.18s}.match-choice:hover{transform:translateY(-2px);border-color:#e32a35;box-shadow:0 8px 20px rgba(7,54,110,.08)}.match-choice span{grid-row:1/3;font-size:1.2rem}.match-choice strong{font-size:1rem}.match-choice small{color:#e32a35}.match-picker-none{margin-top:20px;padding-top:16px;border-top:1px solid #eee;display:flex;gap:8px;flex-wrap:wrap}.match-picker-none a{font-weight:800;color:#e32a35}
.support-page{padding:54px 0 70px;background:radial-gradient(circle at 80% 10%,#fff1c8 0,transparent 28%),#f7f1e7;min-height:68vh}.support-page-card{max-width:820px;margin:auto;background:#fff;border:1px solid #ecd5a2;border-radius:28px;padding:42px;box-shadow:0 18px 50px rgba(39,54,74,.10);text-align:center}.support-page-kicker{display:inline-block;background:#fff3d2;border-radius:999px;padding:8px 13px;color:#07366e;font-weight:900;font-size:.78rem;letter-spacing:.06em}.support-page h1{color:#07366e;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:20px auto 16px;max-width:700px}.support-page-lead{font-size:1.15rem;line-height:1.65;color:#344b65;max-width:680px;margin:0 auto 25px}.support-page-reasons{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin:22px 0}.support-page-reasons>div{background:#fbf7ef;border-radius:18px;padding:18px;display:flex;align-items:center;gap:12px;text-align:left}.support-page-reasons span{font-size:1.55rem}.support-page-reasons p{margin:0;line-height:1.45}.support-pay-btn{display:block;max-width:500px;margin:24px auto 13px;background:#e12632;color:#fff!important;font-size:1.08rem;padding:17px 22px;border-radius:15px;text-decoration:none;font-weight:900;box-shadow:0 10px 24px rgba(225,38,50,.2)}.support-payment-note{font-size:.87rem;color:#68798b;max-width:610px;margin:0 auto}.support-no-money{margin:27px auto 15px;border-top:1px solid #eee;padding-top:20px;display:flex;justify-content:center;gap:7px;flex-wrap:wrap;color:#344b65}.support-back{color:#07366e;font-weight:800;text-decoration:none}
@media(max-width:700px){.match-picker-grid,.support-page-reasons{grid-template-columns:1fr}.match-picker{padding:20px}.support-page{padding:28px 0 45px}.support-page-card{padding:27px 18px;border-radius:22px}.support-page-reasons>div{text-align:left}}


/* v4.6.1 — CTA de apoyo: filete rojo, texto azul y hover sutil */
.support-outline-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:12px 18px;border:1.5px solid #e12632;border-radius:14px;
  background:#fff;color:#07366e!important;text-decoration:none;font-weight:900;
  white-space:nowrap;box-shadow:0 5px 14px rgba(7,54,110,.05);
  transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease;
}
.support-outline-cta:hover{
  transform:translateY(-2px);background:#fffaf5;border-color:#c91825;
  box-shadow:0 9px 22px rgba(225,38,50,.14);color:#07366e!important;
}
.support-outline-cta:focus-visible{outline:3px solid rgba(7,54,110,.18);outline-offset:3px}
.support-outline-cta .support-heart{display:inline-block;transform-origin:center;line-height:1}
.support-outline-cta:hover .support-heart{animation:hc-heartbeat .62s ease-in-out 1}
@keyframes hc-heartbeat{0%,100%{transform:scale(1)}28%{transform:scale(1.16)}52%{transform:scale(.98)}72%{transform:scale(1.09)}}
@media(max-width:700px){.support-outline-cta{width:100%;white-space:normal;text-align:center}}

/* v4.6.3 — botón y ayuda de instalación PWA */
.install-app-btn{
  appearance:none;border:1px solid #b9d7f0;background:#fff;color:#103568;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border-radius:999px;padding:10px 16px;font:inherit;font-weight:850;font-size:.88rem;
  cursor:pointer;box-shadow:0 5px 14px rgba(16,53,104,.06);
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease;
}
.install-app-btn:hover{transform:translateY(-1px);background:#f4faff;border-color:#8ebfe4;box-shadow:0 8px 18px rgba(16,53,104,.11)}
.install-app-btn.install-ready{border-color:#79b6e2;background:#f7fbff}
.install-app-btn:focus-visible{outline:3px solid rgba(16,53,104,.18);outline-offset:3px}
.install-app-btn[hidden]{display:none!important}
.install-dialog[hidden]{display:none!important}.install-dialog{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.install-dialog-backdrop{position:absolute;inset:0;background:rgba(8,30,57,.45);backdrop-filter:blur(3px)}
.install-dialog-card{position:relative;z-index:1;width:min(520px,100%);background:#fff;border:1px solid #d8e4ee;border-radius:24px;padding:30px 28px;box-shadow:0 24px 70px rgba(8,30,57,.22);text-align:center}
.install-dialog-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f2f5f8;color:#103568;font-size:25px;line-height:1;cursor:pointer}.install-dialog-close:hover{background:#e8eef4}
.install-dialog-icon{font-size:2.4rem;margin-bottom:8px}.install-dialog-card h2{margin:4px 0 12px;color:#103568}.install-dialog-card p{margin:0;color:#526b84;line-height:1.55}.install-steps{display:grid;gap:9px;margin-top:18px;text-align:left}.install-steps span{padding:12px 14px;border-radius:13px;background:#f7fafc;color:#294866}.install-steps strong{color:#e12632}.install-dialog-open{overflow:hidden}
@media(max-width:1000px){.header-primary-actions{gap:7px}.install-app-btn{padding:9px 11px;font-size:.78rem}}
@media(max-width:620px){.header-primary-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.install-app-btn{width:100%;padding:8px 7px;font-size:.72rem;white-space:nowrap}.install-dialog-card{padding:27px 20px}.install-dialog{padding:14px}}