/* =================== PÁGINAS INTERIORES =================== */
.phero{ padding:150px 0 100px; overflow:hidden; min-height:88svh; display:grid; align-items:center; }
.phero-in{ display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }
.phero h1{ font-size:clamp(2.6rem,6vw,5.2rem); }
.phero .lead{ margin:1.5rem 0 2rem; }
.phero.dark{ background:var(--dark); color:var(--dark-soft); }
.phero.dark h1{ color:#fff; }
.phero.dark .lead{ color:var(--dark-soft); }
.phero.dark .hero-bg .grid{ background-image:linear-gradient(var(--dark-rule) 1px,transparent 1px),linear-gradient(90deg,var(--dark-rule) 1px,transparent 1px); opacity:.5; }
.phero.dark .blob{ opacity:.25; }
.phero.dark .hero-facts{ color:#fff; }
.phero.dark .hero-facts li::before{ background-color:rgba(51,207,125,.2); }
.crumbs{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0 0 22px; font-size:.84rem; }
.crumbs li+li::before{ content:"/"; margin-right:8px; color:var(--ink-faint); }
.crumbs a{ color:var(--ink-soft); text-decoration:none; }
.crumbs a:hover{ text-decoration:underline; }
.crumbs [aria-current]{ color:var(--ink); font-weight:700; }
.dark .crumbs a,.dark .crumbs li+li::before{ color:var(--dark-soft); }
.dark .crumbs [aria-current]{ color:#fff; }
.price-chip{ display:inline-flex; align-items:baseline; gap:.4rem; font-family:var(--f-mono); font-weight:700; color:var(--ink); font-size:1.6rem; margin-bottom:1.6rem; }
.price-chip small{ font-size:.82rem; color:var(--ink-faint); font-weight:500; }
.dark .price-chip{ color:#fff; }
.dark .price-chip small{ color:var(--dark-soft); }
@media (max-width:900px){ .phero-in{ grid-template-columns:1fr; } .phero{ min-height:auto; padding-top:120px; } }

.block{ padding:130px 0; }
.block.tint{ background:var(--surface); }
.block.dark{ background:var(--dark); color:var(--dark-soft); }
.block.dark h2,.block.dark h3{ color:#fff; }
.block-head{ display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:56px; flex-wrap:wrap; }
.block-head .h2{ margin-top:14px; }
.block-head .lead{ margin:0; }
.dark .lead{ color:var(--dark-soft); }

.cards3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cards2{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.card{ position:relative; overflow:hidden; border-radius:24px; padding:32px; background:#fff; border:1px solid var(--rule); transition:box-shadow .5s, border-color .5s; }
.tint .card{ border-color:transparent; }
.card::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(380px circle at var(--mx,50%) var(--my,-20%),rgba(51,207,125,.16),transparent 45%); opacity:0; transition:opacity .4s; }
.card:hover::before{ opacity:1; }
.card:hover{ box-shadow:0 34px 70px -36px rgba(10,40,25,.4); }
.card .ic{ width:56px; height:56px; border-radius:16px; display:grid; place-items:center; background:var(--g50); color:var(--g800); margin-bottom:26px; transition:transform .5s cubic-bezier(.2,.8,.2,1.4), background .3s; }
.card:hover .ic{ transform:rotate(-8deg) scale(1.1); background:var(--brand); color:var(--ink); }
.card h3{ font-size:1.4rem; margin-bottom:10px; line-height:1.1; }
.card p{ margin:0; font-size:.96rem; }
.dark .card{ background:var(--dark-2); border-color:var(--dark-rule); }
.dark .card .ic{ background:rgba(51,207,125,.14); color:var(--g400); }
@media (max-width:900px){ .cards3,.cards2{ grid-template-columns:1fr; } }

/* Lista "qué incluye" con números grandes */
.inc{ list-style:none; margin:0; padding:0; border-top:1px solid var(--rule); }
.inc li{ display:grid; grid-template-columns:110px 1fr 1.2fr; gap:30px; align-items:start; padding:34px 0; border-bottom:1px solid var(--rule); position:relative; }
.inc li::after{ content:""; position:absolute; left:0; bottom:-1px; height:2px; width:100%; background:var(--brand); transform:scaleX(0); transform-origin:0 50%; transition:transform .7s cubic-bezier(.7,0,.2,1); }
.inc li:hover::after{ transform:scaleX(1); }
.inc .num{ font-family:var(--f-mono); font-weight:700; font-size:2.6rem; line-height:1; color:transparent; -webkit-text-stroke:1.5px var(--g600); transition:color .4s; }
.inc li:hover .num{ color:var(--g400); }
.inc h3{ font-size:clamp(1.3rem,2.2vw,1.8rem); }
.inc p{ margin:0; }
.dark .inc,.dark .inc li{ border-color:var(--dark-rule); }
.dark .inc .num{ -webkit-text-stroke-color:var(--g400); }
@media (max-width:800px){ .inc li{ grid-template-columns:1fr; gap:10px; } }

/* Comparativa */
.cmp-wrap{ overflow-x:auto; border-radius:24px; border:1px solid var(--rule); background:#fff; }
.cmp{ width:100%; min-width:680px; border-collapse:separate; border-spacing:0; font-size:.95rem; }
.cmp th,.cmp td{ padding:20px 22px; text-align:left; border-bottom:1px solid var(--rule); vertical-align:top; }
.cmp thead th{ font-family:var(--f-display); color:var(--ink); font-size:1.05rem; background:var(--surface); }
.cmp tbody th{ color:var(--ink); font-weight:700; width:24%; }
.cmp tr:last-child > *{ border-bottom:0; }
.cmp .us{ background:var(--ink); color:#fff; font-weight:600; border-bottom-color:rgba(255,255,255,.12); }
.cmp thead .us{ background:var(--ink); color:var(--g400); }
.cmp .no{ color:#9b1c1c; font-weight:600; }
.cmp .yes::before{ content:"✓ "; color:var(--g400); font-weight:800; }

/* Frase con palabras que se encienden al hacer scroll */
.statement{ font-family:var(--f-display); font-weight:700; font-size:clamp(1.9rem,4.4vw,3.6rem); line-height:1.12; letter-spacing:-.025em; color:var(--ink); max-width:26ch; margin:0; }
.motion .statement .w{ opacity:.15; transition:opacity .25s; }
.motion .statement .w.on{ opacity:1; }
.dark .statement{ color:#fff; }

/* Bloque de precio destacado */
.pband{ border-radius:30px; background:var(--dark); color:var(--dark-soft); padding:clamp(30px,5vw,64px); display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:center; position:relative; overflow:hidden; }
.pband::before{ content:""; position:absolute; width:500px; height:500px; right:-160px; bottom:-220px; border-radius:50%; background:var(--g400); filter:blur(110px); opacity:.35; }
.pband > *{ position:relative; }
.pband h2{ color:#fff; font-size:clamp(2rem,4vw,3.2rem); }
.pband .price{ color:#fff; font-size:clamp(3.2rem,7vw,5.6rem); }
.pband .price small{ color:var(--dark-soft); }
.pband ul{ list-style:none; padding:0; margin:20px 0 0; display:grid; gap:8px; }
.pband li::before{ content:"✓  "; color:var(--g400); font-weight:800; }
.pband .btn{ margin-top:24px; }
.pband .eyebrow{ color:var(--g400); }
@media (max-width:800px){ .pband{ grid-template-columns:1fr; } }

/* Fases (certificación) */
.phases{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.phase{ border-radius:26px; padding:36px; background:var(--dark-2); border:1px solid var(--dark-rule); }
.phase .tag{ font-family:var(--f-mono); font-size:.76rem; font-weight:700; color:var(--g400); letter-spacing:.08em; text-transform:uppercase; }
.phase h3{ font-size:1.8rem; margin:10px 0 14px; }
.phase .price{ color:#fff; font-size:clamp(2.2rem,4vw,3.2rem); margin-bottom:14px; }
.phase .price small{ color:var(--dark-soft); }
.phase p{ margin:0; }
.phase.alt{ background:linear-gradient(120deg,var(--g200) 0%,#c9f5dc 45%,var(--g400) 100%); border:0; color:var(--ink); }
.phase.alt h3,.phase.alt .price,.phase.alt .tag,.phase.alt .price small{ color:var(--ink); }
@media (max-width:800px){ .phases{ grid-template-columns:1fr; } }

/* Visual: PDF */
.pdf-wrap{ display:grid; justify-items:center; gap:18px; }
.pdf{ position:relative; width:min(400px,84vw); aspect-ratio:.77; background:#fff; border-radius:16px; box-shadow:0 50px 100px -40px rgba(10,40,25,.5),0 0 0 1px var(--rule); padding:34px 30px; display:grid; align-content:start; gap:14px; }
.pdf .ln{ height:10px; border-radius:6px; background:var(--surface-2); position:relative; }
.pdf .ln.t{ height:22px; width:70%; background:#cfd6d1; }
.pdf .ln.s{ width:60%; }
.pdf .ln.m{ width:85%; }
.pdf .img{ height:110px; border-radius:10px; background:linear-gradient(135deg,#d7efe2,#bfe9ff); position:relative; }
.pdf .tbl{ display:grid; grid-template-columns:repeat(3,1fr); gap:5px; position:relative; }
.pdf .tbl i{ height:16px; background:var(--surface); border-radius:4px; }
.ptag{ position:absolute; z-index:2; font-family:var(--f-mono); font-size:.72rem; font-weight:700; padding:.3rem .55rem; border-radius:8px; background:var(--ink); color:var(--g400); white-space:nowrap; opacity:0; transform:scale(.6); transition:opacity .4s, transform .5s cubic-bezier(.2,.8,.2,1.5); box-shadow:0 10px 20px -8px rgba(0,0,0,.4); }
.pord{ position:absolute; z-index:2; left:-44px; top:50%; margin-top:-13px; width:26px; height:26px; border-radius:50%; background:var(--g500); color:#fff; font-family:var(--f-mono); font-size:.72rem; font-weight:700; display:grid; place-items:center; opacity:0; transform:scale(.4); transition:all .5s cubic-bezier(.2,.8,.2,1.5); }
.pdf.fixed .ptag,.pdf.fixed .pord{ opacity:1; transform:none; }
.pdf.fixed [data-d="1"]{ transition-delay:.12s; } .pdf.fixed [data-d="2"]{ transition-delay:.24s; } .pdf.fixed [data-d="3"]{ transition-delay:.36s; } .pdf.fixed [data-d="4"]{ transition-delay:.48s; }
.pdf-score{ position:absolute; right:-16px; top:-16px; font-family:var(--f-mono); font-weight:700; font-size:.78rem; padding:.45rem .7rem; border-radius:10px; background:#fde4e4; color:#9b1c1c; transition:all .5s; z-index:3; }
.pdf.fixed .pdf-score{ background:var(--g50); color:var(--g800); }

/* Visual: vídeo */
.player{ position:relative; border-radius:22px; overflow:hidden; aspect-ratio:16/10; background:linear-gradient(135deg,#0f2a1f,#12472c 40%,#2fae6c); box-shadow:0 50px 100px -40px rgba(10,40,25,.6); }
.player .scene{ position:absolute; inset:-10%; background:radial-gradient(circle at 30% 40%,rgba(155,238,194,.55),transparent 35%),radial-gradient(circle at 75% 65%,rgba(191,233,255,.35),transparent 30%); animation:drift 9s ease-in-out infinite alternate; }
@keyframes drift{ to{ transform:scale(1.15) translate(-3%,2%); } }
.player .play{ position:absolute; left:50%; top:42%; translate:-50% -50%; width:76px; height:76px; border-radius:50%; background:rgba(255,255,255,.92); display:grid; place-items:center; color:var(--ink); }
.player .play::after{ content:""; position:absolute; inset:-10px; border-radius:50%; border:2px solid rgba(255,255,255,.6); animation:ping 2s infinite; }
@keyframes ping{ to{ inset:-30px; opacity:0; } }
.player .sub{ position:absolute; left:50%; bottom:46px; translate:-50% 0; width:max-content; max-width:86%; background:rgba(0,0,0,.85); color:#fff; font-weight:600; font-size:clamp(.85rem,1.6vw,1.05rem); padding:.45rem .9rem; border-radius:8px; text-align:center; min-height:2.2em; }
.player .ad{ position:absolute; top:14px; left:14px; display:flex; gap:6px; }
.player .ad span{ font-family:var(--f-mono); font-size:.7rem; font-weight:700; background:#fff; color:var(--ink); padding:.25rem .5rem; border-radius:6px; }
.player .bar{ position:absolute; left:16px; right:16px; bottom:18px; height:5px; border-radius:5px; background:rgba(255,255,255,.3); overflow:hidden; }
.player .bar i{ display:block; height:100%; width:0; background:var(--g400); animation:prog 12s linear infinite; }
@keyframes prog{ to{ width:100%; } }
.player-note{ margin-top:16px; font-size:.86rem; text-align:center; }

/* Visual: sello girando */
.seal{ position:relative; width:min(380px,80vw); aspect-ratio:1; margin-inline:auto; display:grid; place-items:center; }
.seal svg.ring{ position:absolute; inset:0; width:100%; height:100%; animation:spin 26s linear infinite; }
.seal svg.ring text{ font-family:var(--f-mono); font-weight:700; font-size:11px; letter-spacing:2.3px; fill:var(--g400); }
.seal .core{ width:58%; aspect-ratio:1; border-radius:50%; background:var(--brand); display:grid; place-items:center; text-align:center; color:var(--ink); box-shadow:0 0 0 14px rgba(51,207,125,.1),0 0 90px rgba(51,207,125,.45); }
.seal .core b{ font-family:var(--f-display); font-size:clamp(2rem,4vw,3rem); line-height:1; display:block; }
.seal .core span{ font-family:var(--f-mono); font-size:.75rem; font-weight:700; }

/* Visual: Venn de sobre nosotros */
.venn{ position:relative; width:min(460px,86vw); aspect-ratio:1; margin-inline:auto; }
.venn .c{ position:absolute; width:60%; aspect-ratio:1; border-radius:50%; display:grid; place-items:center; text-align:center; padding:12%; font-weight:700; color:var(--ink); font-size:.92rem; line-height:1.25; mix-blend-mode:multiply; }
.venn .c1{ left:20%; top:0; background:rgba(51,207,125,.55); }
.venn .c2{ left:0; top:36%; background:rgba(155,190,255,.65); }
.venn .c3{ left:40%; top:36%; background:rgba(255,200,120,.65); }
.venn .c1 span{ transform:translateY(-30%); }
.venn .c2 span{ transform:translate(-22%,18%); }
.venn .c3 span{ transform:translate(22%,18%); }
.venn .mid{ position:absolute; left:50%; top:60%; translate:-50% -50%; background:var(--ink); color:#fff; font-family:var(--f-mono); font-size:.72rem; font-weight:700; padding:.4rem .7rem; border-radius:999px; white-space:nowrap; z-index:2; }

/* Blog */
.topics{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.topic{ border-radius:24px; overflow:hidden; background:#fff; border:1px solid var(--rule); display:flex; flex-direction:column; transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s; }
.topic:hover{ transform:translateY(-6px); box-shadow:0 40px 70px -40px rgba(10,40,25,.45); }
.topic .cov{ height:170px; position:relative; overflow:hidden; display:grid; place-items:center; }
.topic .cov span{ font-family:var(--f-display); font-weight:800; font-size:3.4rem; color:rgba(255,255,255,.92); letter-spacing:-.04em; transition:transform .8s cubic-bezier(.2,.8,.2,1); }
.topic:hover .cov span{ transform:scale(1.12) rotate(-3deg); }
.topic .cov1{ background:radial-gradient(circle at 20% 30%,var(--g200),transparent 50%),linear-gradient(135deg,var(--g800),var(--g500)); }
.topic .cov2{ background:radial-gradient(circle at 80% 20%,#ffd7a8,transparent 50%),linear-gradient(135deg,#1d3557,#2e6be5); }
.topic .cov3{ background:radial-gradient(circle at 30% 80%,#ffc1d6,transparent 50%),linear-gradient(135deg,#3b1d57,#8b3cf0); }
.topic .bd{ padding:26px; display:flex; flex-direction:column; gap:10px; flex:1; }
.topic .soon{ align-self:start; font-family:var(--f-mono); font-size:.7rem; font-weight:700; padding:.25rem .55rem; border-radius:6px; background:#fbf1da; color:#7a5300; }
.topic h3{ font-size:1.3rem; line-height:1.15; }
.topic p{ margin:0; font-size:.92rem; }
@media (max-width:900px){ .topics{ grid-template-columns:1fr; } }

/* Formulario */
.form-card{ background:#fff; border-radius:28px; padding:clamp(24px,4vw,42px); box-shadow:0 50px 100px -50px rgba(10,40,25,.5),0 0 0 1px var(--rule); }
.form-card h2{ font-size:1.6rem; margin-bottom:6px; }
.form-card > p{ margin:0; font-size:.92rem; }
.fgrid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:24px; }
.fgrid .full{ grid-column:1/-1; }
.field{ position:relative; }
.field input,.field select{ width:100%; font:inherit; color:var(--ink); padding:1.5rem 1rem .6rem; border-radius:14px; border:1.5px solid var(--rule); background:var(--paper); transition:border-color .25s, box-shadow .25s; appearance:none; -webkit-appearance:none; }
.field select{ background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230a0d0b' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 16px center no-repeat; }
.field label{ position:absolute; left:1rem; top:1.05rem; font-size:.95rem; color:var(--ink-faint); pointer-events:none; transition:all .25s cubic-bezier(.2,.8,.2,1); }
.field input:focus,.field select:focus{ outline:none; border-color:var(--g600); box-shadow:0 0 0 4px var(--g50); }
.field input:focus + label,.field input:not(:placeholder-shown) + label,.field select + label{ top:.45rem; font-size:.72rem; font-weight:700; color:var(--g800); }
.field .err{ display:none; font-size:.78rem; color:#9b1c1c; font-weight:600; margin-top:4px; }
.field.invalid input{ border-color:#9b1c1c; }
.field.invalid .err{ display:block; }
.form-card .btn{ margin-top:20px; width:100%; justify-content:center; }
.form-msg{ margin:14px 0 0; font-weight:600; color:var(--g800); min-height:1.4em; }
.contact-side{ display:grid; gap:12px; margin-top:30px; }
.cinfo{ display:flex; gap:14px; align-items:center; padding:16px 18px; border-radius:18px; background:#fff; border:1px solid var(--rule); transition:transform .3s; }
.cinfo:hover{ transform:translateX(6px); }
.cinfo .ic{ width:46px; height:46px; border-radius:14px; display:grid; place-items:center; background:var(--g50); color:var(--g800); flex:none; }
.cinfo small{ display:block; font-size:.78rem; color:var(--ink-faint); }
.cinfo b,.cinfo a{ color:var(--ink); font-weight:700; }
@media (max-width:700px){ .fgrid{ grid-template-columns:1fr; } }

/* Próximamente */
.soon-badge{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--f-mono); font-size:.8rem; font-weight:700; padding:.4rem .8rem; border-radius:999px; background:#fbf1da; color:#7a5300; margin-bottom:22px; }
.soon-badge::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--accent); animation:pulse 1.6s infinite; }
@keyframes pulse{ 50%{ opacity:.3; } }
.waves{ position:relative; width:min(420px,80vw); aspect-ratio:1; margin-inline:auto; }
.waves i{ position:absolute; inset:0; border-radius:50%; border:2px solid var(--g400); animation:wave 4s cubic-bezier(.2,.8,.2,1) infinite; opacity:0; }
.waves i:nth-child(2){ animation-delay:1s; } .waves i:nth-child(3){ animation-delay:2s; } .waves i:nth-child(4){ animation-delay:3s; }
@keyframes wave{ 0%{ transform:scale(.2); opacity:.9; } 100%{ transform:scale(1); opacity:0; } }
.waves b{ position:absolute; inset:32%; border-radius:50%; background:var(--brand); display:grid; place-items:center; font-family:var(--f-display); color:var(--ink); font-size:1.05rem; line-height:1.1; text-align:center; padding:10px; }

/* Enlaces entre servicios al final de cada ficha */
.next-svc{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.next-svc a{ display:flex; flex-direction:column; gap:6px; padding:24px; border-radius:20px; background:#fff; border:1px solid var(--rule); text-decoration:none; color:var(--ink-soft); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; }
.next-svc a:hover{ transform:translateY(-5px); box-shadow:0 30px 60px -35px rgba(10,40,25,.45); }
.next-svc b{ color:var(--ink); font-family:var(--f-display); font-size:1.25rem; }
.next-svc span{ font-family:var(--f-mono); font-size:.76rem; font-weight:700; color:var(--g800); }
@media (max-width:800px){ .next-svc{ grid-template-columns:1fr; } }

.price .from{ display:block; font-size:.9rem; letter-spacing:0; font-weight:500; color:var(--dark-soft); margin-bottom:6px; }

/* Evita que un texto largo (p. ej. el email) ensanche la rejilla en móvil */
.phero-in > *, .hero-in > *, .sim-in > *, .people-in > *, .faq-in > *{ min-width:0; }
.cinfo b, .cinfo a{ overflow-wrap:anywhere; }

/* Precio de la cabecera: la cifra nunca se parte y la letra pequeña va debajo en móvil */
.price-chip{ flex-wrap:wrap; row-gap:4px; white-space:nowrap; }
.price-chip small{ white-space:normal; }
@media (max-width:600px){ .price-chip small{ flex-basis:100%; } }
.price{ white-space:nowrap; }
.price small,.price .from{ white-space:normal; }

/* ===== Copy v2 (01/10/2026): "Qué incluye", "Dos caminos" y extras ===== */
.incl{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.incl li{ position:relative; background:#fff; border-radius:20px; padding:22px 22px 22px 62px; border:1px solid var(--rule); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; }
.incl li:hover{ transform:translateY(-4px); box-shadow:0 26px 50px -30px rgba(10,40,25,.4); }
.incl li::before{ content:""; position:absolute; left:20px; top:22px; width:28px; height:28px; border-radius:50%; background:var(--g50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f7a4d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat; }
.incl b{ display:block; color:var(--ink); font-size:1.02rem; margin-bottom:4px; }
.incl span{ display:block; font-size:.9rem; line-height:1.5; }
@media (max-width:900px){ .incl{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .incl{ grid-template-columns:1fr; } }

.paths{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.path{ border-radius:28px; padding:clamp(28px,4vw,44px); background:linear-gradient(150deg,#fff 0%,var(--g50) 100%); border:1px solid var(--rule); display:flex; flex-direction:column; gap:14px; align-items:flex-start; position:relative; overflow:hidden; }
.path.dark{ background:var(--dark); border-color:var(--dark); color:var(--dark-soft); }
.path.dark h3{ color:#fff; }
.path-tag{ font-family:var(--f-mono); font-size:.76rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--g600); }
.path.dark .path-tag{ color:var(--g400); }
.path h3{ font-size:clamp(1.7rem,3vw,2.4rem); }
.path p{ margin:0 0 8px; max-width:46ch; }
.path .btn{ margin-top:auto; }
@media (max-width:800px){ .paths{ grid-template-columns:1fr; } }

.extras-title{ font-size:clamp(1.4rem,2.4vw,1.8rem); margin:64px 0 20px; }

/* H1 = palabra clave (antetítulo); el titular grande es .display-title (01/10/2026, SEO) */
.display-title{ font-family:var(--f-display); color:var(--ink); font-weight:800; line-height:1.02; letter-spacing:-.03em; text-wrap:balance; margin:0; }
.hero .display-title{ font-size:clamp(2.7rem,5.6vw,5rem); }
.phero .display-title{ font-size:clamp(2.6rem,6vw,5.2rem); }
.phero.dark .display-title{ color:#fff; }
.hero h1.eyebrow, .phero h1.eyebrow, h1.eyebrow{ font-size:.78rem; line-height:1.4; letter-spacing:.14em; font-family:var(--f-mono); font-weight:700; }

/* ===== Home paraguas (01/10/2026): tarjetas del hero, "¿por dónde empiezo?", lista de precios ===== */
.trio{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.trio-card{ display:flex; align-items:center; gap:14px; padding:16px 18px; background:#fff; border:1px solid var(--rule); border-radius:18px; box-shadow:0 24px 50px -32px rgba(10,40,25,.45); transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.trio-card:nth-child(odd){ transform:translateX(-14px); }
.trio-card:nth-child(even){ transform:translateX(14px); }
.trio-card:hover{ transform:translateX(0) scale(1.02); }
.trio-card .ti{ width:46px; height:46px; border-radius:14px; display:grid; place-items:center; background:var(--surface); color:var(--ink-soft); flex:none; transition:background .5s, color .5s; }
.trio-card b{ display:block; color:var(--ink); font-size:.98rem; font-family:var(--f-mono); }
.trio-card > span:nth-child(2) > span{ display:block; font-size:.82rem; }
.trio-card .st{ margin-left:auto; flex:none; font-style:normal; font-family:var(--f-mono); font-size:.72rem; font-weight:700; padding:.35rem .6rem; border-radius:8px; background:#fde4e4; color:#9b1c1c; text-align:right; transition:background .5s, color .5s; max-width:46%; }
.trio.fixed .st{ background:var(--g50); color:var(--g800); }
.trio.fixed .ti{ background:var(--brand); color:var(--ink); }
@media (max-width:600px){ .trio-card:nth-child(odd), .trio-card:nth-child(even){ transform:none; } .trio-card{ flex-wrap:wrap; } .trio-card .st{ margin-left:60px; max-width:none; } }

a.card.who{ text-decoration:none; color:var(--ink-soft); display:flex; flex-direction:column; }
a.card.who:hover{ transform:translateY(-4px); }
a.card.who{ transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .5s; }
.who-go{ margin-top:auto; padding-top:18px; font-weight:700; color:var(--g800); }

.pricelist{ list-style:none; margin:0; padding:0; border-radius:24px; overflow:hidden; background:#fff; border:1px solid var(--rule); }
.pricelist li + li{ border-top:1px solid var(--rule); }
.pricelist a{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 28px; text-decoration:none; color:var(--ink-soft); transition:background .25s, padding .3s; }
.pricelist a:hover{ background:var(--g50); padding-left:36px; }
.pl-name b{ display:block; color:var(--ink); font-size:1.08rem; }
.pl-name span{ font-size:.9rem; }
.pl-price{ font-family:var(--f-mono); font-weight:700; color:var(--ink); font-size:1.3rem; white-space:nowrap; text-align:right; }
.pl-price small{ font-size:.75rem; font-weight:500; color:var(--ink-faint); margin:0 2px; }
.pl-soon{ font-size:.85rem; color:#7a5300; background:#fbf1da; padding:.3rem .6rem; border-radius:8px; }
@media (max-width:600px){ .pricelist a{ flex-direction:column; align-items:flex-start; gap:6px; padding:18px 20px; } .pl-price{ text-align:left; } }

.sectors{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.sectors li{ padding:.6rem 1rem; border-radius:999px; background:var(--surface); border:1px solid var(--rule); color:var(--ink); font-weight:600; font-size:.92rem; }
.sectors li:last-child{ background:var(--ink); color:#fff; border-color:var(--ink); }

/* ===== Diagrama "Navegar · Pensar · Percibir" de Sobre nosotros (01/10/2026) ===== */
.venn-wrap{ margin:0; display:grid; justify-items:center; gap:18px; }
.venn{ --px:0; --py:0; }
.venn .c{ padding:0; cursor:default; outline:none; transition:scale .5s cubic-bezier(.2,.8,.2,1.3), opacity .45s, filter .45s; animation:vfloat 7s ease-in-out infinite; }
.venn .c2{ animation-duration:8.5s; animation-delay:-2s; }
.venn .c3{ animation-duration:9.5s; animation-delay:-4s; }
@keyframes vfloat{ 0%,100%{ translate:0 0; } 50%{ translate:0 -8px; } }
.venn .c1 span, .venn .c2 span, .venn .c3 span{ transform:none; }
.venn .lbl{ position:absolute; display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; width:62%; translate:calc(var(--px) * 10px) calc(var(--py) * 10px); transition:translate .6s cubic-bezier(.2,.8,.2,1); }
.venn .c1 .lbl{ left:19%; top:16%; }
.venn .c2 .lbl{ left:6%; top:42%; }
.venn .c3 .lbl{ right:6%; top:42%; }
.venn .lbl b{ font-family:var(--f-display); font-size:clamp(1.25rem,2.2vw,1.65rem); line-height:1; letter-spacing:-.02em; color:var(--ink); }
.venn .lbl small{ font-family:var(--f-mono); font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink); opacity:.75; }
.venn .lbl .ex{ font-style:normal; font-size:.8rem; line-height:1.3; color:var(--ink); max-height:0; opacity:0; overflow:hidden; transition:max-height .5s, opacity .4s, margin .4s; }
.venn .c.active, .venn .c:hover, .venn .c:focus-visible{ scale:1.07; z-index:2; filter:saturate(1.35); }
.venn .c.active .ex, .venn .c:hover .ex, .venn .c:focus-visible .ex{ max-height:4em; opacity:1; margin-top:6px; }
.venn.has-active .c:not(.active){ opacity:.4 !important; }
.venn .c:focus-visible{ box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--g600); }
.venn .mid{ top:52.5%; left:50%; translate:calc(-50% + var(--px) * -16px) calc(-50% + var(--py) * -16px); font-size:.8rem; padding:.55rem .95rem; box-shadow:0 10px 30px -8px rgba(0,0,0,.45); transition:translate .6s cubic-bezier(.2,.8,.2,1); }
.venn .mid::after{ content:""; position:absolute; inset:-6px; border-radius:inherit; border:2px solid var(--g400); animation:vpulse 2.4s ease-out infinite; }
@keyframes vpulse{ 0%{ opacity:.9; scale:1; } 100%{ opacity:0; scale:1.6; } }
.venn-orbit{ position:absolute; inset:-4%; width:108%; height:108%; pointer-events:none; animation:spin 40s linear infinite; }
.venn-orbit circle{ fill:none; stroke:var(--g500); stroke-width:.35; stroke-dasharray:1.2 2.4; opacity:.55; }
.venn-cap{ font-family:var(--f-display); font-weight:700; font-size:1.05rem; color:var(--ink); text-align:center; }
.venn-cap::before{ content:"↑ "; color:var(--g600); }
@media (max-width:600px){ .venn .lbl small{ font-size:.58rem; } .venn .lbl .ex{ font-size:.72rem; } }

/* ===== "Había tres opciones. Faltaba la buena." (Sobre nosotros) ===== */
.ways-head{ display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:20px 60px; margin-bottom:52px; }
.ways-head .lead{ margin:0; }
.ways{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.way{ position:relative; border-radius:24px; padding:26px; background:var(--surface); border:1px solid var(--rule); display:flex; flex-direction:column; gap:12px; outline:none; transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s, background .4s, border-color .4s; }
.way:hover, .way:focus-visible{ transform:translateY(-8px); background:#fff; border-color:#f3c2c2; box-shadow:0 34px 60px -36px rgba(155,28,28,.35); }
.way:focus-visible{ box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--g600); }
.way-top{ display:flex; align-items:center; justify-content:space-between; }
.way-n{ font-family:var(--f-mono); font-weight:700; font-size:.8rem; color:var(--ink-faint); }
.way-x{ width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-size:.85rem; font-weight:800; background:#fde4e4; color:#9b1c1c; transition:transform .6s cubic-bezier(.2,.8,.2,1.4), background .4s, color .4s; }
.way:hover .way-x, .way:focus-visible .way-x{ transform:rotate(180deg) scale(1.15); background:#9b1c1c; color:#fff; }
.way h3{ font-size:clamp(1.3rem,2vw,1.6rem); line-height:1.1; margin-top:10px; }
.strike{ background-image:linear-gradient(#d64545,#d64545); background-repeat:no-repeat; background-position:0 58%; background-size:0% 3px; transition:background-size .8s cubic-bezier(.7,0,.2,1); }
.way.struck .strike{ background-size:100% 3px; }
.way p{ margin:0; font-size:.95rem; flex:1; }
.way-cost{ align-self:flex-start; margin-top:6px; font-family:var(--f-mono); font-size:.74rem; font-weight:700; padding:.4rem .7rem; border-radius:8px; background:#fff; border:1px solid #f3c2c2; color:#9b1c1c; transition:background .4s, color .4s; }
.way:hover .way-cost, .way:focus-visible .way-cost{ background:#9b1c1c; color:#fff; border-color:#9b1c1c; }
.ways-close{ margin:20px 0 0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; padding:clamp(24px,3.5vw,36px) clamp(24px,4vw,40px); border-radius:28px; background:var(--dark); color:var(--dark-soft); position:relative; overflow:hidden; }
.ways-close::before{ content:""; position:absolute; width:460px; height:460px; left:-160px; top:-230px; border-radius:50%; background:var(--g400); filter:blur(110px); opacity:0; transition:opacity 1.2s; }
.ways-close.lit::before{ opacity:.45; }
.ways-close > *{ position:relative; }
.ways-close p{ margin:0; font-size:clamp(1rem,1.4vw,1.15rem); line-height:1.5; max-width:none; }
.ways-close strong{ display:block; font-family:var(--f-display); font-size:clamp(1.5rem,2.8vw,2.2rem); line-height:1.05; letter-spacing:-.02em; color:#fff; margin-bottom:6px; }
.wc-ic{ width:60px; height:60px; border-radius:50%; display:grid; place-items:center; background:var(--g400); color:var(--ink); font-weight:800; font-size:1.5rem; scale:.4; opacity:0; transition:scale .7s cubic-bezier(.2,.8,.2,1.6), opacity .4s; }
.ways-close.lit .wc-ic{ scale:1; opacity:1; }
.ways-close .btn{ white-space:nowrap; }
@media (max-width:1000px){ .ways{ grid-template-columns:1fr; } .ways-close{ grid-template-columns:auto 1fr; } .ways-close .btn{ grid-column:1/-1; justify-self:start; } }
@media (max-width:800px){ .ways-head{ grid-template-columns:1fr; } }
@media (max-width:600px){ .ways-close{ grid-template-columns:1fr; } }
html[data-motion="off"] .wc-ic, .no-motion .wc-ic{ scale:1; opacity:1; }


/* ===== Tachado ligado al scroll + "Tres reglas que no negociamos" (Sobre nosotros) ===== */
.strike{ background-size:var(--strike,0%) 3px; transition:background-size .12s linear; }
.way.struck .strike{ --strike:100%; }
.rules{ display:grid; grid-template-columns:1fr 1.45fr 1fr; gap:18px; align-items:stretch; perspective:1200px; }
.rule{ position:relative; border-radius:26px; padding:30px; background:#fff; border:1px solid var(--rule); display:flex; flex-direction:column; gap:12px; overflow:hidden; transform-style:preserve-3d; }
.rule-n{ position:absolute; right:20px; top:6px; font-family:var(--f-display); font-weight:800; font-size:5.5rem; line-height:1; color:var(--surface-2); letter-spacing:-.05em; pointer-events:none; }
.rule .ic{ width:56px; height:56px; border-radius:16px; display:grid; place-items:center; background:var(--g50); color:var(--g800); position:relative; transition:transform .5s cubic-bezier(.2,.8,.2,1.4), background .3s; }
.rule:hover .ic{ transform:rotate(-8deg) scale(1.1); background:var(--brand); color:var(--ink); }
.rule h3{ font-size:clamp(1.35rem,2vw,1.65rem); line-height:1.1; margin-top:auto; padding-top:34px; position:relative; }
.rule p{ margin:0; font-size:.96rem; position:relative; }
.rule-main{ background:var(--dark); border-color:var(--dark); color:var(--dark-soft); }
.rule-main::before{ content:""; position:absolute; width:380px; height:380px; right:-130px; top:-170px; border-radius:50%; background:var(--g400); filter:blur(110px); opacity:.35; }
.rule-main .rule-n{ color:rgba(255,255,255,.07); }
.rule-main h3{ color:#fff; margin-top:0; padding-top:4px; font-size:clamp(1.5rem,2.4vw,2rem); }
.split{ position:relative; display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.split-col{ border-radius:18px; padding:16px; background:rgba(255,255,255,.06); border:1px solid var(--dark-rule); }
.split-col.hand{ background:rgba(51,207,125,.12); border-color:rgba(51,207,125,.35); }
.split-t{ display:flex; align-items:center; gap:8px; font-family:var(--f-mono); font-size:.74rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fff; margin-bottom:10px; }
.split-col.hand .split-t{ color:var(--g400); }
.split-col:not(.hand) .split-t svg{ animation:spin 6s linear infinite; }
.split ul{ list-style:none; margin:0; padding:0; display:grid; gap:7px; }
.split li{ font-size:.86rem; line-height:1.35; color:#fff; padding:.45rem .65rem; border-radius:10px; background:rgba(255,255,255,.07); }
.split-col.hand li{ background:rgba(51,207,125,.16); }
.motion .split li{ opacity:0; transform:translateY(10px); transition:opacity .45s, transform .5s cubic-bezier(.2,.8,.2,1); }
.motion .split.on li{ opacity:1; transform:none; }
@media (max-width:1000px){ .rules{ grid-template-columns:1fr; } }
@media (max-width:520px){ .split{ grid-template-columns:1fr; } .rule-n{ font-size:4rem; } }
/* Reglas: 01 y 03 apiladas a la izquierda, 02 (protagonista) a la derecha ocupando el alto */
.rules{ grid-template-columns:1fr 1.35fr; grid-template-rows:auto auto; }
.rules .rule:nth-child(1){ grid-column:1; grid-row:1; }
.rules .rule-main{ grid-column:2; grid-row:1 / 3; }
.rules .rule:nth-child(3){ grid-column:1; grid-row:2; }
.rule:not(.rule-main) h3{ margin-top:0; padding-top:18px; }
.rule:not(.rule-main){ justify-content:flex-start; }
@media (max-width:1000px){ .rules{ grid-template-columns:1fr; } .rules .rule:nth-child(1), .rules .rule-main, .rules .rule:nth-child(3){ grid-column:auto; grid-row:auto; } }
.rule-main .split{ flex:1; }
.split-col{ display:flex; flex-direction:column; }
.split-col ul{ flex:1; align-content:space-evenly; }


/* ===== "Más clientes. Más visibilidad. Cero preocupaciones." (Web Accesible) ===== */
.gains{ display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:18px; align-items:stretch; perspective:1200px; }
.gain{ position:relative; overflow:hidden; border-radius:28px; padding:32px; background:#fff; border:1px solid var(--rule); display:flex; flex-direction:column; gap:14px; transform-style:preserve-3d; transition:box-shadow .5s, border-color .4s; }
.gain:hover{ box-shadow:0 40px 70px -40px rgba(10,40,25,.45); border-color:var(--g200); }
.gain-n{ position:absolute; right:22px; top:10px; font-family:var(--f-display); font-weight:800; font-size:5rem; line-height:1; letter-spacing:-.05em; color:var(--surface-2); pointer-events:none; }
.gain-ic{ width:66px; height:66px; border-radius:20px; display:grid; place-items:center; background:var(--g50); color:var(--g800); position:relative; }
.gain h3{ font-size:clamp(1.4rem,2.2vw,1.85rem); line-height:1.08; margin-top:22px; position:relative; }
.gain p{ margin:0; font-size:.98rem; flex:1; position:relative; }
.gain-tag{ align-self:flex-start; position:relative; font-family:var(--f-mono); font-size:.74rem; font-weight:700; padding:.45rem .75rem; border-radius:999px; background:var(--g50); color:var(--g800); border:1px solid transparent; transition:background .35s, color .35s, transform .35s; }
.gain:hover .gain-tag{ background:var(--ink); color:var(--g400); transform:translateY(-2px); }
.gain-hot{ background:var(--brand); border:0; color:var(--ink); }
.gain-hot p, .gain-hot h3{ color:var(--ink); }
.gain-hot .gain-n{ color:rgba(10,13,11,.12); }
.gain-hot .gain-ic{ background:var(--ink); color:var(--g400); }
.gain-hot .gain-tag{ background:rgba(255,255,255,.75); color:var(--ink); }
.gain-hot:hover .gain-tag{ background:var(--ink); color:var(--g400); }
/* Iconos animados: la gráfica se dibuja y sube, la lupa busca, el escudo se marca */
.gain-ic .draw{ stroke-dasharray:40; stroke-dashoffset:40; }
.gains.on .gain-ic .draw{ animation:gdraw 1.2s .3s cubic-bezier(.7,0,.2,1) forwards; }
@keyframes gdraw{ to{ stroke-dashoffset:0; } }
.gains.on .ic-chart svg{ animation:gup 3s 1.5s ease-in-out infinite; }
@keyframes gup{ 0%,100%{ translate:0 0; } 50%{ translate:0 -4px; } }
.gains.on .ic-search svg{ animation:gseek 3.2s ease-in-out infinite; transform-origin:45% 45%; }
@keyframes gseek{ 0%,100%{ translate:0 0; rotate:0deg; } 25%{ translate:-4px -2px; rotate:-10deg; } 50%{ translate:3px 2px; rotate:6deg; } 75%{ translate:-2px 3px; rotate:-4deg; } }
.gain:hover .gain-ic{ animation:gpop .6s cubic-bezier(.2,.8,.2,1.5); }
@keyframes gpop{ 40%{ scale:1.15; rotate:-6deg; } }
@media (max-width:1000px){ .gains{ grid-template-columns:1fr; } }
html[data-motion="off"] .gain-ic .draw{ stroke-dashoffset:0; }
@media (prefers-reduced-motion:reduce){ .gain-ic .draw{ stroke-dashoffset:0; } }
.gain-hot{ background:linear-gradient(150deg,#c9f5dc 0%,var(--g200) 45%,var(--g400) 100%); }
#gains{ }
.gains-head{ grid-template-columns:1.45fr .85fr; }
@media (max-width:800px){ .gains-head{ grid-template-columns:1fr; } }


/* ===== "Para quién es": 41 sectores con pestañas, rebote y cintas (Web Accesible) ===== */
.sectors-sec{ overflow:hidden; padding-bottom:90px; }
.sec-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:center; }
.sec-count{ display:flex; align-items:center; gap:18px; margin:0; }
.sec-count b{ font-family:var(--f-display); font-weight:800; font-size:clamp(4.5rem,9vw,7.5rem); line-height:.85; letter-spacing:-.05em; background:var(--brand); -webkit-background-clip:text; background-clip:text; color:transparent; }
.sec-count span{ font-weight:600; color:var(--ink); line-height:1.35; }
.sec-box{ border-radius:28px; background:var(--surface); border:1px solid var(--rule); padding:clamp(18px,3vw,30px); min-height:340px; }
.sec-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.sec-tab{ display:inline-flex; align-items:center; gap:8px; padding:.6rem 1rem; border-radius:999px; border:1px solid var(--rule); background:#fff; color:var(--ink); font-weight:700; font-size:.9rem; cursor:pointer; transition:background .3s, color .3s, border-color .3s, transform .3s; }
.sec-tab span{ font-family:var(--f-mono); font-size:.72rem; padding:.1rem .45rem; border-radius:999px; background:var(--surface); color:var(--ink-faint); transition:background .3s, color .3s; }
.sec-tab:hover{ transform:translateY(-2px); border-color:var(--g500); }
.sec-tab[aria-selected="true"]{ background:var(--ink); color:#fff; border-color:var(--ink); }
.sec-tab[aria-selected="true"] span{ background:var(--g400); color:var(--ink); }
.sec-panel{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.sec-panel[hidden]{ display:none; }
.sec-panel li{ padding:.7rem 1.1rem; border-radius:14px; background:#fff; border:1px solid var(--rule); color:var(--ink); font-weight:600; font-size:.95rem; box-shadow:0 10px 24px -18px rgba(10,40,25,.45); transition:transform .3s, background .3s, border-color .3s; }
.sec-panel li:hover{ transform:translateY(-3px) rotate(-1deg); background:var(--g50); border-color:var(--g500); }
.motion .sec-panel.on li{ animation:secpop .55s cubic-bezier(.2,.8,.2,1.5) both; animation-delay:calc(var(--i, 0) * 45ms); }
@keyframes secpop{ from{ opacity:0; transform:translateY(14px) scale(.85); } to{ opacity:1; transform:none; } }
.sec-marquee{ margin-top:70px; display:grid; gap:12px; mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); }
.sm-row{ overflow:hidden; }
.sm-track{ display:flex; gap:12px; width:max-content; animation:smq 60s linear infinite; }
.sm-row.rev .sm-track{ animation-direction:reverse; animation-duration:70s; }
.sec-marquee:hover .sm-track{ animation-play-state:paused; }
.sm-track span{ white-space:nowrap; padding:.55rem 1rem; border-radius:999px; border:1px dashed var(--rule); color:var(--ink-faint); font-weight:600; font-size:.9rem; }
.sm-row:nth-child(1) .sm-track span:nth-child(4n+1), .sm-row.rev .sm-track span:nth-child(5n+2){ background:var(--g50); color:var(--g800); border-style:solid; border-color:transparent; }
@keyframes smq{ to{ transform:translateX(-50%); } }
@media (max-width:900px){ .sec-grid{ grid-template-columns:1fr; gap:30px; } .sec-box{ min-height:0; } }


/* ===== "4 de 10": puntos por colores (home) ===== */
.dot.on, .dot.on-g{ background:var(--g500); transform:scale(1.12); }
.dot.on-b{ background:#5b8def; transform:scale(1.12); }
.dot.on-o{ background:#f2a33a; transform:scale(1.05); animation:dotblink 1.6s ease-in-out 2; }
@keyframes dotblink{ 50%{ opacity:.45; } }
.dots-legend{ list-style:none; margin:16px 0 6px; padding:0; display:flex; flex-wrap:wrap; gap:8px 18px; font-size:.86rem; font-weight:600; color:var(--ink); }
.dots-legend li{ display:flex; align-items:center; gap:8px; }
.dots-legend i{ width:12px; height:12px; border-radius:50%; flex:none; }
.lg-g{ background:var(--g500); } .lg-b{ background:#5b8def; } .lg-o{ background:#f2a33a; }

/* Dato destacado del 35 % (home) */
.stat-call{ margin-top:26px; display:flex; align-items:center; gap:20px; padding:20px 22px; border-radius:20px; background:#fff3e2; border:1px solid #f6d3a0; }
.sc-num{ flex:none; font-family:var(--f-display); font-weight:800; font-size:clamp(2.6rem,4.6vw,3.6rem); line-height:1; letter-spacing:-.04em; color:#b45309; }
.stat-call p{ margin:0; color:var(--ink); font-size:.98rem; line-height:1.45; }
.stat-call small{ display:block; margin-top:8px; font-size:.75rem; color:var(--ink-faint); }
.stat-call small a{ color:var(--ink-faint); }
@media (max-width:520px){ .stat-call{ flex-direction:column; align-items:flex-start; gap:8px; } }


/* Home: menos aire entre "4 de 10" y "Qué hacemos" + tarjeta de El Motor */
.people{ padding-bottom:40px; }
.svc{ padding-top:60px; }
.svc-card:nth-child(4){ top:190px; }
.svc-card.svc-motor{ top:210px; background:linear-gradient(150deg,#fff8ec 0%,#fdf0d8 100%); border-color:#f6d3a0; }
.svc-motor .tag{ color:#b45309; }
.svc-motor .svc-big-ic{ background:linear-gradient(135deg,#f6d3a0,#f2a33a); }
.svc-motor .svc-side{ border-color:#f6d3a0; }

/* "Seis motivos": el bloque fijado se adapta al alto de la pantalla (no se pega al borde inferior en portátiles) */
.why-pin{ box-sizing:border-box; padding:clamp(96px,14vh,130px) 0 clamp(36px,7vh,70px); }
.why-head{ margin-bottom:clamp(22px,4vh,46px); }
.why-head .h2{ font-size:clamp(2rem,min(5.2vw,7.2vh),4.4rem); }
.why-card{ min-height:min(360px,40vh); padding:clamp(20px,3vh,30px); }
.why-card .ic{ margin-top:clamp(12px,2.4vh,26px); }
.why-card h3{ margin:clamp(12px,2.4vh,26px) 0 10px; }


/* ===== "Lo que notas desde el primer mes": indicadores animados por tarjeta ===== */
.why-card .ic{ margin-bottom:0; }
.why-card h3{ margin-top:clamp(14px,2.4vh,24px); }
.why-card p{ flex:1; }
.wi{ margin-top:16px; min-height:54px; display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:.78rem; font-weight:700; opacity:.35; transition:opacity .5s; }
.why-card.live .wi{ opacity:1; }
.wi span, .wi b{ border-radius:10px; }
/* 01 · teléfono */
.wi-ring span{ padding:.4rem .7rem; background:rgba(10,13,11,.85); color:var(--g400); font-family:var(--f-mono); }
.wi-ring b{ padding:.4rem .7rem; background:#fff; color:var(--ink); }
.why-card.live .wi-ring span{ animation:ring 1.2s ease-in-out infinite; }
@keyframes ring{ 0%,100%{ rotate:0deg; } 10%{ rotate:-6deg; } 20%{ rotate:6deg; } 30%{ rotate:-4deg; } 40%{ rotate:0deg; } }
/* 02 · ranking */
.wi-rank{ flex-direction:column; align-items:stretch; gap:4px; }
.wi-rank span{ display:flex; align-items:center; gap:8px; padding:.3rem .6rem; background:rgba(255,255,255,.06); color:var(--dark-soft); transition:transform .6s cubic-bezier(.2,.8,.2,1.3), background .4s; }
.wi-rank i{ font-style:normal; font-family:var(--f-mono); width:18px; height:18px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.12); font-size:.68rem; }
.wi-rank span:first-child{ background:var(--g400); color:var(--ink); transform:translateY(52px); }
.wi-rank span:first-child i{ background:var(--ink); color:var(--g400); }
.why-card.live .wi-rank span:first-child{ transform:none; }
.why-card.live .wi-rank span:not(:first-child){ animation:rankdown .6s both; }
@keyframes rankdown{ from{ transform:translateY(-26px); } }
/* 03 · sello */
.wi-seal{ gap:10px; color:#fff; }
.wi-seal b{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--brand); color:var(--ink); font-size:1.1rem; scale:.3; transition:scale .7s cubic-bezier(.2,.8,.2,1.8); }
.why-card.live .wi-seal b{ scale:1; animation:sealspin 1.2s .3s; }
@keyframes sealspin{ to{ rotate:360deg; } }
/* 04 · checks */
.wi-check{ flex-direction:column; align-items:flex-start; gap:4px; color:#fff; }
.wi-check b{ display:inline-grid; place-items:center; width:18px; height:18px; margin-right:6px; border-radius:50%; background:var(--g400); color:var(--ink); font-size:.65rem; scale:0; transition:scale .4s cubic-bezier(.2,.8,.2,1.8); }
.why-card.live .wi-check span:nth-child(1) b{ scale:1; transition-delay:.1s; }
.why-card.live .wi-check span:nth-child(2) b{ scale:1; transition-delay:.4s; }
.why-card.live .wi-check span:nth-child(3) b{ scale:1; transition-delay:.7s; }
/* 05 · chat */
.wi-chat{ flex-direction:column; align-items:stretch; gap:6px; }
.wi-chat span{ padding:.4rem .7rem; max-width:80%; border-radius:12px; }
.wi-chat .me{ align-self:flex-start; background:rgba(255,255,255,.1); color:#fff; border-bottom-left-radius:3px; }
.wi-chat .us{ align-self:flex-end; background:var(--g400); color:var(--ink); border-bottom-right-radius:3px; opacity:0; transform:translateY(8px); transition:opacity .4s .7s, transform .4s .7s; }
.why-card.live .wi-chat .us{ opacity:1; transform:none; }
/* 06 · precio */
.wi-price{ gap:14px; color:#fff; }
.wi-price s{ font-family:var(--f-mono); color:var(--dark-soft); text-decoration-color:#e05555; text-decoration-thickness:2px; }
.wi-price b{ font-family:var(--f-mono); font-size:1.4rem; color:var(--g400); scale:.6; transition:scale .6s .3s cubic-bezier(.2,.8,.2,1.8); }
.wi-price small{ font-size:.75rem; color:var(--dark-soft); }
.why-card.live .wi-price b{ scale:1; }
/* tarjeta destacada (verde) */
.why-card.feature .wi-ring b{ background:var(--ink); color:#fff; }
.why-card.live{ border-color:rgba(51,207,125,.45); box-shadow:0 0 0 1px rgba(51,207,125,.25), 0 30px 60px -30px rgba(51,207,125,.4); }
.why-card{ transition:border-color .5s, box-shadow .5s; }
.no-pin .why-card .wi, html[data-motion="off"] .why-card .wi{ opacity:1; }
/* 02 · ranking sin solaparse: "Tu negocio" empieza abajo y sube al 1º puesto */
.wi-rank span{ height:26px; }
.wi-rank span:first-child{ transform:translateY(60px); }
.wi-rank span:not(:first-child){ transform:translateY(-30px); }
.why-card.live .wi-rank span:first-child, .why-card.live .wi-rank span:not(:first-child){ transform:none; animation:none; }
.no-pin .wi-rank span, html[data-motion="off"] .wi-rank span{ transform:none !important; }


/* ===================== "El reto de los 30 segundos" (home) ===================== */
.g-note{ display:block; margin-top:10px; font-size:.86rem; font-style:italic; color:var(--ink-faint); }
.game{ display:grid; grid-template-columns:300px 1fr; gap:22px; align-items:start; }
.g-people{ display:grid; gap:10px; }
.g-p{ display:flex; align-items:center; gap:14px; padding:12px 14px; border-radius:16px; border:1.5px solid var(--rule); background:#fff; color:var(--ink); text-align:left; cursor:pointer; transition:transform .25s, border-color .25s, box-shadow .25s; }
.g-p:hover{ transform:translateX(5px); border-color:var(--g500); }
.g-p[aria-pressed="true"]{ border-color:var(--ink); background:var(--ink); color:#fff; box-shadow:0 18px 30px -18px rgba(0,0,0,.6); }
.g-p[aria-pressed="true"] .g-desc{ color:var(--g400); }
.g-emo{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; font-size:1.5rem; background:var(--surface); flex:none; }
.g-p[aria-pressed="true"] .g-emo{ background:rgba(255,255,255,.12); }
.g-p b{ display:block; font-size:.98rem; }
.g-desc{ font-size:.82rem; color:var(--ink-faint); }
.g-stage{ border-radius:26px; background:var(--surface); border:1px solid var(--rule); padding:18px; }
.g-hud{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.g-who{ font-weight:800; color:var(--ink); margin-right:auto; }
.g-time, .g-tries{ font-family:var(--f-mono); font-weight:700; font-size:.85rem; padding:.35rem .65rem; border-radius:999px; background:#fff; border:1px solid var(--rule); color:var(--ink); }
.game.playing .g-time{ background:var(--ink); color:var(--g400); }
.g-time.hurry{ background:#9b1c1c !important; color:#fff !important; animation:pulse .6s infinite; }
.g-mission{ margin:12px 0; font-weight:700; color:var(--g800); }
.g-fact{ margin:12px 2px 0; font-size:.86rem; color:var(--ink-soft); min-height:1.3em; }

/* ---- la web de ejemplo ("web corriente": colores suaves y poco contraste) ---- */
.gw{ position:relative; border-radius:18px; overflow:hidden; background:#fff; border:1px solid var(--rule); height:400px; box-shadow:0 30px 60px -40px rgba(0,0,0,.45); }
.gw-screen{ position:absolute; inset:0; display:flex; flex-direction:column; font-family:var(--f-body); transition:filter .5s; }
.gw-promo{ display:none; padding:6px; text-align:center; font-size:.78rem; font-weight:800; background:#ff2d7a; color:#fff; }
.gw-bar{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; border-bottom:1px solid #eef1ef; }
.gw-logo{ font-size:.95rem; color:#9fb3a8; }
.gw-nav{ display:flex; gap:4px; flex-wrap:wrap; }
.gw button{ font:inherit; cursor:pointer; border:0; }
.gw-nav button{ background:none; padding:.3rem .5rem; font-size:.8rem; color:#b8c4be; border-radius:6px; }
.gw-skip{ display:none; align-self:flex-start; margin:8px 16px 0; padding:.4rem .8rem; border-radius:8px; background:var(--ink) !important; color:#fff; font-size:.8rem; font-weight:700; }
.gw-body{ flex:1; display:grid; grid-template-columns:.9fr 1.1fr; gap:18px; padding:18px 16px; align-items:center; }
.gw-img{ height:100%; min-height:150px; border-radius:14px; background:linear-gradient(135deg,#e6f4ec,#dbe9f6); display:grid; place-items:center; font-size:3rem; }
.gw-h{ margin:0 0 6px; font-family:var(--f-display); font-weight:800; font-size:1.35rem; line-height:1.1; color:#c4cfc9; }
.gw-p{ margin:0 0 12px; font-size:.86rem; color:#c9d2cd; }
.gw-btns{ display:flex; flex-wrap:wrap; gap:8px; }
.gw-btns button{ padding:.6rem .9rem; border-radius:10px; font-size:.86rem; font-weight:700; background:#bfe8d1; color:#effaf3; }
.gw-slots{ display:none; }
.gw-slot{ margin:0 6px 6px 0; padding:.6rem .8rem; border-radius:10px; font-size:.9rem; font-weight:800; color:#fff; display:inline-flex; flex-direction:column; align-items:center; gap:2px; }
.gw-slot.busy{ background:#c0533a; }
.gw-slot.free{ background:#5c9a3c; }
.gw-slot i{ display:none; font-style:normal; font-size:.66rem; font-weight:700; }
.gw-pop{ display:none; position:absolute; z-index:3; font-size:.82rem; font-weight:700; border-radius:12px; box-shadow:0 14px 30px -10px rgba(0,0,0,.45); }
.gw-pop .gw-x{ margin-left:8px; padding:.25rem .55rem; border-radius:8px; background:#fff; color:#111; font-weight:800; }
.pop-cookie{ left:10px; right:10px; bottom:10px; padding:14px; background:#1d1d1f; color:#fff; }
.pop-modal{ left:50%; top:46%; translate:-50% -50%; width:min(300px,80%); padding:20px; background:#ffd84d; color:#111; flex-direction:column; align-items:center; gap:6px; text-align:center; }
.pop-modal b{ font-size:1.3rem; }
.pop-modal .gw-x{ position:absolute; top:8px; right:8px; margin:0; }
.pop-chat{ right:12px; bottom:76px; padding:10px 12px; background:#2e6be5; color:#fff; max-width:230px; }
.pop-video{ left:12px; top:60px; padding:10px 12px; background:#000; color:#fff; }
.gw-pop.on{ display:flex; align-items:center; animation:popin .35s cubic-bezier(.2,.8,.2,1.6); }
@keyframes popin{ from{ opacity:0; scale:.7; } }
.gw-sr{ display:none; position:absolute; inset:0; background:#050807; color:#cfe; padding:18px; overflow:auto; }
.gw-sr p{ margin:0 0 12px; font-size:.85rem; color:#9fb; }
.gw-sr-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px; }
.gw-sr-item{ width:100%; text-align:left; padding:.6rem .8rem; border-radius:10px; background:#101a16 !important; color:#e8fff3; font-family:var(--f-mono); font-size:.8rem; border:1px solid #1e3a2e !important; }
.gw-sr-item::before{ content:"» "; color:var(--g400); }
.gw-toast{ position:absolute; z-index:6; left:50%; top:14px; translate:-50% 0; padding:.5rem .9rem; border-radius:999px; background:var(--ink); color:#fff; font-size:.82rem; font-weight:700; opacity:0; transition:opacity .3s; pointer-events:none; white-space:nowrap; }
.gw-toast.on{ opacity:1; }
.gw-overlay{ position:absolute; inset:0; z-index:7; display:grid; place-items:center; padding:20px; background:rgba(242,245,242,.82); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.gw-overlay[hidden]{ display:none; }
.gw-card{ max-width:420px; text-align:center; background:#fff; border-radius:22px; padding:26px; box-shadow:0 30px 60px -30px rgba(0,0,0,.4); border:1px solid var(--rule); }
.gw-card .big-emo{ font-size:2.6rem; line-height:1; }
.gw-card h3{ font-size:1.45rem; margin:10px 0 8px; }
.gw-card p{ margin:0 0 16px; font-size:.95rem; }
.gw-card .gw-actions{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.gw-card .btn{ padding:.8rem 1.2rem; }
.gw-card .res-num{ font-family:var(--f-mono); font-weight:700; font-size:2rem; color:var(--ink); }
.gw-card.win .res-num{ color:var(--g600); }
.gw-card.lose .res-num{ color:#b91c1c; }
.gw.shake{ animation:gshake .35s; }
@keyframes gshake{ 25%{ translate:-6px 0; } 50%{ translate:6px 0; } 75%{ translate:-3px 0; } }

/* ---- modos por personaje (web corriente) ---- */
.mode-carmen .gw-screen{ filter:blur(2.4px) contrast(.75); }
.mode-terraza .gw-screen{ filter:brightness(1.35) saturate(.35) contrast(.7); }
.mode-terraza .gw-screen::after{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 70% 25%,rgba(255,255,240,.95),rgba(255,255,240,.55) 45%,rgba(255,255,240,.25) 80%); }
.mode-andres .gw-btns{ display:none; }
.mode-andres .gw-slots{ display:block; }
.mode-andres .gw-screen{ filter:url(#deutan); }
.mode-marta .gw-screen{ visibility:hidden; }
.mode-marta .gw-sr{ display:block; }
.mode-lucia .gw-promo{ display:block; animation:pulse .5s infinite; }
.mode-javi .gw-screen :focus{ outline:none !important; box-shadow:none !important; }
.coarse.mode-javi .gw-btns button, .coarse.mode-javi .gw-nav button{ padding:2px 4px; font-size:.6rem; }

/* ---- con Delphos ---- */
.game.fixed .gw-logo{ color:var(--g800); }
.game.fixed .gw-nav button{ color:var(--ink); }
.game.fixed .gw-h{ color:var(--ink); }
.game.fixed .gw-p{ color:var(--ink-soft); }
.game.fixed .gw-btns button{ background:#fff; color:var(--ink); box-shadow:inset 0 0 0 2px var(--ink); }
.game.fixed .gw-btns .gw-target{ background:var(--g800); color:#fff; box-shadow:none; font-size:1rem; padding:.8rem 1.2rem; }
.game.fixed.mode-carmen .gw-screen{ filter:blur(1px); font-size:1.1em; }
.game.fixed.mode-carmen .gw-h{ font-size:1.6rem; }
.game.fixed.mode-terraza .gw-screen{ filter:brightness(1.1) saturate(.8); }
.game.fixed.mode-lucia .gw-promo, .game.fixed .gw-pop{ display:none !important; }
.game.fixed.mode-javi .gw-skip{ display:inline-block; }
.game.fixed.mode-javi .gw-screen :focus{ outline:4px solid var(--g500) !important; outline-offset:3px; }
.game.fixed .gw-slot i{ display:block; }
.game.fixed .gw-slot.free{ box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--ink); }
.game.fixed.coarse.mode-javi .gw-btns button{ padding:.9rem 1.3rem; font-size:1rem; }

@media (max-width:900px){
  .game{ grid-template-columns:1fr; }
  .g-people{ grid-template-columns:repeat(2,1fr); }
  .g-p{ padding:10px; gap:10px; }
  .g-emo{ width:36px; height:36px; font-size:1.2rem; }
}
@media (max-width:600px){
  .gw{ height:440px; }
  .gw-body{ grid-template-columns:1fr; }
  .gw-img{ min-height:80px; height:80px; }
  .gw-nav{ display:none; }
  .mode-javi .gw-nav{ display:flex; }
}


/* ===================== Analizador web ===================== */
.an-hero{ min-height:auto; padding-bottom:70px; }
.an-form{ display:flex; align-items:center; gap:8px; margin-top:26px; max-width:640px; padding:8px 8px 8px 18px; border-radius:999px; background:#fff; border:2px solid var(--ink); box-shadow:0 24px 50px -30px rgba(10,40,25,.5); }
.an-form:focus-within{ border-color:var(--g600); box-shadow:0 0 0 5px var(--g50), 0 24px 50px -30px rgba(10,40,25,.5); }
.an-pre{ font-family:var(--f-mono); color:var(--ink-faint); font-size:.9rem; }
.an-form input{ flex:1; min-width:0; border:0; outline:0; font:inherit; font-size:1.05rem; color:var(--ink); background:transparent; padding:.6rem 0; }
.an-form .btn{ flex:none; }
.an-chips{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:16px 0 0; }
.an-chips li{ padding:.4rem .8rem; border-radius:999px; background:#fff; border:1px solid var(--rule); font-size:.85rem; font-weight:600; color:var(--ink); }
.an-err{ margin:14px 0 0; color:#9b1c1c; font-weight:700; min-height:1.4em; }
.an-run{ padding:30px 0 110px; }
.an-progress{ max-width:640px; margin:0 auto; border-radius:26px; padding:30px; background:var(--dark); color:var(--dark-soft); }
.an-host{ margin:0 0 16px; color:#fff; font-family:var(--f-display); font-weight:800; font-size:1.4rem; }
.an-bar{ height:8px; border-radius:8px; background:rgba(255,255,255,.1); overflow:hidden; }
.an-bar i{ display:block; height:100%; width:0; background:var(--brand); transition:width .3s; }
.an-steps{ list-style:none; margin:20px 0 0; padding:0; display:grid; gap:10px; }
.an-steps li{ display:flex; align-items:center; gap:10px; opacity:.4; transition:opacity .3s; }
.an-steps li::before{ content:""; width:18px; height:18px; border-radius:50%; border:2px solid rgba(255,255,255,.3); flex:none; }
.an-steps li.now{ opacity:1; color:#fff; }
.an-steps li.now::before{ border-color:var(--g400); border-top-color:transparent; animation:spin .8s linear infinite; }
.an-steps li.done{ opacity:.85; }
.an-steps li.done::before{ background:var(--g400); border-color:var(--g400); }
.an-res{ padding:40px 0 120px; }
.an-head{ display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center; margin-bottom:40px; }
.an-demo{ display:inline-block; margin:6px 0 0; padding:.35rem .7rem; border-radius:8px; background:#fbf1da; color:#7a5300; font-family:var(--f-mono); font-size:.76rem; font-weight:700; }
.an-ring{ position:relative; width:84px; height:84px; flex:none; display:grid; place-items:center; }
.an-ring svg{ position:absolute; inset:0; width:100%; height:100%; rotate:-90deg; }
.an-ring circle{ fill:none; stroke:var(--surface-2); stroke-width:10; }
.an-ring circle.v{ stroke:var(--ink-faint); stroke-linecap:round; transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1); }
.an-ring b{ position:relative; font-family:var(--f-mono); font-size:1.3rem; font-weight:800; color:var(--ink); font-variant-numeric:tabular-nums; letter-spacing:-.03em; }
.an-ring.big{ width:190px; height:190px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2px; }
.an-ring.big b{ font-size:3.4rem; line-height:1; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-.04em; }
.an-ring.big span{ position:relative; font-size:.8rem; color:var(--ink-faint); }
.an-ring.ok circle.v{ stroke:var(--g500); } .an-ring.mid circle.v{ stroke:#e0a91a; } .an-ring.bad circle.v{ stroke:#d64545; }
.an-pillars{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.an-pill{ border-radius:24px; padding:24px; background:#fff; border:1px solid var(--rule); border-top:5px solid var(--rule); }
.an-pill.ok{ border-top-color:var(--g500); } .an-pill.mid{ border-top-color:#e0a91a; } .an-pill.bad{ border-top-color:#d64545; }
.an-pill-h{ display:flex; align-items:center; gap:16px; margin-bottom:14px; }
.an-pill-h h3{ font-size:1.3rem; }
.an-pill-h p{ margin:2px 0 0; font-size:.88rem; }
.an-find{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.an-find li{ padding:10px 12px 10px 14px; border-radius:12px; background:var(--surface); border-left:4px solid #e0a91a; font-size:.9rem; }
.an-find li.sev-alta{ border-left-color:#d64545; } .an-find li.sev-baja{ border-left-color:#9fb3a8; }
.an-find b{ display:block; color:var(--ink); }
.an-find b em{ font-style:normal; font-family:var(--f-mono); font-size:.72rem; padding:.05rem .4rem; border-radius:6px; background:#fde4e4; color:#9b1c1c; margin-left:4px; }
.an-find b small{ font-family:var(--f-mono); font-weight:600; font-size:.74rem; color:var(--ink-faint); margin-left:4px; }
.an-find span{ display:block; margin-top:2px; font-size:.84rem; }
.an-metrics{ list-style:none; margin:0 0 12px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.an-metrics li{ padding:8px 10px; border-radius:10px; background:var(--surface); font-size:.8rem; display:flex; justify-content:space-between; gap:8px; }
.an-metrics li b{ font-family:var(--f-mono); color:#9b1c1c; } .an-metrics li.ok b{ color:var(--g800); }
.an-more{ margin:12px 0 0; font-weight:700; color:var(--ink); font-size:.88rem; }
.an-good{ margin:0; color:var(--g800); font-weight:700; }
.an-na, .an-note{ margin:10px 0 0; font-size:.84rem; color:var(--ink-faint); }
.an-top{ margin-top:22px; border-radius:24px; padding:26px; background:#fff3e2; border:1px solid #f6d3a0; }
.an-top h3{ font-size:1.4rem; margin-bottom:12px; }
.an-top ol{ margin:0; padding-left:1.3rem; display:grid; gap:10px; }
.an-top li b{ display:block; color:var(--ink); } .an-top li span{ font-size:.92rem; }
.an-gate{ margin-top:22px; display:grid; grid-template-columns:.9fr 1.1fr; gap:30px; align-items:center; border-radius:24px; padding:28px; background:var(--surface); border:1px solid var(--rule); }
.an-gate[hidden]{ display:none; }
.an-gate h3{ font-size:1.5rem; margin-bottom:8px; }
.an-gate p{ margin:0; }
.an-consent{ display:flex; gap:10px; align-items:flex-start; margin-top:12px; font-size:.82rem; }
.an-consent input{ margin-top:3px; }
.an-gate .btn{ margin-top:14px; }
.an-cta{ margin-top:22px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; border-radius:24px; padding:28px; background:var(--dark); color:var(--dark-soft); }
.an-cta h3{ color:#fff; font-size:1.5rem; margin-bottom:6px; } .an-cta p{ margin:0; }
.an-cta-btns{ display:flex; flex-wrap:wrap; gap:10px; }
.an-foot{ margin-top:18px; font-size:.8rem; color:var(--ink-faint); }
@media (max-width:900px){ .an-pillars, .an-gate{ grid-template-columns:1fr; } .an-head{ grid-template-columns:1fr; } .an-ring.big{ width:150px; height:150px; } }
@media (max-width:560px){ .an-form{ flex-wrap:wrap; border-radius:20px; } .an-pre{ display:none; } .an-form input{ width:100%; flex-basis:100%; padding:.6rem .4rem; } .an-form .btn{ width:100%; justify-content:center; } .an-metrics{ grid-template-columns:1fr; } }
@media print{
  .nav, footer, .sticky-cta, .an-hero, .an-run, .an-gate, .an-cta-btns, .cursor, .progress{ display:none !important; }
  .an-res{ padding:0; } .an-pill{ break-inside:avoid; } body{ background:#fff; }
}

/* Caja del hero de la home */
.hero-an{ border-radius:28px; padding:28px; background:var(--dark); color:var(--dark-soft); position:relative; overflow:hidden; box-shadow:0 50px 100px -40px rgba(10,40,25,.6); }
.hero-an::before{ content:""; position:absolute; width:340px; height:340px; right:-120px; top:-140px; border-radius:50%; background:var(--g400); filter:blur(90px); opacity:.4; }
.hero-an > *{ position:relative; }
.hero-an .ha-tag{ font-family:var(--f-mono); font-size:.74rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--g400); }
.hero-an h2{ color:#fff; font-size:clamp(1.6rem,2.6vw,2.2rem); margin:10px 0 8px; line-height:1.05; }
.hero-an p{ margin:0 0 18px; font-size:.95rem; }
.hero-an form{ display:flex; gap:8px; padding:6px 6px 6px 16px; border-radius:999px; background:#fff; }
.hero-an input{ flex:1; min-width:0; border:0; outline:0; font:inherit; color:var(--ink); background:transparent; }
.hero-an form:focus-within{ box-shadow:0 0 0 4px rgba(51,207,125,.5); }
.hero-an .btn{ --bg:var(--ink); --fg:#fff; padding:.8rem 1.1rem; }
.ha-gauges{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:18px; }
.ha-g{ text-align:center; font-size:.72rem; font-weight:700; color:#fff; }
.ha-g i{ display:grid; place-items:center; width:54px; height:54px; margin:0 auto 6px; border-radius:50%; font-style:normal; font-family:var(--f-mono); font-size:.95rem; color:#fff; background:conic-gradient(var(--c) calc(var(--v) * 1%), rgba(255,255,255,.12) 0); position:relative; }
.ha-g i::after{ content:""; position:absolute; inset:5px; border-radius:50%; background:var(--dark); }
.ha-g i span{ position:relative; z-index:1; }
.ha-note{ margin-top:12px; font-size:.75rem; color:var(--dark-soft); }
@media (max-width:560px){ .hero-an form{ flex-wrap:wrap; border-radius:18px; padding:8px; } .hero-an input{ padding:.6rem; flex-basis:100%; } .hero-an .btn{ width:100%; justify-content:center; } }

.an-demo[hidden], .an-run[hidden], .an-res[hidden]{ display:none !important; }


/* Analizador: lista completa de comprobaciones por apartado */
.an-checks{ margin-top:14px; border-top:1px dashed var(--rule); padding-top:10px; }
.an-checks summary{ cursor:pointer; list-style:none; display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; font-weight:700; color:var(--ink); font-size:.92rem; padding:6px 0; }
.an-checks summary::-webkit-details-marker{ display:none; }
.an-checks summary::before{ content:"▸"; margin-right:6px; transition:transform .25s; display:inline-block; }
.an-checks[open] summary::before{ transform:rotate(90deg); }
.an-checks summary span{ font-family:var(--f-mono); font-size:.74rem; font-weight:600; color:var(--ink-faint); }
.an-checks summary b.ok{ color:var(--g800); } .an-checks summary b.ko{ color:#9b1c1c; }
.an-checks ul{ list-style:none; margin:8px 0 0; padding:0; display:grid; gap:4px; max-height:420px; overflow:auto; }
.an-checks li{ display:grid; grid-template-columns:22px 1fr auto; gap:8px; align-items:center; padding:6px 8px; border-radius:8px; font-size:.84rem; color:var(--ink); }
.an-checks li:nth-child(odd){ background:var(--surface); }
.an-checks li i{ font-style:normal; font-weight:800; text-align:center; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; font-size:.7rem; }
.an-checks li.ok i{ background:var(--g50); color:var(--g800); }
.an-checks li.ko i{ background:#fde4e4; color:#9b1c1c; }
.an-checks li.na i{ background:var(--surface-2); color:var(--ink-faint); }
.an-checks li.na{ color:var(--ink-faint); }
.an-checks li em{ font-style:normal; font-family:var(--f-mono); font-size:.72rem; color:var(--ink-faint); text-align:right; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media print{ .an-checks ul{ max-height:none; overflow:visible; } }

.an-pillars .an-pill:last-child:nth-child(odd){ grid-column:1 / -1; }


/* Analizador: "Qué significa esto para tu negocio" */
.an-impact{ margin:0 0 22px; border-radius:24px; padding:26px 28px; background:var(--dark); color:var(--dark-soft); position:relative; overflow:hidden; }
.an-impact::before{ content:""; position:absolute; width:380px; height:380px; right:-140px; top:-180px; border-radius:50%; background:var(--g400); filter:blur(100px); opacity:.3; }
.an-impact > *{ position:relative; }
.an-impact h3{ color:#fff; font-size:clamp(1.4rem,2.4vw,1.9rem); margin-bottom:16px; }
.an-impact ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.an-impact li{ display:flex; gap:14px; align-items:flex-start; padding:16px; border-radius:16px; background:rgba(255,255,255,.06); border:1px solid var(--dark-rule); border-left:4px solid #e0a91a; }
.an-impact li.imp-hi{ border-left-color:#ef5350; } .an-impact li.imp-lo{ border-left-color:var(--g400); }
.imp-ic{ font-size:1.6rem; line-height:1; flex:none; }
.an-impact li b{ display:block; color:#fff; font-size:1.02rem; margin-bottom:4px; }
.an-impact li p{ margin:0; font-size:.9rem; line-height:1.5; }
.an-impact-end{ margin:16px 0 0; color:var(--g400); font-weight:700; }
@media (max-width:800px){ .an-impact ul{ grid-template-columns:1fr; } }
@media print{ .an-impact{ background:#fff; color:#000; border:1px solid #ccc; } .an-impact h3, .an-impact li b{ color:#000; } }

@media (max-width:900px){ .an-ring.big b{ font-size:2.7rem; } }

.an-tofix{ margin:14px 0 6px; font-weight:800; color:var(--ink); font-size:.92rem; }
/* Nota global: el número exactamente en el centro del círculo */
.an-ring.big{ display:grid; place-items:center; }
.an-ring.big b{ grid-area:1/1; }
.an-ring.big span{ position:absolute; left:0; right:0; top:calc(50% + 2.1rem); text-align:center; }
@media (max-width:900px){ .an-ring.big span{ top:calc(50% + 1.7rem); } }

.an-pain{ margin:12px 0 0; padding:10px 14px; border-radius:12px; background:var(--surface); color:var(--ink); font-weight:600; font-size:.92rem; line-height:1.45; }
.an-pill.bad .an-pain{ background:#fde4e4; color:#7a1414; } .an-pill.mid .an-pain{ background:#fbf1da; color:#5c3d00; }

/* Maqueta Web Accesible: clientes que llegan, se van o reservan */
.mock-flow{ border-top:1px dashed var(--rule); padding:12px 26px 16px; background:linear-gradient(180deg,#fff,var(--surface)); }
.mf-lane{ position:relative; height:44px; border-radius:12px; background:var(--surface); overflow:hidden; }
.mf-lane::after{ content:""; position:absolute; left:10px; right:80px; bottom:8px; border-bottom:2px dashed var(--rule); }
.mf-door{ position:absolute; right:6px; top:50%; translate:0 -50%; font-size:.72rem; font-weight:800; padding:.35rem .6rem; border-radius:8px; background:var(--m-btn,#a9e3c4); color:var(--m-btn-fg,#e9f7ef); transition:all .6s; }
.mf-c{ position:absolute; left:0; top:50%; margin-top:-.7em; font-size:1.35rem; line-height:1.4; will-change:transform; }
.mf-pop{ position:absolute; right:70px; top:6px; font-weight:800; font-size:.85rem; pointer-events:none; }
.mf-pop.good{ color:var(--g600); right:16px; } .mf-pop.bad{ font-size:1.1rem; left:40%; right:auto; }
.mf-stats{ display:flex; justify-content:space-between; margin-top:10px; font-size:.78rem; font-weight:700; color:var(--ink); }
.mf-stats b{ display:inline-block; min-width:2ch; text-align:center; padding:.05rem .45rem; border-radius:6px; font-variant-numeric:tabular-nums; }
.mf-lost b{ background:#fde4e4; color:#9b1c1c; } .mf-won b{ background:var(--g50); color:var(--g800); }
.mock.fixed .mf-lost{ opacity:.45; }

/* ===== Web Accesible: menos aire entre secciones ===== */
.wa-tight{ padding:84px 0; }
.wa-tight .block-head{ margin-bottom:36px; }
.sectors-sec.wa-tight{ padding-bottom:56px; }
.sectors-sec.wa-tight .sec-marquee{ margin-top:40px; }
.wa-incl{ padding-top:56px; }
.wa-ba{ padding:20px 0 84px; }
@media (max-width:700px){ .wa-tight{ padding:60px 0; } .wa-incl{ padding-top:40px; } .wa-ba{ padding-bottom:60px; } }

/* ===== Qué incluye: icono, foco de luz que sigue al ratón y relieve ===== */
.incl-fx li{ padding:22px 22px 22px 76px; overflow:hidden; isolation:isolate; transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s, border-color .45s; }
.incl-fx li::before{ content:attr(data-ic); left:18px; top:18px; width:44px; height:44px; background:var(--g50); display:grid; place-items:center; font-size:1.35rem; border-radius:14px; transition:transform .5s cubic-bezier(.3,1.6,.5,1), background .4s; }
.incl-fx li::after{ content:""; position:absolute; inset:0; z-index:-1; opacity:0; transition:opacity .4s; background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), rgba(75,196,129,.22), transparent 70%); }
.incl-fx li:hover{ transform:translateY(-6px); border-color:var(--g400); box-shadow:0 30px 60px -30px rgba(29,82,54,.45); }
.incl-fx li:hover::after{ opacity:1; }
.incl-fx li:hover::before{ transform:rotate(-8deg) scale(1.15); background:#fff; box-shadow:0 8px 20px -8px rgba(29,82,54,.4); }
.incl-fx li b{ transition:color .3s; } .incl-fx li:hover b{ color:var(--g800); }
@media (prefers-reduced-motion:reduce){ .incl-fx li, .incl-fx li::before{ transition:none; } .incl-fx li:hover{ transform:none; } }

/* ===== Comparativa: tarjetas en el móvil ===== */
@media (max-width:760px){
  .cmp-wrap{ overflow:visible; border:0; background:none; border-radius:0; }
  .cmp{ min-width:0; display:block; }
  .cmp thead{ display:none; }
  .cmp tbody{ display:grid; gap:14px; }
  .cmp tr{ display:block; background:#fff; border:1px solid var(--rule); border-radius:18px; overflow:hidden; }
  .cmp tbody th{ display:block; width:auto; padding:14px 16px; background:var(--surface); font-size:1rem; border-bottom:1px solid var(--rule); }
  .cmp td{ display:flex; justify-content:space-between; gap:14px; padding:10px 16px; font-size:.88rem; text-align:right; }
  .cmp td::before{ content:attr(data-l); color:var(--ink-faint); font-weight:600; text-align:left; flex:none; max-width:48%; }
  .cmp td.us{ font-size:.95rem; padding:12px 16px; }
  .cmp td.us::before{ color:var(--g400); content:attr(data-l); }
  .cmp .yes::before{ content:attr(data-l); }
  .cmp td.us{ align-items:center; }
}

/* ===== Web Accesible: "Pruébalo ahora con tu web" ===== */
.try-grid{ display:grid; grid-template-columns:1fr 1.05fr; gap:56px; align-items:center; }
.try-list{ list-style:none; margin:22px 0 0; padding:0; display:grid; gap:10px; }
.try-list li{ position:relative; padding-left:34px; color:var(--ink); font-weight:600; }
.try-list li::before{ content:"✓"; position:absolute; left:0; top:-1px; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; background:var(--g50); color:var(--g800); font-weight:800; font-size:.8rem; }
.try-card{ border-radius:28px; padding:30px; background:var(--dark); color:var(--dark-soft); position:relative; overflow:hidden; box-shadow:0 50px 100px -40px rgba(10,40,25,.6); }
.try-card::before{ content:""; position:absolute; width:360px; height:360px; right:-130px; top:-150px; border-radius:50%; background:var(--g400); filter:blur(95px); opacity:.38; }
.try-card > *{ position:relative; }
.try-card .ha-tag{ font-size:.74rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--g400); }
.try-form{ display:flex; gap:8px; margin:14px 0 22px; padding:6px; border-radius:999px; background:#fff; }
.try-form input{ flex:1; min-width:0; border:0; background:none; padding:0 16px; font:inherit; font-size:1rem; color:var(--ink); outline:none; }
.try-form:focus-within{ box-shadow:0 0 0 3px var(--g400); }
.try-demo{ display:grid; grid-template-columns:auto 1fr; gap:26px; align-items:center; padding:20px; border-radius:20px; background:rgba(255,255,255,.06); border:1px solid var(--dark-rule); }
.try-ring{ position:relative; width:120px; height:120px; display:grid; place-items:center; }
.try-ring svg{ position:absolute; inset:0; rotate:-90deg; }
.try-ring circle{ fill:none; stroke:rgba(255,255,255,.12); stroke-width:10; }
.try-ring circle.v{ stroke:#e0a91a; stroke-linecap:round; stroke-dasharray:327; stroke-dashoffset:327; transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1); }
.try-card.on .try-ring circle.v{ stroke-dashoffset:calc(327 - 327 * .49); }
.try-ring b{ grid-area:1/1; color:#fff; font-size:2.4rem; font-weight:800; line-height:1; font-variant-numeric:tabular-nums; }
.try-ring span{ position:absolute; top:calc(50% + 1.5rem); font-size:.7rem; }
.try-bars{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.try-bars li{ display:grid; grid-template-columns:96px 1fr 28px; gap:10px; align-items:center; font-size:.82rem; }
.try-bars i{ height:8px; border-radius:99px; background:rgba(255,255,255,.1); position:relative; overflow:hidden; }
.try-bars i::after{ content:""; position:absolute; inset:0; width:calc(var(--v) * 1%); background:var(--c); border-radius:inherit; transform:scaleX(0); transform-origin:0 50%; transition:transform 1.2s cubic-bezier(.2,.8,.2,1); }
.try-card.on .try-bars i::after{ transform:scaleX(1); }
.try-bars li:nth-child(2) i::after{ transition-delay:.12s; } .try-bars li:nth-child(3) i::after{ transition-delay:.24s; } .try-bars li:nth-child(4) i::after{ transition-delay:.36s; }
.try-bars b{ color:#fff; text-align:right; font-variant-numeric:tabular-nums; }
.try-tick{ margin:18px 0 0; font-size:.9rem; min-height:2.8em; }
.try-tick b{ color:var(--g400); }
.try-tick span{ color:#fff; font-weight:600; display:inline-block; transition:opacity .35s, transform .35s; }
.try-tick span.out{ opacity:0; transform:translateY(6px); }
@media (max-width:900px){ .try-grid{ grid-template-columns:1fr; gap:30px; } }
@media (max-width:480px){ .try-demo{ grid-template-columns:1fr; justify-items:center; } .try-bars{ width:100%; } .try-card{ padding:22px; } }

/* ===== Analizador v2: vista desde fuera, visitas reales, servicios y comparativa ===== */
.an-sec{ font-size:clamp(1.3rem,2.2vw,1.7rem); margin:34px 0 14px; }
.av-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.av-card{ margin:0; border-radius:24px; padding:22px; background:#fff; border:1px solid var(--rule); display:flex; flex-direction:column; gap:14px; min-width:0; }
.av-card figcaption b{ display:block; font-size:1.08rem; color:var(--ink); }
.av-card figcaption span{ font-size:.84rem; color:var(--ink-faint); }
.av-mobile{ align-items:stretch; }
.av-device{ align-self:center; width:min(260px,100%); border-radius:30px; padding:10px; background:var(--dark); box-shadow:0 30px 60px -30px rgba(10,40,25,.6); }
.av-device img{ display:block; width:100%; height:auto; border-radius:22px; }
.av-serp{ display:grid; gap:4px; padding:16px; border-radius:16px; background:var(--surface); font-family:Arial,system-ui,sans-serif; }
.av-site{ display:flex; align-items:center; gap:10px; }
.av-site > i{ font-style:normal; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:#fff; border:1px solid var(--rule); font-weight:700; font-size:.8rem; color:var(--ink); flex:none; }
.av-site > span{ display:grid; min-width:0; } .av-site b{ font-size:.85rem; font-weight:400; color:#202124; } .av-site small{ font-size:.75rem; color:#4d5156; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.av-t{ font-size:1.12rem; color:#1a0dab; line-height:1.3; margin-top:4px; overflow-wrap:anywhere; }
.av-d{ font-size:.86rem; color:#4d5156; line-height:1.5; overflow-wrap:anywhere; } .av-d em{ font-style:italic; color:#80868b; }
.av-share{ padding:16px; border-radius:16px; background:#e7ddd3; }
.av-bubble{ max-width:320px; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,.12); }
.av-bubble img{ display:block; width:100%; height:150px; object-fit:cover; background:var(--surface); }
.av-noimg{ height:90px; display:grid; place-items:center; background:var(--surface-2); color:var(--ink-faint); font-size:.82rem; font-weight:700; }
.av-sh-txt{ display:grid; gap:2px; padding:10px 12px; background:#f7f7f7; font-family:Arial,system-ui,sans-serif; }
.av-sh-txt b{ font-size:.86rem; color:#111; } .av-sh-txt span{ font-size:.78rem; color:#555; } .av-sh-txt small{ font-size:.72rem; color:#888; }
.av-notes{ list-style:none; margin:0; padding:0; display:grid; gap:6px; margin-top:auto; }
.av-notes li{ display:flex; gap:8px; align-items:flex-start; font-size:.84rem; color:var(--ink); }
.av-notes i{ font-style:normal; font-weight:800; flex:none; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; font-size:.68rem; }
.av-notes .ok i{ background:var(--g50); color:var(--g800); } .av-notes .ko i{ background:#fde4e4; color:#9b1c1c; } .av-notes .mid i{ background:#fbf1da; color:#7a5300; }
.av-warn{ margin:0; padding:10px 12px; border-radius:12px; background:#fde4e4; color:#7a1414; font-weight:600; font-size:.86rem; }
.av-card-dl{ margin:0; display:grid; gap:4px; }
.av-card-dl div{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:10px; padding:6px 10px; border-radius:8px; font-size:.84rem; }
.av-card-dl div:nth-child(odd){ background:var(--surface); }
.av-card-dl dt{ color:var(--ink-soft); } .av-card-dl dd{ margin:0; font-weight:700; color:var(--ink); overflow-wrap:anywhere; }
.av-card-dl .ko dd{ color:#9b1c1c; font-weight:600; }
.an-ex{ display:block; margin-top:4px; font-size:.78rem !important; color:var(--ink-faint); overflow-wrap:anywhere; }
.an-field{ margin:12px 0; padding:14px; border-radius:14px; background:var(--surface); }
.an-field p{ margin:0 0 10px; display:grid; gap:2px; } .an-field p b{ color:var(--ink); } .an-field p span{ font-size:.8rem; color:var(--ink-faint); }
.an-field ul{ list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.an-field li{ display:grid; grid-template-columns:1fr auto auto; gap:10px; align-items:center; font-size:.84rem; padding:6px 10px; border-radius:10px; background:#fff; }
.an-field li b{ font-family:var(--f-mono); font-variant-numeric:tabular-nums; }
.an-field li em{ font-style:normal; font-size:.72rem; font-weight:700; padding:.15rem .5rem; border-radius:999px; }
.an-field li.ok em{ background:var(--g50); color:var(--g800); } .an-field li.mid em{ background:#fbf1da; color:#7a5300; } .an-field li.bad em{ background:#fde4e4; color:#9b1c1c; }
.an-metrics-t{ margin:12px 0 6px; font-size:.8rem; font-weight:700; color:var(--ink-faint); }
.an-solve{ margin-top:8px; } .an-solve[hidden], .an-compare[hidden]{ display:none; }
.an-solve-sub{ margin:-6px 0 16px; color:var(--ink-soft); }
.an-solve-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; }
.an-svc{ display:flex; flex-direction:column; gap:6px; padding:20px; border-radius:20px; background:#fff; border:1px solid var(--rule); text-decoration:none; color:var(--ink-soft); transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s; }
.an-svc:hover, .an-svc:focus-visible{ transform:translateY(-3px); box-shadow:0 20px 40px -24px rgba(10,40,25,.5); }
.an-svc b{ font-size:1.15rem; color:var(--ink); } .an-svc > span{ font-size:.88rem; }
.an-svc-p{ align-self:flex-start; font-family:var(--f-mono); font-weight:800; font-size:.8rem !important; padding:.25rem .6rem; border-radius:999px; background:var(--g50); color:var(--g800); }
.an-svc-go{ margin-top:auto; padding-top:6px; font-weight:700; color:var(--ink) !important; }
.an-svc.main{ background:var(--dark); border-color:var(--dark); color:var(--dark-soft); }
.an-svc.main b, .an-svc.main .an-svc-go{ color:#fff !important; } .an-svc.main .an-svc-p{ background:var(--g400); color:var(--dark); }
.an-cmp-wrap{ overflow-x:auto; border-radius:20px; border:1px solid var(--rule); background:#fff; }
.an-cmp{ width:100%; border-collapse:collapse; font-size:.92rem; }
.an-cmp th, .an-cmp td{ padding:12px 16px; text-align:left; border-bottom:1px solid var(--rule); }
.an-cmp thead th{ font-size:.8rem; color:var(--ink-faint); overflow-wrap:anywhere; }
.an-cmp td{ font-family:var(--f-mono); font-weight:800; font-variant-numeric:tabular-nums; }
.an-cmp td.ok{ color:var(--g800); } .an-cmp td.mid{ color:#7a5300; } .an-cmp td.bad{ color:#9b1c1c; }
.an-cmp td.win::after{ content:" ▲"; font-size:.7rem; }
.an-cmp tr:last-child th, .an-cmp tr:last-child td{ border-bottom:0; }
@media (max-width:900px){ .av-grid{ grid-template-columns:1fr; } }
@media (max-width:560px){ .an-field li{ grid-template-columns:1fr auto; } .an-field li em{ display:none; } .an-cmp th, .an-cmp td{ padding:10px; } }
@media print{ .an-svc{ break-inside:avoid; } .av-card{ break-inside:avoid; } .an-solve-grid{ grid-template-columns:1fr 1fr; } }

/* ---- Analizador v3: pruebas de cada fallo (recorte de la captura, código y ubicación) ---- */
.an-ev{ margin-top:8px; }
.an-ev summary{ cursor:pointer; display:inline-flex; align-items:center; gap:6px; font-size:.8rem; font-weight:700; color:var(--g800); padding:4px 12px; border-radius:999px; background:#fff; border:1px solid var(--rule); list-style:none; transition:border-color .2s; }
.an-ev summary::-webkit-details-marker{ display:none; }
.an-ev summary::before{ content:"▸"; display:inline-block; transition:transform .2s; }
.an-ev[open] > summary::before{ transform:rotate(90deg); }
.an-ev summary:hover{ border-color:var(--g500); }
.an-ev summary:focus-visible{ outline:3px solid var(--g500); outline-offset:2px; }
.an-pill .an-ev ol{ list-style:none; margin:10px 0 0; padding:0; display:grid; gap:10px; max-height:none; overflow:visible; }
.an-pill .an-ev ol > li{ display:grid; grid-template-columns:1fr; gap:10px; align-items:start; padding:10px; border-radius:12px; background:#fff; border:1px solid var(--rule); font-size:.82rem; color:var(--ink); }
.an-pill .an-ev ol > li > div{ min-width:0; }
@media (min-width:1100px){ .an-pill .an-ev ol > li.has-pic{ grid-template-columns:minmax(0,200px) minmax(0,1fr); } }
.an-ev-shot{ position:relative; overflow:hidden; width:100%; max-width:320px; border-radius:10px; border:1px solid var(--rule); background:var(--surface); }
.an-ev-shot img{ position:absolute; left:0; width:100%; max-width:none; display:block; }
.an-find .an-ev-box, .an-ev-box{ position:absolute; display:block; margin:0; outline:3px solid #d64545; outline-offset:1px; border-radius:3px; box-shadow:0 0 0 9999px rgba(8,24,16,.3); }
.an-ev-img{ max-width:180px; max-height:140px; object-fit:contain; border-radius:10px; border:1px solid var(--rule); padding:6px; background:repeating-conic-gradient(#b9c2bd 0 25%, #dfe4e1 0 50%) 0 0/14px 14px; }
.an-pill .an-ev p{ margin:0 0 4px; font-size:.82rem; }
.an-ev-code{ margin:6px 0; padding:8px 10px; border-radius:8px; background:var(--dark); color:#d8f5e4; font-family:var(--f-mono); font-size:.74rem; line-height:1.45; white-space:pre-wrap; word-break:break-all; max-height:170px; overflow:auto; }
.an-pill .an-ev .an-ev-sel, .an-pill .an-ev .an-ev-n2, .an-pill .an-ev .an-ev-more{ font-size:.76rem; color:var(--ink-faint); }
.an-ev-sel code{ font-family:var(--f-mono); font-size:.72rem; word-break:break-all; }
.an-pill .an-ev .an-ev-note{ display:flex; gap:8px; align-items:center; font-weight:600; color:var(--ink); }
.an-ev-sw{ flex:none; font-style:normal; font-weight:800; font-size:.8rem; padding:2px 8px; border-radius:6px; border:1px solid var(--rule); }
.an-ev-file a, .an-ev-t a{ color:var(--g800); font-weight:700; word-break:break-all; }
.an-ev-file small{ font-family:var(--f-mono); font-size:.72rem; color:var(--ink-faint); }
.an-ev-more{ margin:8px 0 0; }
.an-checks li .an-ev, .an-checks li .an-ev-lock{ grid-column:1 / -1; }
.an-checks li .an-ev{ margin:2px 0 4px; }
.an-ev-lock{ font-size:.74rem; color:var(--ink-faint); }
@media print{
  .an-ev summary{ border:none; padding:0; }
  .an-ev-shot, .an-ev-box{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .an-ev-code{ max-height:none; background:#f3f5f4; color:#111; }
  .an-pill .an-ev ol > li{ break-inside:avoid; }
}
.an-pill .an-ev ol > li.is-f{ padding:6px 10px; }
.an-pill .an-ev ol:has(> li.is-f){ gap:4px; }
.an-sec-sub{ margin:-6px 0 16px; font-size:.92rem; color:var(--ink-soft); max-width:62ch; }
/* ---- Agentes de IA (AEO): nivel de 1 a 5 ---- */
.an-lvl{ display:flex; align-items:center; gap:12px; margin:0 0 12px; padding:10px 12px; border-radius:12px; background:var(--surface); }
.an-lvl ol{ list-style:none; margin:0; padding:0; display:flex; gap:4px; flex:none; }
.an-lvl ol li{ width:14px; height:22px; border-radius:4px; background:var(--rule); }
.an-lvl ol li.on{ background:var(--g500); }
.an-lvl p{ margin:0; font-size:.86rem; color:var(--ink); }
.an-lvl p b{ display:block; }
.an-lvl p span{ font-size:.8rem; color:var(--ink-soft); }
.an-checks li .an-grp{ display:block; font-family:var(--f-mono); font-size:.66rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-faint); }
@media print{ .an-lvl ol li{ -webkit-print-color-adjust:exact; print-color-adjust:exact; } }

/* ==== Resultados v4: resumen en fichas, lo urgente y detalle por pestañas ==== */
.an-head{ margin-bottom:26px; }
.an-tiles{ list-style:none; margin:0 0 26px; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.an-tile{ width:100%; height:100%; display:grid; grid-template-columns:auto 1fr auto; grid-template-areas:"ic n s" "f f s" "go go go"; align-items:center; gap:4px 10px; text-align:left; padding:16px 18px; border-radius:18px; background:#fff; border:1px solid var(--rule); border-left:6px solid var(--rule); font:inherit; color:var(--ink); cursor:pointer; transition:transform .2s, box-shadow .2s, border-color .2s; }
.an-tile:hover{ transform:translateY(-2px); box-shadow:0 14px 30px -18px rgba(8,24,16,.35); }
.an-tile:focus-visible{ outline:3px solid var(--g500); outline-offset:3px; }
.an-tile.on{ box-shadow:0 0 0 2px var(--ink) inset; }
.an-tile.ok{ border-left-color:var(--g500); } .an-tile.mid{ border-left-color:#e0a91a; } .an-tile.bad{ border-left-color:#d64545; }
.an-tile-ic{ grid-area:ic; font-size:1.3rem; }
.an-tile-n{ grid-area:n; font-weight:800; font-size:.98rem; }
.an-tile-s{ grid-area:s; font-size:2rem; font-weight:800; line-height:1; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.an-tile-s small{ font-size:.75rem; font-weight:600; color:var(--ink-faint); letter-spacing:0; margin-left:2px; }
.an-tile.ok .an-tile-s{ color:var(--g800); } .an-tile.mid .an-tile-s{ color:#9a6b00; } .an-tile.bad .an-tile-s{ color:#b42318; }
.an-tile-f{ grid-area:f; font-size:.84rem; color:var(--ink-soft); }
.an-tile-go{ grid-area:go; margin-top:6px; font-size:.78rem; font-weight:700; color:var(--g800); }
.an-impact h3{ font-size:clamp(1.3rem,2.2vw,1.7rem); }
.an-impact ul{ grid-template-columns:repeat(3,1fr); }
.an-impact li[hidden]{ display:none; }
.an-imp-more{ margin-top:12px; font:inherit; font-weight:700; font-size:.9rem; color:#fff; background:transparent; border:1px solid var(--dark-rule); border-radius:999px; padding:8px 16px; cursor:pointer; }
.an-imp-more:hover{ border-color:var(--g400); color:var(--g400); }
.an-imp-more:focus-visible{ outline:3px solid var(--g400); outline-offset:2px; }
.an-detail{ margin-top:34px; scroll-margin-top:90px; }
.an-detail .an-sec{ margin-top:0; }
.an-tabs{ display:flex; gap:8px; overflow-x:auto; padding:4px 2px 10px; margin:0 0 14px; scrollbar-width:thin; }
.an-tab{ flex:none; display:inline-flex; align-items:center; gap:6px; padding:10px 16px; border-radius:999px; border:1px solid var(--rule); background:#fff; font:inherit; font-size:.9rem; font-weight:700; color:var(--ink); cursor:pointer; white-space:nowrap; transition:background .2s, color .2s; }
.an-tab b{ font-variant-numeric:tabular-nums; padding:.1rem .5rem; border-radius:999px; font-size:.8rem; background:var(--surface); }
.an-tab.ok b{ color:var(--g800); background:var(--g50); } .an-tab.mid b{ color:#9a6b00; background:#fff3d6; } .an-tab.bad b{ color:#b42318; background:#fde4e4; }
.an-tab[aria-selected="true"]{ background:var(--ink); color:#fff; border-color:var(--ink); }
.an-tab:focus-visible{ outline:3px solid var(--g500); outline-offset:2px; }
.an-panels{ display:block; }
.an-panel{ padding:28px; }
.an-panel[hidden]{ display:none; }
.an-panel:focus-visible{ outline:3px solid var(--g500); outline-offset:3px; }
.an-tofix{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 12px; margin:22px 0 10px; font-size:1.1rem; }
.an-tofix span{ font-size:.8rem; font-weight:600; color:var(--ink-faint); }
.an-fixes{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.an-fx details{ border-radius:14px; background:#fff; border:1px solid var(--rule); border-left:5px solid #e0a91a; overflow:hidden; }
.an-fx.sev-alta details{ border-left-color:#d64545; } .an-fx.sev-baja details{ border-left-color:#9fb3a8; }
.an-fx summary{ list-style:none; cursor:pointer; display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:10px; padding:12px 14px; }
.an-fx summary::-webkit-details-marker{ display:none; }
.an-fx summary:hover{ background:var(--surface); }
.an-fx summary:focus-visible{ outline:3px solid var(--g500); outline-offset:-3px; }
.an-fx-sev{ font-family:var(--f-mono); font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:.2rem .5rem; border-radius:6px; background:#fff3d6; color:#7a5300; }
.an-fx.sev-alta .an-fx-sev{ background:#fde4e4; color:#9b1c1c; } .an-fx.sev-baja .an-fx-sev{ background:var(--g50); color:var(--g800); }
.an-fx-t{ font-weight:700; color:var(--ink); font-size:.95rem; line-height:1.35; }
.an-fx-n{ font-family:var(--f-mono); font-size:.72rem; font-weight:700; color:var(--ink-faint); white-space:nowrap; }
.an-fx-go{ width:22px; height:22px; border-radius:50%; background:var(--surface); position:relative; }
.an-fx-go::before{ content:""; position:absolute; left:7px; top:6px; width:6px; height:6px; border-right:2px solid var(--ink); border-bottom:2px solid var(--ink); transform:rotate(45deg); transition:transform .2s; }
.an-fx details[open] .an-fx-go::before{ transform:translate(0,3px) rotate(-135deg); }
.an-fx-b{ padding:0 16px 16px; border-top:1px solid var(--rule); }
.an-fx-why{ margin:12px 0 6px; font-size:.95rem; color:var(--ink); line-height:1.5; }
.an-fx-val{ margin:4px 0; font-size:.84rem; color:var(--ink-soft); }
.an-ev-in{ margin-top:12px; }
.an-ev-h{ margin:0 0 6px; font-weight:800; font-size:.86rem; color:var(--ink); }
.an-panel .an-checks{ margin-top:18px; }
@media (max-width:900px){ .an-tiles{ grid-template-columns:1fr 1fr; } .an-impact ul{ grid-template-columns:1fr; } }
@media (max-width:560px){
  .an-tiles{ gap:8px; }
  .an-tile{ padding:12px; grid-template-columns:auto 1fr; grid-template-areas:"ic s" "n n" "f f" "go go"; }
  .an-tile-s{ font-size:1.6rem; justify-self:end; }
  .an-panel{ padding:18px; }
  .an-fx summary{ grid-template-columns:1fr auto; grid-template-areas:"sev go" "t t" "n n"; gap:6px; }
  .an-fx-sev{ grid-area:sev; justify-self:start; } .an-fx-go{ grid-area:go; } .an-fx-t{ grid-area:t; } .an-fx-n{ grid-area:n; }
}
@media print{
  .an-tabs, .an-tile-go, .an-imp-more{ display:none !important; }
  .an-panel[hidden]{ display:block !important; break-before:page; }
  .an-fx details > .an-fx-b{ display:block; }
}
.an-tabs{ flex-wrap:wrap; overflow:visible; }
@media (max-width:700px){ .an-tabs{ flex-wrap:nowrap; overflow-x:auto; margin:0 -16px 14px; padding:4px 16px 10px; } }
.an-head > div{ min-width:0; }
.an-head .eyebrow{ overflow-wrap:anywhere; }
@media (max-width:700px){ .an-head{ grid-template-columns:minmax(0,1fr); gap:20px; } .an-head .an-ring.big{ width:150px; height:150px; justify-self:start; } .an-head .an-ring.big b{ font-size:2.6rem; } }
@media (max-width:700px){ .an-head .eyebrow{ display:block; } .an-head .eyebrow::before{ display:inline-block; vertical-align:middle; margin-right:8px; } }

/* ==== Resultados v5: resumen (titular + fila de notas) → vista desde fuera → qué arreglar → detalle ==== */
.an-sum{ border-radius:28px; padding:34px 34px 28px; background:linear-gradient(160deg, var(--g50) 0%, #fff 55%); border:1px solid var(--rule); }
.an-sum .eyebrow{ overflow-wrap:anywhere; }
.an-sum-t{ margin:14px 0 10px; font-size:clamp(1.8rem,3.4vw,2.9rem); line-height:1.08; letter-spacing:-.025em; max-width:22ch; color:var(--ink); }
.an-sum-sub{ margin:0; font-size:1.05rem; color:var(--ink-soft); max-width:70ch; }
.an-scores{ list-style:none; margin:26px 0 0; padding:0; display:grid; grid-template-columns:minmax(150px,1.15fr) repeat(6,minmax(0,1fr)); gap:10px; align-items:stretch; }
.an-sc-g{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:10px; border-radius:20px; background:var(--ink); }
.an-sc-g .an-ring.big{ width:120px; height:120px; }
.an-sc-g .an-ring.big b{ font-size:2.5rem; color:#fff; }
.an-sc-g .an-ring.big span{ color:var(--dark-soft); font-size:.72rem; }
.an-sc-g .an-ring circle:first-child{ stroke:rgba(255,255,255,.14); }
.an-sc-gl{ font-family:var(--f-mono); font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--g400); }
.an-sc{ width:100%; height:100%; display:flex; flex-direction:column; gap:6px; text-align:left; padding:14px 12px 12px; border-radius:18px; background:#fff; border:1px solid var(--rule); font:inherit; color:var(--ink); cursor:pointer; transition:transform .2s, box-shadow .2s, border-color .2s; }
.an-sc:hover{ transform:translateY(-2px); box-shadow:0 14px 28px -18px rgba(8,24,16,.4); border-color:var(--ink-faint); }
.an-sc:focus-visible{ outline:3px solid var(--g500); outline-offset:3px; }
.an-sc.on{ border-color:var(--ink); box-shadow:0 0 0 1px var(--ink) inset; }
.an-sc-top{ display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:1.15rem; }
.an-sc-top b{ font-size:1.9rem; font-weight:800; line-height:1; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.an-sc.ok .an-sc-top b{ color:var(--g800); } .an-sc.mid .an-sc-top b{ color:#9a6b00; } .an-sc.bad .an-sc-top b{ color:#b42318; }
.an-sc-n{ font-weight:800; font-size:.86rem; line-height:1.2; }
.an-sc-bar{ display:block; height:6px; border-radius:6px; background:var(--surface); overflow:hidden; margin-top:auto; }
.an-sc-bar i{ display:block; height:100%; border-radius:6px; background:var(--ink-faint); }
.an-sc.ok .an-sc-bar i{ background:var(--g500); } .an-sc.mid .an-sc-bar i{ background:#e0a91a; } .an-sc.bad .an-sc-bar i{ background:#d64545; }
.an-sc-f{ font-size:.76rem; color:var(--ink-faint); }
.an-res .an-view{ margin-top:10px; }
.an-res .an-impact{ margin-top:34px; }
@media (max-width:1100px){ .an-scores{ grid-template-columns:repeat(3,minmax(0,1fr)); } .an-sc-g{ grid-column:1 / -1; flex-direction:row; justify-content:flex-start; gap:16px; padding:12px 18px; } .an-sc-g .an-ring.big{ width:96px; height:96px; } .an-sc-g .an-ring.big b{ font-size:2rem; } }
@media (max-width:560px){ .an-sum{ padding:22px 18px; border-radius:22px; } .an-scores{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .an-sc-top b{ font-size:1.6rem; } }
@media print{ .an-sc-g, .an-sc-bar i{ -webkit-print-color-adjust:exact; print-color-adjust:exact; } }
.an-sum-t{ max-width:30ch; }
/* Vista desde fuera: cuatro tarjetas compactas en una fila */
.an-res .av-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.an-res .av-card{ padding:16px; gap:12px; border-radius:20px; }
.an-res .av-card figcaption b{ font-size:.98rem; }
.an-res .av-card figcaption span{ font-size:.78rem; }
.an-res .av-device{ width:min(170px,100%); border-radius:24px; padding:7px; }
.an-res .av-device img{ border-radius:18px; height:300px; object-fit:cover; object-position:top; }
.an-res .av-serp{ padding:12px; } .an-res .av-t{ font-size:1rem; } .an-res .av-d{ font-size:.8rem; }
.an-res .av-share{ padding:12px; } .an-res .av-bubble img{ height:110px; }
.an-res .av-card-dl div{ padding:4px 8px; font-size:.78rem; }
.an-res .av-notes li{ font-size:.78rem; }
@media (max-width:1100px){ .an-res .av-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .an-res .av-grid{ grid-template-columns:1fr; } }
.an-imp-sub{ margin:-8px 0 16px; color:var(--dark-soft); font-size:.95rem; }
@media (min-width:701px){ .an-tabs{ gap:6px; } .an-tab{ padding:9px 13px; font-size:.86rem; } }
.an-sum .eyebrow{ display:block; } .an-sum .eyebrow::before{ display:inline-block; vertical-align:middle; margin-right:8px; }

/* ==== Resultados v6: más limpio y fiel a la marca (menos cajas, colores y adornos) ==== */
/* Resumen */
.an-sum{ background:linear-gradient(170deg, var(--g50) 0%, #fff 60%); border-color:var(--surface-2); }
.an-sc{ gap:4px; padding:14px; border-color:var(--surface-2); }
.an-sc-n{ font-size:.8rem; font-weight:700; color:var(--ink-soft); }
.an-sc-top{ justify-content:flex-start; align-items:baseline; gap:2px; }
.an-sc-top small{ font-size:.75rem; font-weight:600; color:var(--ink-faint); }
.an-sc-bar{ margin-top:6px; }
/* Qué arreglar primero: lista numerada sobre blanco, sin bloque oscuro */
.an-res .an-impact{ background:#fff; color:var(--ink-soft); border:1px solid var(--surface-2); padding:28px; }
.an-res .an-impact::before{ display:none; }
.an-res .an-impact h3{ color:var(--ink); margin-bottom:6px; }
.an-imp-sub{ margin:0 0 18px; color:var(--ink-soft); }
.an-res .an-impact ul{ gap:14px; }
.an-res .an-impact li{ background:var(--surface); border:0; border-radius:16px; padding:18px; gap:14px; }
.an-res .an-impact li b{ color:var(--ink); font-size:1rem; }
.an-res .an-impact li p{ color:var(--ink-soft); font-size:.88rem; }
.imp-n{ flex:none; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:var(--ink); color:#fff; font-weight:800; font-size:.9rem; }
.an-res .an-impact li.imp-hi .imp-n{ background:#b42318; }
.an-imp-more{ color:var(--ink); border-color:var(--surface-2); background:#fff; }
.an-imp-more:hover{ color:var(--g800); border-color:var(--g500); }
.an-res .an-impact-end{ color:var(--g800); margin-top:18px; }
/* Cada apartado */
.an-res .an-panel{ border:1px solid var(--surface-2); border-top:1px solid var(--surface-2); border-radius:24px; padding:30px; }
.an-ph{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.an-ph h3{ font-size:clamp(1.25rem,2vw,1.5rem); }
.an-ph p{ margin:4px 0 0; font-size:.9rem; color:var(--ink-faint); }
.an-ph-s{ flex:none; font-size:2.4rem; font-weight:800; line-height:1; letter-spacing:-.03em; font-variant-numeric:tabular-nums; color:var(--ink); }
.an-ph-s small{ font-size:.85rem; font-weight:600; color:var(--ink-faint); letter-spacing:0; margin-left:2px; }
.an-panel.ok .an-ph-s{ color:var(--g800); } .an-panel.mid .an-ph-s{ color:#9a6b00; } .an-panel.bad .an-ph-s{ color:#b42318; }
.an-res .an-pain{ margin:14px 0 0; padding:0; background:none; font-weight:600; font-size:1rem; color:var(--ink); }
.an-tofix{ font-size:1rem; margin:26px 0 10px; }
.an-tofix-2{ margin-top:22px; }
/* Fallos: una lista agrupada, sin bordes de colores */
.an-fixes{ gap:0; border:1px solid var(--surface-2); border-radius:16px; overflow:hidden; }
.an-fx + .an-fx{ border-top:1px solid var(--surface-2); }
.an-fx details{ border:0; border-radius:0; }
.an-fx summary{ padding:14px 16px; }
.an-fx-sev{ font-size:.64rem; padding:.22rem .5rem; }
.an-fx-t{ font-size:.94rem; }
.an-fx-b{ padding:2px 16px 18px; border-top:0; background:#fff; }
.an-fx details[open] summary{ background:var(--surface); }
/* Otros puntos que fallan: lista simple */
.an-other{ list-style:none; margin:0; padding:0; display:grid; gap:2px; }
.an-other summary, .an-other-r{ display:flex; align-items:baseline; gap:10px; padding:9px 12px; border-radius:10px; font-size:.88rem; color:var(--ink); list-style:none; }
.an-other summary{ cursor:pointer; }
.an-other summary::-webkit-details-marker{ display:none; }
.an-other summary::before, .an-other-r::before{ content:"✕"; flex:none; font-weight:800; font-size:.72rem; color:#b42318; }
.an-other summary:hover, .an-other details[open] summary{ background:var(--surface); }
.an-other summary::after{ content:"Ver prueba"; margin-left:auto; flex:none; font-size:.74rem; font-weight:700; color:var(--g800); }
.an-other details[open] summary::after{ content:"Ocultar"; }
.an-other em{ font-style:normal; font-size:.78rem; color:var(--ink-faint); }
.an-other .an-ev-in{ padding:4px 12px 12px; }
/* «Ver las N comprobaciones» */
.an-checks summary{ justify-content:flex-start; align-items:center; gap:8px; }
.an-checks summary span{ margin-left:auto; }
@media (max-width:560px){
  .an-res .an-panel, .an-res .an-impact{ padding:18px; border-radius:20px; }
  .an-ph-s{ font-size:1.9rem; }
  .an-other summary, .an-other-r{ flex-wrap:wrap; }
  .an-other summary::after{ margin-left:0; width:100%; padding-left:22px; }
}
.an-sc-g .an-ring.big span{ display:none; }
.an-res .an-pill .an-pain{ background:none; color:var(--ink); }

/* ==== Resultados v7: misma marca que el resto de la web (secciones block, block-head, incl-fx, sec-tab) ==== */
.an-res{ padding:0; }
.an-res .block.wa-tight{ padding:clamp(56px,8vw,96px) 0; }
.an-res .an-b-sum{ padding-top:clamp(40px,6vw,72px); }
.an-verdict{ margin:16px 0 18px; font-size:clamp(2.1rem,4.6vw,3.9rem); max-width:20ch; }
.an-sub{ margin:0; }
.an-h2{ font-size:clamp(2rem,4vw,3.3rem); }
.an-res .block-head{ margin-bottom:clamp(26px,4vw,40px); }
/* Fila de notas */
.an-scores{ margin-top:clamp(28px,4vw,44px); grid-template-columns:minmax(170px,1.2fr) repeat(6,minmax(0,1fr)); gap:12px; }
.an-sc-g{ border-radius:22px; padding:16px; }
.an-sc{ border-radius:20px; border:1px solid var(--rule); padding:16px 14px 14px; gap:6px; transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s, border-color .4s; }
.an-sc:hover{ transform:translateY(-4px); border-color:var(--g400); box-shadow:0 26px 50px -30px rgba(29,82,54,.45); }
.an-sc.on{ border-color:var(--ink); box-shadow:0 0 0 1px var(--ink) inset; }
.an-sc-ic{ width:40px; height:40px; border-radius:12px; background:var(--g50); display:grid; place-items:center; font-size:1.2rem; margin-bottom:4px; }
.an-sc-n{ font-size:.82rem; font-weight:700; color:var(--ink); line-height:1.25; min-height:2.05em; }
.an-sc-top b{ font-size:2rem; }
/* Qué arreglar primero: tarjetas incl-fx */
.an-imp{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.an-imp li[hidden]{ display:none; }
.an-imp li b{ font-size:1.05rem; margin:8px 0 6px; }
.an-imp .an-lv{ display:inline-block; font-style:normal; font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:.22rem .55rem; border-radius:999px; background:#fff3d6; color:#7a5300; }
.an-imp li.imp-hi .an-lv{ background:#fde4e4; color:#9b1c1c; } .an-imp li.imp-lo .an-lv{ background:var(--g50); color:var(--g800); }
.an-imp-more{ margin-top:18px; font:inherit; font-weight:700; font-size:.92rem; color:var(--ink); background:#fff; border:1px solid var(--rule); border-radius:999px; padding:.7rem 1.2rem; cursor:pointer; transition:border-color .3s, transform .3s; }
.an-imp-more:hover{ border-color:var(--g500); transform:translateY(-2px); }
.an-impact-end{ margin:22px 0 0; font-weight:700; color:var(--g800); }
/* Pestañas (sec-tab) y panel */
.an-detail .an-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; padding:0; overflow:visible; }
.an-detail .an-tab{ padding:.6rem 1rem; font-size:.9rem; }
.an-detail .an-tab.bad span{ background:#fde4e4; color:#9b1c1c; } .an-detail .an-tab.mid span{ background:#fff3d6; color:#7a5300; } .an-detail .an-tab.ok span{ background:var(--g50); color:var(--g800); }
.an-detail .an-tab[aria-selected="true"] span{ background:var(--g400); color:var(--ink); }
.an-res .an-panel{ background:#fff; border:1px solid var(--rule); border-radius:28px; padding:clamp(20px,3.4vw,40px); }
.an-ph h3{ font-size:clamp(1.4rem,2.4vw,1.9rem); }
.an-ph-s{ font-size:clamp(2.2rem,4vw,3rem); }
/* Resumen numérico del apartado */
.an-stat{ margin:22px 0 0; }
.an-stat-bar{ display:flex; height:10px; border-radius:10px; overflow:hidden; background:var(--surface); gap:2px; }
.an-stat-bar i{ display:block; height:100%; }
.an-stat-bar .ok{ background:var(--g500); } .an-stat-bar .ko{ background:#d64545; } .an-stat-bar .na{ background:var(--surface-2); }
.an-stat p{ margin:8px 0 0; font-size:.88rem; color:var(--ink-soft); }
.an-stat p b{ color:var(--ink); }
.an-stat p .ok{ color:var(--g800); font-weight:700; } .an-stat p .ko{ color:#9b1c1c; font-weight:700; } .an-stat p .na{ color:var(--ink-faint); font-weight:600; }
/* Tabla de comprobaciones */
.an-tbl-h{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin:30px 0 12px; }
.an-tbl-h .an-tofix{ margin:0; }
.an-flts{ display:flex; flex-wrap:wrap; gap:6px; }
.an-flt{ display:inline-flex; align-items:center; gap:6px; padding:.45rem .85rem; border-radius:999px; border:1px solid var(--rule); background:#fff; color:var(--ink); font:inherit; font-weight:700; font-size:.82rem; cursor:pointer; transition:background .25s, color .25s, border-color .25s; }
.an-flt span{ font-size:.7rem; padding:.05rem .45rem; border-radius:999px; background:var(--surface); color:var(--ink-faint); }
.an-flt:hover{ border-color:var(--g500); }
.an-flt.on{ background:var(--ink); color:#fff; border-color:var(--ink); }
.an-flt.on span{ background:var(--g400); color:var(--ink); }
.an-flt:focus-visible{ outline:3px solid var(--g400); outline-offset:2px; }
.an-tbl-w{ border:1px solid var(--rule); border-radius:18px; overflow:hidden; }
.an-tbl{ width:100%; border-collapse:collapse; font-size:.88rem; }
.an-tbl thead th{ text-align:left; font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--g600); background:var(--surface); padding:12px 16px; }
.an-tbl thead th:last-child, .an-tbl td:last-child{ text-align:right; width:1%; white-space:nowrap; }
.an-tbl tbody tr{ border-top:1px solid var(--rule); }
.an-tbl tbody th{ text-align:left; font-weight:600; color:var(--ink); padding:12px 16px; vertical-align:top; }
.an-tbl td{ padding:12px 16px; color:var(--ink-soft); vertical-align:top; overflow-wrap:anywhere; }
.an-tbl td:nth-child(2){ width:32%; }
.an-tbl tbody tr:hover{ background:#fafcfa; }
.an-tbl[data-f="ko"] tbody tr:not(.ko), .an-tbl[data-f="ok"] tbody tr:not(.ok), .an-tbl[data-f="na"] tbody tr:not(.na){ display:none; }
.an-tbl .an-grp{ display:block; font-size:.64rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--g600); margin-bottom:2px; }
.an-tbl .an-ev{ margin-top:8px; font-weight:400; }
.an-dim{ color:var(--surface-2); }
.an-pill-st{ display:inline-block; font-size:.7rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; padding:.25rem .6rem; border-radius:999px; }
.an-pill-st.ok{ background:var(--g50); color:var(--g800); } .an-pill-st.ko{ background:#fde4e4; color:#9b1c1c; } .an-pill-st.na{ background:var(--surface); color:var(--ink-faint); }
/* Datos reales de Chrome y prueba de laboratorio */
.an-res .an-field{ margin-top:20px; border:1px solid var(--rule); border-radius:18px; padding:16px 18px; background:#fff; }
.an-res .an-metrics{ gap:0; border:1px solid var(--rule); border-radius:18px; overflow:hidden; }
.an-res .an-metrics li{ background:#fff; border-radius:0; padding:10px 14px; border-bottom:1px solid var(--rule); }
/* Cierre */
.an-b-end .an-gate{ margin-top:0; }
@media (max-width:1100px){ .an-scores{ grid-template-columns:repeat(3,minmax(0,1fr)); } .an-imp{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px){
  .an-imp{ grid-template-columns:1fr; }
  .an-detail .an-tabs{ flex-wrap:nowrap; overflow-x:auto; margin:0 -16px 16px; padding:4px 16px 8px; }
  .an-detail .an-tab{ flex:none; }
  .an-tbl thead{ display:none; }
  .an-tbl, .an-tbl tbody, .an-tbl tr{ display:block; width:100%; }
  .an-tbl tbody tr{ display:grid; grid-template-columns:1fr auto; gap:4px 10px; padding:12px 14px; }
  .an-tbl tbody th{ padding:0; grid-column:1; }
  .an-tbl td{ padding:0; width:auto !important; }
  .an-tbl td:nth-child(2){ grid-column:1 / -1; grid-row:2; font-size:.82rem; }
  .an-tbl td:last-child{ grid-column:2; grid-row:1; }
}
@media (max-width:560px){ .an-scores{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media print{ .an-flts{ display:none; } .an-tbl[data-f] tbody tr{ display:table-row !important; } .an-res .block.wa-tight{ padding:24px 0; } }
.an-verdict{ max-width:24ch; }
.an-b-sum .eyebrow{ display:block; overflow-wrap:anywhere; } .an-b-sum .eyebrow::before{ display:inline-block; vertical-align:middle; margin-right:8px; }
@media (max-width:700px){ .an-tbl tbody tr{ grid-template-columns:minmax(0,1fr) auto; } .an-tbl tbody th, .an-tbl td{ min-width:0; overflow-wrap:anywhere; } }
.an-ph{ flex-wrap:wrap; } .an-ph > div{ flex:1 1 180px; min-width:0; }
.an-tbl-vm{ display:none; } @media (max-width:700px){ .an-tbl-vm{ display:block; margin-top:2px; font-weight:400; font-size:.82rem; color:var(--ink-soft); } .an-tbl td:nth-child(2){ display:none; } }
.an-b-end .an-solve{ margin-top:clamp(48px,7vw,80px); } .an-b-end .an-compare{ margin-top:clamp(48px,7vw,80px); } .an-b-end .an-cta{ margin-top:clamp(48px,7vw,80px); }
.an-cmp-wrap{ border:1px solid var(--rule); border-radius:18px; overflow-x:auto; }
.an-cmp.an-tbl{ min-width:100%; }
.an-cmp.an-tbl th, .an-cmp.an-tbl td{ padding:14px 18px; text-align:left; width:auto; white-space:normal; }
.an-cmp.an-tbl thead th:not(:first-child), .an-cmp.an-tbl td{ text-align:center; width:24%; }
.an-cmp.an-tbl td{ font-weight:800; font-size:1.05rem; color:var(--ink); }
.an-cmp.an-tbl td.ok{ color:var(--g800); } .an-cmp.an-tbl td.mid{ color:#9a6b00; } .an-cmp.an-tbl td.bad{ color:#b42318; }
.an-cmp.an-tbl td.win{ background:var(--g50); }
.an-cmp.an-tbl tbody tr:first-child{ background:var(--surface); }
@media (max-width:700px){ .an-cmp.an-tbl thead{ display:table-header-group; } .an-cmp.an-tbl, .an-cmp.an-tbl tbody{ display:table; width:100%; } .an-cmp.an-tbl tbody{ display:table-row-group; } .an-cmp.an-tbl tr, .an-cmp.an-tbl tbody tr{ display:table-row; } .an-cmp.an-tbl td:nth-child(2){ display:table-cell; } .an-cmp.an-tbl th, .an-cmp.an-tbl td{ padding:10px 10px; font-size:.86rem; } }

/* ==== Resultados v8: herramienta de trabajo (resumen + lista única de fallos priorizada) ==== */
.an-app{ background:var(--surface); padding:clamp(28px,4vw,48px) 0 clamp(56px,7vw,96px); }
.an-app .wrap{ display:grid; gap:16px; }
.ap-sum, .ap-list, .an-app .ap-blk, .an-app .an-gate, .an-app .an-solve, .an-app .an-compare{ background:#fff; border:1px solid var(--rule); border-radius:22px; padding:clamp(18px,2.6vw,28px); margin:0; }
.ap-sum-top{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:16px 28px; }
.ap-sum-txt{ flex:1 1 420px; min-width:0; }
.ap-meta{ margin:0 0 6px; font-size:.84rem; color:var(--ink-faint); overflow-wrap:anywhere; }
.ap-meta b{ color:var(--ink); }
.ap-verdict{ font-size:clamp(1.45rem,2.6vw,2.1rem); line-height:1.15; max-width:34ch; }
.ap-sub{ margin:8px 0 0; font-size:.95rem; color:var(--ink-soft); }
.ap-actions{ display:flex; flex-wrap:wrap; gap:8px; flex:0 1 auto; }
.ap-actions .btn{ padding:.7rem 1.1rem; font-size:.88rem; }
.an-app .ap-scores{ margin-top:20px; gap:10px; grid-template-columns:minmax(140px,1.1fr) repeat(6,minmax(0,1fr)); }
.an-app .an-sc-g{ border-radius:18px; padding:12px; }
.an-app .an-sc-g .an-ring.big{ width:96px; height:96px; }
.an-app .an-sc-g .an-ring.big b{ font-size:2rem; }
.an-app .an-sc{ padding:12px; border-radius:16px; gap:4px; }
.an-app .an-sc-ic{ width:32px; height:32px; font-size:1rem; border-radius:10px; }
.an-app .an-sc-top b{ font-size:1.6rem; }
.an-app .an-sc-n{ min-height:0; }
.ap-kpis{ list-style:none; margin:14px 0 0; padding:14px 0 0; border-top:1px solid var(--rule); display:flex; flex-wrap:wrap; gap:10px 28px; }
.ap-kpis li{ display:flex; align-items:baseline; gap:6px; font-size:.86rem; color:var(--ink-soft); }
.ap-kpis b{ font-size:1.15rem; font-weight:800; color:var(--ink); font-variant-numeric:tabular-nums; }
/* Lista de fallos */
.ap-list-h{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 16px; }
.ap-list-h h3{ font-size:clamp(1.25rem,2vw,1.5rem); }
.ap-list-h p{ margin:0; font-size:.86rem; color:var(--ink-faint); }
.ap-flts{ display:grid; gap:8px; margin:14px 0 12px; }
.ap-flts > div{ display:flex; flex-wrap:wrap; gap:6px; }
.ap-f{ display:inline-flex; align-items:center; gap:6px; padding:.4rem .8rem; border-radius:999px; border:1px solid var(--rule); background:#fff; color:var(--ink); font:inherit; font-weight:700; font-size:.8rem; cursor:pointer; transition:background .2s, color .2s, border-color .2s; }
.ap-f span{ font-size:.7rem; padding:.05rem .45rem; border-radius:999px; background:var(--surface); color:var(--ink-faint); }
.ap-f:hover{ border-color:var(--g500); }
.ap-f.on{ background:var(--ink); color:#fff; border-color:var(--ink); }
.ap-f.on span{ background:var(--g400); color:var(--ink); }
.ap-f:focus-visible{ outline:3px solid var(--g400); outline-offset:2px; }
.ap-tbl-w{ border:1px solid var(--rule); border-radius:16px; overflow:hidden; }
.ap-tbl{ width:100%; border-collapse:collapse; font-size:.9rem; }
.ap-tbl thead th{ text-align:left; font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--g600); background:var(--surface); padding:10px 14px; }
.ap-tbl tbody tr.ap-r{ border-top:1px solid var(--rule); }
.ap-tbl tbody tr.ap-r:hover, .ap-tbl tbody tr.ap-r.open{ background:#fafcfa; }
.ap-tbl td, .ap-tbl tbody th{ padding:10px 14px; vertical-align:top; text-align:left; }
.ap-sev{ width:1%; white-space:nowrap; }
.ap-pill{ display:inline-block; font-size:.66rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; padding:.25rem .55rem; border-radius:999px; background:#fff3d6; color:#7a5300; }
.sev-alta .ap-pill{ background:#fde4e4; color:#9b1c1c; } .sev-baja .ap-pill{ background:var(--g50); color:var(--g800); }
.ap-tg{ display:block; width:100%; text-align:left; background:none; border:0; padding:0; font:inherit; color:inherit; cursor:pointer; }
.ap-tg:focus-visible{ outline:3px solid var(--g400); outline-offset:4px; border-radius:6px; }
.ap-t{ display:block; font-weight:700; color:var(--ink); line-height:1.35; }
.ap-t::after{ content:"▸"; display:inline-block; margin-left:6px; color:var(--ink-faint); transition:transform .2s; }
.ap-tg[aria-expanded="true"] .ap-t::after{ transform:rotate(90deg); }
.ap-t small{ font-size:.72rem; font-weight:700; color:var(--ink-faint); margin-left:4px; }
.ap-w{ display:block; margin-top:2px; font-size:.82rem; font-weight:400; color:var(--ink-soft); line-height:1.4; }
.ap-k, .ap-a{ font-size:.84rem; color:var(--ink-soft); white-space:nowrap; }
.ap-a{ font-weight:600; color:var(--ink); }
.ap-d td{ padding:4px 14px 18px; background:#fafcfa; }
.ap-why, .ap-val{ margin:6px 0; font-size:.9rem; color:var(--ink); max-width:90ch; }
.ap-val{ color:var(--ink-soft); }
.ap-lock td{ padding:14px; font-weight:700; color:var(--ink); background:var(--g50); border-top:1px solid var(--rule); }
.ap-empty{ margin:12px 0 0; color:var(--ink-faint); }
/* Bloques plegables */
.an-app .ap-blk{ padding:0; }
.ap-blk > summary{ list-style:none; cursor:pointer; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; padding:16px clamp(18px,2.6vw,28px); }
.ap-blk > summary::-webkit-details-marker{ display:none; }
.ap-blk > summary::before{ content:"▸"; color:var(--ink-faint); transition:transform .2s; }
.ap-blk[open] > summary::before{ transform:rotate(90deg); }
.ap-blk > summary b{ font-size:1.05rem; color:var(--ink); }
.ap-blk > summary span{ font-size:.84rem; color:var(--ink-faint); }
.ap-blk > summary:focus-visible{ outline:3px solid var(--g400); outline-offset:-3px; border-radius:22px; }
.ap-blk > div{ padding:0 clamp(18px,2.6vw,28px) clamp(18px,2.6vw,28px); }
.ap-all-p + .ap-all-p{ margin-top:22px; }
.ap-all-p h4{ font-size:1rem; margin:0 0 8px; }
.ap-all-p h4 span{ font-size:.8rem; font-weight:600; color:var(--ink-faint); margin-left:6px; }
.an-app .an-view h3.an-sec, .an-app .an-view > p.an-sec-sub{ display:none; }
.an-app .av-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.an-app .av-card{ padding:14px; gap:10px; border-radius:16px; }
.an-app .av-device{ width:min(160px,100%); border-radius:22px; padding:6px; }
.an-app .av-device img{ height:280px; object-fit:cover; object-position:top; border-radius:16px; }
.an-app .an-solve .block-head, .an-app .an-compare .block-head{ margin-bottom:16px; }
.an-app .an-solve .h2, .an-app .an-compare .h2{ font-size:clamp(1.25rem,2vw,1.5rem); }
.an-app .an-solve .block-head .lead, .an-app .an-compare .block-head .lead{ font-size:.9rem; }
.an-app .an-solve .eyebrow, .an-app .an-compare .eyebrow{ font-size:.7rem; }
.an-app .an-solve .h2 br, .an-app .an-compare .h2 br{ display:none; }
.an-app .an-foot{ margin:0; font-size:.78rem; color:var(--ink-faint); }
@media (max-width:1100px){ .an-app .ap-scores{ grid-template-columns:repeat(3,minmax(0,1fr)); } .an-app .an-sc-g{ grid-column:1 / -1; flex-direction:row; justify-content:flex-start; gap:14px; } .an-app .av-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px){
  .ap-actions{ width:100%; } .ap-actions .btn{ flex:1 1 auto; justify-content:center; }
  .ap-tbl thead{ display:none; }
  .ap-tbl, .ap-tbl tbody, .ap-tbl tr{ display:block; width:100%; }
  .ap-tbl tr.ap-r{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 10px; padding:12px; }
  .ap-tbl tr.ap-r[hidden], .ap-tbl tr.ap-d[hidden]{ display:none; }
  .ap-tbl tr.ap-r > *{ padding:0; }
  .ap-tbl .ap-sev{ grid-column:2; grid-row:1; width:auto; }
  .ap-tbl tr.ap-r > th{ grid-column:1; grid-row:1 / span 2; min-width:0; }
  .ap-tbl .ap-k{ display:none; }
  .ap-tbl .ap-a{ grid-column:1 / -1; font-size:.76rem; white-space:normal; color:var(--ink-faint); }
  .ap-tbl .ap-a::before{ content:"Afecta a: "; font-weight:400; }
  .ap-d td{ display:block; padding:0 12px 14px; }
  .an-app .av-grid{ grid-template-columns:1fr; }
}
@media (max-width:560px){ .an-app .ap-scores{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media print{ .an-app{ background:#fff; padding:0; } .ap-flts, .ap-actions{ display:none; } .ap-tbl tr[hidden]{ display:table-row !important; } .ap-r{ break-inside:avoid; } }

/* Pruebas también dentro de la lista única (antes colgaban de cada apartado) */
.an-app .an-ev ol{ list-style:none; margin:10px 0 0; padding:0; display:grid; gap:10px; max-height:none; overflow:visible; }
.an-app .an-ev ol > li{ display:grid; grid-template-columns:1fr; gap:10px; align-items:start; padding:10px; border-radius:12px; background:#fff; border:1px solid var(--rule); font-size:.82rem; color:var(--ink); }
.an-app .an-ev ol > li > div{ min-width:0; }
.an-app .an-ev p{ margin:0 0 4px; font-size:.82rem; }
.an-app .an-ev .an-ev-sel, .an-app .an-ev .an-ev-n2, .an-app .an-ev .an-ev-more{ font-size:.76rem; color:var(--ink-faint); }
.an-app .an-ev .an-ev-note{ display:flex; gap:8px; align-items:center; font-weight:600; color:var(--ink); }
  .an-app .an-ev ol > li{ break-inside:avoid; }
.an-app .an-ev ol > li.is-f{ padding:6px 10px; }
.an-app .an-ev ol:has(> li.is-f){ gap:4px; }
@media (min-width:1100px){ .an-app .an-ev ol > li.has-pic{ grid-template-columns:minmax(0,200px) minmax(0,1fr); } }
@media (max-width:760px){ .ap-actions{ display:grid; grid-template-columns:1fr 1fr; gap:6px; } .ap-actions .btn{ padding:.6rem .7rem; font-size:.8rem; text-align:center; } .ap-actions .btn:first-child{ grid-column:1 / -1; } }