/* Tipografías: Alegreya (títulos y textos personales), Alegreya Sans (menús, botones, texto de uso) — Huerta Tipográfica, Argentina.
   La Belle Aurore: solo la firma, como en la identidad. Todas propias del sitio (no se cargan de Google). */
@font-face{font-family:"Alegreya";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/alegreya-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"Alegreya";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/alegreya-latin-400-italic.woff2") format("woff2");}
@font-face{font-family:"Alegreya";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/alegreya-latin-500-normal.woff2") format("woff2");}
@font-face{font-family:"Alegreya";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/alegreya-latin-700-normal.woff2") format("woff2");}
@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/alegreya-sans-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/alegreya-sans-latin-500-normal.woff2") format("woff2");}
@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/alegreya-sans-latin-700-normal.woff2") format("woff2");}
@font-face{font-family:"La Belle Aurore";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/la-belle-aurore-latin-400-normal.woff2") format("woff2");}

  /* Identidad aprobada: verde del logo, dorado de la tarjeta, papel cálido de la tarjeta (frente #F6F4EF).
     Mezcla de los modelos "Carta" (cercanía: foto, firma, texto en primera persona) y "Ventanilla" (claridad: ¿Qué necesitás?). */
  :root{
    color-scheme:light;
    --bg:#FFFFFF;
    --papel:#F6F4EF;       /* frente de la tarjeta */
    --paper:#FFFFFF;
    --paper-alt:#F6F4EF;
    --mint:#D9E6DF;        /* menta */
    --mint-line:#C5D7CD;
    --ink:#0B1518;         /* tinta del logo */
    --ink-soft:#3F4A47;
    --ink-faint:#5F6A67;
    --rule:#E3E0D8;--rule-soft:#EDEBE5;
    --accent:#18554A;      /* acento */
    --logo:#124D4C;        /* verde del logo */
    --deep:#0E3A35;        /* verde oscuro */
    --gold:#B8893E;--gold-ink:#8A6428;--gold-light:#D6AE6C; /* dorado claro: solo sobre verde oscuro */
    --on-deep:#EEF3F0;--on-deep-soft:#B5CBC4;--on-deep-faint:#8FB3AA;--deep-line:#24564E;--deep-field:#0A302C;
    --serif:"Alegreya",Georgia,"Times New Roman",serif;
    --sans:"Alegreya Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --firma:"La Belle Aurore",cursive;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17.5px;line-height:1.6;margin:0;}
  .shell{max-width:1120px;margin:0 auto;padding-inline:24px;}
  a{color:var(--accent);text-underline-offset:3px;}

  /* menú */
  .nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);}
  .nav .shell{display:flex;align-items:center;gap:24px;padding-block:14px;flex-wrap:wrap;}
  .brand{display:block;margin-right:auto;line-height:0;}
  .brand img{height:44px;width:auto;display:block;}
  .nav-links{display:flex;gap:22px;font-size:16.5px;flex-wrap:wrap;}
  .nav-links a{color:var(--ink-soft);text-decoration:none;padding-block:3px;border-bottom:2px solid transparent;}
  .nav-links a:hover{color:var(--accent);}
  .nav-links a[aria-current="page"]{color:var(--deep);border-bottom-color:var(--gold);}

  .btn{display:inline-block;font-family:var(--sans);font-size:17px;font-weight:500;line-height:1.3;text-decoration:none;padding:12px 20px;border-radius:6px;border:1px solid var(--accent);color:var(--accent);background:transparent;cursor:pointer;}
  .btn:hover{background:var(--mint);}
  .btn.solid{background:var(--accent);border-color:var(--accent);color:#fff;}
  .btn.solid:hover{background:var(--deep);border-color:var(--deep);}
  .btn.blanco{background:var(--on-deep);color:var(--deep);border-color:var(--on-deep);}
  .btn.blanco:hover{background:#fff;}
  .btn.chip{background:var(--mint);border-color:var(--mint);color:var(--deep);font-weight:700;padding:9px 15px;font-size:16px;}
  .btn.chip:hover{background:#cadcd2;border-color:#cadcd2;}
  a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

  /* estructura */
  section{border-bottom:1px solid var(--rule);}
  section.papel{background:var(--papel);}
  section > .shell{padding-block:76px;display:flex;flex-direction:column;gap:34px;}
  .eyebrow{font-size:17px;color:var(--ink-soft);margin:0;}   /* línea de contexto, no etiqueta */
  h1{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5.6vw,62px);line-height:1.04;letter-spacing:-.005em;margin:10px 0 22px;color:var(--deep);text-wrap:balance;}
  h2.title{font-family:var(--serif);font-weight:500;font-size:clamp(31px,3.9vw,42px);line-height:1.1;margin:0;color:var(--deep);text-wrap:balance;}
  .sec-head{display:flex;flex-direction:column;gap:10px;max-width:62ch;}
  .sec-head p{margin:0;color:var(--ink-soft);font-size:18.5px;}
  p{margin:0 0 14px;max-width:68ch;}
  p:last-child{margin-bottom:0;}

  /* portada y encabezados de página */
  .hero{border-bottom:1px solid var(--rule);background:var(--papel);}
  .hero .shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:64px;padding-block:72px 76px;align-items:center;}
  .hero .shell.solo{display:block;}
  .hero p.lede{font-size:19.5px;line-height:1.6;color:var(--ink-soft);max-width:54ch;margin:0 0 28px;}
  .hero p.lede.claro{color:var(--on-deep-soft);}
  .carta{font-family:var(--serif);font-size:21.5px;line-height:1.6;color:var(--ink);max-width:46ch;margin:0 0 24px;}
  .firma-bloque{display:flex;align-items:center;gap:16px;}
  .firma-bloque picture{flex:0 0 auto;line-height:0;}
  .firma-bloque img{width:66px;height:66px;border-radius:50%;object-fit:cover;object-position:50% 24%;border:3px solid #fff;box-shadow:0 0 0 1px var(--rule);}
  .firma{font-family:var(--firma);font-size:28px;line-height:1.25;color:var(--accent);margin:0;transform:rotate(-2deg);transform-origin:left center;}
  .firma-nombre{font-size:16px;color:var(--ink-soft);margin:4px 0 0;}
  .cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
  .fineprint{margin:16px 0 0;font-size:15.5px;color:var(--ink-soft);}

  /* "¿Qué necesitás?": cada opción abre WhatsApp con la consulta escrita */
  .ventanilla{background:var(--mint);border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:10px;}
  .ventanilla h2{font-family:var(--serif);font-weight:700;font-size:27px;line-height:1.2;color:var(--deep);margin:0 0 6px;}
  .ventanilla a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;background:#fff;color:var(--ink);text-decoration:none;padding:13px 18px;border-radius:8px;border:1px solid var(--mint-line);font-size:18px;font-weight:500;line-height:1.3;}
  .ventanilla a::after{content:"→";color:var(--accent);font-weight:700;}
  .ventanilla a:hover{border-color:var(--accent);}
  .ventanilla a.urgente{background:var(--deep);border-color:var(--deep);color:#fff;}
  .ventanilla a.urgente::after{color:var(--gold-light);}
  .ventanilla a.urgente:hover{background:var(--accent);border-color:var(--accent);}
  .ventanilla .nota-v{font-size:15.5px;color:var(--ink-soft);margin:6px 0 0;line-height:1.5;}

  /* servicios contados en párrafos */
  .prosa{columns:2;column-gap:64px;}
  .prosa p{font-family:var(--serif);font-size:20px;line-height:1.6;margin:0 0 22px;break-inside:avoid;max-width:none;}
  .prosa b{font-weight:700;color:var(--deep);}

  /* casos, herramientas: lista en dos columnas, sin cajas */
  .grid,.grid.dos-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 64px;}
  .celda{display:flex;flex-direction:column;gap:6px;min-width:0;padding-top:18px;border-top:1px solid var(--rule);}
  .celda h3{font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.2;margin:0;color:var(--deep);}
  .celda p{margin:0;font-size:17.5px;color:var(--ink-soft);line-height:1.6;}
  .celda .tipo{font-size:16px;font-weight:500;color:var(--gold-ink);}

  /* pasos unidos por una línea, sin numeración */
  .pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));border-top:3px solid var(--accent);}
  .paso{display:flex;flex-direction:column;gap:6px;padding:20px 26px 0 0;}
  .paso h3{font-family:var(--serif);font-size:22px;font-weight:700;margin:0;color:var(--deep);}
  .paso p{margin:0;font-size:17px;color:var(--ink-soft);line-height:1.55;}

  /* planes */
  .planes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:stretch;}
  .plan{border:1px solid var(--rule);border-radius:12px;padding:28px 26px;display:flex;flex-direction:column;gap:12px;background:#fff;}
  .plan.destacado{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);}
  .plan .flag{font-size:16px;font-weight:700;color:var(--gold-ink);}
  .plan h3{font-family:var(--serif);font-size:32px;font-weight:500;margin:0;color:var(--deep);}
  .plan .para{font-size:17px;color:var(--ink-soft);margin:0;}
  .plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:17px;}
  .plan li{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:start;line-height:1.5;}
  .plan li .t{color:var(--gold);font-size:13px;}
  .precio{font-size:17px;font-weight:500;color:var(--deep);padding-top:14px;border-top:1px solid var(--rule);margin-top:auto;}

  /* hacé / no hagas — incluido / no incluido */
  .dos{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .caja{border:1px solid var(--rule);border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:12px;background:#fff;}
  .caja h3{font-family:var(--serif);font-size:23px;font-weight:700;margin:0;color:var(--deep);}
  .caja ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:17px;color:var(--ink-soft);}
  .caja li{display:grid;grid-template-columns:16px 1fr;gap:8px;line-height:1.5;}
  .caja li .m{color:var(--accent);font-size:12px;padding-top:4px;}
  .caja.no li .m{color:var(--gold);}
  .caja p{font-size:17px;color:var(--ink-soft);margin:0;}

  .nota{background:var(--papel);padding:20px 22px;font-size:17px;color:var(--ink-soft);border-radius:12px;}
  .nota strong{color:var(--ink);}
  .nota p{margin:0;}

  .modulo{display:grid;grid-template-columns:auto 1fr;gap:6px 30px;align-items:baseline;border:1px solid var(--rule);border-radius:12px;background:#fff;padding:24px 26px;}
  .modulo .val{font-family:var(--serif);font-size:30px;font-weight:700;color:var(--deep);font-variant-numeric:tabular-nums;}
  .modulo .lab{font-size:16px;color:var(--ink-soft);grid-column:1;}
  .modulo .exp{grid-column:2;grid-row:1 / span 2;font-size:17px;color:var(--ink-soft);line-height:1.55;}

  .tbl-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:12px;}
  table{border-collapse:collapse;width:100%;font-size:16.5px;min-width:560px;background:#fff;font-variant-numeric:tabular-nums;}
  th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--rule-soft);vertical-align:top;}
  tr:last-child td{border-bottom:none;}
  th{font-size:15px;font-weight:700;color:var(--ink-soft);background:var(--papel);border-bottom:1px solid var(--rule);}
  td.serv{font-weight:700;white-space:nowrap;}
  td.mod{color:var(--ink-soft);white-space:nowrap;}
  td.consultar{color:var(--ink-soft);}
  td small{display:block;font-weight:400;color:var(--ink-soft);font-size:15px;margin-top:3px;white-space:normal;}

  /* quién soy */
  .sobre{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:72px;align-items:center;}
  .sobre > *{min-width:0;}
  .retrato{margin:0;display:flex;flex-direction:column;gap:14px;}
  .retrato picture{display:block;}
  .retrato img{display:block;width:100%;max-width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px;background:var(--papel);box-shadow:14px 14px 0 var(--mint);}
  .retrato figcaption{font-size:16px;color:var(--ink-soft);line-height:1.45;margin-top:12px;}
  .retrato figcaption strong{display:block;font-family:var(--serif);font-weight:700;font-size:21px;color:var(--ink);}
  .sobre .texto{display:flex;flex-direction:column;gap:16px;}
  .sobre p{margin:0;font-family:var(--serif);font-size:20.5px;line-height:1.6;max-width:56ch;}

  /* preguntas */
  details{border-bottom:1px solid var(--rule);}
  details:first-of-type{border-top:1px solid var(--rule);}
  summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative;font-family:var(--serif);font-size:21px;font-weight:500;color:var(--deep);}
  summary::-webkit-details-marker{display:none;}
  summary::after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--gold-ink);font-size:24px;font-family:var(--sans);}
  details[open] summary::after{content:"–";}
  details p{margin:0 0 20px;font-size:17.5px;color:var(--ink-soft);}

  /* secciones en verde */
  .dark{background:var(--deep);color:var(--on-deep);border-bottom:none;}
  .dark .eyebrow{color:var(--on-deep-soft);}
  .dark h1,.dark h2.title{color:#fff;}
  .dark p,.dark .sec-head p{color:var(--on-deep-soft);}
  .sintomas{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px;}
  .sintoma{padding-top:16px;border-top:2px solid var(--deep-line);display:flex;flex-direction:column;gap:6px;}
  .sintoma h3{font-family:var(--serif);font-size:22px;font-weight:700;margin:0;color:#fff;}
  .sintoma p{margin:0;font-size:17px;color:var(--on-deep-soft);line-height:1.55;}

  /* calculadora */
  .calc{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;border-radius:12px;padding:26px;background:var(--papel);}
  .calc > *{min-width:0;}
  .campos{display:flex;flex-direction:column;gap:14px;}
  .campo{display:flex;flex-direction:column;gap:5px;}
  label{font-size:15.5px;font-weight:500;color:var(--ink-soft);}
  input,select,textarea{width:100%;padding:11px 13px;border:1px solid var(--rule);border-radius:6px;font-family:inherit;font-size:17px;background:#fff;color:var(--ink);}
  input[type="number"]{font-variant-numeric:tabular-nums;}
  textarea{min-height:96px;resize:vertical;}
  .salida{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:22px;}
  .fila{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--rule-soft);}
  .fila:last-of-type{border-bottom:none;}
  .fila .k{font-size:16.5px;color:var(--ink-soft);}
  .fila .v{font-family:var(--serif);font-weight:700;font-size:21px;font-variant-numeric:tabular-nums;white-space:nowrap;}
  .fila.destacada .v{color:var(--accent);font-size:25px;}
  .salida .pie{font-size:14.5px;color:var(--ink-faint);margin:12px 0 0;line-height:1.5;}

  /* contacto */
  .contacto .shell{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding-block:72px;}
  .contacto .shell > *{min-width:0;}
  .contacto .bajada{margin-top:10px;font-size:18.5px;}
  .contacto label{color:var(--on-deep-soft);}
  .contacto input,.contacto select,.contacto textarea{border-color:var(--deep-line);background:var(--deep-field);color:var(--on-deep);}
  .contacto input::placeholder,.contacto textarea::placeholder{color:var(--on-deep-faint);}
  form{display:flex;flex-direction:column;gap:12px;}
  .form-nota{font-size:15px;color:var(--on-deep-faint);margin:0;}
  .datos{display:flex;flex-direction:column;gap:14px;margin-top:24px;}
  .dato{display:flex;flex-direction:column;gap:2px;font-size:17.5px;}
  .dato .k{font-size:15px;color:var(--on-deep-faint);}
  .dato a{color:var(--on-deep);}

  footer{background:var(--deep);color:var(--on-deep-faint);font-size:15px;}
  footer .shell{padding-block:30px 40px;border-top:1px solid var(--deep-line);display:flex;flex-direction:column;gap:10px;}
  footer p{margin:0;max-width:78ch;}
  footer a{color:var(--on-deep-soft);}
  footer .logo-pie{height:40px;width:164px;max-width:100%;display:block;margin-bottom:6px;align-self:flex-start;}

  .flota{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;box-shadow:0 4px 14px rgba(14,58,53,.28);transition:opacity .2s,transform .2s,visibility .2s;}
  .flota.oculta{opacity:0;transform:translateY(12px);visibility:hidden;}
  .logo-404{height:44px;width:auto;}

  /* accesibilidad: saltar la navegación con teclado; anclas que no quedan tapadas por la barra fija */
  .saltar{position:absolute;left:12px;top:-60px;z-index:50;background:var(--accent);color:#fff;padding:8px 14px;border-radius:6px;text-decoration:none;font-size:16px;}
  .saltar:focus{top:12px;}
  #contenido,#contacto{scroll-margin-top:76px;}

  @media (max-width:860px){
    .hero .shell{grid-template-columns:1fr;gap:36px;padding-block:44px 52px;}
    .contacto .shell,.dos,.calc{grid-template-columns:1fr;}
    .prosa{columns:1;}
    .grid,.grid.dos-col{grid-template-columns:1fr;gap:26px;}
    .sobre{grid-template-columns:1fr;gap:34px;}
    .retrato{max-width:300px;}
    section > .shell{padding-block:56px;}
    /* en celular los links van en una sola fila que se desliza, para que la barra fija no tape media pantalla */
    .nav .shell{gap:8px 16px;padding-block:10px 0;}
    .nav-links{order:3;width:calc(100% + 48px);margin-inline:-24px;padding:2px 44px 10px 24px;gap:20px;font-size:16px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);}
    .nav-links::-webkit-scrollbar{display:none;}
    .brand img{height:38px;}
    .pasos{grid-template-columns:1fr;border-top:0;}
    .paso{border-top:3px solid var(--accent);padding:16px 0 22px;}
  }
  @media (max-width:560px){
    .shell{padding-inline:18px;}
    .nav-links{width:calc(100% + 36px);margin-inline:-18px;padding-left:18px;}
    .brand img{height:34px;}
    .btn.chip .num{display:none;}
    .carta{font-size:20px;}
    .ventanilla{padding:20px;}
  }
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

  /* /links/: página para la bio de Instagram */
  .enlaces{max-width:440px;margin:0 auto;padding:36px 20px 56px;display:flex;flex-direction:column;gap:12px;text-align:center;}
  .enlaces .logo{height:52px;width:auto;margin:0 auto 10px;display:block;}
  .enlaces .cara{display:block;width:104px;height:104px;object-fit:cover;object-position:50% 22%;border-radius:50%;margin:0 auto;border:3px solid var(--mint);}
  .enlaces h1{font-size:32px;margin:8px 0 0;}
  .enlaces .chico{font-size:16.5px;color:var(--ink-soft);margin:0 auto 6px;}
  .enlaces .btn{display:block;width:100%;padding:14px 18px;font-size:17.5px;text-align:center;background:#fff;overflow-wrap:anywhere;}
  .enlaces .btn.solid{background:var(--accent);}
  .enlaces .btn:hover{background:var(--mint);}
  .enlaces .btn.solid:hover{background:var(--deep);}
  .enlaces .chico:last-child{margin-top:10px;}