:root{
  --crema:#FFFFFF; --papel:#F5F3F0; --tinta:#111111; --suave:#5E5A57; --on:#FFFFFF;
  --coral:#D7261E; --cobalto:#111111; --oro:#F2493C; --linea:rgba(17,17,17,.14);
  --serif:"Instrument Serif",Georgia,serif; --sans:"Instrument Sans",system-ui,sans-serif; --mono:"DM Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--crema);color:var(--tinta);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .12 0 0 0 0 .13 0 0 0 0 .19 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}
.mono{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.wrap{padding-inline:clamp(20px,5vw,72px)}

/* barra */
nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid var(--linea);border-radius:999px;padding:6px 6px 6px 18px;max-width:calc(100% - 24px)}
nav .logo{font-family:var(--serif);font-size:1.35rem;margin-right:10px;text-decoration:none;white-space:nowrap}
nav .logo i{color:var(--coral)}
nav a.l{font-size:.88rem;text-decoration:none;padding:8px 13px;border-radius:999px;color:var(--suave);transition:.25s}
nav a.l:hover{background:var(--tinta);color:var(--crema)}
nav a.cta{font-size:.88rem;text-decoration:none;background:var(--cobalto);color:#fff;padding:9px 16px;border-radius:999px;font-weight:600;white-space:nowrap}
@media(max-width:640px){nav{padding:5px 5px 5px 8px;gap:0}nav .logo{display:none}nav a.l{font-size:.8rem;padding:8px 9px;white-space:nowrap}nav a.cta{font-size:.8rem;padding:9px 13px}}
section[id]{scroll-margin-top:84px}
@media(max-width:800px){br.pc{display:none}}

/* hero */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:110px;padding-bottom:clamp(28px,5vw,56px);position:relative}
.hero .top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--suave);margin-bottom:clamp(18px,4vw,40px)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(4.6rem,19vw,19rem);line-height:.9;letter-spacing:-.025em}
h1 em{font-style:italic;color:var(--coral)}
h1 .ln{display:block;overflow:hidden;padding-bottom:.06em}
h1 .ln span{display:block;transform:translateY(105%);animation:sube 1.1s cubic-bezier(.2,.8,.2,1) forwards}
h1 .ln:nth-child(2) span{animation-delay:.12s}
h1 .ln:nth-child(3) span{animation-delay:.24s}
@keyframes sube{to{transform:none}}
.hero .bajo{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:clamp(24px,4vw,52px);align-items:end;opacity:0;animation:aparece 1s .7s forwards}
@keyframes aparece{to{opacity:1}}
.hero p.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:46ch}
.hero .acc{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.98rem;transition:.3s}
.btn.p{background:var(--tinta);color:var(--on)} .btn.p:hover{background:var(--coral);color:#fff}
.btn.o{border:1.5px solid var(--tinta)} .btn.o:hover{background:var(--tinta);color:var(--on)}
@media(max-width:800px){.hero .bajo{grid-template-columns:1fr}.hero .acc{justify-content:flex-start}}

/* cinta */
.cinta{background:#111111;color:#FFFFFF;overflow:hidden;white-space:nowrap;padding:16px 0;transform:rotate(-1.2deg);margin:40px -2% 0;border-block:1px solid rgba(255,255,255,.2)}
.cinta div{display:inline-block;animation:marq 38s linear infinite;font-family:var(--serif);font-size:clamp(1.4rem,3vw,2.2rem)}
.cinta span{margin:0 22px}.cinta b{color:var(--oro);font-weight:400}
.cinta svg.plato{display:inline-block;vertical-align:middle;margin-top:-4px}
@keyframes marq{to{transform:translateX(-50%)}}

/* secciones */
section{padding-block:clamp(70px,11vw,150px)}
.etq{display:flex;align-items:center;gap:14px;color:var(--suave);margin-bottom:26px}
.etq::before{content:"";width:42px;height:1px;background:var(--tinta)}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,7.4vw,7rem);line-height:.95;letter-spacing:-.02em}
h2 em{font-style:italic;color:var(--coral)}

