/* Tipografías alojadas en el propio servidor: la web no pide nada a terceros. */
@font-face{font-family:"Saira Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/saira-condensed-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Saira Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/saira-condensed-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Saira Condensed";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/saira-condensed-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Saira";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/saira-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Saira";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/saira-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Saira";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/saira-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2")}

/* Facundo López — marca personal
   Layout: azul marino profundo como lienzo, retícula ancha y tipografía condensada.
   El turquesa aparece solo en CTAs, bordes de tarjetas clave, iconos activos y enlaces.
   Tema único oscuro por decisión de marca. */
:root{
  --navy-900:#081527; --navy-850:#0C1C30; --navy-800:#112542; --navy-700:#16304F;
  --line:#1E3A5C; --line-soft:#152C47;
  --text:#F2F6FA; --text-dim:#C2D2E3; --muted:#8CA3BD;
  --turq:#19C3B3; --turq-dim:#13A89B; --turq-ink:#032622; --turq-wash:rgba(25,195,179,.10);
  --f-display:"Saira Condensed","Arial Narrow",system-ui,sans-serif;
  --f-body:"Saira",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme: dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
body{margin:0;background:var(--navy-900);color:var(--text);font:16px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;text-wrap:pretty}
section[id],header[id]{scroll-margin-top:72px}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;margin:0;line-height:1.04;text-wrap:balance}
p{margin:0}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:var(--turq);color:var(--turq-ink)}
:focus-visible{outline:2px solid var(--turq);outline-offset:3px;border-radius:2px}

.wrap{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.inner{max-width:1140px;margin-inline:auto}
.sec{padding-block:clamp(52px,7vw,96px)}
.sec--line{border-top:1px solid var(--line-soft)}
.sec--panel{background:var(--navy-850)}

/* ---------- nav ---------- */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:rgba(8,21,39,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:31;background:var(--navy-900)}
.nav .inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:14px}
.logo{font:800 18px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.logo em{font-style:normal;color:var(--turq)}
.navlinks{display:flex;align-items:center;gap:26px;min-width:0}
.navlinks a{font:500 14px/1 var(--f-body);color:var(--muted);text-decoration:none;white-space:nowrap;
  padding-block:6px;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}
.navlinks a:hover{color:var(--text)}
.navlinks a[aria-current]{color:var(--turq);border-bottom-color:var(--turq)}
@media (max-width:820px){
  .nav .inner{flex-direction:column;align-items:flex-start;gap:8px;padding-block:11px}
  .navlinks{width:100%;gap:20px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a{font-size:13.5px}
  section[id],header[id]{scroll-margin-top:92px}
}

/* ---------- botones ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--turq);color:var(--turq-ink);text-decoration:none;font:600 15px/1 var(--f-body);padding:16px 24px;border-radius:3px;border:0;cursor:pointer;transition:filter .15s ease}
.btn:hover{filter:brightness(1.1)}
.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.btn--ghost:hover{border-color:var(--turq);color:var(--turq);filter:none}
.btn .ar{font-family:var(--f-mono);font-size:14px}

/* ---------- cabeceras de sección ---------- */
.eyebrow{font:500 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--turq)}
.shead{max-width:62ch;margin-bottom:clamp(28px,4vw,44px);display:flex;flex-direction:column;gap:14px}
.shead h2{font-size:clamp(30px,4.6vw,44px)}
.shead p{color:var(--muted);font-size:17px}
.lead{color:var(--text-dim);font-size:17.5px}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line-soft)}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;opacity:.42}
.hero-bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(100deg, var(--navy-900) 18%, rgba(8,21,39,.84) 48%, rgba(8,21,39,.45) 100%),
  linear-gradient(to top, var(--navy-900) 2%, transparent 42%)}
