/* Memoria Viva — page styles (pages on layout/mv.php; no Bootstrap). */
:root{
  --canvas:#FFF8F2; --fiesta:#FEF4EC; --card:#fff; --ink:#2D0C3B; --text:#381044; --text2:#6E5070;
  --magenta:#CF2F87; --magentaDeep:#AA176C; --orange:#FF940F; --orangeDeep:#F16A00; --marigold:#FFBA35;
  --plum:#2A0B34; --plum2:#47124F; --border:#EAD4E3;
  --title:var(--mv-title);
  --body:var(--mv-body);
  --gut:20px; --max:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{margin:0;font:400 16.5px/1.55 var(--body);color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
h1,h2,h3,h4{font-family:var(--title);color:var(--ink);letter-spacing:-.01em}
.accent{background:linear-gradient(95deg,var(--magenta),#E2457B 55%,var(--orangeDeep));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:800 12.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--magentaDeep)}
.lead{color:var(--text2);font-size:17.5px}
.sec{padding:72px 0}
.sec-h{text-align:center;max-width:720px;margin:0 auto 36px}
.sec-h h2{font-size:clamp(32px,7.4vw,48px);line-height:1.02;font-weight:800;margin-top:10px}
.sec-h p{margin-top:14px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:58px;padding:0 30px;border-radius:29px;font:700 19px/1 var(--title);text-decoration:none;color:#fff;white-space:nowrap;transition:transform .15s ease, box-shadow .15s ease}
.btn:active{transform:scale(.98)}
.btn.mag{background:linear-gradient(180deg,#E0479A,var(--magenta) 45%,var(--magentaDeep));box-shadow:0 12px 26px -10px rgba(170,23,108,.7),inset 0 -3px 0 rgba(90,0,50,.25)}
.btn.ora{background:linear-gradient(180deg,#FFAE3A,var(--orange) 45%,var(--orangeDeep));box-shadow:0 12px 26px -10px rgba(241,106,0,.6),inset 0 -3px 0 rgba(140,50,0,.22)}
.btn svg{width:20px;height:20px;flex:none}
.btn.sm{height:42px;padding:0 18px;font-size:15.5px;border-radius:21px}
.link{font:700 18px/1 var(--title);color:var(--magentaDeep);text-decoration:none;display:inline-flex;gap:8px;align-items:center}

/* Hero */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(120% 60% at 50% 0%,#FFF1E2 0%,rgba(255,241,226,0) 60%),
  radial-gradient(70% 45% at 85% 70%,rgba(255,186,53,.20),transparent 70%),
  radial-gradient(70% 45% at 10% 80%,rgba(207,47,135,.12),transparent 70%), var(--canvas)}
.papel{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:max(100%,760px);pointer-events:none;opacity:.95;
  -webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.hero .wrap{position:relative;display:grid;gap:8px;padding-top:118px;padding-bottom:0}
.hero-copy{text-align:center}
.hero h1{font-size:clamp(42px,11.5vw,74px);line-height:.98;font-weight:800}
.hero-copy p{margin:18px auto 0;max-width:470px;font-size:18px;color:var(--text2)}
.hero-copy .btn{margin-top:28px}
.hero-art{position:relative;height:520px;margin:26px calc(var(--gut) * -1) 0;-webkit-mask:linear-gradient(#000 80%,transparent);mask:linear-gradient(#000 80%,transparent)}
.phone{position:absolute;left:50%;top:0;transform:translateX(-50%);width:214px;aspect-ratio:540/1174;border-radius:42px;padding:9px;background:#1A0A1A;
  box-shadow:0 40px 60px -30px rgba(80,20,60,.55),0 0 0 1.5px rgba(255,255,255,.12) inset;z-index:3}
.phone video,.phone img.poster{width:100%;height:100%;object-fit:cover;border-radius:34px;background:#222}
.phone .island{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:74px;height:22px;border-radius:12px;background:#000;z-index:2}
.live{position:absolute;top:46px;right:18px;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(20,6,20,.55);backdrop-filter:blur(6px);font:700 12px/1 var(--body);color:#fff;letter-spacing:.04em}
.live i{width:7px;height:7px;border-radius:50%;background:#FF4D4D;box-shadow:0 0 0 3px rgba(255,77,77,.25);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35}}
.sound{position:absolute;left:18px;bottom:22px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(20,6,20,.55);backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;color:#fff}
.sound svg{width:19px;height:19px}
.hero-girl{position:absolute;z-index:4;width:150px;right:calc(50% - 196px);bottom:74px;filter:drop-shadow(0 18px 18px rgba(80,30,40,.22))}
.flower{position:absolute;z-index:5;filter:drop-shadow(0 12px 12px rgba(120,40,20,.25))}
.bfly{position:absolute;z-index:6;width:58px;transform:rotate(14deg);filter:drop-shadow(0 8px 8px rgba(80,30,20,.25));animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:rotate(8deg) translateY(-8px)}}
.bed{position:absolute;left:0;right:0;bottom:0;height:130px;z-index:5;pointer-events:none}

/* Trust strip */
.trust{display:flex;justify-content:center;margin:-28px 0 0;padding:0 var(--gut);position:relative;z-index:7}
.trust-pill{display:flex;align-items:center;gap:14px;padding:12px 20px 12px 14px;border-radius:999px;background:#fff;box-shadow:0 14px 30px -18px rgba(120,40,90,.45),inset 0 0 0 1px #F3E2EA}
.avatars{display:flex}
.avatars img{width:38px;height:38px;border-radius:50%;border:3px solid #fff;margin-left:-11px;object-fit:cover}
.avatars img:first-child{margin-left:0}
.stars{color:#F5A80F;font-size:19px;letter-spacing:2px;line-height:1}
.trust small{display:block;white-space:nowrap;font:800 10.5px/1 var(--body);letter-spacing:.08em;color:var(--text2);margin-top:5px}

/* Video calls (dusk) */
.dusk{position:relative;overflow:hidden;color:#FCEFF6;background:
  radial-gradient(80% 50% at 50% 0%,rgba(255,140,60,.18),transparent 65%),
  radial-gradient(60% 40% at 90% 90%,rgba(207,47,135,.25),transparent 70%),
  linear-gradient(180deg,#2A0B34,#3B0E44 55%,#2A0B34)}
.dusk::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,rgba(255,220,180,.55),transparent),radial-gradient(1.5px 1.5px at 70% 18%,rgba(255,220,180,.45),transparent),radial-gradient(1.5px 1.5px at 85% 60%,rgba(255,220,180,.4),transparent),radial-gradient(1.5px 1.5px at 12% 75%,rgba(255,220,180,.35),transparent);pointer-events:none}
.dusk h2{color:#fff}
.dusk .lead{color:rgba(252,239,246,.82)}
.dusk .lead strong{color:#FFC266;font-weight:700}
.badge-new{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font:700 13px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:#FFE1F0}
.badge-new b{background:linear-gradient(180deg,#FFAE3A,var(--orangeDeep));color:#fff;padding:5px 9px;border-radius:999px;letter-spacing:.08em;font-size:11.5px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:560px;margin:0 auto}
.duo figure{text-align:center}
.duo .phone{position:relative;left:auto;top:auto;transform:none;width:100%;border-radius:32px;padding:7px}
.duo .phone video{border-radius:26px}
.duo .phone .island{top:13px;width:54px;height:17px}
.duo .live{top:36px;right:12px}
.duo .sound{left:12px;bottom:14px;width:36px;height:36px}
.duo .step-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#FFAE3A,var(--orangeDeep));color:#fff;font:800 14px/1 var(--title);margin:16px auto 6px}
.duo figcaption h3{color:#fff;font-size:20px;line-height:1.1}
.duo figcaption p{font-size:14px;color:rgba(252,239,246,.72);margin-top:4px}
.feats{display:grid;grid-template-columns:1fr;gap:12px;margin-top:44px}
.feat{display:grid;grid-template-columns:58px 1fr;column-gap:14px;align-items:start;background:rgba(255,255,255,.06);border-radius:22px;padding:18px 18px 18px 16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.feat img{grid-row:span 2}
.feat img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.3))}
.feat h3{color:#fff;font-size:19px;line-height:1.12;margin-top:2px}
.feat p{font-size:14.5px;line-height:1.45;color:rgba(252,239,246,.75);margin-top:5px}
.dusk .cta-row{text-align:center;margin-top:40px}
.dusk .note{font-size:13.5px;color:rgba(252,239,246,.6);margin-top:14px}

/* How it works */
.steps{display:grid;gap:14px;max-width:1000px;margin:0 auto}
.step{position:relative;display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center;background:#fff;border-radius:26px;padding:18px 20px 18px 16px;
  box-shadow:0 20px 40px -30px rgba(120,40,90,.5),inset 0 0 0 1px #F3E2EA}
.step img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(160,60,40,.22))}
.step h3{font-size:21px;line-height:1.1;display:flex;align-items:center;gap:9px}
.num{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 13px/1 var(--title);color:#fff;background:linear-gradient(180deg,#FFAE3A,var(--orangeDeep))}
.step p{font-size:15.5px;line-height:1.45;color:var(--text2);margin-top:4px}
.center{text-align:center}
.how{position:relative}

/* Stories */
.stories{background:var(--fiesta);position:relative;overflow:hidden}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px var(--gut) 22px;margin:0 calc(var(--gut) * -1);scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:center}
.story{background:#fff;border-radius:26px;padding:26px 22px 22px;box-shadow:0 20px 40px -30px rgba(120,40,90,.5),inset 0 0 0 1px #F3E2EA;display:flex;flex-direction:column}
.story .q{font:800 56px/.6 var(--title);color:var(--marigold);height:26px}
.story h3{font-size:21px;line-height:1.12}
.story p{font-size:15.5px;line-height:1.55;color:var(--text2);margin-top:10px;flex:1}
.story .who{display:flex;align-items:center;gap:10px;margin-top:18px;font:700 15px/1 var(--title);color:var(--text)}
.story .who img{width:30px;height:30px}
.dots{display:flex;justify-content:center;gap:7px}
.dots i{width:8px;height:8px;border-radius:4px;background:#E6CFDB;transition:all .25s}
.dots i.on{width:22px;background:linear-gradient(90deg,var(--orange),var(--magenta))}

/* Export */
.export .rail{grid-auto-columns:72%}
.ex{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 20px 40px -30px rgba(120,40,90,.5),inset 0 0 0 1px #F3E2EA}
.ex img{width:100%;aspect-ratio:781/900;object-fit:cover;object-position:center 40%}
.ex div{padding:16px 18px 20px}
.ex h3{font-size:19px;display:flex;gap:9px;align-items:center}
.ex p{font-size:15px;line-height:1.45;color:var(--text2);margin-top:5px}

/* FAQ */
.faq{max-width:820px;margin:0 auto}
.badge{display:inline-block;padding:6px 12px;border-radius:999px;background:#E4F5EF;color:#17765B;font:800 12px/1 var(--body);letter-spacing:.1em}
details{background:#fff;border-radius:20px;margin-bottom:10px;box-shadow:inset 0 0 0 1px #F0DEE7;transition:box-shadow .2s}
details[open]{box-shadow:0 18px 36px -26px rgba(120,40,90,.5),inset 0 0 0 1.5px #EBC9D9}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;font:700 18px/1.25 var(--title);color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary .pm{flex:none;width:30px;height:30px;border-radius:50%;background:#FBEFF4;display:grid;place-items:center;color:var(--magentaDeep);transition:transform .25s}
details[open] summary .pm{transform:rotate(45deg);background:linear-gradient(180deg,#E0479A,var(--magentaDeep));color:#fff}
.ans{padding:0 20px 20px;color:var(--text2);font-size:16px;line-height:1.62}
.ans p+p,.ans ol{margin-top:10px}
.ans ol{padding-left:20px}
.ans li{margin-top:4px}
.ans a{color:var(--magentaDeep);font-weight:600}
.more-faq{display:none}
.faq.all .more-faq{display:block}
.showall{display:flex;margin:18px auto 0;height:48px;padding:0 22px;border-radius:24px;border:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--border);font:700 16px/1 var(--title);color:var(--text);cursor:pointer;align-items:center;gap:8px}
.faq.all .showall{display:none}

/* Related */
.rel{display:grid;gap:10px;max-width:900px;margin:0 auto}
.rel a{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border-radius:18px;text-decoration:none;font:700 17px/1.2 var(--title);color:var(--text);box-shadow:inset 0 0 0 1px #F0DEE7}
.rel a img{width:30px;height:30px}
.rel a span{flex:1}
.rel a svg{width:18px;height:18px;color:var(--magenta)}

/* Ready */
.ready{padding:20px 0 80px}
.ready-card{position:relative;overflow:hidden;border-radius:34px;padding:40px 24px 0;text-align:center;color:#FCEFF6;background:
  radial-gradient(70% 60% at 50% 0%,rgba(255,140,60,.22),transparent 70%),linear-gradient(160deg,#47124F,#2A0B34)}
.ready-card .wreath{width:120px;margin:0 auto 8px}
.ready-card h2{color:#fff;font-size:clamp(34px,8vw,48px);line-height:1}
.ready-card p{max-width:560px;margin:14px auto 0;color:rgba(252,239,246,.82);font-size:17px}
.ready-card .btn{margin-top:26px}
.ready-card .girl{width:190px;margin:22px auto 0;filter:drop-shadow(0 -6px 30px rgba(255,150,80,.35))}

/* ---------- Tablet / desktop ---------- */
@media (min-width:760px){
  :root{--gut:32px}
  .sec{padding:100px 0}
  .duo{gap:28px}
  .feats{grid-template-columns:repeat(4,1fr);gap:16px}
  .feat{grid-template-columns:1fr}
  .feat img{grid-row:auto}
  .feat h3{margin-top:12px}
  .steps{grid-template-columns:repeat(3,1fr)}
  .step{grid-template-columns:1fr;text-align:left;padding:26px 24px 28px;align-items:start}
  .step img{width:96px;height:96px}
  .rail{grid-auto-columns:calc(50% - 7px)}
  .export .rail{grid-auto-columns:calc(33.33% - 10px);overflow:visible}
  .rel{grid-template-columns:1fr 1fr}
}
@media (min-width:1000px){
  .papel{width:1240px}
  .hero .wrap{grid-template-columns:1.15fr .85fr;align-items:center;padding-top:200px;gap:30px}
  .hero h1{font-size:clamp(52px,4.8vw,68px)}
  .stories .rail{grid-auto-flow:row;grid-template-columns:1fr 1fr;overflow:visible;max-width:980px;margin:0 auto;padding:6px 0 0}
  .hero-copy{text-align:left}
  .hero-copy p{margin-left:0}
  .hero-art{height:640px;margin:0;-webkit-mask:linear-gradient(#000 86%,transparent);mask:linear-gradient(#000 86%,transparent)}
  .phone{width:270px}
  .hero-girl{width:250px;right:-6px;bottom:70px}
  .rail{grid-auto-columns:calc(33.33% - 10px)}
  .stories .dots{display:none}
  .ready-card{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;text-align:left;padding:46px 56px 0}
  .ready-card p{margin-left:0}
  .ready-card .wreath{margin:0 0 46px;width:150px}
  .ready-card .girl{margin:0;width:210px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- Inner pages (blog, help, support, legal, 404) ---------- */
.page-hero{position:relative;overflow:hidden;text-align:center;padding:132px 0 44px;background:
  radial-gradient(120% 70% at 50% 0%,#FFF1E2 0%,rgba(255,241,226,0) 65%),
  radial-gradient(60% 60% at 90% 100%,rgba(255,186,53,.16),transparent 70%),var(--canvas)}
.page-hero .papel{opacity:.9;width:560px!important;top:-8px}
.page-hero h1{font-size:clamp(34px,8vw,56px);line-height:1.02;font-weight:800;margin-top:12px}
.page-hero p{max-width:640px;margin:14px auto 0;color:var(--text2);font-size:17.5px}
.page-hero .meta{font-size:14.5px;color:var(--text2);margin-top:12px}
.page-hero .back{display:inline-flex;align-items:center;gap:6px;font:700 15px/1 var(--title);color:var(--magentaDeep);text-decoration:none}
.page-body{padding:8px 0 72px}
.narrow{max-width:760px;margin:0 auto}

/* Long-form text: articles and legal pages */
.prose{background:#fff;border-radius:28px;padding:28px 22px;box-shadow:0 20px 40px -30px rgba(120,40,90,.45),inset 0 0 0 1px #F3E2EA;color:#3A2140;font-size:17px;line-height:1.72}
.prose h2{font-size:clamp(23px,4.6vw,29px);line-height:1.15;margin:36px 0 10px}
.prose h2:first-child{margin-top:4px}
.prose h3{font-size:21px;line-height:1.2;margin:28px 0 8px}
.prose p{margin:0 0 14px}
.prose ul,.prose ol{margin:0 0 16px;padding-left:22px}
.prose li{margin:6px 0}
.prose a{color:var(--magentaDeep);font-weight:600}
.prose strong{color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px}
.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid #F0DEE7}
.prose th{font:700 13px/1.2 var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--text2);background:#FBF3F6}
.prose blockquote{margin:20px 0;padding:14px 18px;border-left:4px solid var(--marigold);background:#FFF7EC;border-radius:0 14px 14px 0;font-style:italic;color:#5a4a55}
.prose .note{font-size:15px;color:var(--text2);background:#FBF3F6;border-radius:14px;padding:12px 14px}
.prose img{border-radius:18px;margin:6px 0 18px}
.legal-also{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px;font-size:15px;color:var(--text2)}
.legal-also a{font:700 16px/1 var(--title);color:var(--magentaDeep);text-decoration:none}

/* Blog cards */
.posts{display:grid;gap:16px}
.post{display:flex;flex-direction:column;background:#fff;border-radius:26px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 20px 40px -30px rgba(120,40,90,.5),inset 0 0 0 1px #F3E2EA;transition:transform .2s ease, box-shadow .2s ease}
.post:hover{transform:translateY(-3px);box-shadow:0 26px 46px -28px rgba(120,40,90,.55),inset 0 0 0 1px #EBC9D9}
.post img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#F6E6EC}
.post div{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.post .date{font:800 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--magentaDeep)}
.post h2{font-size:22px;line-height:1.15;margin-top:10px}
.post p{font-size:15.5px;line-height:1.5;color:var(--text2);margin-top:8px;flex:1}
.post .more{font:700 16px/1 var(--title);color:var(--magentaDeep);margin-top:14px}
.lang-note{text-align:center;font-size:14.5px;color:var(--text2);margin:-12px 0 22px}
.article-img{width:100%;border-radius:26px;margin-bottom:22px;box-shadow:0 20px 40px -30px rgba(120,40,90,.5)}

/* Support */
.support-grid{display:grid;gap:18px}
.card{background:#fff;border-radius:28px;padding:24px 20px;box-shadow:0 20px 40px -30px rgba(120,40,90,.45),inset 0 0 0 1px #F3E2EA}
.form-row{margin-bottom:18px}
.form-row label{display:block;font:700 16.5px/1.25 var(--title);color:var(--ink);margin-bottom:6px}
.form-row small{display:block;font-size:14px;color:var(--text2);margin-top:6px}
.form-row small.before{margin:-2px 0 8px}
.field{width:100%;min-height:52px;border-radius:15px;border:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--border);padding:12px 16px;font:500 16.5px/1.4 var(--body);color:var(--text);-webkit-appearance:none;appearance:none}
textarea.field{min-height:150px;resize:vertical}
select.field{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23AA176C' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:42px}
.field:focus{outline:none;box-shadow:inset 0 0 0 2px var(--magenta),0 0 0 4px rgba(207,47,135,.14)}
.form-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.form-actions p{font-size:14.5px;color:var(--text2);margin:0}
.form-actions p a{color:var(--magentaDeep);font-weight:600}
.alert{border-radius:16px;padding:14px 16px;margin-bottom:18px;font-size:15.5px;background:#FDECEC;color:#8B1E1E;box-shadow:inset 0 0 0 1px #F5C6C6}
.side h2{font-size:21px;line-height:1.15}
.side p{font-size:15.5px;line-height:1.55;color:var(--text2);margin-top:6px}
.side .card+.card{margin-top:14px}
.side .ico{width:46px;height:46px;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 6px 8px rgba(160,60,40,.2))}
.sent{text-align:center;padding:34px 22px}
.sent img{width:110px;margin:0 auto 10px}
.sent h2{font-size:30px}
.sent p{color:var(--text2);margin:10px 0 22px}

/* Help */
.help-more{text-align:center;margin-top:34px}
.help-more h2{font-size:28px}
.help-more p{color:var(--text2);margin:8px 0 18px}

/* 404 */
.nf{text-align:center;padding:40px 0 90px}
.nf .wreath{width:150px;margin:0 auto 10px}
.nf h1{font-size:clamp(32px,7vw,48px);line-height:1.05}
.nf p{color:var(--text2);margin:12px 0 26px}
.nf .actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.btn.ghost{color:var(--text);background:#fff;box-shadow:inset 0 0 0 1.5px var(--border)}

@media (min-width:760px){
  .page-hero{padding:170px 0 56px}
  .page-hero .papel{width:720px!important}
  .prose{padding:44px 52px}
  .posts{grid-template-columns:1fr 1fr}
  .card{padding:32px 30px}
}
@media (min-width:1000px){
  .posts{grid-template-columns:repeat(3,1fr)}
  .support-grid{grid-template-columns:1.35fr .9fr;align-items:start}
}
/* Articles carry their own "# Title" — the page hero already shows it. */
.prose > h1:first-child{display:none}
.prose h1{font-size:clamp(26px,5vw,34px);line-height:1.12;margin:0 0 12px}

/* Step by step (landing) */
.walk{background:linear-gradient(180deg,#FFF8F2,#FEF1E8)}
.walk-rail{list-style:none;margin:0 calc(var(--gut) * -1);padding:6px var(--gut) 22px;grid-auto-columns:64%}
.walk-step{text-align:center}
.walk-step .phone{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:240px;margin:0 auto;border-radius:32px;padding:7px}
.walk-step .phone img,.walk-step .phone video{border-radius:26px;width:100%;height:auto;aspect-ratio:540/1174;object-fit:cover}
.walk-step h3{display:flex;align-items:center;justify-content:center;gap:8px;font-size:19.5px;line-height:1.15;margin-top:16px}
.walk-step p{font-size:15px;line-height:1.5;color:var(--text2);margin-top:6px}
@media (min-width:760px){ .walk-rail{grid-auto-columns:calc(33.33% - 10px)} }
@media (min-width:1100px){ .walk-rail{grid-auto-flow:column;grid-auto-columns:1fr;overflow:visible;margin:0;padding:6px 0 0} .walk .dots{display:none} .walk-step h3{font-size:18px} }

/* Blog embeds */
.prose hr{border:0;height:1px;background:linear-gradient(90deg,transparent,#EBC9D9,transparent);margin:34px 0}
.prose figure{margin:24px 0}
.prose figcaption{font-size:14px;line-height:1.45;color:var(--text2);text-align:center;margin-top:10px}
.prose .yt{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#1A0A1A;box-shadow:0 20px 40px -26px rgba(40,10,40,.6)}
.prose .yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose .phones .row{display:flex;gap:12px;justify-content:center;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 8px;scrollbar-width:none}
.prose .phones .row::-webkit-scrollbar{display:none}
.prose .phones .ph{flex:0 0 auto;width:min(46%,190px);scroll-snap-align:center;border-radius:28px;padding:6px;background:#1A0A1A;box-shadow:0 22px 34px -22px rgba(60,10,50,.6)}
.prose .phones.n3 .ph{width:min(31%,180px)}
.prose .phones .ph img,.prose .phones .ph video{display:block;width:100%;aspect-ratio:540/1174;object-fit:cover;border-radius:22px;margin:0;background:#2A0B34}
.prose .table-wrap{overflow-x:auto;margin:8px 0 18px;border-radius:16px;box-shadow:inset 0 0 0 1px #F0DEE7}
.prose .table-wrap table{margin:0;min-width:520px}
.prose td{font-size:15px}
.cover{margin:0 0 22px}
.cover img{width:100%;height:auto;border-radius:26px;box-shadow:0 20px 40px -30px rgba(120,40,90,.5);display:block}
.cover figcaption{font-size:13px;color:var(--text2);text-align:center;margin-top:8px}
@media (max-width:520px){ .prose .phones.n3 .row{justify-content:flex-start} .prose .phones.n3 .ph{width:62%} }