/* Gema Rastrojo: sistema visual consolidado. */
:root {
  --forest: oklch(34% .052 166); --deep: oklch(27% .043 166);
  --sage: oklch(81% .05 151); --mint: oklch(94% .022 146);
  --cream: oklch(97% .013 85); --paper: oklch(99% .005 90);
  --ink: oklch(29% .03 166); --muted: oklch(46% .023 166);
  --line: oklch(85% .021 156); --light-line: oklch(48% .038 166);
  --sans: 'Source Sans 3', 'Segoe UI', Arial, sans-serif;
  --display: 'Source Sans 3', 'Segoe UI', Arial, sans-serif;
  --tick-disc: oklch(87% .055 151); --tick-mark: oklch(34% .052 166);
  --ease: cubic-bezier(.22,1,.36,1); --gutter: clamp(20px,5vw,80px);
}
* { box-sizing: border-box; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { margin:0; background:var(--cream); color:var(--ink); font:400 16px/1.65 var(--sans); }
[hidden] { display:none !important; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
button,a { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
img { display:block; max-width:100%; height:auto; }
p { max-width:70ch; }
h1,h2,h3 { font-family:var(--display); font-weight:600; text-wrap:balance; }
h2 { font-size:clamp(2.2rem,3.8vw,3.65rem); line-height:1.13; letter-spacing:-.05em; margin:0; }
h3 { line-height:1.25; letter-spacing:-.03em; }
:focus-visible { outline:3px solid #bd6729; outline-offset:5px; }
::selection { background:var(--sage); color:var(--deep); }
.skip-link { position:fixed; z-index:200; left:20px; top:12px; padding:12px 18px; background:var(--paper); transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.section,.services { padding:clamp(76px,8vw,120px) max(var(--gutter),calc((100vw - 1280px)/2)); }

.section-heading { max-width:790px; margin:0 auto 62px; }
.section-heading.center,.benefit-heading { text-align:center; }
.section-heading>p { color:var(--muted); margin:22px auto 0; max-width:620px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:54px; padding:14px 22px; border:1px solid transparent; border-radius:8px; font-weight:600; font-size:.9rem; transition:transform .25s var(--ease),background-color .25s; }
.button:hover { transform:translateY(-2px); }
.button:active { transform:translateY(0); }
.button-primary,.nav-cta { background:var(--forest); color:var(--paper); }
.button-primary:hover,.nav-cta:hover { background:var(--deep); }
.button-secondary { border-color:var(--line); background:transparent; }
.button-secondary:hover { background:var(--mint); }
.button-light { background:var(--sage); color:var(--deep); }
.button-light:hover { background:var(--mint); }
.text-link { display:inline-flex; gap:20px; align-items:center; min-height:44px; border-bottom:1px solid currentColor; font-size:.9rem; font-weight:600; }
.text-link span,.button span { transition:transform .25s var(--ease); }
.text-link:hover span,.button:hover span { transform:translate(3px,-2px); }
.cta-arrow { width:17px; height:17px; flex:0 0 17px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s var(--ease); }
.text-link:hover .cta-arrow,.button:hover .cta-arrow { transform:translateX(3px); }
.cta-arrow.is-diagonal { width:16px; height:16px; flex:0 0 16px; }
.text-link:hover .cta-arrow.is-diagonal,.button:hover .cta-arrow.is-diagonal { transform:translate(2px,-2px); }
.whatsapp-icon { width:20px; height:20px; fill:currentColor; flex-shrink:0; }
/* Navigation */
.site-header { position:fixed; inset:0 0 auto; z-index:100; padding:14px var(--gutter); background:var(--cream); transition:box-shadow .25s; }
.site-header.is-scrolled { box-shadow:0 1px 0 var(--line); }
.nav-shell { max-width:1400px; margin:auto; display:flex; align-items:center; gap:32px; min-height:54px; }
.brand { margin-right:auto; display:flex; align-items:center; min-height:48px; }
.brand-logo { width:190px; height:auto; }
.desktop-nav { display:flex; gap:28px; }
.desktop-nav a { display:inline-flex; align-items:center; min-height:44px; font-size:.85rem; }
.desktop-nav a:hover { text-decoration:underline; text-underline-offset:6px; }
.nav-cta { padding:12px 18px; border-radius:8px; font-size:.85rem; font-weight:600; }
.menu-button { display:none; width:46px; height:46px; border:1px solid var(--forest); background:var(--forest); border-radius:8px; padding:12px; }
.menu-button span { display:block; height:1px; background:var(--paper); margin:6px 0; transition:transform .2s; }
.menu-button[aria-expanded=true] span:first-child { transform:translateY(3.5px) rotate(45deg); }
.menu-button[aria-expanded=true] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
.mobile-menu { background:var(--cream); padding:16px 0; border-top:1px solid var(--line); max-height:75svh; overflow:auto; }
.mobile-menu a { display:block; padding:14px 8px; }
/* Hero: real portrait, natural crop, clear hierarchy. */
.hero { max-width:1600px; margin:auto; padding:145px var(--gutter) 0; display:grid; grid-template-columns:1fr 1.08fr; gap:40px; align-items:center; }
.hero-copy { padding:12px 0 30px; min-width:0; }

.hero h1 { font-size:clamp(2.7rem,4.25vw,4.5rem); line-height:1.075; letter-spacing:-.065em; margin:0; }
.hero h1 span { color:oklch(46% .065 157); }
.hero-lead { color:var(--muted); margin:26px 0 22px; max-width:490px; font-size:1.04rem; }
.hero-checks { padding:0; margin:0 0 30px; list-style:none; font-size:.84rem; display:grid; gap:9px; }
.hero-checks li { padding-left:30px; position:relative; min-height:20px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.hero-reassurance { color:var(--muted); font-size:.78rem; max-width:400px; margin:18px 0 0; }
.hero-visual { align-self:center; min-height:0; aspect-ratio:3/2; }
.photo-frame { height:100%; overflow:hidden; border-radius:14px; background:var(--mint); }
.photo-frame img { width:100%; height:100%; object-fit:cover; object-position:center; }


/* Benefits */
.benefits { background:var(--cream); }
.benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px; }
.benefit-card { text-align:center; }
.benefit-icon { width:150px; height:150px; object-fit:contain; margin:0 auto 24px; }
.benefit-card h3 { font-size:1.2rem; margin:0 0 10px; }
.benefit-card p { font-size:.9rem; color:var(--muted); margin:0; }
/* Services alternate illustration and text, with no repeated cards. */
.services { background:var(--paper); }
.services-intro { max-width:800px; margin:0 0 80px; }
.services-intro>p { max-width:590px; color:var(--muted); margin:22px 0 0; }
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:9%; align-items:center; margin:0 0 92px; }
.feature-row.reverse .feature-copy { order:2; }
.feature-row.reverse .feature-media { order:1; }
.feature-copy h3 { font-size:clamp(1.9rem,2.8vw,2.8rem); line-height:1.15; margin:0; letter-spacing:-.045em; }
.feature-copy>p { color:var(--muted); margin:20px 0; }
.feature-copy ul { list-style:none; padding:0; display:grid; gap:6px; margin:0 0 22px; font-size:.88rem; }
.feature-copy li { padding-left:30px; position:relative; min-height:20px; }
.feature-media { margin:0; width:100%; max-width:480px; justify-self:center; }
.feature-media.is-compact { max-width:290px; }
.feature-media.is-consultation { max-width:370px; }
.feature-media.is-closing { max-width:380px; }
.feature-illustration { width:100%; }
.mid-cta { padding:36px 40px; background:var(--mint); border-radius:12px; display:grid; grid-template-columns:1.1fr 1fr auto; gap:30px; align-items:center; }
.mid-cta h3 { font-size:1.45rem; margin:8px 0 0; }
.mid-cta small,.mid-cta p { color:var(--muted); }
.mid-cta p { font-size:.9rem; margin:0; }
.mid-cta .button { white-space:nowrap; }
/* Tic en redondel: se dibuja en CSS porque la CSP no admite imágenes en data URI. */
.hero-checks li:before,.feature-copy li:before { content:''; position:absolute; left:0; top:.14em; width:19px; height:19px; border-radius:50%; background:var(--tick-disc); }
.hero-checks li:after,.feature-copy li:after { content:''; position:absolute; left:5.6px; top:calc(.14em + 5.4px); width:8px; height:4.4px; border-left:1.9px solid var(--tick-mark); border-bottom:1.9px solid var(--tick-mark); border-bottom-left-radius:1px; transform:rotate(-45deg); }
/* Tax models */
.models { background:var(--cream); }
.models-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:38px; }
.model-top { display:flex; align-items:baseline; gap:14px; margin-bottom:20px; }
.model-top span { font:500 clamp(3rem,4vw,4rem)/1 var(--display); letter-spacing:-.06em; color:var(--forest); }
.model-top i { font-style:normal; font-size:.7rem; color:var(--muted); }
.model-card h3 { font-size:1.15rem; margin:0 0 12px; }
.model-card p { font-size:.9rem; color:var(--muted); margin:0 0 14px; }
.model-card a { display:inline-flex; align-items:center; min-height:44px; font-size:.85rem; text-decoration:underline; text-underline-offset:5px; }
.models-footnote { text-align:center; margin:38px auto 0; font-size:.8rem; color:var(--muted); }
/* Process & personal attention */
.process { background:var(--mint); display:grid; grid-template-columns:.9fr 1.1fr; gap:10%; }
.process-intro { position:sticky; top:120px; align-self:start; }
.process-intro>p,.faq-intro>p { color:var(--muted); margin:24px 0; }
.process-steps { list-style:none; margin:0; padding:0; display:grid; gap:38px; }
.process-steps li { display:grid; grid-template-columns:85px 1fr; gap:24px; align-items:center; }
.process-illustration { width:85px; height:95px; object-fit:contain; }
.process-steps h3 { font-size:1.2rem; margin:0 0 8px; }

.process-steps p { color:var(--muted); font-size:.9rem; margin:0; }
.personal { background:var(--forest); color:var(--paper); display:grid; grid-template-columns:1fr 1fr; gap:10%; align-items:center; }

.personal h2 { font-size:clamp(2.7rem,5vw,5rem); }
.personal-copy p { color:var(--mint); }
.personal-copy p:first-child { font-size:1.16rem; }
.personal-copy .text-link { margin-top:10px; }
.faq { background:var(--paper); display:grid; grid-template-columns:.85fr 1.15fr; gap:9%; }
.faq-intro { align-self:start; }
.accordion details { border-top:1px solid var(--line); }
.accordion details:last-child { border-bottom:1px solid var(--line); }
.accordion summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:1rem; font-weight:600; min-height:80px; padding:20px 0; }
.accordion summary::-webkit-details-marker { display:none; }
.accordion summary span { width:24px; height:24px; flex-shrink:0; position:relative; }
.accordion summary span:before,.accordion summary span:after { content:''; position:absolute; width:12px; height:1px; top:12px; left:6px; background:currentColor; }
.accordion summary span:after { transform:rotate(90deg); transition:transform .25s; }
.accordion details[open] summary span:after { transform:rotate(0); }
.accordion details p { color:var(--muted); margin:0 28px 24px 0; font-size:.94rem; }
/* Contact */
.contact { padding:clamp(76px,8vw,120px) max(var(--gutter),calc((100vw - 1280px)/2)); background:var(--deep); color:var(--paper); display:grid; grid-template-columns:1fr 1fr; gap:8%; }

.contact-copy>p { color:var(--mint); margin:24px 0 30px; }
.contact-channels { display:flex; flex-direction:column; align-items:flex-start; margin-top:25px; }
.contact-channels a { min-height:44px; display:inline-flex; align-items:center; overflow-wrap:anywhere; max-width:100%; }
.contact-channels a:hover { text-decoration:underline; }
.contact-form { background:var(--cream); color:var(--ink); border-radius:12px; padding:32px; }
.contact-form h3 { margin:0 0 12px; font-size:1.45rem; }
.form-help { font-size:.8rem; color:var(--muted); margin:0 0 22px; }
.contact-form label { display:flex; flex-direction:column; font-size:.78rem; font-weight:600; gap:8px; margin-bottom:18px; }
.contact-form input,.contact-form textarea { width:100%; min-width:0; border:1px solid var(--line); background:var(--paper); border-radius:6px; padding:12px; color:var(--ink); font-size:1rem; resize:vertical; }
.contact-form input::placeholder,.contact-form textarea::placeholder { color:var(--muted); opacity:1; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact-form .button { width:100%; }
.form-status { margin:14px 0 0; font-size:.85rem; }
.form-status:empty { display:none; }
.site-footer { background:var(--deep); color:var(--mint); padding:36px var(--gutter); display:grid; grid-template-columns:1fr auto; gap:32px; border-top:1px solid var(--light-line); }
.footer-logo { width:210px; filter:brightness(0) invert(.95); }
.footer-links,.footer-meta { display:flex; align-items:center; gap:24px; font-size:.82rem; }
.footer-links a,.footer-meta a { min-height:44px; display:inline-flex; align-items:center; }
.footer-meta { grid-column:1/-1; justify-content:space-between; font-size:.76rem; }
.floating-whatsapp { position:fixed; z-index:90; right:20px; bottom:20px; width:54px; height:54px; background:var(--forest); color:var(--paper); border:1px solid var(--sage); border-radius:50%; display:grid; place-items:center; box-shadow:0 5px 20px #102d2926; transition:transform .25s var(--ease); }
.floating-whatsapp:hover { transform:translateY(-3px); }
.floating-whatsapp .whatsapp-icon { width:26px; height:26px; }
/* Motion enhances visible content; JS never hides content to initialize. */
@keyframes reveal-in { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
.reveal.is-entering { animation:reveal-in .65s var(--ease) both; }
@media(min-width:1600px) { .hero-visual { min-height:0; } }
@media(max-width:1100px) {
  .hero { gap:28px; padding-top:125px; } .hero-visual { min-height:0; }
  .hero-actions .button { width:100%; } .hero h1 { font-size:clamp(2.6rem,4.5vw,3.7rem); }
  .desktop-nav { gap:18px; } .nav-shell { gap:20px; }
  .mid-cta { grid-template-columns:1fr 1fr; } .mid-cta .button { grid-column:1/-1; justify-self:start; }
  .benefit-grid { gap:24px; } .benefit-icon { width:125px; height:125px; }
}
@media(max-width:800px) {
  html { scroll-padding-top:90px; }
  .site-header { padding:10px 20px; } .nav-shell { min-height:48px; }
  .brand-logo { width:166px; } .desktop-nav,.nav-cta { display:none; } .js .menu-button { display:block; }
  .hero { padding:96px var(--gutter) 0; grid-template-columns:1fr; gap:22px; }
  .hero-copy { padding:0; } .hero h1 { font-size:clamp(2.8rem,7.5vw,4.5rem); max-width:650px; }
  .hero-lead { max-width:600px; }
  .hero-actions .button { width:auto; }
  .hero-visual { order:-1; height:auto; aspect-ratio:5/4; margin-bottom:-4px; }
  .photo-frame { border-radius:16px; } .photo-frame img { object-position:52% 34%; }

  .benefit-grid { grid-template-columns:1fr 1fr; gap:38px; }
  .section-heading { margin-bottom:44px; }
  .feature-row { gap:35px; margin-bottom:72px; }
  .models-grid { grid-template-columns:1fr 1fr; gap:36px; }
  .process,.faq,.contact { grid-template-columns:1fr; gap:42px; }
  .process-intro { position:static; max-width:560px; }
  .process-steps { gap:30px; } .process-steps li { grid-template-columns:78px 1fr; }
  .process-illustration { width:78px; height:85px; }
  .personal { grid-template-columns:1fr; grid-template-areas:"title" "portrait" "copy"; gap:22px; }
  .personal>h2 { text-align:center; }
  .personal-portrait { max-width:320px; }
  .personal-copy p:first-child { font-size:1rem; }
  .contact-form { max-width:650px; } .contact-channels { margin-top:20px; }
}
@media(max-width:540px) {
  h2 { font-size:2.25rem; } .hero h1 { font-size:clamp(2.45rem,10vw,3.3rem); }
  .hero-actions { flex-direction:column; } .hero-actions .button { width:100%; }
  .hero-checks { font-size:.82rem; } .hero-lead { font-size:1rem; }
  .hero-visual { aspect-ratio:4/3; } .photo-frame img { object-position:52% 32%; }


  .benefit-heading,.section-heading.center { text-align:left; }
  .benefit-grid { grid-template-columns:1fr; gap:28px; }
  .benefit-card { display:grid; grid-template-columns:85px 1fr; gap:22px; text-align:left; align-items:center; }
  .benefit-icon { width:85px; height:95px; margin:0; }
  .feature-row { grid-template-columns:1fr; gap:36px; }
  .feature-row.reverse .feature-copy,.feature-row.reverse .feature-media { order:initial; }
  .feature-media { max-width:330px; } .feature-media.is-compact { max-width:220px; }
  .feature-media.is-consultation,.feature-media.is-closing { max-width:290px; }
  .services-intro { margin-bottom:56px; } .feature-copy h3 { font-size:2rem; }
  .mid-cta { grid-template-columns:1fr; padding:28px 24px; gap:20px; } .mid-cta .button { width:100%; }
  .models-grid { gap:30px 24px; } .model-card h3 { font-size:1.05rem; } .model-card p { font-size:.85rem; }
  .models-footnote { text-align:left; } .personal { grid-template-columns:1fr; gap:18px; }
  .personal-portrait { max-width:280px; }
  .form-row { grid-template-columns:1fr; gap:0; } .contact-form { padding:24px 20px; }
  .contact-channels a { font-size:.92rem; } .site-footer { grid-template-columns:1fr; gap:20px; padding-bottom:85px; }
  .footer-meta { flex-wrap:wrap; gap:8px; } .floating-whatsapp { right:16px; bottom:16px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}
@media print { .site-header,.floating-whatsapp,.contact-form { display:none; } .hero { padding-top:20px; } .section,.services,.contact { padding:30px 0; } }

.nojs-nav { display:flex; gap:24px; padding:10px 0; }
.nojs-nav a { min-height:44px; display:inline-flex; align-items:center; }

/* September brief: a quiet photographic hero and dedicated service pages.
   Preserve brand palette/type; design variance 5, motion 1, density 3. */
.brand-logo { width:120px; height:80px; object-fit:contain; }
.footer-logo { width:180px; height:120px; }
.site-header { padding-top:5px; padding-bottom:5px; }
.hero { isolation:isolate; position:relative; max-width:none; margin:82px 0 0; min-height:min(730px,calc(100svh - 82px)); padding:76px max(var(--gutter),calc((100vw - 1280px)/2)); display:flex; align-items:center; overflow:hidden; }
.hero-background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; }
.hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(248,245,237,.83),rgba(248,245,237,.55) 45%,transparent 80%); z-index:-1; }
.hero-copy { max-width:780px; padding:0; }
.hero h1 { max-width:760px; font-size:clamp(2.65rem,4.4vw,4.6rem); line-height:1.08; letter-spacing:-.045em; text-wrap:balance; }
.hero h1 span { color:var(--forest); }
.hero-lead { max-width:470px; font-size:1.15rem; color:var(--ink); margin:26px 0 32px; }
.hero-actions .button { width:auto; }
.hero .button-secondary { background:rgba(250,249,245,.82); border-color:var(--forest); }
.hero .reveal,.reveal.is-entering { animation:none; }
.personal { background:var(--cream); color:var(--ink); grid-template-columns:1.1fr 1fr; grid-template-areas:"portrait title" "portrait copy"; gap:0 7%; align-items:start; }
.personal>h2 { grid-area:title; }
.personal-portrait { grid-area:portrait; align-self:center; margin:0; max-width:320px; margin-inline:auto; }
.personal-copy { grid-area:copy; }
.personal-portrait img { width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:14px; }
.personal h2,.personal h1 { font-size:clamp(2.4rem,4vw,3.8rem); margin:0 0 24px; line-height:1.08; }
.personal-copy p { color:var(--muted); }
.inner-page { padding-top:82px; }
.inner-page h1 { font-size:clamp(2.5rem,4.6vw,4.5rem); line-height:1.1; letter-spacing:-.045em; margin:0; }
.inner-page .personal h1 { margin-bottom:24px; }
.inner-page .contact:first-child { background:var(--cream); color:var(--ink); }
.inner-page .contact:first-child .contact-copy>p { color:var(--muted); }
.inner-page .contact:first-child .contact-form { background:var(--paper); }
.desktop-nav a { position:relative; padding:0; }
.desktop-nav a:hover,.desktop-nav a:focus-visible,.desktop-nav a[aria-current="page"] { color:var(--forest); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:6px; }
.desktop-nav a[aria-current="page"] { font-weight:600; }
.footer-links { flex-wrap:wrap; justify-content:flex-end; gap:12px 22px; }
.administrative-intro { padding-top:20px; }
.section-heading:not(.center):not(.benefit-heading) { margin-left:0; }
.section-heading:not(.center):not(.benefit-heading)>p { margin-left:0; }
.pricing { background:var(--paper); }
.plan-grid { display:grid; grid-template-columns:1fr 1fr; gap:9%; }
.plan h3 { font-size:1.7rem; margin:0 0 8px; }
.plan>p { margin:0; color:var(--muted); }
.plan .plan-price { font-size:clamp(2.7rem,4vw,3.8rem); color:var(--forest); letter-spacing:-.04em; margin:20px 0; line-height:1.15; font-weight:600; }
.plan-price span { font-size:1rem; letter-spacing:0; margin-left:6px; font-weight:400; }
.plan ul { list-style:none; padding:0; margin:0 0 26px; display:grid; gap:9px; color:var(--muted); }
.price-note { margin:38px 0 0; color:var(--muted); font-size:.92rem; }
.price-note a,.calculator-method a { text-decoration:underline; text-underline-offset:4px; }
.one-off-pricing { margin-top:90px; scroll-margin-top:110px; }
.one-off-pricing>h3 { font-size:2rem; margin:0 0 34px; }
.price-list { display:grid; grid-template-columns:1fr 1fr; gap:32px 7%; margin-bottom:26px; }
.price-list article { display:flex; align-items:start; gap:18px; justify-content:space-between; }
.price-list h4 { margin:0 0 6px; font-size:1.1rem; font-weight:600; }
.price-list p { margin:0; font-size:.9rem; color:var(--muted); }
.price-list strong { flex-shrink:0; font-size:1rem; color:var(--forest); }
.calculator-section { background:var(--mint); }
.calculator-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:8%; }
.calculator-form label { display:flex; flex-direction:column; gap:8px; font-size:.92rem; margin-bottom:22px; }
.calculator-form input,.calculator-form select,.contact-form select { width:100%; min-width:0; padding:13px 14px; color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:6px; font:inherit; font-size:1rem; }
.calculator-result { align-self:start; padding:10px 0; }
.result-label { margin:0; color:var(--muted); }
.result-total { display:block; font-size:clamp(2.5rem,5vw,4.3rem); line-height:1.2; letter-spacing:-.04em; font-weight:600; margin:12px 0 26px; color:var(--forest); overflow-wrap:anywhere; }
.calculator-result dl { margin:0 0 24px; }
.calculator-result dl>div { display:flex; justify-content:space-between; gap:20px; margin:12px 0; }
.calculator-result dd { margin:0; font-weight:600; white-space:nowrap; }
.result-note { font-size:.86rem; color:var(--muted); }
.calculator-method { max-width:850px; margin-top:36px; color:var(--muted); font-size:.87rem; }
.calculator-method summary { padding:12px 0; cursor:pointer; color:var(--ink); font-weight:600; }
.fiscal-calendar { background:var(--paper); }
.calendar-layout { display:grid; grid-template-columns:1fr 1fr; gap:9%; }
.calendar-layout h3 { font-size:1.5rem; margin:0 0 26px; }
.calendar-dates dl { margin:0 0 24px; display:grid; gap:18px; }
.calendar-dates dt { font-size:1.15rem; font-weight:600; }
.calendar-dates dd { margin:2px 0 0; color:var(--muted); }
.calendar-dates>p { font-size:.9rem; color:var(--muted); }
.practical-guides details { margin-bottom:20px; }
.practical-guides summary { padding:10px 0; cursor:pointer; font-weight:600; }
.practical-guides p { color:var(--muted); margin:8px 0 20px; font-size:.95rem; }
.contact-modes { border:0; margin:0 0 18px; padding:0; display:flex; flex-wrap:wrap; gap:6px 20px; }
.contact-modes legend { font-size:.9rem; font-weight:600; margin-bottom:8px; }
.contact-modes label { flex-direction:row; align-items:center; gap:8px; margin:0; min-height:44px; font-size:.85rem; cursor:pointer; }
.contact-modes input { width:18px; height:18px; accent-color:var(--forest); }
.text-link:hover .cta-arrow,.text-link:hover span { transform:none; }
@media(max-width:1100px) {
  .desktop-nav { gap:16px; }
  .nav-shell { gap:18px; }
  .price-list { grid-template-columns:1fr; }
}
@media(max-width:800px) {
  .brand-logo { width:108px; height:72px; }
  .footer-logo { width:180px; height:120px; }
  .hero { margin-top:68px; padding:64px var(--gutter); min-height:650px; }
  .hero-copy { max-width:610px; }
  .hero h1 { font-size:clamp(2.6rem,6.5vw,3.65rem); }
  .hero-background { object-position:65% center; }
  .hero::before { background:linear-gradient(90deg,rgba(248,245,237,.9),rgba(248,245,237,.75) 60%,rgba(248,245,237,.3)); }
  .inner-page { padding-top:68px; }
  .personal { grid-template-columns:1fr; grid-template-areas:"title" "portrait" "copy"; gap:22px; }
  .personal-portrait { max-width:320px; }
  .personal-copy { max-width:620px; }
  .calculator-layout,.calendar-layout { grid-template-columns:1fr; gap:36px; }
  .calculator-result { max-width:560px; width:100%; }
  .plan-grid { gap:36px; }
  .footer-links { justify-content:flex-start; }
}
@media(max-width:540px) {
  .hero { min-height:0; padding:0 var(--gutter) 58px; display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .hero-background { position:relative; inset:auto; z-index:auto; width:calc(100% + 2 * var(--gutter)); max-width:none; height:auto; aspect-ratio:3/2; margin-inline:calc(-1 * var(--gutter)); object-fit:contain; object-position:center; flex:none; }
  .hero::before { display:none; }
  .hero-copy { padding-top:28px; }
  .hero h1 { font-size:clamp(2.3rem,9vw,3rem); line-height:1.08; }
  .hero h1 span { display:block; margin-top:12px; }
  .hero-lead { font-size:1.05rem; margin:22px 0 26px; }
  .hero-actions .button { width:100%; }
  .personal-portrait img { border-radius:12px; }
  .plan-grid { grid-template-columns:1fr; gap:48px; }
  .plan .button { width:100%; }
  .one-off-pricing { margin-top:64px; }
  .price-list article { flex-direction:column; gap:8px; }
  .calculator-form .form-row { gap:0; }
  .calculator-form .button { width:100%; }
  .result-total { font-size:3.3rem; }
}

/* Compact brand lockup and footer. The new wordmark keeps the earlier light, tracked type. */
.brand-lockup { position:relative; display:block; width:124px; height:78px; overflow:hidden; flex:none; }
.brand-lockup img { width:124px; max-width:none; height:auto; clip-path:inset(0 0 24% 0); }
.brand-lockup>span { position:absolute; left:0; right:0; bottom:2px; color:#153f32; font:400 10px/1.2 var(--sans); letter-spacing:.37em; text-align:center; white-space:nowrap; }
.site-footer { display:block; padding:18px var(--gutter) 22px; }
.footer-inner { max-width:1100px; margin:auto; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:5px 30px; }
.footer-logo { width:104px; height:66px; filter:none; }
.footer-logo img { width:104px; filter:brightness(0) invert(.95); }
.footer-logo>span { color:var(--mint); font-size:8px; letter-spacing:.33em; }
.footer-links { gap:4px 18px; font-size:.78rem; }
.footer-links a { min-height:32px; }
.footer-meta { grid-column:1/-1; padding-top:9px; border-top:1px solid var(--light-line); font-size:.76rem; }
.footer-meta { justify-content:space-between; gap:12px; }
.developer-credit { gap:9px; white-space:nowrap; }
.footer-meta .developer-credit { min-height:32px; }
.developer-credit img { width:84px; height:auto; max-height:20px; object-fit:contain; }
.footer-meta { border-top:0; padding-top:0; }
.plan li { position:relative; padding-left:25px; }
.plan li::before { content:""; position:absolute; left:2px; top:.52em; width:10px; height:6px; border-left:2px solid var(--forest); border-bottom:2px solid var(--forest); transform:rotate(-45deg); }
.contact-copy { min-width:0; display:grid; grid-template-columns:minmax(0,1fr); align-content:start; }
.contact-copy>h2 { grid-row:1; }
.contact-copy>p { grid-row:2; }
.contact-action-row { display:contents; }
.contact-action-row>.button { grid-row:3; justify-self:start; }
.contact-channels { grid-row:4; }
.contact-action-row>.contact-illustration { grid-row:5; }
.contact-illustration { display:block; width:min(100%,385px); height:auto; margin:35px 0 0 1%; }
.inner-page .contact:first-child .contact-illustration { filter:brightness(0); opacity:.68; }
@media(max-width:800px) {
  .footer-inner { grid-template-columns:1fr; gap:10px; }
  .footer-links { justify-content:flex-start; }
  .footer-meta { grid-column:1; }
  .contact-copy { grid-template-columns:minmax(0,1fr); }
  .contact-copy>h2,.contact-copy>p,.contact-channels { grid-column:1/-1; }
  .contact-action-row { display:flex; grid-column:1/-1; grid-row:3; align-items:center; justify-self:start; gap:8px; max-width:100%; }
  .contact-action-row>.button { align-self:center; flex:none; white-space:nowrap; }
  .contact-channels { grid-row:4; }
  .contact-action-row>.contact-illustration { display:block; align-self:center; flex:none; width:clamp(68px,22vw,86px); margin:0; }
}
@media(max-width:540px) {
  .brand-lockup { width:114px; height:73px; }
  .brand-lockup img { width:114px; }
  .brand-lockup>span { font-size:9px; }
  .hero-copy { padding-top:18px; }
  .hero h1 { font-size:clamp(1.85rem,7.4vw,2.35rem); line-height:1.06; letter-spacing:-.04em; }
  .hero h1 span { display:inline; margin-top:0; }
  .hero-lead { font-size:.96rem; line-height:1.45; margin:15px 0 18px; }
  .hero-actions { gap:8px; }
  .hero-actions .button { min-height:48px; padding:10px 16px; }
  .site-footer { padding:18px var(--gutter) 22px; }
  .footer-logo { width:104px; height:66px; }
  .footer-logo img { width:104px; }
  .footer-logo>span { font-size:8px; }
  .footer-meta { flex-direction:row; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:8px; }
  .developer-credit { gap:5px; font-size:.68rem; }
  .developer-credit img { width:72px; max-height:18px; }
}
@media(max-width:360px) {
  .contact-action-row { gap:6px; }
  .contact-action-row>.button { padding-inline:18px; }
}

/* Reduce the fixed header's vertical footprint across breakpoints. */
html { scroll-padding-top:76px; }
.site-header { padding:4px var(--gutter); }
.nav-shell { min-height:0; }
.brand { min-height:0; }
.brand-lockup { width:108px; height:68px; }
.brand-lockup img { width:108px; }
.brand-lockup>span { font-size:9px; bottom:1px; }
.desktop-nav a { min-height:40px; }
.nav-cta { padding:9px 15px; }
.hero { margin-top:76px; }
.floating-whatsapp.scroll-triggered:not(.is-visible) { visibility:hidden; pointer-events:none; }
/* One continuous photograph on home; a shared cream opening on inner pages. */
.page-home .site-header:not(.is-scrolled):not(:has(.menu-button[aria-expanded="true"])) { background:transparent; box-shadow:none; }
.page-home .hero { margin-top:0; min-height:min(806px,100svh); padding-top:152px; }
.page-home .hero-background { object-position:right center; }
.hero-scroll { display:none; }
.page-inner .inner-page { padding-top:76px; }
.page-inner .inner-page>section:first-child { background:var(--cream); }
.home-plans { display:grid; grid-template-columns:1fr 1fr; gap:36px 8%; background:var(--paper); }
.home-plans h2 { font-size:clamp(2rem,3.2vw,3rem); max-width:500px; }
.home-plans-intro>p { color:var(--muted); margin:18px 0 24px; }
.home-plan-options { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-self:center; }
.home-plan-options h3 { font-size:1.3rem; margin:0; }
.home-plan-options p { color:var(--muted); margin:10px 0 0; }
.home-plan-options .home-plan-price { font-size:3.3rem; line-height:1.2; color:var(--forest); font-weight:600; letter-spacing:-.04em; }
.home-plan-price span { font-size:1rem; font-weight:400; letter-spacing:0; margin-left:4px; }
.home-calculator-link { grid-column:1/-1; margin:0; color:var(--muted); font-size:.95rem; }
.home-calculator-link a { margin-left:8px; }
@media(max-width:800px) {
  html { scroll-padding-top:70px; }
  .site-header { padding:4px 20px; }
  .brand-lockup { width:100px; height:62px; }
  .brand-lockup img { width:100px; }
  .brand-lockup>span { font-size:8px; }
  .menu-button { width:44px; height:44px; }
  .hero { margin-top:70px; }
  .inner-page { padding-top:70px; }
  .page-inner .inner-page { padding-top:70px; }
  .home-plans { grid-template-columns:1fr; gap:32px; }
  .page-home .hero { padding-top:120px; }
  .page-home .hero { min-height:100svh; padding-bottom:104px; }
  .hero-scroll { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:54px; font-size:.85rem; white-space:nowrap; color:var(--forest); }
  .hero-scroll svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; animation:scroll-cue 1.8s ease-in-out 3; }
}
@media(max-width:540px) {
  .page-home .hero { padding-top:0; min-height:100svh; padding-bottom:92px; }
  .page-home .hero-background { height:calc(100vw * 2 / 3 + 28px); aspect-ratio:auto; object-fit:cover; object-position:right bottom; }
  .home-plans { padding-top:48px; padding-bottom:48px; }
  .home-plan-options { gap:18px; }
  .home-plan-options h3 { font-size:1.12rem; }
  .home-plan-options .home-plan-price { font-size:2.6rem; }
  .home-plan-options p { font-size:.9rem; }
  .home-calculator-link a { display:flex; width:fit-content; margin:8px 0 0; }
}
@keyframes scroll-cue { 0%,100% { transform:translateY(0); } 50% { transform:translateY(5px); } }
@media(prefers-reduced-motion:reduce) { .hero-scroll svg { animation:none; } }
@media(max-width:800px) {
  .page-home .hero { min-height:100svh; }
}
#formulario { scroll-margin-top:96px; }
/* Shared pricing panel: one quiet surface for the two plans. */
.home-plan-options,.plan-grid {
  background:var(--mint);
  border:1px solid oklch(88% .03 151);
  border-radius:20px;
  padding:clamp(24px,3.5vw,48px);
  gap:clamp(24px,4vw,64px);
}
.home-plan-options { padding:clamp(24px,2.5vw,36px); gap:24px; }
.home-plan-options h3 { font-size:1.2rem; }
.plan-grid .plan { display:flex; flex-direction:column; align-items:flex-start; }
.plan-grid .plan ul { flex:1; }
@media(max-width:540px) {
  .home-plan-options { padding:24px 20px; gap:20px; }
  .home-plan-options h3 { font-size:1rem; }
  .home-plan-options .home-plan-price { font-size:2.35rem; }
  .home-plan-options p { font-size:.84rem; }
  .plan-grid { gap:44px; padding:28px 22px; border-radius:16px; }
}
@media(min-width:801px) {
  .page-home .hero { margin-top:76px; min-height:min(730px,calc(100svh - 76px)); padding-top:76px; }
  .page-home .hero-background { object-fit:cover; object-position:right center; }
  .page-home .site-header:not(.is-scrolled):not(:has(.menu-button[aria-expanded="true"])) {
    background:var(--cream);
  }
}