/* a comer */
.acomer{background:#111111;color:#FFFFFF;border-radius:clamp(24px,4vw,56px);margin:0 clamp(8px,1.5vw,20px)}
.acomer .grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,80px);align-items:center;margin-top:clamp(30px,5vw,60px)}
.acomer .etq{color:#c9c5c0}.acomer .etq::before{background:#c9c5c0}
.acomer h2 em,.acomer li .mono{color:var(--oro)}
.acomer p{color:#d9d5d0;max-width:46ch;margin-top:22px;font-size:1.08rem}
.acomer ul{list-style:none;padding:0;margin-top:26px;display:grid;gap:12px}
.acomer li{display:flex;gap:14px;align-items:baseline;border-top:1px solid rgba(255,255,255,.16);padding-top:12px}
.acomer li .mono{min-width:2.2em}
.acomer .ver{display:inline-flex;align-items:center;gap:12px;margin-top:30px;text-decoration:none;font-weight:600;color:#fff;border-bottom:1.5px solid #fff;padding-bottom:4px;transition:.3s}
.acomer .ver:hover{gap:18px;opacity:.8}
.pronto{display:inline-block;margin-top:30px;border:1px dashed rgba(255,255,255,.4);border-radius:999px;padding:10px 18px;color:#e9e5d8}
.mock{position:relative}
.mock .pantalla{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transform:rotate(1.6deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.mock:hover .pantalla{transform:rotate(0)}
.barra{display:flex;gap:6px;padding:10px 14px;background:#e9e3d4;align-items:center}
.barra i{width:10px;height:10px;border-radius:50%;background:#c9c2b0}
.barra span{margin-left:10px;font:500 .68rem var(--mono);color:#7a7566;background:#f6f1e4;border-radius:999px;padding:3px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mock img{display:block;width:100%}
@media(max-width:860px){.acomer .grid{grid-template-columns:1fr}}

/* proyectos */
.proy{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,3vw,48px);align-items:center;padding-block:clamp(34px,6vw,84px);border-top:1px solid var(--linea)}
.proy:last-child{border-bottom:1px solid var(--linea)}
.proy .txt{grid-column:1 / span 5}
.proy .vis{grid-column:6 / span 7}
.proy:nth-child(even) .txt{grid-column:8 / span 5;grid-row:1}
.proy:nth-child(even) .vis{grid-column:1 / span 7;grid-row:1}
.num{font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--coral)}
.proy h3{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,6.2vw,6rem);line-height:.92;letter-spacing:-.02em;margin:8px 0 14px}
.proy p{color:var(--suave);max-width:38ch}
.proy .ver{display:inline-flex;align-items:center;gap:12px;margin-top:22px;text-decoration:none;font-weight:600;border-bottom:1.5px solid var(--tinta);padding-bottom:4px;transition:.3s}
.proy .ver:hover{color:var(--coral);border-color:var(--coral);gap:18px}
.proy .pantalla{display:block;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -28px rgba(17,17,17,.38);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
.proy .vis:hover .pantalla{transform:translateY(-8px) rotate(-.5deg);box-shadow:0 50px 80px -30px rgba(17,17,17,.45)}
.proy .pantalla{background-size:cover;background-position:center}
.proy .pantalla video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:transparent;opacity:0}
.proy .pantalla video.on{opacity:1}
.vivo{position:relative;aspect-ratio:16/9;overflow:hidden;background-size:cover;background-position:top}
.vivo iframe{position:absolute;top:0;left:0;width:1440px;height:810px;border:0;transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .8s}
.vivo iframe.listo{opacity:1}
.proy .pantalla img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
@media(max-width:860px){
  .proy .txt,.proy:nth-child(even) .txt{grid-column:1 / -1;grid-row:2}
  .proy .vis,.proy:nth-child(even) .vis{grid-column:1 / -1;grid-row:1}
}

/* servicios */
.serv{background:var(--papel);border-block:1px solid var(--linea)}
.fila{display:grid;grid-template-columns:90px 1fr 1.1fr;gap:20px;align-items:baseline;padding-block:26px;border-top:1px solid var(--linea);transition:.35s}
.fila:last-child{border-bottom:1px solid var(--linea)}
.fila:hover{padding-left:18px;background:var(--papel)}
.fila b{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,4.2vw,3.6rem);line-height:1}
.fila span.d{color:var(--suave)}
@media(max-width:760px){.fila{grid-template-columns:48px 1fr}.fila span.d{grid-column:2}}

/* sobre mí / contacto */
.sobre{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(30px,6vw,100px)}
.sobre p{font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.5}
.sobre p+p{margin-top:18px;color:var(--suave);font-size:1.02rem}
.contacto{background:var(--coral);color:#FFF4EA;text-align:center;border-radius:clamp(24px,4vw,56px);margin:0 clamp(8px,1.5vw,20px);padding-block:clamp(70px,12vw,170px)}
.contacto h2{color:#FFF4EA;font-size:clamp(3rem,11vw,10.5rem)}
.contacto h2 em{color:#111111}
.contacto .acc{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:44px}
.contacto .btn.p{background:#111111;color:#FFFFFF}.contacto .btn.p:hover{background:#FFFFFF;color:#111111}
.contacto .btn.o{border-color:#FFFFFF;color:#FFFFFF}.contacto .btn.o:hover{background:#FFFFFF;color:#111111}
footer{padding-block:34px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--suave)}
@media(max-width:800px){.sobre{grid-template-columns:1fr}}

/* revelar */
.rv{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}h1 .ln span{transform:none}.hero .bajo{opacity:1}}


.hero-video{position:absolute;right:clamp(0px,1vw,24px);top:calc(50% + 34px);transform:translateY(-50%);width:min(58vw,900px);pointer-events:none;z-index:0;opacity:0;animation:aparece 1.4s .4s forwards}
.hero-video video{display:block;width:100%}
.hero h1,.hero .top,.hero .bajo{position:relative;z-index:1}
@media(max-width:800px){.hero-video{position:relative;right:auto;top:auto;width:100%;margin:10px 0 0;order:2;transform:none}.hero h1{order:1}.hero .bajo{order:3}}
body.pg main{padding-top:96px}
nav a.l.act{background:var(--tinta);color:var(--crema)}

nav{--tinta:#111111;--suave:#5E5A57;--crema:#FFFFFF;--on:#FFFFFF}
@media(max-width:640px){nav a.l{padding:8px 7px;font-size:.76rem}nav a.cta{padding:9px 11px;font-size:.76rem}}

/* ===== Página A Comer: estilo carta de restaurante ===== */
body.pg-acomer{background:#F3E9D7;color:#2B1B14;--linea:rgba(43,27,20,.22);--coral:#C8412B;--suave:#6F5B4E}
.ac-top{text-align:center;padding:clamp(40px,7vw,90px) 0 clamp(30px,5vw,60px)}
.ac-top .mono{color:#6F5B4E;letter-spacing:.2em}
.ac-top h1{font-family:var(--serif);font-weight:400;font-size:clamp(4rem,14vw,13rem);line-height:.88;letter-spacing:-.025em;margin:22px 0 28px;color:#2B1B14}
.ac-top h1 em{color:#C8412B}
.ac-top p{max-width:34ch;margin:0 auto;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45;color:#4a362b}
.carta{max-width:820px;margin:0 auto;background:#FBF6EA;border:1px solid #2B1B14;outline:1px solid #2B1B14;outline-offset:-9px;padding:clamp(34px,6vw,70px) clamp(26px,6vw,80px);box-shadow:0 30px 60px -34px rgba(43,27,20,.5)}
.carta h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(2rem,5vw,3.4rem);text-align:center;color:#C8412B;margin-bottom:6px}
.carta .orn{text-align:center;letter-spacing:.5em;color:#C8412B;margin-bottom:30px;font-size:.8rem}
.carta .plato{display:flex;align-items:baseline;gap:12px;padding:15px 0;font-size:clamp(1rem,1.7vw,1.2rem)}
.carta .plato b{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.6vw,1.9rem);white-space:nowrap}
.carta .plato i{flex:1;border-bottom:2px dotted rgba(43,27,20,.45);transform:translateY(-4px);min-width:20px}
.carta .plato span{text-align:right;max-width:20ch;color:#4a362b}
@media(max-width:640px){.carta .plato{flex-wrap:wrap}.carta .plato i{display:none}.carta .plato span{text-align:left;max-width:none;flex-basis:100%}}
.ac-vista{max-width:980px;margin:clamp(60px,9vw,120px) auto 0;text-align:center}
.ac-vista .mono{color:#6F5B4E;display:block;margin-bottom:18px}
.ac-vista img{width:100%;border-radius:14px;border:1px solid #2B1B14;box-shadow:12px 12px 0 #C8412B}
.ac-pronto{text-align:center;margin:clamp(50px,8vw,100px) 0 0}
.ac-pronto span{display:inline-block;border:1.5px dashed #2B1B14;border-radius:999px;padding:12px 24px}
.ac-pronto a{display:inline-block;border:1.5px solid #2B1B14;border-radius:999px;padding:12px 24px;color:#2B1B14;text-decoration:none;transition:background .2s,color .2s}
.ac-pronto a:hover{background:#2B1B14;color:#F6EBD3}
body.pg-acomer footer{color:#6F5B4E}

/* ===== Página Servicios: estilo índice oscuro ===== */
body.pg-serv{background:#ECE9E3;color:#111111;--linea:rgba(17,17,17,.2);--suave:#5E5A57;--coral:#D7261E}
.sv-top{display:grid;grid-template-columns:.9fr 1.4fr;gap:clamp(30px,6vw,100px);padding:clamp(30px,6vw,80px) 0 clamp(50px,8vw,110px)}
.sv-top h1{font-family:var(--serif);font-weight:400;font-size:clamp(3.6rem,9vw,8.5rem);line-height:.9;letter-spacing:-.02em;position:sticky;top:110px;align-self:start}
.sv-top h1 em{color:#D7261E}
.sv-top h1 .mono{color:#5E5A57;display:block;margin-bottom:22px;font-family:var(--mono)}
.sv-lista{border-top:1px solid var(--linea)}
.sv-item{display:grid;grid-template-columns:clamp(70px,12vw,150px) 1fr;gap:20px;padding:clamp(26px,4vw,48px) 0;border-bottom:1px solid var(--linea);align-items:baseline;transition:.35s}
.sv-item:hover{padding-left:16px}
.sv-item .n{font-family:var(--serif);font-style:italic;font-size:clamp(3rem,8vw,7rem);line-height:.8;color:#D7261E}
.sv-item h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,4.4vw,3.6rem);line-height:1}
.sv-item p{color:#5E5A57;margin-top:10px;max-width:42ch}
.sv-como{padding:clamp(50px,8vw,110px) 0;border-top:1px solid var(--linea)}
.sv-como h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,6.5vw,6rem);line-height:.95;margin-bottom:clamp(30px,5vw,60px)}
.sv-como h2 em{color:#D7261E}
.sv-pasos{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(18px,2.2vw,36px)}
@media(max-width:1100px){.sv-pasos{grid-template-columns:repeat(2,1fr)}}
.sv-paso{border-top:2px solid #111111;padding-top:20px}
.sv-paso .mono{color:#D7261E}
.sv-paso h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,2.2vw,2.1rem);line-height:1.05;margin:12px 0 10px}
.sv-paso p{color:#5E5A57}
.sv-yo{padding:clamp(50px,8vw,110px) 0;border-top:1px solid var(--linea);display:grid;grid-template-columns:.9fr 1.4fr;gap:clamp(30px,6vw,100px)}
.sv-yo h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,6vw,5.5rem);line-height:.95}
.sv-yo h2 em{color:#D7261E}
.sv-yo p{font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.5;max-width:40ch}
body.pg-serv footer{color:#5E5A57}
@media(max-width:860px){.sv-top,.sv-yo{grid-template-columns:1fr}.sv-top h1{position:static}}
@media(max-width:640px){.sv-pasos{grid-template-columns:1fr}}

nav{color:#111111}

/* ===== Contacto propio de cada página ===== */
/* A Comer: renglones de carta */
.ct-carta{max-width:820px;margin:clamp(70px,10vw,130px) auto 0;background:#FBF6EA;border:1px solid #2B1B14;outline:1px solid #2B1B14;outline-offset:-9px;padding:clamp(34px,6vw,64px) clamp(26px,6vw,80px);box-shadow:0 30px 60px -34px rgba(43,27,20,.5);text-align:center;color:#2B1B14;width:calc(100% - 2*clamp(20px,5vw,72px))}
.ct-carta h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,5.5vw,4rem);line-height:1;color:#2B1B14}
.ct-carta h2 em{color:#C8412B}
.ct-carta .orn{letter-spacing:.5em;color:#C8412B;margin:14px 0 26px;font-size:.8rem}
.ct-carta a.renglon{display:flex;align-items:baseline;gap:12px;padding:14px 0;text-decoration:none;color:#2B1B14;text-align:left;transition:.25s}
.ct-carta a.renglon b{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.6vw,1.9rem);white-space:nowrap}
.ct-carta a.renglon i{flex:1;border-bottom:2px dotted rgba(43,27,20,.45);transform:translateY(-4px);min-width:20px}
.ct-carta a.renglon span{font-size:clamp(.95rem,1.7vw,1.15rem);text-align:right}
.ct-carta a.renglon:hover{color:#C8412B}
@media(max-width:640px){.ct-carta a.renglon{flex-wrap:wrap}.ct-carta a.renglon i{display:none}.ct-carta a.renglon span{text-align:left;flex-basis:100%;word-break:break-all}}

/* Proyectos: banda clara con enlaces en fila */
.ct-banda{background:var(--papel);border-block:1px solid var(--linea);margin-top:clamp(60px,9vw,120px);padding-block:clamp(60px,9vw,120px)}
.ct-banda .dos{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,100px);align-items:end}
.ct-banda h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,7vw,6.5rem);line-height:.95;letter-spacing:-.02em}
.ct-banda h2 em{color:var(--coral)}
.ct-banda .mono{color:var(--suave);display:block;margin-bottom:20px}
.ct-banda a.fila2{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-top:1px solid var(--tinta);text-decoration:none;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500;transition:.3s}
.ct-banda a.fila2:last-child{border-bottom:1px solid var(--tinta)}
.ct-banda a.fila2 span.f{font-family:var(--serif);font-size:1.8em;line-height:1;color:var(--coral);transition:.3s}
.ct-banda a.fila2:hover{padding-left:14px;color:var(--coral)}
.ct-banda a.fila2:hover span.f{transform:translateX(6px)}
@media(max-width:860px){.ct-banda .dos{grid-template-columns:1fr}}

/* Servicios: índice numerado oscuro */
.ct-indice{padding-block:clamp(60px,9vw,130px);border-top:1px solid var(--linea)}
.ct-indice h2{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,9vw,8.5rem);line-height:.9;letter-spacing:-.02em;margin-bottom:clamp(30px,5vw,60px)}
.ct-indice h2 em{color:#D7261E}
.ct-indice a.opcion{display:grid;grid-template-columns:clamp(70px,12vw,150px) 1fr auto;gap:20px;align-items:center;padding:clamp(22px,3.5vw,40px) 0;border-top:1px solid var(--linea);text-decoration:none;color:#111111;transition:.35s}
.ct-indice a.opcion:last-child{border-bottom:1px solid var(--linea)}
.ct-indice a.opcion .n{font-family:var(--serif);font-style:italic;font-size:clamp(2.4rem,6vw,5rem);line-height:.8;color:#D7261E}
.ct-indice a.opcion b{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,3.6vw,3rem);line-height:1;overflow-wrap:anywhere}
.ct-indice a.opcion .f{font-family:var(--serif);font-size:clamp(2rem,4vw,3.4rem);color:#D7261E;transition:.35s}
.ct-indice a.opcion:hover{background:#E1DDD5;padding-left:16px}
.ct-indice a.opcion:hover .f{transform:translateX(8px)}

/* A Comer · inicio (diseño nuevo) */
.acomer{padding-top:clamp(50px,7vw,100px);padding-bottom:clamp(50px,7vw,100px)}
.ac2-cab{text-align:center;display:flex;flex-direction:column;align-items:center}
.ac2-cab h2{font-size:clamp(4rem,12vw,9.5rem);line-height:.9}
.ac2-cab p{text-align:center;max-width:36ch;font-size:clamp(1.15rem,2vw,1.5rem);color:#fff}
.ac2-ven{display:block;max-width:1060px;margin:clamp(36px,5vw,64px) auto 0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 50px 100px -30px rgba(215,38,30,.35);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ac2-ven:hover{transform:translateY(-8px)}
.ac2-pasos{list-style:none;padding:0;margin:clamp(40px,6vw,80px) auto 0;max-width:1060px;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,40px)}
.ac2-pasos li{border-top:1px solid rgba(255,255,255,.2);padding-top:18px;display:flex;flex-direction:column;gap:8px}
.ac2-pasos .mono{color:var(--oro)}
.ac2-pasos b{font:400 clamp(1.5rem,2.4vw,2rem)/1.1 "Instrument Serif",serif;color:#fff}
.ac2-pasos li span:last-child{color:#cfcac4;font-size:.98rem;line-height:1.5}
.ac2-pie{text-align:center;margin-top:clamp(36px,5vw,60px)}
.ac2-btn{display:inline-flex;gap:12px;align-items:center;background:var(--oro);color:#fff;text-decoration:none;font-weight:600;border-radius:999px;padding:16px 30px;transition:.3s}
.ac2-btn:hover{gap:20px;filter:brightness(1.1)}
@media(max-width:860px){.ac2-pasos{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ac2-pasos{grid-template-columns:1fr}}

/* celular: video al lado del nombre, rótulo en una línea */
@media(max-width:800px){
  .hero{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;padding-top:140px;align-items:center;column-gap:0}
  .hero .top{grid-column:1/-1;flex-direction:column;gap:10px;flex-wrap:nowrap}
  .hero .top span:first-child{white-space:nowrap;font-size:clamp(.5rem,2.55vw,.78rem);letter-spacing:.04em}
  .hero h1{grid-column:1;grid-row:2;order:0}
  .hero-video{grid-column:2;grid-row:2;order:0;width:140%;margin:0 0 0 -22%;align-self:center}
  .hero .bajo{grid-column:1/-1;grid-row:3;order:0}
}