.hero .inner{position:relative;z-index:1;padding-block:clamp(72px,12vw,140px);display:flex;flex-direction:column;gap:26px;max-width:1140px}
.hero h1{font-size:clamp(40px,6.6vw,74px);max-width:17ch}
.hero h1 em{font-style:normal;color:var(--turq)}
.hero .lead{max-width:56ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.hero-strip{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line);font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hero-strip b{color:var(--text-dim);font-weight:500}

/* ---------- hero de nombre (portada personal) ---------- */
.hero--name .hero-bg img{opacity:.6;object-position:58% 32%}
.hero--name .hero-bg::after{background:
  linear-gradient(95deg, rgba(8,21,39,.94) 10%, rgba(8,21,39,.62) 52%, rgba(8,21,39,.28) 100%),
  linear-gradient(to top, var(--navy-900) 1%, transparent 48%)}
.hero--name .inner{padding-block:clamp(110px,22vw,230px) clamp(44px,7vw,76px);gap:16px}
.hero--name h1{font-size:clamp(58px,13vw,136px);line-height:.92;letter-spacing:-.015em;max-width:none}
.hero-role{font:600 clamp(13px,1.8vw,16px)/1.4 var(--f-display);letter-spacing:.22em;text-transform:uppercase;color:var(--turq)}
.hero-quote{font-size:clamp(17px,2.4vw,23px);color:var(--text-dim);border-left:2px solid var(--turq);padding-left:16px;margin-top:6px;max-width:30ch}

/* ---------- intro personal ---------- */
.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,5vw,68px);align-items:start}
.intro-text{display:flex;flex-direction:column;gap:18px;max-width:62ch}
.intro-text p{color:var(--muted);font-size:16.5px}
.intro-lead{font-size:clamp(21px,2.9vw,27px)!important;line-height:1.35;color:var(--text)!important;font-weight:500}
.intro-photo{margin:0;border:1px solid var(--line);overflow:hidden;background:var(--navy-800)}
.intro-photo img{width:100%;aspect-ratio:3/4;object-fit:cover}
@media (max-width:860px){ .intro{grid-template-columns:1fr} .intro-photo{max-width:420px} }

/* ---------- áreas de trabajo ---------- */
.areas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,18px)}
@media (max-width:900px){ .areas-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:580px){ .areas-grid{grid-template-columns:1fr} }
.area-card{background:var(--navy-800);border:1px solid var(--line);border-radius:3px;padding:clamp(22px,2.6vw,28px);
  text-decoration:none;display:flex;flex-direction:column;gap:10px;min-width:0;transition:border-color .15s ease,transform .15s ease}
.area-card:hover{border-color:var(--turq);transform:translateY(-2px)}
.area-card h3{font-size:21px}
.area-card p{color:var(--muted);font-size:14.5px}
.area-card--alt{border-top:2px solid var(--turq)}
.area-card--alt h3{color:var(--turq)}
.area-card .n{font:500 11px/1 var(--f-mono);letter-spacing:.16em;color:var(--turq)}

/* ---------- WhatsApp ---------- */
.btn--wa svg{flex:none}
.btn--wa{padding-left:20px}

/* ---------- QR ---------- */
.qr-block{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3vw,32px);align-items:center;
  background:var(--navy-850);border:1px solid var(--line);border-radius:3px;padding:clamp(22px,3vw,30px)}
.qr-block img{width:clamp(120px,18vw,164px);height:auto;background:#fff;padding:10px;border-radius:3px}
.qr-block h3{font-size:20px;margin-bottom:8px}
.qr-block p{color:var(--muted);font-size:14.5px}
.qr-block .url{font:500 13px/1 var(--f-mono);letter-spacing:.08em;color:var(--turq);margin-top:12px;display:block;word-break:break-all}
@media (max-width:560px){ .qr-block{grid-template-columns:1fr;justify-items:start} }

/* ---------- fotos repartidas ---------- */
.side-photo{margin:0;border:1px solid var(--line);overflow:hidden;background:var(--navy-800);min-width:0}
.side-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 28%}
.side-photo--wide img{aspect-ratio:4/3}
@media (min-width:861px){ .side-photo--sticky{position:sticky;top:96px} }

.headphoto{display:grid;grid-template-columns:1fr .36fr;gap:clamp(24px,4vw,56px);align-items:end;margin-bottom:clamp(28px,4vw,44px)}
.headphoto .side-photo img{aspect-ratio:4/5}
@media (max-width:860px){ .headphoto{grid-template-columns:1fr} .headphoto .side-photo{display:none} }

.tray-grid{display:grid;grid-template-columns:1fr .34fr;gap:clamp(24px,4vw,52px);align-items:start}
@media (max-width:860px){ .tray-grid{grid-template-columns:1fr} .tray-grid .side-photo{max-width:420px} }

