/* ===== Herramientas de /recursos/: UTMs, WhatsApp, guiones, Social Funnel y guía de Meta =====
   Solo la cargan las páginas con <!-- css: herramientas -->. Usa los tokens de base.css. */

[hidden]{display:none!important}
button.btn{cursor:pointer;font-family:var(--display)}
button.btn-2{background:none}
button.btn-2:hover{background:var(--blanco)}

/* --- generadores (UTM, WhatsApp, guiones) --- */
.herr{display:grid;gap:var(--e-4)}
@media (min-width:1000px){.herr{grid-template-columns:1.15fr 1fr;align-items:start}}
.herr form,.herr .bloque{display:grid;gap:1.2rem;border-radius:20px;padding:clamp(1.25rem,3vw,2rem)}
.campo .caja-in input[type=url],.campo .caja-in input[type=text],.campo .caja-in input[type=tel]{flex:1;min-width:0;background:none;border:0;color:var(--blanco);font:500 1.0625rem/1 var(--texto);padding:.85rem 0;outline:none}
.campo textarea,.campo select{width:100%;background:var(--negro);border:1px solid var(--linea);border-radius:12px;color:var(--blanco);font:500 1.0625rem/1.5 var(--texto);padding:.8rem .9rem;outline:none}
.campo textarea{min-height:120px;resize:vertical}
.campo select{min-height:52px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--amarillo) 50%),linear-gradient(135deg,var(--amarillo) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.5rem}
.campo textarea:focus,.campo select:focus{border-color:var(--amarillo);box-shadow:0 0 0 3px rgba(255,196,0,.18)}
.campo input::placeholder,.campo textarea::placeholder{color:#8a897f}
.campo .pre{color:var(--gris);font-weight:600}
.clave{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.clave code{font:600 .9375rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--amarillo)}
.clave .req{font:700 .75rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;padding:.3rem .55rem;border-radius:999px;border:1px solid var(--linea);color:var(--gris)}
.clave .req.si{border-color:rgba(255,196,0,.45);color:var(--amarillo)}
.sugs{display:flex;flex-wrap:wrap;gap:.4rem}
.sug{min-height:36px;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--linea);background:var(--panel2);color:var(--blanco);font:500 .9375rem/1 var(--texto);cursor:pointer;transition:border-color var(--dur),color var(--dur)}
.sug:hover,.sug[aria-pressed=true]{border-color:var(--amarillo);color:var(--amarillo)}
.interruptor{display:flex;gap:.8rem;align-items:flex-start;cursor:pointer;padding:.9rem 1rem;border:1px solid var(--linea);border-radius:12px;background:var(--negro)}
.interruptor input{width:22px;height:22px;accent-color:var(--amarillo);margin-top:.15rem;flex:none}
.interruptor b{display:block}
.interruptor span{color:var(--gris);font-size:1rem}
.extra{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem}
.extra input{min-width:0;min-height:48px;background:var(--negro);border:1px solid var(--linea);border-radius:10px;color:var(--blanco);font:500 1rem/1 var(--texto);padding:0 .8rem;outline:none}
.extra input:focus{border-color:var(--amarillo)}
.quitar{width:48px;min-height:48px;border-radius:10px;border:1px solid var(--linea);background:none;color:var(--gris);font-size:1.4rem;cursor:pointer}
.quitar:hover{color:var(--blanco);border-color:var(--gris)}
.mas{justify-self:start;min-height:44px;padding:.5rem 1rem;border-radius:999px;border:1px dashed rgba(255,196,0,.5);background:none;color:var(--amarillo);font:700 .9375rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.mas:hover{background:rgba(255,196,0,.08)}
.resultado{position:sticky;top:90px;border-radius:20px;padding:clamp(1.25rem,3vw,2rem);display:grid;gap:1rem}
@media (max-width:999px){.resultado{position:static}}
.resultado .url{font:500 1rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;background:var(--negro);border:1px solid rgba(255,196,0,.3);border-radius:12px;padding:1rem;min-height:5.5rem;color:var(--blanco)}
.resultado .url .k{color:var(--amarillo)}
.resultado .url .v{color:#9ad1a6}
.resultado .url.vacia{color:#8a897f;font-family:var(--texto)}
.resultado .acciones{margin:0;display:flex;flex-wrap:wrap;gap:.6rem}
.resultado .btn{min-height:48px;font-size:1rem}
.resultado .btn[aria-disabled=true]{opacity:.45;pointer-events:none}
.aviso-ok{color:#9ad1a6;font-weight:600;min-height:1.5em;margin:0}
.error{color:#ff8a7a;font-size:.9375rem;margin:0}
.flujo{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:var(--e-3)}
.flujo span{font:700 .875rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(255,196,0,.4);color:var(--amarillo)}
.flujo i{color:var(--gris);font-style:normal}

/* pasos del motor de guiones */
.pasos-guion{display:grid;gap:var(--e-3);counter-reset:paso}
.paso-g{border-radius:20px;padding:clamp(1.25rem,3vw,2rem);display:grid;gap:1rem}
.paso-g .cab-paso{display:flex;align-items:baseline;gap:.9rem}
.paso-g .num{font:800 clamp(2rem,4vw,2.75rem)/1 var(--display);color:var(--amarillo)}
.paso-g h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:0;max-width:none}
.paso-g > p{color:var(--gris);margin:0}
.dos{display:grid;gap:1rem}
@media (min-width:760px){.dos{grid-template-columns:1fr 1fr}}
.filas{display:grid;gap:.5rem}
.fila{display:grid;grid-template-columns:1fr auto;gap:.5rem}
.fila input{min-width:0;min-height:50px;background:var(--negro);border:1px solid var(--linea);border-radius:12px;color:var(--blanco);font:500 1.0625rem/1 var(--texto);padding:0 .9rem;outline:none}
.fila input:focus{border-color:var(--amarillo)}
.angulos{display:flex;flex-wrap:wrap;gap:.5rem}
.angulos button{min-height:44px;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--linea);background:var(--negro);color:var(--gris);font:600 1rem/1 var(--texto);cursor:pointer}
.angulos button[aria-pressed=true]{background:var(--amarillo);border-color:var(--amarillo);color:var(--negro)}
.ejemplo{border:1px solid var(--linea);border-radius:12px;background:var(--negro)}
.ejemplo summary{cursor:pointer;padding:.8rem 1rem;color:var(--amarillo);font-weight:600;min-height:44px}
.ejemplo div{padding:0 1rem 1rem;color:var(--gris);line-height:1.6}
.combos{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:14px;background:rgba(255,196,0,.08);border:1px solid rgba(255,196,0,.3)}
.combos b{font:800 clamp(2.4rem,5vw,3.4rem)/1 var(--display);color:var(--amarillo)}
.combos span{color:var(--gris)}
.salida-prompt{border-radius:16px;overflow:hidden;border:1px solid rgba(255,196,0,.3)}
.salida-prompt .barra-p{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .6rem .6rem 1rem;background:var(--panel2);font:700 .875rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.salida-prompt pre{margin:0;padding:1.1rem;background:var(--negro);color:var(--blanco);font:500 .9375rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;max-height:520px;font-size:1rem;overflow:auto}
.btn-mini{min-height:44px;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(255,196,0,.5);background:none;color:var(--amarillo);font:700 .9375rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.btn-mini:hover{background:rgba(255,196,0,.1)}

/* --- guías (papel): bloques comunes --- */
.guia h2{font-size:clamp(2rem,4vw,3.25rem);max-width:20ch}
.guia .intro{color:var(--gris-osc);margin-bottom:var(--e-4)}
.anatomia{font:500 clamp(.9375rem,1.4vw,1.0625rem)/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--negro);color:var(--blanco);border-radius:16px;padding:1.25rem;word-break:break-all;margin-bottom:var(--e-4)}
.anatomia .k{color:var(--amarillo)} .anatomia .v{color:#9ad1a6} .anatomia .s{color:#8a897f} .anatomia .o{color:#ffd77a;opacity:.85}
.fichas{display:grid;gap:1px;background:rgba(10,10,9,.12);border:1px solid rgba(10,10,9,.12);border-radius:18px;overflow:hidden;margin-bottom:var(--e-5)}
@media (min-width:760px){.fichas{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.fichas{grid-template-columns:repeat(3,1fr)}}
.fichas > div{background:#fff;padding:1.4rem}
.fichas .n{font:800 1rem/1 var(--display);color:#8a6a00;letter-spacing:.1em}
.fichas h3{font:700 1.375rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;margin:.5rem 0 .6rem}
.fichas p{color:#2f2e2a;margin:0 0 .8rem;font-size:1rem}
.pildoras{display:flex;flex-wrap:wrap;gap:.35rem}
.pildoras span{font:500 .875rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:.35rem .55rem;border-radius:6px;background:rgba(10,10,9,.06)}
.pildoras span.mal{text-decoration:line-through;color:#a3352a;background:rgba(163,53,42,.08)}
.reglas{display:grid;gap:.8rem;margin-bottom:var(--e-5)}
@media (min-width:760px){.reglas{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.reglas{grid-template-columns:repeat(3,1fr)}}
.regla{background:#fff;border-radius:14px;padding:1.1rem 1.2rem;border-left:4px solid #2f8a4a}
.regla.ojo{border-left-color:var(--amarillo-osc)}
.regla.nunca{border-left-color:#c0392b}
.regla b{display:block;font:800 .875rem/1 var(--display);letter-spacing:.12em;margin-bottom:.5rem}
.regla p{margin:0;color:#2f2e2a;font-size:1rem}
.regla code,.guia code{font-size:.875rem;background:rgba(10,10,9,.06);padding:.1em .35em;border-radius:4px}
.tabla-guia{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;display:block;overflow-x:auto;font-size:1rem}
.tabla-guia th,.tabla-guia td{text-align:left;vertical-align:top;padding:.85rem 1rem;border-bottom:1px solid rgba(10,10,9,.1)}
.tabla-guia thead th{background:var(--negro);color:var(--blanco);font:700 .9375rem/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.tabla-guia td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}
.consejos{display:grid;gap:var(--e-3)}
@media (min-width:860px){.consejos{grid-template-columns:repeat(3,1fr)}}
.consejos > div{background:#fff;border-radius:16px;padding:1.4rem}
.consejos h3{font-size:1.5rem;margin-bottom:.5rem}
.consejos p{color:#2f2e2a;margin:0}

/* --- Social Funnel (contenido de la guía original, con el diseño nuevo) --- */
.sf h2{font-size:clamp(2rem,4vw,3.25rem);max-width:22ch;margin-bottom:var(--e-3)}
.sf section{padding:var(--e-5) 0;scroll-margin-top:90px}
.sf section:first-child{padding-top:0}
.sf p{max-width:72ch}
.sf .sf-secnum{display:inline-block;font:700 .875rem/1 var(--display);letter-spacing:.14em;color:var(--amarillo);margin-bottom:var(--e-2)}
.sf .sf-muted{color:var(--gris)}
.sf .sf-small{color:var(--gris);font-size:.875rem}
.sf .sf-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,196,0,.4),transparent)}
.sf-grid-3{display:grid;gap:var(--e-2)}
@media (min-width:900px){.sf-grid-3{grid-template-columns:repeat(3,1fr)}}
.sf-rule-card,.sf-card{background:var(--panel);border:1px solid var(--linea);border-radius:18px;padding:1.4rem}
.sf-card{margin-bottom:var(--e-2)}
.sf-rule-card h4{font:800 1.5rem/1.1 var(--display);margin:.5rem 0}
.sf-rule-card p{color:var(--gris);margin:0}
.sf-rule-num{font:700 .8125rem/1 var(--display);letter-spacing:.14em;color:var(--amarillo)}
.sf-tablewrap{overflow-x:auto;border:1px solid var(--linea);border-radius:14px;margin:var(--e-2) 0}
.sf table{width:100%;border-collapse:collapse;font-size:.9875rem;min-width:520px}
.sf th,.sf td{text-align:left;vertical-align:top;padding:.75rem .9rem;border-bottom:1px solid var(--linea)}
.sf thead th{background:var(--panel2);font:700 .875rem/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--amarillo);white-space:nowrap}
.sf tr:last-child td{border-bottom:0}
.sf td{color:var(--gris)}
.sf td strong{color:var(--blanco)}
.sf-note{margin:var(--e-2) 0;padding:1rem 1.2rem;border-radius:12px;background:rgba(255,196,0,.08);border:1px solid rgba(255,196,0,.3);color:var(--blanco)}
.sf-note b{color:var(--amarillo)}
.sf-label{display:block;font:700 .8125rem/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--amarillo);margin-bottom:.35rem}
.sf-copybox{border:1px solid rgba(255,196,0,.3);border-radius:14px;overflow:hidden;margin:var(--e-2) 0}
.sf-copyhead{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .55rem .55rem 1rem;background:var(--panel2);font:700 .875rem/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.sf-copybody{padding:1rem 1.1rem;background:var(--negro);white-space:pre-wrap;line-height:1.6;color:var(--blanco)}
.sf-copybody.mono{font:500 .875rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:460px;overflow:auto}
.sf-btn{min-height:44px;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(255,196,0,.5);background:none;color:var(--amarillo);font:700 .875rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;flex:none}
.sf-btn:hover,.sf-btn.copied{background:var(--amarillo);color:var(--negro)}
.sf-step{position:relative;background:var(--panel);border:1px solid var(--linea);border-radius:20px;overflow:hidden;margin-bottom:var(--e-3);scroll-margin-top:90px}
.sf-heat{height:6px;background:var(--panel2)}
.sf-heat i{display:block;height:100%;width:var(--h);background:linear-gradient(90deg,#5b8fd6,var(--amarillo))}
.sf-heat.cold i{background:linear-gradient(90deg,#5b8fd6,#8fb3e6)}
.sf-step-inner{padding:clamp(1.25rem,3vw,2rem)}
.sf-step-head{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}
.sf-step-num{font:800 clamp(2.4rem,5vw,3.4rem)/1 var(--display);color:var(--amarillo);min-width:2ch}
.sf-step-num.ghost{color:var(--blanco)}
.sf-step h3{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:0}
.sf-window{color:var(--gris);font-size:.9375rem}
.sf-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.sf-chip{font:600 .875rem/1.2 var(--texto);padding:.4rem .7rem;border-radius:999px;border:1px solid var(--linea);color:var(--gris)}
.sf-chip.gold{border-color:rgba(255,196,0,.5);color:var(--amarillo)}
.sf-chip.ok{border-color:rgba(154,209,166,.5);color:#9ad1a6}
.sf-chip.warn{border-color:rgba(255,215,122,.45);color:#ffd77a}
.sf-chip.no{border-color:rgba(255,138,122,.45);color:#ff9e90}
.sf-goal{font:700 clamp(1.25rem,2vw,1.6rem)/1.25 var(--display);padding:1rem 1.2rem;border-left:4px solid var(--amarillo);background:var(--negro);border-radius:0 12px 12px 0;margin-bottom:1rem}
.sf-goal .sf-label{font-size:.75rem}
.sf-meta{display:grid;gap:.9rem 1.5rem;margin-bottom:1rem}
@media (min-width:760px){.sf-meta{grid-template-columns:1fr 1fr}}
.sf-meta > div > span:last-child{color:var(--gris)}
.sf-guion{margin:0 0 1rem;padding-left:1.3rem;color:var(--gris)}
.sf-guion li{margin-bottom:.4rem}
.sf-guion strong{color:var(--blanco)}
.sf-check{display:flex;gap:.8rem;align-items:flex-start;padding:.6rem 0;border-bottom:1px solid var(--linea)}
.sf-check:last-child{border-bottom:0}
.sf-check input{width:22px;height:22px;accent-color:var(--amarillo);flex:none;margin-top:.15rem}
.sf-check label{cursor:pointer}
.sf-lema{text-align:center;margin:var(--e-5) auto 0;font:700 1rem/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--amarillo)}
.indice{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--e-3)}
.indice a{min-height:40px;display:inline-flex;align-items:center;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--linea);color:var(--blanco);text-decoration:none;font-size:.9375rem;background:rgba(10,10,9,.5)}
.indice a:hover{border-color:var(--amarillo);color:var(--amarillo)}

/* --- Guía de anuncios de imagen en Meta --- */
.gm .section{padding:var(--e-6) 0;scroll-margin-top:90px}
.gm .section:nth-of-type(even){background:var(--panel)}
.gm .wrap{max-width:var(--ancho);margin:0 auto;padding:0 var(--gutter)}
.gm .kicker{font:700 .875rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--amarillo);margin-bottom:var(--e-2)}
.gm h2{font-size:clamp(2rem,4.4vw,3.5rem);max-width:20ch;margin-bottom:var(--e-3)}
.gm h3{font-size:clamp(1.25rem,1.8vw,1.5rem);margin-bottom:.4rem}
.gm .section-intro{color:var(--gris);max-width:62ch;font-size:clamp(1.0625rem,1.3vw,1.25rem);margin-bottom:var(--e-4)}
.gm a{color:var(--amarillo)}
.gm .rules{display:grid;gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:18px;overflow:hidden;margin-bottom:var(--e-4)}
@media (min-width:700px){.gm .rules{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.gm .rules{grid-template-columns:repeat(4,1fr)}}
.gm .rule{background:var(--negro);padding:1.3rem}
.gm .section:nth-of-type(even) .rule{background:var(--panel)}
.gm .rule .n{font:800 2.25rem/1 var(--display);color:var(--amarillo);display:block;margin-bottom:.6rem}
.gm .rule p{color:var(--gris);margin:0}
.gm .specs{display:grid;gap:var(--e-2);margin-bottom:var(--e-3)}
@media (min-width:800px){.gm .specs{grid-template-columns:1fr 1fr}}
.gm .spec-card{border-radius:18px;padding:1.5rem;background:var(--panel2);border:1px solid var(--linea)}
.gm .spec-card.yellow{background:var(--amarillo);color:var(--negro);border-color:var(--amarillo)}
.gm .spec-card.yellow .kicker{color:var(--negro)}
.gm .spec-card .big{font:800 clamp(3.5rem,8vw,5.5rem)/1 var(--display);margin:.2rem 0 .5rem}
.gm .spec-card ul{margin:0;padding-left:1.2rem}
.gm .spec-card:not(.yellow) li{color:var(--gris)}
.gm .metricool-note,.gm .priority-box{border-radius:14px;padding:1.1rem 1.3rem;background:rgba(255,196,0,.08);border:1px solid rgba(255,196,0,.3)}
.gm .metricool-note b{color:var(--amarillo);display:block;margin-bottom:.3rem}
.gm .metricool-note span{color:var(--gris)}
.gm .gallery-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--e-3)}
.gm .filter-btn{min-height:44px;padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--linea);background:var(--negro);color:var(--gris);font:700 .9375rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.gm .filter-btn.active{background:var(--amarillo);border-color:var(--amarillo);color:var(--negro)}
.gm .gallery{display:grid;gap:var(--e-3)}
@media (min-width:700px){.gm .gallery{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.gm .gallery{grid-template-columns:repeat(3,1fr)}}
.gm .card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--linea);border-radius:18px;overflow:hidden}
.gm .card .media{background:#fff;display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden}
.gm .card .media img{width:100%;height:100%;object-fit:contain}
.gm .card-body{padding:1.2rem;display:grid;gap:.5rem}
.gm .card-body p{margin:0;color:var(--gris)}
.gm .card-body .why{color:var(--blanco)}
.gm .card-body .why b{color:var(--amarillo)}
.gm .credit,.gm .disclaimer,.gm .mck-vlib-footnote{font-size:.875rem;color:#8a897f}
.gm .tagrow{display:flex;flex-wrap:wrap;gap:.35rem}
.gm .tag{font:700 .75rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;padding:.35rem .6rem;border-radius:999px;border:1px solid rgba(255,196,0,.4);color:var(--amarillo)}
.gm .mck-vlib-topline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;color:var(--gris);margin-bottom:var(--e-3)}
.gm .mck-vlib-topline b{color:var(--amarillo)}
.gm .mck-vlib-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
@media (min-width:700px){.gm .mck-vlib-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.gm .mck-vlib-grid{grid-template-columns:repeat(5,1fr)}}
.gm .mck-vlib-card{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--linea);border-radius:14px;overflow:hidden;background:var(--negro);color:var(--blanco);cursor:zoom-in;font:inherit}
.gm .mck-vlib-card:hover{border-color:var(--amarillo)}
.gm .mck-vlib-image{position:relative;display:block;aspect-ratio:1;background:#fff;overflow:hidden}
.gm .mck-vlib-image img{width:100%;height:100%;object-fit:cover;object-position:top}
.gm .mck-vlib-zoom{position:absolute;right:.5rem;bottom:.5rem;font:700 .75rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;background:var(--negro);color:var(--amarillo);padding:.35rem .55rem;border-radius:999px}
.gm .mck-vlib-meta{display:grid;gap:.15rem;padding:.7rem .8rem}
.gm .mck-vlib-meta strong{font-size:.9375rem}
.gm .mck-vlib-meta span{color:var(--gris);font-size:.875rem}
.gm .mck-vlib-meta small{color:#8a897f;font-size:.75rem}
.gm .mck-vlib-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;background:rgba(0,0,0,.86);padding:1rem}
.gm .mck-vlib-modal.is-open{display:grid}
.gm .mck-vlib-dialog{max-width:min(720px,100%);max-height:92vh;display:grid;gap:.6rem}
.gm .mck-vlib-modal-image img{max-width:100%;max-height:80vh;border-radius:12px;background:#fff}
.gm .mck-vlib-modal-copy{display:flex;gap:.6rem;color:var(--blanco)}
.gm .mck-vlib-modal-copy span{color:var(--gris)}
.gm .mck-vlib-close{position:fixed;top:1rem;right:1rem;width:48px;height:48px;border-radius:999px;border:1px solid var(--linea);background:var(--negro);color:var(--blanco);font-size:1.6rem;cursor:pointer}
.gm .patterns{display:grid;gap:var(--e-2)}
@media (min-width:800px){.gm .patterns{grid-template-columns:repeat(2,1fr)}}
.gm .pattern{display:flex;gap:1rem;background:var(--negro);border:1px solid var(--linea);border-radius:16px;padding:1.2rem}
.gm .section:nth-of-type(even) .pattern{background:var(--panel2)}
.gm .iconbox{flex:none;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:var(--amarillo);color:var(--negro);font:800 1.25rem/1 var(--display)}
.gm .pattern p{color:var(--gris);margin:0}
.gm .felipe-wrap{display:grid;gap:var(--e-3)}
@media (min-width:800px){.gm .felipe-wrap{grid-template-columns:1fr 1fr}}
.gm .felipe-card{background:var(--panel);border:1px solid var(--linea);border-radius:18px;overflow:hidden}
.gm .felipe-card img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#fff}
.gm .felipe-card .copy{padding:1.2rem}
.gm .felipe-card p{color:var(--gris);margin:0}
.gm .checkgrid{display:grid;gap:var(--e-3)}
@media (min-width:960px){.gm .checkgrid{grid-template-columns:1.4fr 1fr}}
.gm .checklist{display:grid;gap:.6rem}
.gm .checkitem{display:flex;gap:.9rem;background:var(--panel);border:1px solid var(--linea);border-radius:14px;padding:1rem 1.1rem}
.gm .tick{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:var(--amarillo);color:var(--negro);font-weight:800}
.gm .checkitem b{display:block;margin-bottom:.2rem}
.gm .checkitem span{color:var(--gris)}
.gm .dont{background:rgba(192,57,43,.1);border:1px solid rgba(255,138,122,.35);border-radius:16px;padding:1.4rem}
.gm .dont h3{color:#ff9e90}
.gm .dont ul{margin:0;padding-left:1.2rem;color:var(--gris)}
.gm .dont li{margin-bottom:.5rem}
.gm .matrix,.gm .compare{width:100%;border-collapse:collapse;font-size:1rem}
.gm .matrix{display:block;overflow-x:auto;border:1px solid var(--linea);border-radius:14px}
.gm .compare-wrap{overflow-x:auto;border:1px solid var(--linea);border-radius:14px;margin-top:var(--e-4)}
.gm .compare{min-width:760px}
.gm .matrix th,.gm .matrix td,.gm .compare th,.gm .compare td{text-align:left;vertical-align:top;padding:.85rem 1rem;border-bottom:1px solid var(--linea)}
.gm .matrix thead th,.gm .compare thead th{background:var(--panel2);font:700 .875rem/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--amarillo);white-space:nowrap}
.gm .matrix td,.gm .compare td{color:var(--gris)}
.gm .matrix td b,.gm .compare td b{color:var(--blanco)}
.gm .priority-box{display:grid;gap:1rem;margin-bottom:var(--e-4)}
@media (min-width:860px){.gm .priority-box{grid-template-columns:repeat(3,1fr)}}
.gm .priority-box b{display:block;font:800 .875rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--amarillo);margin-bottom:.35rem}
.gm .priority-box span{color:var(--gris)}
.gm .priority-box strong{color:var(--blanco)}
.gm .business-grid{display:grid;gap:var(--e-3)}
@media (min-width:960px){.gm .business-grid{grid-template-columns:1fr 1fr}.gm .business-card.featured{grid-column:1/-1}}
.gm .business-card{background:var(--negro);border:1px solid var(--linea);border-radius:20px;padding:clamp(1.25rem,3vw,1.8rem);display:grid;gap:1rem;align-content:start}
.gm .business-card.featured{border-color:rgba(255,196,0,.5);background:#17150c}
.gm .business-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem}
.gm .business-head h3{margin:0}
.gm .biz-num{font:700 .8125rem/1 var(--display);letter-spacing:.12em;color:var(--amarillo)}
.gm .biz-goal{margin:0;color:var(--gris)}
.gm .biz-goal strong{color:var(--blanco)}
.gm .biz-columns{display:grid;gap:1rem}
@media (min-width:700px){.gm .biz-columns{grid-template-columns:1fr 1fr}}
.gm .biz-block b{display:block;font:700 .875rem/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--amarillo);margin-bottom:.4rem}
.gm .biz-block ul{margin:0;padding-left:1.1rem;color:var(--gris)}
.gm .biz-block p{margin:0;color:var(--gris)}
.gm .biz-cta{display:flex;flex-wrap:wrap;gap:.35rem}
.gm .biz-cta span{font:600 .875rem/1 var(--texto);padding:.45rem .7rem;border-radius:999px;background:var(--panel2);border:1px solid var(--linea)}
.gm .biz-note{font-size:.9375rem;color:var(--gris);border-top:1px solid var(--linea);padding-top:.9rem}
.gm .biz-note strong{color:var(--blanco)}