/* ==========================================================================
   Páginas estáticas (DESIGN §12.5 y §12.6): plantilla genérica (Quiénes somos,
   legales), Cómo trabajamos, Cómo puntuamos, Contacto, Anúnciate y 404.
   Solo lo que style.css (§29 Páginas estáticas) no cubre.
   ========================================================================== */

/* Estructura común ------------------------------------------------------- */
.pg{padding-bottom:48px}
.pg>.crumbs+.page-h{padding-top:14px}
.pg .lbl{display:block;margin:0 0 10px;font:600 var(--fs-micro)/1.2 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.page-h p a{color:var(--blue)}
.page-h p a:hover{text-decoration:underline;text-underline-offset:2px}
.page-h p.page-h__meta{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:var(--fs-meta);color:var(--muted)}
.page-h__acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:16px}
.page-h__who{white-space:nowrap}

/* Texto de 720 px con índice -------------------------------------------- */
.doc{display:grid;grid-template-columns:minmax(0,720px);align-items:start;padding-top:28px}
.doc__body{min-width:0}
.toc{margin-bottom:22px;border:1px solid var(--rule);border-radius:var(--r-md);background:#fff}
.toc summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;list-style:none;cursor:pointer;font:600 var(--fs-kicker)/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.toc summary::-webkit-details-marker{display:none}
.toc__chev{margin-left:auto;color:var(--muted);transition:transform .15s}
.toc[open] .toc__chev{transform:rotate(180deg)}
.toc ol{display:grid;padding:0 14px 10px;counter-reset:toc}
.toc li{counter-increment:toc}
.toc a{display:flex;gap:8px;padding:6px 0;font-size:var(--fs-sm);line-height:1.35;color:var(--ink-2)}
.toc a::before{content:counter(toc);min-width:14px;font-variant-numeric:tabular-nums;color:var(--muted)}
.toc a:hover{color:var(--blue)}
.toc a[aria-current="true"]{color:var(--ink);font-weight:600}
@media (pointer:coarse),(max-width:767.98px){
  .toc a{min-height:44px;align-items:center;padding:0}
}
@media (min-width:1024px){
  .doc--toc{grid-template-columns:minmax(0,720px) 232px;justify-content:space-between;column-gap:48px}
  .doc--toc .doc__body{grid-column:1;grid-row:1}
  .doc--toc .toc{grid-column:2;grid-row:1;position:sticky;top:calc(var(--header-h) + 28px);margin:4px 0 0;border:0;border-left:2px solid var(--ink);border-radius:0;background:none}
  .toc summary{min-height:0;padding:0 0 8px 16px;cursor:default;pointer-events:none}
  .toc__chev{display:none}
  .toc ol{padding:0 0 0 16px}
  .toc a{padding:5px 0}
}

/* Texto: complementos de .prose para páginas largas */
.doc .prose h2{font:400 26px/1.12 var(--serif);letter-spacing:0;word-spacing:.05em;text-wrap:balance;margin:32px 0 8px}
.doc .prose>h2:first-child{margin-top:0}
.prose a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.prose a:hover{color:var(--blue-600)}
.prose li{line-height:1.6}
.prose ol{padding-left:22px;list-style:decimal;color:var(--ink-2)}
.prose ol+p,.prose p+ol,.prose ul+ul{margin-top:12px}
.prose blockquote{margin:14px 0;padding:2px 0 2px 18px;border-left:3px solid var(--ink)}
.prose blockquote p{font:500 18px/1.5 var(--sans);color:var(--ink)}
.prose code{padding:1px 5px;border-radius:var(--r-xs);background:var(--paper-2);font:500 .86em/1 ui-monospace,Menlo,Consolas,monospace;color:var(--ink);white-space:nowrap}
/* Bloques de la plantilla dentro del texto: sin los estilos de lista de .prose */
.prose ul.doc__x,.prose ol.doc__x,.prose .doc__x ul,.prose .doc__x ol{padding:0;list-style:none;color:inherit}
.prose .doc__x li+li{margin-top:0}

/* Cómo trabajamos: las dos etiquetas y la etiqueta de cada formato ------ */
.labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0}
.labels__i{border:1px solid var(--paid-line);border-radius:var(--r-md);overflow:hidden;background:#fff}
.labels__b{display:flex;align-items:flex-start;gap:10px;padding:12px}
.prose .labels__b p{font-size:var(--fs-sm);line-height:1.4;color:var(--muted)}
.labels__b p b{display:block;font-weight:600;color:var(--ink)}
.fmtlab{margin:12px 0 0;border:1px solid var(--rule);border-radius:var(--r-md);background:#fff}
.fmtlab summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;list-style:none;cursor:pointer;font:600 var(--fs-kicker)/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.fmtlab summary::-webkit-details-marker{display:none}
.fmtlab summary .ic{margin-left:auto;color:var(--muted);transition:transform .15s}
.fmtlab[open] summary .ic{transform:rotate(180deg)}
.prose .fmtlab ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;padding:0 16px 8px}
.fmtlab li{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:34px;border-top:1px solid var(--rule);font-size:var(--fs-sm);line-height:1.3;color:var(--ink)}
.fmtlab li>span:first-child{min-width:0}
.fmtlab li sup{margin-left:2px;font-size:11px;line-height:0;color:var(--muted)}
.fmtlab__t{display:flex;flex:none;align-items:center;gap:4px}
.prose .fmtlab__n{padding:8px 16px 12px;border-top:1px solid var(--rule);font-size:var(--fs-xs);line-height:1.45;color:var(--muted)}

/* Cómo puntuamos: pesos, fórmula y escala ------------------------------- */
.wrows{margin:14px 0 4px;border-top:1px solid var(--rule)}
.wrow{border-bottom:1px solid var(--rule)}
.wrow summary{display:grid;grid-template-columns:36px 168px minmax(0,1fr) 16px;align-items:center;gap:14px;min-height:52px;padding:8px 0;list-style:none;cursor:pointer}
.wrow summary::-webkit-details-marker{display:none}
.wrow__n{font:600 var(--fs-ui)/1.2 var(--sans);color:var(--ink)}
.wrow summary:hover .wrow__n{color:var(--blue)}
.wrow summary .wbar{height:10px}
.wrow__chev{color:var(--muted);transition:transform .15s}
.wrow[open] .wrow__chev{transform:rotate(180deg)}
.wrow__b{padding:0 30px 14px 50px}
.prose .wrow__b .wlegend{display:grid;margin-top:0}
.wrow__b .link{margin-top:10px;font-size:13.5px;text-decoration:none}
.formula{margin:12px 0 0;padding:14px 18px;border-left:3px solid var(--ink);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--paper-2)}
.prose .formula__f{font:500 19px/1.45 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
.formula__f span{white-space:nowrap}
.formula__f sub{font-size:.6em;line-height:0}
.prose .formula p+p{margin-top:6px;font-size:var(--fs-sm);line-height:1.5}
.vscale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 0;border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;background:#fff}
.vscale li{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;border-left:1px solid var(--rule)}
.vscale li:nth-child(4n+1){border-left:0}
.vscale li:nth-child(n+5){border-top:1px solid var(--rule)}
.vscale b{font:600 var(--fs-sm)/1.2 var(--sans);color:var(--ink)}
.vscale li>span:last-child{font-size:var(--fs-2xs);line-height:1.3;color:var(--muted)}

/* Contacto -------------------------------------------------------------- */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);grid-template-rows:auto 1fr;column-gap:48px;align-items:start;padding-top:24px}
.contact>.contact__side{grid-column:1;grid-row:1}
.contact>.cform{grid-column:2;grid-row:1/span 2}
.contact>.contact__note{grid-column:1;grid-row:2;margin-top:16px}
.reasons>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--rule)}
.reasons>li:first-child{padding-top:4px}
.prose.contact__note p{font-size:var(--fs-sm);line-height:1.55;color:var(--muted)}
.prose.contact__note p+p{margin-top:8px}

