/* Martín Cuburu Bidault — martincuburu.com */
@font-face{font-family:'Poppins';src:url('../fuentes/poppins-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fuentes/poppins-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Caladea';src:url('../fuentes/caladea.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Caladea';src:url('../fuentes/caladea-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}

:root{
  --negro:#0E0F12; --negro2:#15171C; --carbon:#1D2027;
  --hueso:#EDEAE4; --gris:#8B9098; --ambar:#E3A72C; --ambar-osc:#B8801A;
  --max:1080px;
  --disp:'Poppins','Segoe UI',system-ui,sans-serif;
  --texto:'Caladea',Georgia,'Times New Roman',serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--negro);color:var(--hueso);font:400 17.5px/1.72 var(--texto);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--ambar)}
h1,h2,h3{font-family:var(--disp);font-weight:700;line-height:1.06;margin:0;letter-spacing:-.02em}
.saltar{position:absolute;left:-9999px;top:0;background:var(--ambar);color:#181206;padding:.7rem 1.1rem;z-index:200;font-family:var(--disp);font-weight:700}
.saltar:focus{left:0}
:focus-visible{outline:2px solid var(--ambar);outline-offset:3px}
.envoltura{width:min(100% - 2.5rem,var(--max));margin-inline:auto}
.kicker{font-family:var(--disp);font-weight:700;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ambar);margin:0 0 1.1rem}

/* Barra superior mínima: monograma + una sola acción */
.barra{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;
  padding:1rem clamp(1.25rem,4vw,2.4rem);pointer-events:none}
.barra>*{pointer-events:auto}
.mono{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(237,234,228,.45);
  font-family:var(--disp);font-weight:700;font-size:.9rem;letter-spacing:.06em;color:var(--hueso);text-decoration:none;
  background:rgba(14,15,18,.55);backdrop-filter:blur(6px);transition:border-color .2s,color .2s}
.mono:hover{border-color:var(--ambar);color:var(--ambar)}
.cta{font-family:var(--disp);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--negro);background:var(--ambar);text-decoration:none;padding:.65rem 1.1rem;
  border-radius:2px;transition:background .2s}
.cta:hover{background:#f2b93f}

/* Riel lateral de puntos */
.riel{position:fixed;right:1.1rem;top:50%;transform:translateY(-50%);z-index:90}
.riel ul{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}
.riel a{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;text-decoration:none;color:var(--gris);
  font-family:var(--disp);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}
.riel .punto{width:8px;height:8px;border-radius:50%;border:1px solid var(--gris);flex:0 0 auto;transition:background .2s,border-color .2s,transform .2s}
.riel .etq{opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s;white-space:nowrap}
.riel a:hover .etq,.riel a.activo .etq{opacity:1;transform:none}
.riel a:hover .punto{border-color:var(--ambar)}
.riel a.activo .punto{background:var(--ambar);border-color:var(--ambar);transform:scale(1.35)}
.riel a.activo{color:var(--ambar)}

/* Portada */
.portada{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:8rem 0 4.5rem;overflow:hidden}
.portada__imagen{position:absolute;inset:0}
.portada__imagen img{width:100%;height:100%;object-fit:cover;object-position:70% 30%;filter:grayscale(.35) contrast(1.05)}
.portada__capa{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(14,15,18,.86) 0%,rgba(14,15,18,.55) 35%,rgba(14,15,18,.92) 88%),
  linear-gradient(90deg,rgba(14,15,18,.94) 10%,rgba(14,15,18,.25) 70%)}
.portada__texto{position:relative}
.portada h1{font-size:clamp(2.7rem,8.4vw,5.6rem);text-transform:uppercase}
.portada h1 span{color:var(--ambar)}
.portada__cargo{font-family:var(--disp);font-weight:500;font-size:1.02rem;margin:1.2rem 0 0;letter-spacing:.01em}
.portada__resumen{margin:.7rem 0 0;max-width:50ch;color:#CFCEC9}
.portada__acciones{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.portada__lugar{margin:2rem 0 0;font-family:var(--disp);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gris)}
.portada__credito{position:absolute;right:clamp(1.25rem,4vw,2.4rem);bottom:1rem;margin:0;font-size:.72rem;color:var(--gris)}
.portada__credito a{color:var(--gris)}

.btn{display:inline-block;font-family:var(--disp);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;
  background:var(--ambar);color:var(--negro);text-decoration:none;padding:.9rem 1.5rem;border-radius:2px;transition:background .2s,transform .2s}
.btn:hover{background:#f2b93f;transform:translateY(-1px)}
.btn--linea{background:transparent;color:var(--hueso);border:1px solid rgba(237,234,228,.4)}
.btn--linea:hover{background:rgba(237,234,228,.08);border-color:var(--hueso)}
.btn--ambar{margin-top:2rem}

/* Bloques */
.bloque{padding:5.5rem 0}
.bloque--oscuro{background:var(--negro2)}
.bloque--cita{padding:3.5rem 0;border-top:1px solid rgba(237,234,228,.1);border-bottom:1px solid rgba(237,234,228,.1)}
.bloque--cita blockquote{margin:0;max-width:56ch}
.bloque--cita p{font-size:clamp(1.15rem,2.5vw,1.5rem);font-style:italic;margin:0;line-height:1.45}
.bloque--cita cite{display:block;margin-top:1rem;font-family:var(--disp);font-style:normal;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.h-seccion{font-size:clamp(1.7rem,3.8vw,2.5rem);text-transform:uppercase;display:flex;align-items:baseline;gap:.9rem;margin-bottom:1.5rem}
.h-seccion i{font-style:normal;font-size:.7rem;letter-spacing:.2em;color:var(--ambar);font-weight:700}
.entradilla{max-width:60ch;color:var(--gris);margin:0 0 2.4rem}
.nota{margin-top:1.6rem;font-size:.85rem;color:var(--gris)}
.prosa p{margin:0 0 1.2rem}
.dos-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:3rem;align-items:start}
.ficha img{border:1px solid rgba(237,234,228,.15)}
.ficha__pie{margin:.6rem 0 0;font-size:.75rem;color:var(--gris)}
.ficha__pie a{color:var(--gris)}

/* Práctica */
.practica{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1.4rem}
.practica article{border-top:2px solid var(--ambar);padding-top:1.2rem}
.practica i{font-style:normal;font-family:var(--disp);font-size:.7rem;letter-spacing:.2em;color:var(--ambar)}
.practica h3{font-size:1.35rem;text-transform:uppercase;margin:.5rem 0 .6rem}
.practica p{margin:0;color:#C6C6C2;font-size:.98rem}

/* Acordeón */
.acordeon{border-top:1px solid rgba(237,234,228,.14)}
.acordeon__item{border-bottom:1px solid rgba(237,234,228,.14)}
.acordeon__btn{width:100%;background:none;border:0;color:inherit;text-align:left;cursor:pointer;
  display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) auto;gap:1.2rem;align-items:baseline;
  padding:1.35rem 0;font:inherit}
.acordeon__anio{font-family:var(--disp);font-weight:700;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ambar)}
.acordeon__titulo{font-family:var(--disp);font-weight:500;font-size:1.12rem;letter-spacing:-.01em}
.acordeon__mas{font-family:var(--disp);color:var(--gris);font-size:1.1rem;line-height:1;transition:transform .2s}
.acordeon__item[data-abierto="1"] .acordeon__mas{transform:rotate(45deg);color:var(--ambar)}
.acordeon__cuerpo{padding:0 0 1.5rem;max-width:66ch;color:#C6C6C2;margin:0}
.acordeon__cuerpo[hidden]{display:none}
.acordeon__btn:hover .acordeon__titulo{color:var(--ambar)}

/* Libro */
.bloque--libro{background:linear-gradient(180deg,var(--carbon),var(--negro2))}
.libro{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:3.2rem;align-items:center}
.libro__portada img{width:100%;max-width:330px;box-shadow:0 30px 60px -25px rgba(0,0,0,.85);border:1px solid rgba(237,234,228,.12)}
.libro__texto h3{font-family:var(--texto);font-weight:400;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:0;margin:.4rem 0 .3rem;line-height:1.2}
.libro__sub{margin:0 0 1.4rem;color:var(--ambar);font-family:var(--disp);font-size:.86rem;letter-spacing:.02em}
.libro__datos{margin:1.3rem 0 0;font-size:.86rem;color:var(--gris)}
.libro__enlaces{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.libro__enlaces a{font-family:var(--disp);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid rgba(227,167,44,.45);color:var(--ambar);text-decoration:none;padding:.55rem .9rem;border-radius:2px}
.libro__enlaces a:hover{background:rgba(227,167,44,.12)}

/* Chips clientes */
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.chips li{font-family:var(--disp);font-size:.82rem;letter-spacing:.04em;border:1px solid rgba(237,234,228,.2);padding:.6rem 1rem;color:#D8D6D1}

/* Prensa */
.prensa{list-style:none;margin:0 0 2.6rem;padding:0}
.prensa li{border-bottom:1px solid rgba(237,234,228,.13)}
.prensa a{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) auto;gap:1.2rem;align-items:baseline;
  padding:1.15rem 0;text-decoration:none;color:var(--hueso)}
.prensa a:hover .prensa__titulo{color:var(--ambar)}
.prensa__medio{font-family:var(--disp);font-weight:700;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ambar)}
.prensa__fecha{display:block;color:var(--gris);font-family:var(--texto);font-size:.82rem;letter-spacing:0;text-transform:none;font-weight:400;margin-top:.2rem}
.prensa__flecha{color:var(--gris)}

.galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.3rem;max-width:720px}
.galeria figure{margin:0}
.galeria img{width:100%;height:clamp(200px,22vw,300px);object-fit:cover;object-position:center 62%;border:1px solid rgba(237,234,228,.12)}
.galeria figcaption{margin-top:.6rem;font-size:.78rem;color:var(--gris)}
.galeria figcaption a{color:var(--gris)}
.video{margin-top:2.6rem;max-width:720px}
.video__marco{position:relative;padding-top:56.25%;overflow:hidden;background:#000;border:1px solid rgba(237,234,228,.12)}
.video__marco iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Contacto */
.bloque--contacto{background:var(--negro2)}
.contacto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:1.2rem}
.contacto__caja{border:1px solid rgba(237,234,228,.16);padding:1.4rem}
.contacto__caja h3{font-family:var(--disp);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ambar);margin-bottom:.5rem}
.contacto__caja p{margin:0;font-size:.98rem}

/* Pie */
.pie{border-top:1px solid rgba(237,234,228,.12);padding:2.8rem 0;color:var(--gris)}
.pie__nombre{font-family:var(--disp);font-weight:700;color:var(--hueso);margin:0 0 .5rem;letter-spacing:.02em}
.pie__nota{margin:0;font-size:.83rem;max-width:70ch}
.pie__enlaces{margin:1rem 0 0;display:flex;gap:1.4rem}

@media (max-width:900px){
  .riel{display:none}
  .dos-col,.libro{grid-template-columns:minmax(0,1fr);gap:2.2rem}
  .libro__portada img{max-width:220px}
  .acordeon__btn{grid-template-columns:minmax(0,1fr) auto;gap:.4rem .8rem}
  .acordeon__anio{grid-column:1/-1}
  .prensa a{grid-template-columns:minmax(0,1fr);gap:.3rem}
  .prensa__flecha{display:none}
  .portada{min-height:auto;padding:7rem 0 3.5rem}
  .portada__credito{position:static;margin:1.5rem 1.25rem 0;text-align:right}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}