/* ---------- metodología ---------- */
.metodo-side{display:flex;flex-direction:column;gap:clamp(14px,2vw,20px);min-width:0}
.metodo-side .side-photo img{aspect-ratio:16/10;object-position:50% 32%}
.metodo{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:start}
.metodo h2{font-size:clamp(28px,4.2vw,40px)}
.metodo-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line)}
.metodo-list li{background:var(--navy-850);padding:20px 22px;display:grid;grid-template-columns:34px 1fr;gap:14px;min-width:0}
.metodo-list span{font:500 11px/1.6 var(--f-mono);letter-spacing:.14em;color:var(--turq)}
.metodo-list b{display:block;font:700 17px/1.3 var(--f-display);margin-bottom:5px}
.metodo-list div{font-size:14.5px;color:var(--muted)}
@media (max-width:860px){ .metodo{grid-template-columns:1fr} }

.inline-link{color:var(--turq);text-decoration:none;font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:8px}
.inline-link:hover{text-decoration:underline}

.contacto-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:860px){ .contacto-grid{grid-template-columns:1fr} }

.contact-close{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:start}
.contact-close h2{font-size:clamp(30px,4.6vw,44px)}
@media (max-width:860px){ .contact-close{grid-template-columns:1fr} }

/* ---------- segmentación ---------- */
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}
.seg a{background:var(--navy-800);border:1px solid var(--line);border-top:2px solid var(--turq);border-radius:3px;padding:clamp(24px,3vw,32px);text-decoration:none;display:flex;flex-direction:column;gap:12px;min-width:0;transition:background .15s ease,transform .15s ease}
.seg a:hover{background:var(--navy-700);transform:translateY(-2px)}
.seg h3{font-size:23px}
.seg p{color:var(--muted);font-size:14.5px;flex:1}
.seg .go{font:600 13px/1 var(--f-body);color:var(--turq);display:flex;align-items:center;gap:8px}
@media (max-width:820px){ .seg{grid-template-columns:1fr} }

/* ---------- bloque herramienta ---------- */
.tool{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4.5vw,64px);align-items:center}
.tool-points{display:flex;flex-direction:column;gap:18px;margin-top:26px}
.tool-point{display:grid;grid-template-columns:28px 1fr;gap:14px}
.tool-point .ic{width:28px;height:28px;border:1px solid var(--turq);border-radius:3px;display:grid;place-items:center;font:600 12px/1 var(--f-mono);color:var(--turq)}
.tool-point h4{font-size:17px;margin-bottom:4px}
.tool-point p{color:var(--muted);font-size:14.5px}
.tool-card{background:var(--navy-800);border:1px solid var(--line);border-radius:3px;overflow:hidden}
.tool-card .ph{aspect-ratio:4/5;background:var(--navy-700)}
.tool-card .ph img{width:100%;height:100%;object-fit:cover}
.tool-card .cap{padding:20px 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.tool-card .cap b{font:800 20px/1 var(--f-display);letter-spacing:.05em}
.tool-card .cap b em{font-style:normal;color:var(--turq)}
.tool-card .cap span{color:var(--muted);font-size:13.5px}
@media (max-width:860px){ .tool{grid-template-columns:1fr} }

/* ---------- página TacticBo ---------- */
.tb-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,4.5vw,60px);align-items:center}
.tb-h1{font-size:clamp(34px,5.4vw,56px);line-height:1.02}
.tb-h1 em{font-style:normal;color:var(--turq)}
.tb-badge{display:flex;align-items:center;gap:14px;margin-top:24px;border:1px solid var(--line);border-left:2px solid var(--turq);
  background:var(--navy-850);border-radius:3px;padding:14px 18px}