/* Formularios (contacto y marcas) --------------------------------------- */
.cform{position:relative;align-content:start}
.cform__hp{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
.cform__set{display:block;min-width:0;margin:0;padding:0;border:0}
.cform__set legend{padding:0;margin-bottom:8px;font:600 13px/1.2 var(--sans)}
.cform__opt{font-weight:400;color:var(--muted)}
.cform__hint{font-size:var(--fs-meta);line-height:1.4;color:var(--muted)}
.cform__hint a{color:var(--blue);font-weight:600}
.cform__short{min-height:60px}
.cform .check{position:relative;align-items:center;min-height:24px}
.cform .check input{margin:0}
.cform .check a{position:relative;z-index:1}
@media (pointer:coarse),(max-width:767.98px){
  .cform .check::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
}
.cform__privacy a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.cform__note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--r-sm);font-size:var(--fs-sm);line-height:1.4}
.cform__note .ic{width:18px;height:18px;margin-top:1px}
.cform__note a{text-decoration:underline}
.cform__note--ok{background:#EAF5EE;color:var(--pos)}
.cform__note--error{background:var(--offer-bg);color:var(--neg)}
.cform [data-cform-submit][aria-busy="true"]{opacity:.6;pointer-events:none}

/* Anúnciate: formatos --------------------------------------------------- */
.adv-fmts{padding-top:24px}
.fmt__b p.fmt__m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;font-size:var(--fs-2xs);line-height:1.3;color:var(--ink-2);font-variant-numeric:tabular-nums}
.fmt__m b{font-weight:600;color:var(--ink)}
/* Miniaturas: esquema del componente real (ámbar = pagado, rayado = creatividad) */
.fmv{display:flex;flex-direction:column;gap:6px;width:100%;max-width:200px}
.fmv__cr{display:grid;place-items:center;border-radius:4px;background:repeating-linear-gradient(135deg,#fff 0 5px,var(--paper-3) 5px 10px);box-shadow:inset 0 0 0 1px var(--rule-2);font:600 10px/1 var(--sans);letter-spacing:.04em;color:var(--muted)}
.fmv__ln{display:flex;flex-direction:column;gap:5px;min-width:0}
.fmv__ln i{display:block;height:5px;border-radius:3px;background:var(--rule-2)}
.fmv__ln i:nth-child(3n+2){width:86%}
.fmv__ln i:nth-child(3n){width:64%}
.fmv__img{display:block;background:linear-gradient(var(--paper-3),var(--paper-3)) center/42% 58% no-repeat #fff}
.fmv__bar{display:block}
.fmv .paidbar{min-height:18px;padding:0 6px;border-bottom:1px solid var(--paid-line);font-size:8px}
.fmv .paidbar b{font-size:7.5px}
.fmv--bb{max-width:none}
.fmv--bb .adlabel{font-size:8.5px;letter-spacing:.1em}
.fmv--bb .fmv__cr{width:100%;aspect-ratio:970/250}
.fmv--mpu{flex-direction:row;align-items:flex-start;gap:10px}
.fmv--mpu .fmv__ln{flex:1;padding-top:4px}
.fmv--mpu .fmv__cr{flex:none;width:92px;aspect-ratio:300/250}
.fmv--card{width:124px;gap:0;overflow:hidden;border:1px solid var(--paid-line);border-radius:6px;background:#fff}
.fmv--card .fmv__img{height:42px;border-bottom:1px solid var(--rule)}
.fmv__row{display:flex;align-items:center;gap:6px;padding:6px}
.fmv__row .fmv__ln{flex:1;gap:4px}
.fmv--wtb{gap:3px;max-width:220px}
.fmv__st{display:flex;align-items:center;gap:6px;height:22px;padding:0 7px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1px var(--rule)}
.fmv__st i{width:12px;height:12px;border-radius:50%;background:var(--plate)}
.fmv__st b{flex:1;height:5px;border-radius:3px;background:var(--rule-2)}
.fmv__st em{width:30px;height:12px;border-radius:3px;background:var(--blue-100)}
.fmv__st--paid{background:var(--paid-bg);box-shadow:inset 3px 0 0 var(--paid-edge),inset 0 0 0 1px var(--paid-line)}
/* «Además»: los demás formatos en una línea (como la maqueta) */
.fnote{margin-top:10px;font-size:var(--fs-meta);line-height:1.45;color:var(--muted)}
/* Ubicación y medidas de cada espacio (el catálogo completo) */
.fcat{margin-top:14px;border:1px solid var(--rule);border-radius:var(--r-md);background:#fff}
.fcat>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;list-style:none;cursor:pointer;font:600 var(--fs-sm)/1.2 var(--sans);color:var(--ink)}
.fcat>summary::-webkit-details-marker{display:none}
.fcat>summary .ic:first-child{color:var(--muted)}
.fcat__chev{margin-left:auto;color:var(--muted);transition:transform .15s}
.fcat[open] .fcat__chev{transform:rotate(180deg)}
.fcat__t{border-top:1px solid var(--rule)}
.fcat table{width:100%;border-collapse:collapse;font-size:var(--fs-meta);line-height:1.4}
.fcat th,.fcat td{padding:9px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
.fcat tr:last-child>*{border-bottom:0}
.fcat thead th{background:var(--paper-2);font:600 var(--fs-kicker)/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fcat tbody th{width:24%;font-weight:600;color:var(--ink)}
.fcat__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.fcat td{color:var(--ink-2)}
.fcat td:last-child{width:30%;font-variant-numeric:tabular-nums}

/* Anúnciate: solicitud ---------------------------------------------------- */
.adv-req{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto 1fr;gap:16px 32px;align-items:start;padding-top:28px}
.adv-req>.nosell{grid-column:1;grid-row:1}
.adv-req>.steps{grid-column:1;grid-row:2}
.adv-req>.adv-req__form{grid-column:2;grid-row:1/span 4}
.adv-req>.adv-aud{grid-column:1;grid-row:3}
.adv-req>.adv-terms{grid-column:1;grid-row:4}
.nosell h2{font:400 26px/1.1 var(--serif);word-spacing:.05em}
.steps h3{margin-top:6px;font:600 14.5px/1.25 var(--sans)}
.adv-aud--ask{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--ink-2)}
.adv-aud--ask .ic{color:var(--muted)}
.adv-aud dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.adv-aud dl>div{padding:10px 12px;border:1px solid var(--rule);border-radius:var(--r-md)}
.adv-aud dt{font-size:var(--fs-xs);color:var(--muted)}
.adv-aud dd{margin:2px 0 0;font:400 24px/1.1 var(--serif)}
.adv-terms{padding-top:2px}
.adv-terms>summary{display:flex;align-items:center;gap:8px;margin-bottom:6px;list-style:none;cursor:pointer;font:600 var(--fs-kicker)/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.adv-terms>summary::-webkit-details-marker{display:none}
.adv-terms>summary .ic{color:var(--muted);transition:transform .15s}
.adv-terms[open]>summary .ic{transform:rotate(180deg)}
.adv-terms .prose p,.adv-terms .prose li{font-size:var(--fs-sm);line-height:1.5}
.adv-terms .prose li+li{margin-top:3px}

/* 404 ------------------------------------------------------------------- */
.nf{max-width:760px;padding:32px 0 44px}
.nf h1{margin-top:8px}
.nf__lead{margin-top:10px;color:var(--ink-2)}
.nf__search{margin-top:16px}
.nf__cats{max-width:620px}
.nf__cats .ctile__t{max-width:100%;text-overflow:clip}
.nf__home{margin-top:18px}

/* Responsive ------------------------------------------------------------ */
@media (min-width:1200px),(min-width:640px) and (max-width:1023.98px){
  .cform--adv .checks{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1199.98px){
  .contact{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
}
@media (max-width:1023.98px){
  .contact,.adv-req{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:20px}
  .contact>*,.adv-req>*{grid-column:auto!important;grid-row:auto!important}
  .contact>.contact__note{margin-top:0}
}
@media (max-width:767.98px){
  .pg{padding-bottom:36px}
  .pg>.crumbs+.page-h{padding-top:10px}
  .page-h{padding-bottom:18px}
  .doc{padding-top:18px}
  .toc{margin-bottom:16px}
  .doc .prose h2{font-size:22px;margin:26px 0 6px}
  .prose blockquote p{font-size:16.5px}
  .labels{grid-template-columns:minmax(0,1fr);gap:10px}
  .prose .fmtlab ul{grid-template-columns:minmax(0,1fr)}
  .wrow summary{grid-template-columns:36px 92px minmax(0,1fr) 16px;gap:10px}
  .wrow__n{font-size:14px}
  .wrow__b{padding:0 0 12px}
  .prose .formula__f{font-size:16px}
  .vscale{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vscale li{padding:10px 12px}
  .vscale li:nth-child(n){border-left:0;border-top:1px solid var(--rule)}
  .vscale li:nth-child(-n+2){border-top:0}
  .vscale li:nth-child(even){border-left:1px solid var(--rule)}
  .contact{padding-top:16px}
  .form-card{padding:16px}
  .cform--adv .checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .adv-fmts{padding-top:18px}
  .formats{gap:10px}
  .fmt__prev{height:96px;padding:10px}
  .fmt__b{padding:10px 12px 12px}
  .fcat{margin-top:10px}
  .fcat thead{display:none}
  .fcat tr{display:block;padding:10px 14px;border-bottom:1px solid var(--rule)}
  .fcat tr:last-child{border-bottom:0}
  .fcat th,.fcat td{display:block;width:auto!important;padding:0;border:0}
  .fcat td{margin-top:4px}
  .adv-req{padding-top:20px;gap:16px}
  .steps li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:10px;padding:10px 14px}
  .steps b{grid-row:1/span 2;font-size:24px}
  .steps h3{margin-top:0}
  .steps p{margin-top:1px}
  .adv-terms{padding:0 14px;border:1px solid var(--rule);border-radius:var(--r-md)}
  .adv-terms>summary{min-height:44px;margin:0;color:var(--ink)}
  .adv-terms>summary .ic{margin-left:auto}
  .adv-terms[open]{padding-bottom:12px}
  .nf{padding:22px 0 30px}
  .nf__cats{margin:14px calc(-1*var(--gutter)) 0;padding:4px var(--gutter);scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);grid-auto-columns:96px}
  .nf__cats .ctile{scroll-snap-align:start}
}
/* Menos de 380 px: la fórmula cabe en una línea (289 px útiles a 360) */
@media (max-width:379.98px){.prose .formula__f{font-size:14.5px}}