/* Inicio · portada con reactor, análisis por negocio, clases, reserva, mini-apps 3D */
.portada{position:relative;min-height:100svh;padding:130px var(--m) 72px;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;overflow:hidden}
.portada .orbe{left:52%;top:6%;width:42vw;height:42vw}
.p-izq{position:relative;display:grid;gap:28px;align-content:center}
.p-izq .lead{max-width:42ch;animation-delay:.5s}
.p-acc{display:flex;align-items:center;gap:26px;flex-wrap:wrap;animation-delay:.7s}
.p-der{position:relative;display:grid;justify-items:center;gap:20px}

.pregunta{color:var(--dim);font-size:15px}
.negocios{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;max-width:520px}
.negocios button{position:relative;background:none;border:0;color:var(--txt);font:500 clamp(19px,1.6vw,25px)/1.2 "Inter Tight",system-ui;letter-spacing:-.02em;padding:6px 0;transition:color .35s}
.negocios button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ac2);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.negocios:hover button:not(:hover){color:var(--dim)}
.negocios button:hover::after,.negocios button.on::after{transform:scaleX(1);transform-origin:left}
.negocios button.on{color:#fff;text-shadow:0 0 18px rgba(143,160,255,.7)}

.analisis{width:min(440px,100%);padding:18px 20px;backdrop-filter:blur(10px)}
.an-top{display:flex;justify-content:space-between;font-size:13px;color:var(--dim)}
.an-top span:last-child{color:var(--txt);font-variant-numeric:tabular-nums}
.an-barra{height:2px;background:var(--line);margin:10px 0 12px;border-radius:2px;overflow:hidden}
.an-barra i{display:block;height:100%;width:100%;background:var(--ac2);box-shadow:0 0 10px var(--ac);transition:width .3s linear}
#an-log{list-style:none;min-height:122px;display:grid;align-content:start;gap:3px;font-size:15px}
#an-log li{color:var(--dim)}
#an-log li.nuevo{opacity:0;transform:translateY(6px);animation:entra .45s var(--ease) forwards}
#an-log li::before{content:"✓";color:var(--ac2);margin-right:10px}
#an-log li.ojo::before{content:"!";color:var(--warn);margin-right:14px}
@keyframes entra{to{opacity:1;transform:none}}
.an-res{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.an-res span{font-size:13px;color:var(--dim)}
.an-res b{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:24px;color:#fff}


/* clases */
.temas{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:56px}
.temas article{display:grid;gap:10px;align-content:start}
.precios{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.precios .panel{display:flex;flex-direction:column;gap:14px}
.precios .pill{align-self:flex-start;margin-top:auto}
.taller{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 32px;margin-top:16px;padding:22px 28px;border:1px dashed var(--line);border-radius:var(--r)}
.taller p{color:var(--dim)}.taller b{color:var(--txt);font-weight:500}

/* reserva */
.reserva{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.rv-txt{display:grid;gap:24px}
.reserva .form .pill{justify-self:start}

/* mini-apps 3D */
.apps3d{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;overflow:hidden}
.a-txt{display:grid;gap:22px}
.nueva{display:grid;gap:10px;justify-items:start;margin-top:8px}
.escena3d{perspective:1300px;height:480px;display:grid;place-items:center}
.anillo{position:relative;width:300px;height:190px;transform-style:preserve-3d;transform:rotateX(-8deg)}
.anillo img{position:absolute;inset:0;width:300px;height:190px;object-fit:cover;object-position:top;border-radius:10px;backface-visibility:hidden;box-shadow:0 30px 60px rgba(0,0,0,.5);outline:1px solid var(--line)}

/* sobre mí */
.sobre{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:64px;align-items:center}
.retrato{width:100%;border-radius:var(--r);aspect-ratio:1;object-fit:cover;object-position:50% 20%}
.sobre .cita{font-size:clamp(24px,2.6vw,40px);line-height:1.2;letter-spacing:-.025em;margin-bottom:20px;max-width:28ch}
.sobre .cita em{color:var(--ac2)}
.sobre .dim{margin-bottom:18px}

/* preguntas */
.faq h2{margin-bottom:40px}
.faq-lista{border-top:1px solid var(--line)}
.faq-lista details{border-bottom:1px solid var(--line)}
.faq-lista summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:26px 0;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em}
.faq-lista summary::-webkit-details-marker{display:none}
.faq-lista summary::after{content:"+";color:var(--ac2);transition:transform .4s var(--ease)}
.faq-lista details[open] summary::after{transform:rotate(45deg)}
.faq-lista details p{color:var(--dim);padding:0 0 26px;max-width:70ch}

@media (max-width:900px){
  .portada{grid-template-columns:1fr;padding-top:110px}
  .p-lista{grid-template-columns:1fr 1fr;row-gap:28px}
  .p-lista li{border-right:0;padding-left:0}
  .temas,.precios{grid-template-columns:1fr}
  .temas{gap:24px}
  .reserva,.apps3d,.sobre{grid-template-columns:1fr}
  .escena3d{height:320px}
  .anillo,.anillo img{width:200px;height:126px}
  .an-res{flex-direction:column;align-items:flex-start}
  .sobre{gap:32px}.retrato{max-width:300px}
}

/* portada: que todo quepa en la primera pantalla */
.portada{padding-top:104px;padding-bottom:40px}
.portada .reactor{width:min(270px,58vw)}
.p-der{gap:14px}
#an-log{min-height:0}

/* tres caminos: te enseño · lo construimos juntos · lo hacemos por ti */
.caminos{display:grid;gap:clamp(36px,4vw,56px)}
.cam-cab{display:grid;gap:4px;max-width:760px}
.cam-cab .kicker{margin-bottom:14px}
.cam-cab .lead{margin-top:18px}
.cam-lista{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:none}
.cam{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,2.6vw,36px);border:1px solid var(--line);border-radius:var(--r);background:rgba(237,235,230,.03);transition:border-color .3s var(--ease),transform .4s var(--ease)}
.cam-ac{border-color:rgba(143,160,255,.5);background:rgba(74,91,255,.08)}
.cam-n{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:22px;color:var(--ac2)}
.cam h3{font-size:clamp(24px,1rem + 1vw,32px)}
.cam p{color:var(--dim);font-size:16px}
.cam .cam-p{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);color:var(--txt);font-size:15px}
.cam-acc{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:15px}
@media (hover:hover){.cam:hover{border-color:rgba(143,160,255,.45);transform:translateY(-3px)}}
@media (max-width:900px){.cam-lista{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cam{transition:none}}

/* «Otro negocio»: deja claro que no son solo esos seis */
.negocios .n-otro{color:var(--ac2)}
.negocios .n-otro i{font-style:normal;display:inline-block;transition:transform .4s var(--ease)}
.negocios .n-otro:hover i,.negocios .n-otro.on i{transform:rotate(90deg)}
.an-otro{display:inline-block;margin-top:14px;font-size:15px}
.an-otro[hidden]{display:none}