:root{
    --ink:#14213a;        /* azul profundo */
    --ink-2:#1d2d4d;
    --gold:#b8914a;       /* dorado */
    --gold-soft:#e9dcc2;
    --paper:#faf7f1;      /* fondo crema */
    --white:#ffffff;
    --text:#2a2f3a;
    --muted:#5e6573;
    --line:#e6e0d4;
    --wa:#1fa855;
    --radius:14px;
    --serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
    --sans:"Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
  img,svg{display:block}
  a{color:inherit}
  .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
  h1,h2,h3{font-family:var(--serif);color:var(--ink);line-height:1.15;margin:0 0 .5em;font-weight:600}
  h2{font-size:clamp(2rem,4vw,2.6rem)}
  .eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 .8em}
  .lead{font-size:1.1rem;color:var(--muted);max-width:640px}
  section{padding:88px 0}

  /* ---------- Encabezado ---------- */
  header{position:sticky;top:0;z-index:50;background:rgba(20,33,58,.97);backdrop-filter:saturate(1.4) blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
  .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
  .brand-mark{width:40px;height:40px;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1.45rem;color:var(--gold);flex:none}
  .brand-name{font-family:var(--serif);font-size:1.3rem;font-weight:600;line-height:1}
  .brand-name small{display:block;font-family:var(--sans);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#aab3c5;margin-top:4px;font-weight:500}
  .menu{display:flex;gap:28px;align-items:center}
  .menu a{color:#d9deea;text-decoration:none;font-size:.95rem;font-weight:500}
  .menu a:hover{color:#fff}
  .menu .btn{color:#fff}
  .toggle{display:none;background:none;border:0;color:#fff;padding:8px;cursor:pointer}

  .btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;font-weight:600;font-size:.98rem;text-decoration:none;border:1.5px solid transparent;transition:transform .15s ease, background .15s ease, box-shadow .15s ease;cursor:pointer;white-space:nowrap}
  .btn:hover{transform:translateY(-1px)}
  .btn-wa{background:var(--wa);color:#fff}
  .btn-wa:hover{background:#18924a;box-shadow:0 8px 20px rgba(31,168,85,.25)}
  .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}
  .btn-ghost:hover{border-color:#fff}
  .btn-sm{padding:9px 16px;font-size:.9rem}
  .btn svg{width:20px;height:20px;flex:none}

  /* ---------- Portada ---------- */
  .hero{background:
      radial-gradient(1200px 500px at 85% -10%, rgba(184,145,74,.18), transparent 60%),
      linear-gradient(180deg,var(--ink) 0%, var(--ink-2) 100%);
    color:#dfe4ef;padding:110px 0 120px;position:relative;overflow:hidden}
  .hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}
  .hero h1{color:#fff;font-size:clamp(2.6rem,6vw,4.2rem);max-width:820px;margin-bottom:.35em}
  .hero h1 em{font-style:italic;color:var(--gold-soft);font-weight:500}
  .hero p{font-size:1.18rem;max-width:620px;color:#c4cbdb;margin:0 0 2em}
  .hero .actions{display:flex;flex-wrap:wrap;gap:14px}
  .hero .places{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:48px;font-size:.92rem;color:#aab3c5}
  .hero .places span{display:flex;align-items:center;gap:8px}
  .hero .places svg{width:16px;height:16px;color:var(--gold)}

  /* Ilustracion de fondo de la portada: fachada de tribunal en lineas doradas */
  .hero::before{content:"";position:absolute;right:-30px;bottom:-12px;width:min(640px,62vw);aspect-ratio:640/560;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 560' fill='none' stroke='%23c9a45c' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M40 170 L320 50 L600 170 Z'/%3E%3Cpath d='M86 160 L320 68 L554 160 Z' stroke-width='1.2'/%3E%3Ccircle cx='320' cy='122' r='22'/%3E%3Ccircle cx='320' cy='122' r='14' stroke-width='1.2'/%3E%3Crect x='40' y='170' width='560' height='30'/%3E%3Cpath d='M40 186 H600' stroke-width='1'/%3E%3Crect x='30' y='200' width='580' height='12'/%3E%3Cpath d='M48 200 v-6' stroke-width='1'/%3E%3Cpath d='M62 200 v-6' stroke-width='1'/%3E%3Cpath d='M76 200 v-6' stroke-width='1'/%3E%3Cpath d='M90 200 v-6' stroke-width='1'/%3E%3Cpath d='M104 200 v-6' stroke-width='1'/%3E%3Cpath d='M118 200 v-6' stroke-width='1'/%3E%3Cpath d='M132 200 v-6' stroke-width='1'/%3E%3Cpath d='M146 200 v-6' stroke-width='1'/%3E%3Cpath d='M160 200 v-6' stroke-width='1'/%3E%3Cpath d='M174 200 v-6' stroke-width='1'/%3E%3Cpath d='M188 200 v-6' stroke-width='1'/%3E%3Cpath d='M202 200 v-6' stroke-width='1'/%3E%3Cpath d='M216 200 v-6' stroke-width='1'/%3E%3Cpath d='M230 200 v-6' stroke-width='1'/%3E%3Cpath d='M244 200 v-6' stroke-width='1'/%3E%3Cpath d='M258 200 v-6' stroke-width='1'/%3E%3Cpath d='M272 200 v-6' stroke-width='1'/%3E%3Cpath d='M286 200 v-6' stroke-width='1'/%3E%3Cpath d='M300 200 v-6' stroke-width='1'/%3E%3Cpath d='M314 200 v-6' stroke-width='1'/%3E%3Cpath d='M328 200 v-6' stroke-width='1'/%3E%3Cpath d='M342 200 v-6' stroke-width='1'/%3E%3Cpath d='M356 200 v-6' stroke-width='1'/%3E%3Cpath d='M370 200 v-6' stroke-width='1'/%3E%3Cpath d='M384 200 v-6' stroke-width='1'/%3E%3Cpath d='M398 200 v-6' stroke-width='1'/%3E%3Cpath d='M412 200 v-6' stroke-width='1'/%3E%3Cpath d='M426 200 v-6' stroke-width='1'/%3E%3Cpath d='M440 200 v-6' stroke-width='1'/%3E%3Cpath d='M454 200 v-6' stroke-width='1'/%3E%3Cpath d='M468 200 v-6' stroke-width='1'/%3E%3Cpath d='M482 200 v-6' stroke-width='1'/%3E%3Cpath d='M496 200 v-6' stroke-width='1'/%3E%3Cpath d='M510 200 v-6' stroke-width='1'/%3E%3Cpath d='M524 200 v-6' stroke-width='1'/%3E%3Cpath d='M538 200 v-6' stroke-width='1'/%3E%3Cpath d='M552 200 v-6' stroke-width='1'/%3E%3Cpath d='M566 200 v-6' stroke-width='1'/%3E%3Cpath d='M580 200 v-6' stroke-width='1'/%3E%3Crect x='57' y='212' width='56' height='10'/%3E%3Cpath d='M61 222 q24 10 48 0' stroke-width='1.4'/%3E%3Cpath d='M65 228 V452 M105 228 V452'/%3E%3Cpath d='M73 232 V448' stroke-width='0.8'/%3E%3Cpath d='M81 232 V448' stroke-width='0.8'/%3E%3Cpath d='M89 232 V448' stroke-width='0.8'/%3E%3Cpath d='M97 232 V448' stroke-width='0.8'/%3E%3Crect x='59' y='452' width='52' height='8'/%3E%3Crect x='55' y='460' width='60' height='8'/%3E%3Crect x='147' y='212' width='56' height='10'/%3E%3Cpath d='M151 222 q24 10 48 0' stroke-width='1.4'/%3E%3Cpath d='M155 228 V452 M195 228 V452'/%3E%3Cpath d='M163 232 V448' stroke-width='0.8'/%3E%3Cpath d='M171 232 V448' stroke-width='0.8'/%3E%3Cpath d='M179 232 V448' stroke-width='0.8'/%3E%3Cpath d='M187 232 V448' stroke-width='0.8'/%3E%3Crect x='149' y='452' width='52' height='8'/%3E%3Crect x='145' y='460' width='60' height='8'/%3E%3Crect x='237' y='212' width='56' height='10'/%3E%3Cpath d='M241 222 q24 10 48 0' stroke-width='1.4'/%3E%3Cpath d='M245 228 V452 M285 228 V452'/%3E%3Cpath d='M253 232 V448' stroke-width='0.8'/%3E%3Cpath d='M261 232 V448' stroke-width='0.8'/%3E%3Cpath d='M269 232 V448' stroke-width='0.8'/%3E%3Cpath d='M277 232 V448' stroke-width='0.8'/%3E%3Crect x='239' y='452' width='52' height='8'/%3E%3Crect x='235' y='460' width='60' height='8'/%3E%3Crect x='347' y='212' width='56' height='10'/%3E%3Cpath d='M351 222 q24 10 48 0' stroke-width='1.4'/%3E%3Cpath d='M355 228 V452 M395 228 V452'/%3E%3Cpath d='M363 232 V448' stroke-width='0.8'/%3E%3Cpath d='M371 232 V448' stroke-width='0.8'/%3E%3Cpath d='M379 232 V448' stroke-width='0.8'/%3E%3Cpath d='M387 232 V448' stroke-width='0.8'/%3E%3Crect x='349' y='452' width='52' height='8'/%3E%3Crect x='345' y='460' width='60' height='8'/%3E%3Crect x='437' y='212' width='56' height='10'/%3E%3Cpath d='M441 222 q24 10 48 0' stroke-width='1.4'/%3E%3Cpath d='M445 228 V452 M485 228 V452'/%3E%3Cpath d='M453 232 V448' stroke-width='0.8'/%3E%3Cpath d='M461 232 V448' stroke-width='0.8'/%3E%3Cpath d='M469 232 V448' stroke-width='0.8'/%3E%3Cpath d='M477 232 V448' stroke-width='0.8'/%3E%3Crect x='439' y='452' width='52' height='8'/%3E%3Crect x='435' y='460' width='60' height='8'/%3E%3Crect x='527' y='212' width='56' height='10'/%3E%3Cpath d='M531 222 q24 10 48 0' stroke-width='1.4'/%3E%3Cpath d='M535 228 V452 M575 228 V452'/%3E%3Cpath d='M543 232 V448' stroke-width='0.8'/%3E%3Cpath d='M551 232 V448' stroke-width='0.8'/%3E%3Cpath d='M559 232 V448' stroke-width='0.8'/%3E%3Cpath d='M567 232 V448' stroke-width='0.8'/%3E%3Crect x='529' y='452' width='52' height='8'/%3E%3Crect x='525' y='460' width='60' height='8'/%3E%3Crect x='20' y='468' width='600' height='14'/%3E%3Crect x='6' y='482' width='628' height='14'/%3E%3Crect x='0' y='496' width='640' height='14'/%3E%3Cpath d='M320 250 V330 M296 334 H344 M280 262 H360 M280 262 l-14 30 h28 z M360 262 l-14 30 h28 z' stroke-width='1.6'/%3E%3Ccircle cx='320' cy='256' r='4'/%3E%3C/svg%3E") no-repeat right bottom/contain;opacity:.16;pointer-events:none}
  .hero .wrap{position:relative;z-index:1}
  /* ---------- El estudio ---------- */
  .about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}
  .values{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px}
  .value h3{font-size:1.35rem;margin-bottom:.25em}
  .value p{margin:0;color:var(--muted);font-size:.98rem}
  .value::before{content:"";display:block;width:28px;height:2px;background:var(--gold);margin-bottom:14px}

  /* ---------- Áreas ---------- */
  #areas{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .areas-head{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap;margin-bottom:48px}
  .areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
  .area{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;transition:border-color .2s, transform .2s, box-shadow .2s}
  .area:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,33,58,.07)}
  .area .ico{width:44px;height:44px;border-radius:12px;background:var(--ink);color:var(--gold);display:grid;place-items:center;margin-bottom:18px}
  .area .ico svg{width:22px;height:22px}
  .area h3{font-size:1.4rem;margin-bottom:.3em}
  .area p{margin:0;color:var(--muted);font-size:.96rem}

  /* ---------- Modalidad de trabajo ---------- */
  .how{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
  .how div{border-left:2px solid var(--gold);padding:4px 0 4px 20px}
  .how h3{font-size:1.3rem;margin-bottom:.2em}
  .how p{margin:0;color:var(--muted);font-size:.97rem}

  /* ---------- Contacto ---------- */
  #contacto{background:var(--ink);color:#dfe4ef}
  #contacto h2{color:#fff}
  #contacto .lead{color:#b9c1d3}
  .contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:44px}
  .card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:30px 28px;display:flex;flex-direction:column;gap:14px}
  .card h3{color:#fff;font-size:1.55rem;margin:0}
  .card .row{display:flex;gap:12px;align-items:flex-start;color:#c4cbdb;font-size:.98rem;text-decoration:none}
  .card .row svg{width:18px;height:18px;color:var(--gold);flex:none;margin-top:4px}
  .card a.row:hover{color:#fff}
  .card .btn{align-self:flex-start;margin-top:6px}
  .actions-contact{margin-top:28px}
  .offices-title{color:#fff;font-size:1.6rem;margin:56px 0 0}
  .offices{margin-top:20px}
  .area .ask{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:.9rem;font-weight:600;color:var(--wa);text-decoration:none}
  .area .ask svg{width:16px;height:16px}
  .area .ask:hover{text-decoration:underline}
  .area .acciones{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:14px}
  .area .acciones .ask{margin-top:0}
  .area .mas{font-size:.9rem;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--gold)}
  .area .mas:hover{color:var(--gold)}
  .area{position:relative}
  .area.con-pagina{cursor:pointer}
  .area .titulo-link{color:inherit;text-decoration:none}
  .area .titulo-link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--radius)}
  .area .titulo-link:focus-visible::after{outline:2px solid var(--gold);outline-offset:2px}
  .area:hover .titulo-link{color:var(--gold)}
  .area .acciones a{position:relative;z-index:2}
  .social{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
  .btn-ig{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}
  .btn-mail{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}

  footer{background:#0e182b;color:#8d97ab;font-size:.88rem;padding:28px 0}
  footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

  /* Botón flotante de WhatsApp */
  .wa-float{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.25);transition:transform .15s}
  .wa-float:hover{transform:scale(1.06)}
  .wa-float svg{width:30px;height:30px}

  /* ---------- Celulares ---------- */
  @media (max-width:900px){
    .about-grid{grid-template-columns:1fr;gap:40px}
    .how{grid-template-columns:1fr}
  }
  @media (max-width:760px){
    body{font-size:16px}
    section{padding:64px 0}
    .wrap{padding:0 16px}
    .toggle{display:block}
    .menu{display:none;position:absolute;top:70px;left:0;right:0;background:var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
    .menu.open{display:flex}
    .menu a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.06)}
    .menu .btn{margin-top:12px;justify-content:center;border-bottom:0}
    .hero{padding:72px 0 80px}
    .hero::before{width:120vw;right:-35vw;opacity:.10}
    .values{grid-template-columns:1fr}
    .hero .actions .btn{flex:1 1 100%;justify-content:center}
  }

/* =========================================================
   PAGINAS INTERIORES (sucesiones, laboral, familia)
   ========================================================= */
.page-hero{background:radial-gradient(900px 380px at 90% -20%, rgba(184,145,74,.18), transparent 60%),linear-gradient(180deg,var(--ink) 0%,var(--ink-2) 100%);color:#dfe4ef;padding:56px 0 68px;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}
.page-hero h1{color:#fff;font-size:clamp(2.3rem,5.4vw,3.6rem);margin:0 0 .3em}
.page-hero .lead{color:#c4cbdb;max-width:780px;font-size:1.12rem;margin:0}
.page-hero .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.crumbs{font-size:.88rem;color:#aab3c5;margin:0 0 26px}
.crumbs a{color:#d9deea;text-decoration:none}
.crumbs a:hover{color:#fff;text-decoration:underline}
.crumbs span{margin:0 8px;opacity:.55}

.page-body{padding:64px 0 16px}
.narrow{max-width:840px}
.page-body h2,.faq h2,.calc-wrap h2{font-size:clamp(1.7rem,3.4vw,2.2rem);margin:0 0 .6em}
.page-body p{margin:0 0 1.1em}
.servicios{list-style:none;margin:0 0 1.4em;padding:0;display:grid;gap:12px}
.servicios li{background:var(--white);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:14px 18px}
.servicios li strong{color:var(--ink)}
.cierre{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;color:var(--muted);margin-top:28px}
.cierre p:last-child{margin-bottom:0}

/* Preguntas frecuentes */
.faq{padding:48px 0 72px}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:border-color .2s}
.faq details[open]{border-color:var(--gold)}
.faq summary{cursor:pointer;list-style:none;padding:18px 56px 18px 22px;font-family:var(--serif);font-size:1.3rem;font-weight:600;color:var(--ink);position:relative;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-family:var(--sans);font-size:1.6rem;font-weight:400;color:var(--gold)}
.faq details[open] summary::after{content:"\2212"}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq summary:hover{background:var(--paper)}
.faq summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.resp{padding:18px 22px 22px;color:var(--text)}
.resp p{margin:0 0 .9em}
.resp p:last-child{margin-bottom:0}
.resp ul,.resp ol{margin:0 0 .9em;padding-left:1.25em}
.resp li{margin-bottom:.55em}
.resp a{color:var(--ink);font-weight:600;text-decoration-color:var(--gold);text-underline-offset:3px}
.resp a:hover{color:var(--gold)}
.aviso{font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:34px}

.aviso-sec{padding:0 0 56px}
.aviso-sec .aviso{margin-top:0}

/* Llamado final */
.cta-final{background:var(--ink);color:#dfe4ef;text-align:center;padding:64px 0}
.cta-final h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.4rem);margin:0 0 .4em}
.cta-final p{color:#b9c1d3;max-width:620px;margin:0 auto 1.6em}

/* Calculadora de indemnizacion */
.calc-wrap{padding:8px 0 72px}
.calc{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.calc .fila{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.calc .campo{margin-bottom:18px}
.calc .fila .campo{margin-bottom:0}
.calc label{display:block;font-weight:600;font-size:.92rem;color:var(--ink);margin-bottom:6px}
.calc .ayuda{display:block;font-weight:400;font-size:.82rem;color:var(--muted);margin-top:4px}
.calc input[type=date],.calc input[type=number],.calc select{width:100%;font:inherit;padding:11px 12px;border:1px solid #cfc8b8;border-radius:10px;background:var(--white);color:var(--text)}
.calc input:focus,.calc select:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.calc .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--text);margin-bottom:12px;cursor:pointer}
.calc .chk input{margin-top:5px;accent-color:var(--ink)}
.calc .error{color:#b4372f;font-weight:600;margin:12px 0 0;min-height:1.4em}
.calc .btn-calc{margin-top:8px;background:var(--ink);color:#fff;border:0;font:inherit;font-weight:600;padding:13px 28px;border-radius:999px;cursor:pointer}
.calc .btn-calc:hover{background:var(--ink-2)}
.resultado{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}
.resultado[hidden]{display:none}
.resultado h3{font-size:1.4rem;margin:0 0 .6em}
.resultado table{width:100%;border-collapse:collapse;margin-bottom:22px;font-size:.98rem}
.resultado td{padding:9px 4px;border-bottom:1px solid var(--line);vertical-align:top}
.resultado td.imp{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.resultado td small{display:block;color:var(--muted);font-size:.82rem}
.resultado tr.sub td{font-weight:600;color:var(--ink);border-bottom:2px solid var(--gold)}
.resultado .total{display:flex;justify-content:space-between;gap:16px;align-items:baseline;background:var(--ink);color:#fff;border-radius:12px;padding:18px 22px;margin-bottom:18px}
.resultado .total span:first-child{font-family:var(--serif);font-size:1.4rem}
.resultado .total strong{font-size:1.5rem;color:var(--gold-soft);font-variant-numeric:tabular-nums}
.resultado .notas{font-size:.88rem;color:var(--muted)}
.resultado .notas li{margin-bottom:.4em}

@media (max-width:760px){
  .page-hero{padding:40px 0 52px}
  .page-body{padding:44px 0 8px}
  .faq summary{font-size:1.18rem;padding:16px 50px 16px 18px}
  .resp{padding:16px 18px 20px}
  .calc{padding:20px 16px}
  .calc .fila{grid-template-columns:1fr}
  .resultado .total{flex-direction:column;gap:4px}
}