.tb-badge img{width:36px;height:36px;border-radius:5px;flex:none}
.tb-badge b{display:block;font:700 14px/1.3 var(--f-display);letter-spacing:.04em;text-transform:uppercase}
.tb-badge span{font-size:13px;color:var(--turq)}
.tb-list{margin:22px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.tb-list li{display:grid;grid-template-columns:7px 1fr;gap:14px;align-items:start}
.tb-list li i{width:7px;height:7px;border-radius:50%;background:var(--turq);margin-top:9px}
.tb-list div{font-size:15px;color:var(--muted)}
.tb-list b{color:var(--text);font-weight:600}
.tb-shot{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.tb-shot img{width:100%;border:1px solid var(--line);border-radius:3px}
.tb-shot figcaption{color:var(--muted);font-size:13px}
@media (max-width:860px){ .tb-hero{grid-template-columns:1fr} }

/* ---------- cajas de planes ---------- */
.plangroup + .plangroup{margin-top:clamp(26px,3.5vw,38px)}
.plangroup-t{font:700 13px/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--turq);margin-bottom:14px}
.planbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,18px)}
@media (max-width:760px){ .planbox-grid{grid-template-columns:1fr} }
.planbox{background:var(--navy-850);border:1px solid var(--line);border-radius:3px;padding:clamp(20px,2.4vw,26px);display:flex;flex-direction:column;gap:16px;min-width:0}
.planbox--hl{border-color:var(--turq)}
.planbox-h{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
.planbox-h b{display:block;font:700 20px/1.2 var(--f-display)}
.planbox-h span{font-size:13px;color:var(--muted)}
.planbox .price{font:700 20px/1 var(--f-display);color:var(--turq);white-space:nowrap;font-variant-numeric:tabular-nums}
.planbox ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.planbox li{display:flex;gap:10px;font-size:14.5px;color:var(--text-dim)}
.planbox li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--turq);flex:none;margin-top:9px}

/* ---------- planes ---------- */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.plan{background:var(--navy-800);padding:20px 22px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-width:0}
.plan span{font:700 16px/1.3 var(--f-display);letter-spacing:.04em;text-transform:uppercase;min-width:0}
.plan span em{display:block;font:400 12px/1.4 var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted);margin-top:3px}
.plan b{font:600 16px/1 var(--f-body);color:var(--turq);white-space:nowrap;font-variant-numeric:tabular-nums}

/* ---------- confianza ---------- */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
@media (max-width:980px){ .trust{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .trust{grid-template-columns:1fr} }
.trust div{background:var(--navy-850);padding:24px 22px;display:flex;flex-direction:column;gap:6px;min-width:0}
.trust b{font:700 15px/1.3 var(--f-display);letter-spacing:.05em;text-transform:uppercase}
.trust span{color:var(--muted);font-size:13.5px}

/* ---------- servicios ---------- */
.svc-block + .svc-block{margin-top:clamp(48px,6vw,80px)}
.svc-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--turq);margin-bottom:28px}
.svc-head h2{font-size:clamp(26px,3.6vw,36px)}
.svc-head .for{font:500 11px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--turq)}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(14px,2vw,20px)}
.svc{background:var(--navy-850);border:1px solid var(--line);border-radius:3px;padding:clamp(22px,2.6vw,28px);display:flex;flex-direction:column;gap:16px;min-width:0}
.svc h3{font-size:21px;color:var(--turq)}
.svc dl{margin:0;display:flex;flex-direction:column;gap:14px}
.svc dt{font:500 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.svc dd{margin:0;font-size:14.5px;color:var(--text-dim)}
.svc ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.svc li{display:flex;gap:10px;font-size:14.5px;color:var(--text-dim)}
.svc li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--turq);flex:none;margin-top:9px}
.svc .result{border-top:1px solid var(--line);padding-top:14px;font-size:14.5px;color:var(--text);font-weight:500}

/* ---------- timeline ---------- */
.tl{border-top:1px solid var(--line)}
.tl-item{display:grid;grid-template-columns:230px 1fr;gap:clamp(16px,3vw,44px);padding-block:28px;border-bottom:1px solid var(--line-soft)}
.tl-item .where{font:700 12.5px/1.4 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--turq)}
.tl-item h3{font-size:22px;margin-bottom:10px}
.tl-item p{color:var(--muted);font-size:15.5px;max-width:62ch}
@media (max-width:700px){ .tl-item{grid-template-columns:1fr;gap:10px} }

/* ---------- métricas ---------- */
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.metric{background:var(--navy-850);padding:28px 24px;display:flex;flex-direction:column;gap:8px;min-width:0}
.metric b{font:800 clamp(32px,4vw,44px)/1 var(--f-display);color:var(--turq);font-variant-numeric:tabular-nums}
.metric span{color:var(--muted);font-size:13.5px}

