/* Tipografias en local: ningun dato del visitante viaja a Google. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/CormorantGaramond-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/CormorantGaramond-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSans-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexSans-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/IBMPlexSans-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/Montserrat-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/Montserrat-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/Montserrat-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/Montserrat-800-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  color-scheme:light;
  --oro:#C2A14D;
  --oro-hi:#DCC27A;
  --oro-deep:#87681F;
  --oro-wash:#faf5e8;
  --malva:#1a1a1a;
  --malva-deep:#87681F;
  --rosa:#C2A14D;
  --rosa-soft:#DCC27A;
  --ink:#1a1a1a;
  --ink-soft:#3d3d3d;
  --text:#333333;
  --muted:#666666;
  --line:#e8e4da;
  --line-2:#f4f1ea;
  --paper:#ffffff;
  --soft:#faf9f6;
  --accent:#87681F;
  --accent-hi:#C2A14D;
  --accent-wash:#faf5e8;
  --brass:#C2A14D;
  --brass-soft:#DCC27A;
  --wa:#25D366;
  --radius:14px;
  --radius-s:9px;
  --wrap:1180px;
  --shadow:0 28px 70px -34px rgba(26,26,26,.24);
}

*{box-sizing:border-box}
body{
  margin:0;background:var(--paper);color:var(--text);
  font-family:"IBM Plex Sans",-apple-system,"Segoe UI",sans-serif;
  font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
a{color:var(--oro-deep)}
.wrap{max-width:760px;margin:0 auto;padding:0 26px}
header{border-bottom:1px solid var(--line);background:var(--soft)}
header::after{content:"";display:block;height:1px;background:linear-gradient(90deg,var(--oro) 0%,rgba(135,114,120,.2) 46%,transparent 76%)}
.nav{display:flex;align-items:center;gap:12px;height:106px}
.mark{width:46px;aspect-ratio:1/1;flex:none;display:block;background-color:currentColor;color:var(--oro);-webkit-mask:url("../img/marca-emblema.png?v=5") center/contain no-repeat;mask:url("../img/marca-emblema.png?v=5") center/contain no-repeat}

.brand{text-decoration:none;display:flex;align-items:center;gap:11px;margin-right:auto}
.brand b{font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;font-weight:600;color:var(--ink);letter-spacing:.12em;text-transform:uppercase;display:block;line-height:1.1}
.brand small{font-family:"Cormorant Garamond",Georgia,serif;font-size:11.5px;color:var(--oro-deep);letter-spacing:.36em;text-transform:uppercase;display:block;margin-top:2px}
.volver{font-family:Montserrat,sans-serif;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap}
.volver:hover{color:var(--oro-deep)}
main{padding:64px 0 90px}
h1{font-family:Montserrat,-apple-system,sans-serif;font-size:clamp(30px,4.4vw,42px);color:var(--ink);letter-spacing:-.032em;line-height:1.14;margin:0 0 10px;font-weight:800}
.fecha{font-size:14.5px;color:var(--muted);margin:0 0 44px;padding-bottom:24px;border-bottom:1px solid var(--line)}
h2{font-family:Montserrat,sans-serif;font-size:21px;color:var(--ink);letter-spacing:-.022em;margin:42px 0 14px;font-weight:700}
h3{font-family:Montserrat,sans-serif;font-size:17px;color:var(--ink);margin:26px 0 10px;font-weight:600}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:22px}
li{margin-bottom:9px}
.ficha{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:26px 28px;margin:0 0 20px}
.ficha dl{margin:0;display:grid;grid-template-columns:180px 1fr;gap:12px 20px}
.ficha dt{font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.ficha dd{margin:0;color:var(--ink)}
@media(max-width:620px){.ficha dl{grid-template-columns:1fr;gap:3px 0}.ficha dd{margin-bottom:12px}}
table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 20px}
th{text-align:left;font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:0 12px 11px 0;border-bottom:1px solid var(--line)}
td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.aviso{background:var(--oro-wash);border-radius:10px;padding:18px 20px;font-size:15px;color:var(--ink);margin:0 0 22px}
footer{border-top:1px solid var(--line);background:var(--soft);padding:34px 0;font-size:14px;color:var(--muted)}
footer a{color:var(--muted);text-decoration:none;margin-right:20px}
footer a:hover{color:var(--ink)}
.pie-links{margin-bottom:12px}



/* ---- Paleta 03: blanco, letra negra, detalles dorados ---- */
h1,h2,h3,h4{color:var(--ink)}
.hero h1,.sec-head h2,.fiscal h2,.cierre h2,.seg-l h2,.intro h1,.juntos h2{color:var(--ink)}
.tag,.hero .tag{background:var(--oro-wash);color:var(--oro-deep);border:1px solid rgba(194,161,77,.4)}
.tag::before{background:var(--oro)}
.step .k,.grupo .g,.pill,.brand small,.plan-n,.sim-r .lbl,.persona .rol,.rol,.doc .n,.paso .k{color:var(--oro-deep)}
.step.now .k{color:var(--oro-deep)}
.hero .trust svg,.venta .lista svg,.otro svg,.seg-l li svg,.docs-nota svg{color:var(--oro)}
.cifra{border-top:2px solid var(--oro)}
.btn-fill,header .btn-fill,.menu .menu-cta,.cierre .btn-white{background:var(--oro-deep);border-color:var(--oro-deep);color:#fff}
.btn-fill:hover,header .btn-fill:hover{background:#6f5518;border-color:#6f5518}
.links a:hover,.menu a:active,footer a:hover{color:var(--oro-deep)}

/* ---- Oro brillante: dorado en lo grafico, texto en negro ---- */
:root{--oro:#D4AF37;--oro-hi:#E8C766;--oro-wash:#fdf7e3;--brass:#D4AF37;--brass-soft:#E8C766;--accent-hi:#D4AF37}
/* botones: oro brillante con texto negro */
.btn-fill,header .btn-fill,.menu .menu-cta,.cierre .btn-white{background:#D4AF37!important;border-color:#D4AF37!important;color:#1a1a1a!important;font-weight:700}
.btn-fill:hover,header .btn-fill:hover{background:#E8C766!important;border-color:#E8C766!important;color:#1a1a1a!important}
/* etiquetas: fondo oro suave, texto negro, punto de oro brillante */
.tag,.hero .tag{background:#fdf7e3;color:#1a1a1a;border:1px solid rgba(212,175,55,.55)}
.tag::before{background:#D4AF37}
/* etiquetas pequenas: texto oscuro legible, no dorado */
.step .k,.grupo .g,.pill,.plan-n,.sim-r .lbl,.persona .rol,.rol,.doc .n,.paso .k,.plazo-n .u,.brand small{color:#5c4a06}
.step.now .k{color:#1a1a1a}
.pill{background:#fdf7e3}
/* lo grafico, en oro brillante */
.hero .trust svg,.venta .lista svg,.otro svg,.seg-l li svg,.docs-nota svg,.plazo-c li svg,
.plan li svg,.sim-r .incl svg,.done .ok,.stars{color:#D4AF37}
.cifra{border-top:2px solid #D4AF37}
.plazo-c{background:#fdf7e3;box-shadow:inset 0 0 0 1.5px rgba(212,175,55,.6)}
.hito-r.ok .dot{background:#D4AF37;border-color:#D4AF37}
.hito-r.now .dot{border-color:#D4AF37;box-shadow:0 0 0 4px #fdf7e3}
.step.now::before{background:#D4AF37}
.grupo.destacado{background:#fdf7e3;box-shadow:inset 0 0 0 1.5px rgba(212,175,55,.6)}
.docs-nota{background:#fdf7e3}
.cierre{background:#fdf7e3;box-shadow:inset 0 0 0 1.5px rgba(212,175,55,.5)}
.venta{background:#fdf7e3;box-shadow:inset 0 0 0 1.5px rgba(212,175,55,.5)}
.fiscal{background:linear-gradient(160deg,#fefbf2 0%,#fdf7e3 100%);box-shadow:inset 0 0 0 1.5px rgba(212,175,55,.5)}
.plazos{background:#fdf7e3;box-shadow:inset 0 0 0 1.5px rgba(212,175,55,.5)}
.menu .menu-tel{background:#fdf7e3;border-color:rgba(212,175,55,.6);color:#5c4a06}
.ham span{background:#D4AF37}
header::after{background:linear-gradient(90deg,#D4AF37 0%,rgba(212,175,55,.25) 46%,transparent 78%)}
.links a:hover,.menu a:active,footer a:hover{color:#5c4a06}

/* ===== Cabecera negra, para que resalte el logo ===== */
header{background:#0d0d0d;border-bottom:1px solid rgba(255,255,255,.10)}
header::after{background:linear-gradient(90deg,#D4AF37 0%,rgba(212,175,55,.35) 46%,transparent 78%)}
.volver{color:#ffffff}
.volver:hover{color:#E8C766}

/* ===== Logotipo: la doble M en onda sobre el nombre ===== */
.brand{display:flex;flex-direction:column;align-items:center;gap:0;text-decoration:none;color:var(--oro);margin-right:auto}
.brand .onda{display:block;width:200px;aspect-ratio:1690/327;flex:none;background-color:currentColor;
  -webkit-mask:url("../img/logo-simbolo.svg") center/contain no-repeat;mask:url("../img/logo-simbolo.svg") center/contain no-repeat}
.brand .marca-txt{display:contents}
.brand .nombre{display:block;white-space:nowrap;line-height:1;color:var(--oro);margin-top:6px;
  font-family:Montserrat,sans-serif;font-weight:700;font-size:25.0px;letter-spacing:.045em}
.brand .filete{display:flex;align-items:center;gap:11px;margin-top:6px;align-self:stretch}
.brand .filete i{flex:1 1 auto;height:1.5px;
  background:linear-gradient(90deg,transparent,var(--oro) 30%,var(--oro) 70%,transparent)}
.brand .rotulo{flex:none;color:var(--oro);opacity:.92;font-family:Montserrat,sans-serif;
  font-weight:700;font-size:10.0px;letter-spacing:.44em;text-indent:.44em}

@media(max-width:560px){
  .brand .onda{width:165px}
  .brand .nombre{font-size:19px}
  .brand .rotulo{font-size:8.5px;letter-spacing:.36em;text-indent:.36em}
}