/* ---------- galería ---------- */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,16px)}
.gal figure{margin:0;border:1px solid var(--line);overflow:hidden;background:var(--navy-800)}
.gal img{width:100%;aspect-ratio:3/4;object-fit:cover}
@media (max-width:700px){ .gal{grid-template-columns:1fr 1fr} .gal figure:last-child{display:none} }

/* ---------- formulario ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
@media (max-width:900px){ .contact-grid{grid-template-columns:1fr} }
form{display:flex;flex-direction:column;gap:18px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field label{font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.field label .req{color:var(--turq)}
.field input,.field select,.field textarea{
  background:var(--navy-850);border:1px solid var(--line);border-radius:3px;color:var(--text);
  font:400 15px/1.5 var(--f-body);padding:13px 14px;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--turq);outline:none}
.field textarea{resize:vertical;min-height:120px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:560px){ .field-row{grid-template-columns:1fr} }
.form-note{color:var(--muted);font-size:13px}
.form-msg{border:1px solid var(--turq);background:var(--turq-wash);border-radius:3px;padding:16px 18px;font-size:14.5px;color:var(--text)}
.form-msg[hidden]{display:none}
.form-msg.err{border-color:#E4A14B;background:rgba(228,161,75,.1)}

.cal{background:var(--navy-850);border:1px solid var(--line);border-top:2px solid var(--turq);border-radius:3px;padding:clamp(24px,3vw,32px);display:flex;flex-direction:column;gap:16px}
.cal h3{font-size:22px}
.cal p{color:var(--muted);font-size:15px}
.cal-embed{min-height:320px;border:1px dashed var(--line);border-radius:3px;display:grid;place-items:center;text-align:center;padding:28px;color:var(--muted);font-size:14px}
.cal-embed iframe{width:100%;min-height:640px;border:0}

.clist{display:flex;flex-direction:column;margin-top:4px}
.crow{display:grid;grid-template-columns:120px 1fr;gap:14px;padding-block:14px;border-top:1px solid var(--line);align-items:baseline}
.crow:first-child{border-top:0;padding-top:0}
.crow .k{font:500 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.crow .v{font-size:15px;word-break:break-word}
@media (max-width:560px){ .crow{grid-template-columns:1fr;gap:3px} }

/* ---------- cierre / footer ---------- */
.cta-band{background:var(--navy-800);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cta-band .inner{padding-block:clamp(44px,6vw,72px);display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.cta-band h2{font-size:clamp(28px,4.2vw,40px);max-width:20ch}
.cta-band p{color:var(--muted);margin-top:10px;max-width:46ch}

/* ---------- páginas legales ---------- */
.legal{max-width:760px}
.legal h1{font-size:clamp(32px,5vw,46px);margin:10px 0 28px}
.legal h2{font-size:21px;margin:34px 0 10px;color:var(--turq)}
.legal p{color:var(--text-dim);font-size:16px;margin-bottom:12px}
.legal p strong{color:var(--text);font-weight:600}
.legal ul{margin:0 0 12px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.legal li{display:flex;gap:11px;color:var(--text-dim);font-size:16px}
.legal li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--turq);flex:none;margin-top:10px}
.legal-box{border:1px solid var(--turq);background:var(--turq-wash);border-radius:3px;padding:18px 20px;margin-bottom:8px}
.legal-box p{margin:0;color:var(--text)}
.legal-date{color:var(--muted)!important;font-size:13.5px!important;margin-top:28px!important}
.nolink{white-space:nowrap}

footer{background:var(--navy-900);border-top:1px solid var(--line-soft)}
footer .inner{padding-block:26px;display:flex;justify-content:space-between;align-items:center;gap:14px 32px;flex-wrap:wrap;
  color:var(--muted);font:500 11px/1.5 var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
footer .tm{text-transform:none;letter-spacing:.02em;font-family:var(--f-body);font-size:12px;opacity:.75;flex-basis:100%}
footer a{text-decoration:none;color:var(--muted)}
footer a:hover{color:var(--turq)}
footer .fnav{display:flex;gap:20px;flex-wrap:wrap}

@media (prefers-reduced-motion: reduce){ *{transition:none!important;animation:none!important} }