:root{--colw:200px;--amarillo:#F6B800;--amarillo-osc:#d99f00;--negro:#111;--tinta:#1a1a1a;--papel:#fff;--gris:#e6e3dc;--gris-txt:#666;--azul:#1a63ff;--verde:#25d366;--rojo:#d92626;--col:6;}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--tinta);font:12px/1.3 "Helvetica Neue",Arial,"Liberation Sans",sans-serif}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{width:100%;background:var(--papel);min-height:100vh;overflow-x:hidden}
html,body{overflow-x:hidden}

/* publicidad */
.pub{display:block;text-align:center;overflow:hidden}
.pub img{margin:0 auto;width:100%;height:auto}
.pub-arriba{border-bottom:2px solid var(--negro)}
.pub-col{break-inside:avoid;margin:6px 0;border:1px solid var(--negro)}
.pub-lat{position:sticky;top:8px}
.pub-pie{border-top:2px solid var(--negro)}
.pub-det{margin:16px 0}

/* cabecera */
.cabecera{padding:0 14px}
.cab-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:700;letter-spacing:.1em;padding:5px 0;border-bottom:1px solid var(--negro);text-transform:uppercase}
.cab-web{color:var(--azul)}.cab-tel{text-decoration:none;font-size:11px}
.hero{position:relative;overflow:hidden;margin:0 -14px;padding:0 14px;isolation:isolate}
.cab-centro{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 0 22px}
.hero-fondo{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-velo{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.75) 55%,#fff 100%)}
.hero-imagen{background-size:cover;background-position:center}
.hero-video{width:100%;height:100%;object-fit:cover}
/* fondo animado: franjas diagonales en el amarillo del logo + tiras de "avisos" que suben lentamente */
.hero-anim{background:#fff8dc}
.hero-anim .franjas{position:absolute;inset:-50%;background:repeating-linear-gradient(-22deg,var(--amarillo) 0 22px,transparent 22px 64px);opacity:.28;animation:franjas 28s linear infinite}
@keyframes franjas{from{transform:translateX(0)}to{transform:translateX(86px)}}
.hero-anim .tira{position:absolute;bottom:-40px;width:110px;height:34px;border:2px solid var(--negro);background:#fff;border-radius:3px;opacity:0;animation:tira 18s linear infinite;box-shadow:3px 3px 0 var(--amarillo)}
.hero-anim .tira::before{content:"";position:absolute;left:8px;right:8px;top:7px;height:5px;background:var(--negro);border-radius:2px}
.hero-anim .tira::after{content:"";position:absolute;left:8px;right:30px;top:17px;height:4px;background:#bbb;border-radius:2px;box-shadow:0 8px 0 #ccc}
@keyframes tira{0%{transform:translateY(0) rotate(-4deg);opacity:0}10%{opacity:.9}90%{opacity:.9}100%{transform:translateY(-360px) rotate(5deg);opacity:0}}
.tira.t1{left:4%;animation-delay:0s}.tira.t2{left:11%;animation-delay:-6s;width:90px}.tira.t3{left:18%;animation-delay:-12s}.tira.t4{left:22%;animation-delay:-3s;width:130px}.tira.t5{left:14%;animation-delay:-15s}.tira.t6{left:80%;animation-delay:-9s}.tira.t7{left:69%;animation-delay:-1s;width:95px}.tira.t8{left:76%;animation-delay:-13s}.tira.t9{left:83%;animation-delay:-5s;width:125px}.tira.t10{left:90%;animation-delay:-16s}.tira.t11{left:1%;animation-delay:-8s;width:80px}.tira.t12{left:95%;animation-delay:-17s}
/* barra fija al desplazarse */
.barra-fija{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:12px;padding:6px 14px;background:#fff;border-bottom:3px solid var(--negro);box-shadow:0 4px 14px rgba(0,0,0,.15);transform:translateY(-110%);transition:transform .22s ease}
.barra-fija.visible{transform:none}
.bf-logo img{height:34px;width:auto}
.bf-buscador{flex:1;max-width:640px;margin:0 auto;box-shadow:none}
.bf-buscador input{font-size:15px;padding:9px 8px}
.bf-buscador .bus-ico{font-size:15px;padding-left:12px}
.bf-publicar{padding:7px 14px;font-size:11px}
.bf-logo{flex:none;display:flex}
@media (max-width:640px){.barra-fija{gap:6px;padding:5px 8px}.bf-publicar{display:none}.bf-logo img{height:24px}.bf-secs summary{padding:7px 9px;font-size:0}.bf-secs summary::before{content:"☰";font-size:15px}.bf-buscador{max-width:none}.bf-buscador input{font-size:14px;padding:8px 6px}}
@media (prefers-reduced-motion:reduce){.hero-anim .franjas,.hero-anim .tira{animation:none}.barra-fija{transition:none}}
.cab-logo img{height:76px;width:auto}
.buscador{position:relative;width:min(720px,100%);display:flex;align-items:center;border:2px solid var(--negro);border-radius:999px;background:#fff;box-shadow:0 2px 0 var(--negro);transition:box-shadow .15s}
.buscador:focus-within{box-shadow:0 0 0 4px var(--amarillo)}
.bus-ico{padding:0 4px 0 18px;font-size:18px;opacity:.6}
.buscador input{flex:1;border:0;background:transparent;font:18px/1 "Helvetica Neue",Arial,sans-serif;padding:15px 10px;outline:none;min-width:0}
.buscador input::-webkit-search-cancel-button{display:none}
.bus-x{border:0;background:transparent;font-size:16px;padding:0 18px;cursor:pointer;visibility:hidden;color:#555}
.buscador.con-texto .bus-x{visibility:visible}
.bus-estado{font-size:12px;font-weight:700;color:#555;min-height:14px;margin-top:-6px}
.bus-estado b{background:var(--amarillo);padding:0 6px}
.cab-publicar{background:var(--amarillo);color:var(--negro);text-decoration:none;font-weight:900;text-transform:uppercase;font-size:12px;padding:9px 18px;border-radius:999px;border:2px solid var(--negro)}
.cab-publicar:hover{background:var(--amarillo-osc)}
.cab-secciones{display:grid;grid-template-columns:repeat(12,1fr);gap:0;border-top:3px solid var(--negro);border-bottom:3px solid var(--negro)}
.sec{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;padding:6px 3px;text-decoration:none;border-right:1px solid var(--gris);border-bottom:1px solid var(--gris);text-align:center;min-width:0}
.sec-nom{overflow-wrap:normal;hyphens:manual;max-width:100%}
.sec:nth-child(12n){border-right:0}
.sec-nom{line-height:1.1}
.sec-ico{font-size:22px;line-height:1}
.sec-nom{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.sec-num{font-size:9px;background:var(--amarillo);padding:0 6px;border-radius:10px;font-weight:700}
.sec.activa{background:var(--negro);color:#fff}
.sec.activa .sec-num{background:var(--amarillo);color:var(--negro)}

/* cuerpo */
.cuerpo{display:flex;gap:12px;padding:10px 14px 16px}
.col-principal{flex:1;min-width:0}
.col-lateral{width:180px;flex:none}
.aviso-busqueda{padding:6px 10px;background:var(--amarillo);font-weight:700}
.vacio{padding:40px 10px;text-align:center;font-size:14px}

/* el periódico */
.periodico{column-width:var(--colw);column-gap:12px;column-rule:1px solid #bbb;column-fill:balance}
.periodico-3{column-count:3}
.banda-cat{break-after:avoid;break-inside:avoid;background:var(--negro);color:#fff;font:900 13px/1 "Arial Black","Helvetica Neue",Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:6px 8px;margin:8px 0 5px}
.banda-cat a{text-decoration:none}
.banda-cat:first-child{margin-top:0}
.banda-sub{break-after:avoid;break-inside:avoid;background:var(--amarillo);color:var(--negro);font:900 11px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:4px 6px;margin:4px 0 3px;border-left:4px solid var(--negro)}

.av{break-inside:avoid;padding:3px 0;border-bottom:1px dotted #aaa;font-size:11px;line-height:1.25;text-align:justify;text-align-last:left;hyphens:auto}
.av-num{display:inline-block;background:var(--negro);color:var(--amarillo);font-weight:900;font-size:8px;padding:1px 3px;vertical-align:1px}
.av-texto .av-tit{font-weight:900;text-decoration:none}
.av-texto .av-tit:hover{text-decoration:underline}
.av-texto .av-img{float:left;width:64px;height:48px;object-fit:cover;margin:1px 5px 2px 0;border:1px solid var(--negro)}
.av-precio{color:var(--negro);font-weight:900;background:var(--amarillo);padding:0 3px;white-space:nowrap}
.av-tel{font-weight:700;white-space:nowrap}
.av-ciu{color:var(--gris-txt)}
.av-dest{background:#fff6cc;box-shadow:inset 0 0 0 1px var(--amarillo);padding:4px 5px;margin:2px 0}
.av-recuadro{border:2px solid var(--negro);padding:0;margin:5px 0;text-align:left;background:#fff;text-align-last:auto}
.av-recuadro .av-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:2px solid var(--negro)}
.av-recuadro .av-tit{margin:0;padding:5px 6px 2px;font:900 12px/1.15 "Arial Black",Arial,sans-serif;text-transform:uppercase}
.av-recuadro .av-tit a{text-decoration:none}
.av-recuadro .av-txt{margin:0;padding:0 6px 5px;display:block}
.av-recuadro .av-precio{display:block;font-size:14px;padding:3px 6px;border-top:1px solid var(--negro)}
.av-recuadro .av-tel{display:block;padding:3px 6px;background:var(--negro);color:#fff}
.av-recuadro.av-dest{border-color:var(--amarillo);box-shadow:0 0 0 2px var(--negro)}

/* detalle */
.miga{font-size:11px;color:var(--gris-txt);margin-bottom:8px}
.miga a{text-decoration:none}
.det{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:18px;border:3px solid var(--negro);padding:14px;font-size:14px;max-width:1100px}
.det:not(:has(.det-img)){grid-template-columns:1fr;max-width:820px}
.det-txt{max-width:70ch}
.det-img{width:100%;border:1px solid var(--negro)}
.det h1{font:900 26px/1.1 "Arial Black",Arial,sans-serif;text-transform:uppercase;margin:0 0 8px}
.det-precio{display:inline-block;background:var(--amarillo);font:900 24px/1 Arial,sans-serif;padding:6px 10px;margin-bottom:10px}
.det-txt{white-space:pre-line;line-height:1.5}
.det-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--gris-txt);font-size:12px;margin:10px 0}
.det-acciones{display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-block;border:2px solid var(--negro);background:#fff;color:var(--negro);padding:9px 16px;font:900 13px Arial,sans-serif;text-decoration:none;text-transform:uppercase;cursor:pointer;border-radius:4px}
.btn-negro{background:var(--negro);color:#fff}
.btn-verde{background:var(--verde);border-color:#128c3a;color:#fff}
.btn-amarillo{background:var(--amarillo)}
.btn.grande{padding:13px 26px;font-size:15px}

/* formulario */
.formulario{max-width:720px;margin:0 auto;font-size:13px}
.formulario h1.banda-cat{display:block;margin-bottom:10px}
.form-aviso{display:flex;flex-direction:column;gap:12px}
.form-aviso label{display:flex;flex-direction:column;gap:4px;font-weight:700}
.form-aviso input,.form-aviso select,.form-aviso textarea{font:inherit;font-weight:400;padding:8px 10px;border:2px solid var(--negro);border-radius:3px;background:#fff}
.form-aviso input:focus,.form-aviso select:focus,.form-aviso textarea:focus{outline:3px solid var(--amarillo);outline-offset:0}
.form-aviso small{font-weight:400;color:var(--gris-txt);text-align:right}
.fila{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tipo{border:2px solid var(--negro);padding:8px 12px 10px;margin:0}
.tipo legend{font-weight:900;text-transform:uppercase;padding:0 6px}
.tipo .radio{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;margin-top:6px}
.cap{max-width:220px}
.hp{position:absolute;left:-9999px}
.alerta{background:#ffe0e0;border-left:4px solid var(--rojo);padding:8px 10px;font-weight:700}
.ok-grande{text-align:center;padding:50px 10px}
.ok-grande h1{font:900 34px "Arial Black",Arial,sans-serif}
.nota{color:var(--gris-txt);font-size:11px}

.pie{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:10px;border-top:3px solid var(--negro);font-size:11px}
.pie a{text-decoration:none}

@media (max-width:900px){.col-lateral{display:none}.det{grid-template-columns:1fr}}
@media (max-width:640px){.fila{grid-template-columns:1fr}.periodico-3{column-count:2}.cab-secciones{grid-template-columns:repeat(4,1fr)}.sec:nth-child(6n){border-right:1px solid var(--gris)}.sec:nth-child(4n){border-right:0}.sec-ico{font-size:19px}.sec-nom{font-size:8px}.cuerpo{padding:6px 6px 12px}.cabecera{padding:0 6px}.hero{margin:0 -6px;padding:0 6px}.cab-top{font-size:9px;letter-spacing:.04em}}
@media (max-width:400px){.cab-secciones{grid-template-columns:repeat(3,1fr)}.sec:nth-child(4n){border-right:1px solid var(--gris)}.sec:nth-child(3n){border-right:0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{body{background:#fff}.wrap{box-shadow:none}.buscador,.cab-publicar,.pie a{display:none}}

.av.oculto,.banda-cat.oculto,.banda-sub.oculto,.banda-marca.oculto,.pub-col.oculto{display:none}
@media (max-width:1100px){:root{--colw:190px}.cab-secciones{grid-template-columns:repeat(8,1fr)}.sec:nth-child(12n){border-right:1px solid var(--gris)}.sec:nth-child(8n){border-right:0}}
@media (max-width:820px){.cab-secciones{grid-template-columns:repeat(6,1fr)}.sec:nth-child(8n){border-right:1px solid var(--gris)}.sec:nth-child(6n){border-right:0}.sec-ico{font-size:20px}.sec-nom{font-size:8px}}
@media (max-width:640px){:root{--colw:160px}.cab-logo img{height:52px}.cab-centro{padding:16px 0 12px}.buscador input{font-size:16px;padding:12px 8px}}
@media (max-width:420px){:root{--colw:100%}}

/* selección múltiple de secciones */
.sec.activa .sec-nom::after{content:" ✓";font-size:8px}
.sel-activa{background:var(--amarillo);padding:5px 14px;font-size:12px;font-weight:700;border-bottom:2px solid var(--negro)}
.sel-activa a{text-decoration:none;font-weight:900}
.bf-secs{position:relative}
.bf-secs summary{list-style:none;cursor:pointer;border:2px solid var(--negro);border-radius:999px;padding:8px 14px;font-weight:900;font-size:12px;text-transform:uppercase;white-space:nowrap;background:#fff;user-select:none}
.bf-secs summary::-webkit-details-marker{display:none}
.bf-secs[open] summary{background:var(--negro);color:#fff}
.bf-lista{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:3px solid var(--negro);box-shadow:6px 6px 0 var(--amarillo);padding:10px;width:520px;max-width:90vw;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;max-height:70vh;overflow:auto;z-index:60}
.bf-lista label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 2px;cursor:pointer;white-space:nowrap}
.bf-lista label:hover{background:#fff6cc}
.bf-lista .sec-num{margin-left:auto}
.bf-todo{grid-column:1/-1;border-bottom:2px solid var(--negro);margin-bottom:4px}
.bf-lista .btn{grid-column:1/-1;margin-top:6px;text-align:center}
@media (max-width:640px){.bf-lista{grid-template-columns:1fr;width:calc(100vw - 28px)}.bf-secs summary{padding:7px 10px;font-size:10px}}

/* ===== responsive final (gana sobre lo anterior) ===== */
@media (max-width:820px){.cab-secciones{grid-template-columns:repeat(6,1fr)}.sec{border-right:1px solid var(--gris)}.sec:nth-child(6n){border-right:0}.sec-ico{font-size:20px}.sec-nom{font-size:8px}}
@media (max-width:640px){:root{--colw:160px}.cab-secciones{grid-template-columns:repeat(4,1fr)}.sec{border-right:1px solid var(--gris)}.sec:nth-child(4n){border-right:0}.sec-nom{font-size:8.5px}}
@media (max-width:430px){:root{--colw:150px}.cab-secciones{grid-template-columns:repeat(3,1fr)}.sec{border-right:1px solid var(--gris)}.sec:nth-child(3n){border-right:0}.sec-nom{font-size:9px}}
@media (max-width:340px){:root{--colw:100%}}
@media (max-width:640px){.bf-secs summary{padding:7px 9px}.bf-secs .bf-txt{display:none}.bf-secs summary::before{content:"☰ "}}
.sec-mas{display:none}
@media (max-width:640px){.cab-secciones.colapsada{max-height:168px;overflow:hidden}.sec-mas{display:block;width:100%;border:0;border-bottom:3px solid var(--negro);background:var(--amarillo);font:900 11px Arial,sans-serif;text-transform:uppercase;padding:8px;cursor:pointer}.sec-mas[hidden]{display:none}}

/* país */
.cab-top{align-items:center}
.pais-sel{position:relative}
.pais-sel summary{list-style:none;cursor:pointer;font-weight:900;padding:2px 8px;border:1px solid var(--negro);border-radius:999px;background:#fff;text-transform:none;letter-spacing:0;font-size:11px}
.pais-sel summary::-webkit-details-marker{display:none}
.pais-lista{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:2px solid var(--negro);box-shadow:4px 4px 0 var(--amarillo);z-index:70;min-width:200px;max-height:60vh;overflow:auto;display:flex;flex-direction:column}
.pais-lista a{padding:7px 12px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;border-bottom:1px solid var(--gris)}
.pais-lista a:hover,.pais-lista a.on{background:var(--amarillo)}
.pais-modal[hidden]{display:none}
.pais-modal{position:fixed;inset:0;z-index:100;background:rgba(17,17,17,.78);display:grid;place-items:center;padding:16px}
.pais-caja{background:#fff;border:3px solid var(--negro);box-shadow:8px 8px 0 var(--amarillo);padding:26px 24px;max-width:560px;width:100%;text-align:center;max-height:92vh;overflow:auto}
.pais-caja img{height:56px;width:auto;margin:0 auto 10px}
.pais-caja h2{font:900 24px "Arial Black",Arial,sans-serif;text-transform:uppercase;margin:0 0 4px}
.pais-caja p{margin:0 0 16px;color:var(--gris-txt);font-size:14px}
.pais-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.pais-grid a{display:flex;align-items:center;gap:8px;border:2px solid var(--negro);border-radius:6px;padding:10px 12px;text-decoration:none;font-weight:900;font-size:13px;text-align:left}
.pais-grid a:hover,.pais-grid a.sug{background:var(--amarillo)}
.pais-grid .pf{font-size:24px}
@media (max-width:640px){.cab-top{flex-wrap:wrap}.pais-sel{order:3;width:100%;margin-top:3px}}
.bandera{display:inline-block;vertical-align:-2px;border:1px solid rgba(0,0,0,.25);border-radius:2px}
.pais-grid .pf{display:flex}
.pais-sel summary .bandera{vertical-align:-1px}

/* vista previa en publicar */
.publicar-cuerpo{align-items:flex-start;gap:24px}
.publicar-cuerpo .formulario{margin:0;max-width:720px}
.vista-previa{width:360px;flex:none;position:sticky;top:12px}
.vista-previa .banda-cat{display:block;margin:0 0 4px}
.mut-p{font-size:11px;color:var(--gris-txt);margin:0 0 8px}
.vp-col{border:1px dashed #bbb;padding:6px;margin-bottom:18px;background:#fff}
.vp-periodico{column-count:1;column-width:auto}
.vp-det{font-size:12px;padding:10px;grid-template-columns:1fr;max-width:none}
.vp-det .det-img{max-height:180px;object-fit:cover}
.vp-det h1{font-size:17px}.vp-det .det-precio{font-size:16px;padding:4px 8px}
.vp-det .btn{padding:6px 10px;font-size:11px;pointer-events:none}
.vp-vacio{color:var(--gris-txt);font-style:italic;font-size:11px;padding:6px}
@media (max-width:1000px){.publicar-cuerpo{flex-direction:column}.vista-previa{width:100%;position:static;max-width:720px}}

/* cuentas, planes, pagos */
.cuenta-box{max-width:560px;margin:0 auto}.cuenta-box.ancho{max-width:900px}
.ok-msg{background:#e9f7e9;border-left:4px solid #128c3a;padding:8px 10px;font-weight:700;margin-bottom:10px}
.pin-input{font-size:28px;letter-spacing:.4em;text-align:center;font-weight:900}
.reenviar{margin-top:14px}.reenviar .btn{font-size:11px}
.planes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:6px}
.plan-card{position:relative;display:flex!important;flex-direction:column!important;gap:3px;border:2px solid var(--negro);padding:12px 12px 12px 34px;cursor:pointer;font-weight:400!important;background:#fff}
.plan-card input{position:absolute;left:10px;top:14px}
.plan-card:has(input:checked){background:#fff6cc;box-shadow:4px 4px 0 var(--amarillo)}
.plan-nombre{font:900 14px "Arial Black",Arial,sans-serif;text-transform:uppercase}
.plan-precio{font:900 18px Arial,sans-serif;background:var(--amarillo);align-self:flex-start;padding:1px 8px}
.plan-desc{font-size:11px;color:var(--gris-txt)}
.gratis-check{margin-top:10px;background:#e9f7e9;padding:8px;border-left:4px solid #128c3a}
.resumen-orden{display:flex;justify-content:space-between;align-items:center;border:3px solid var(--negro);padding:14px;margin:10px 0;font-size:14px}
.resumen-orden .monto{font:900 26px Arial,sans-serif;background:var(--amarillo);padding:4px 10px}
.cuenta-linea{font-size:13px;margin:0 0 12px}
.mi-aviso{display:flex;justify-content:space-between;align-items:center;gap:12px;border:2px solid var(--negro);padding:10px 12px;margin-bottom:8px;flex-wrap:wrap}
.mi-info{flex:1;min-width:240px}.mi-acciones{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.mi-acciones select{font:inherit;padding:5px;border:2px solid var(--negro)}
.btn-mini{padding:5px 10px;font-size:11px}
.inline{display:inline-flex;gap:6px;align-items:center}
.est{display:inline-block;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;background:#ddd}
.est-publicado{background:#d5f5dc;color:#128c3a}.est-pendiente{background:var(--amarillo)}.est-borrador{background:#e6e6ff}.est-rechazado{background:#ffd6d6;color:var(--rojo)}
.tabla-simple{width:100%;border-collapse:collapse;font-size:12px}.tabla-simple td{padding:5px 6px;border-bottom:1px solid var(--gris)}
.legal{max-width:820px;margin:0 auto;font-size:14px;line-height:1.6}.legal-txt h2{font:900 14px Arial,sans-serif;text-transform:uppercase;margin:18px 0 6px;border-bottom:2px solid var(--negro)}
.deslinde{font-size:11px;color:var(--gris-txt);text-align:center;padding:6px 14px 12px}
.acepto{font-weight:400!important;background:#f7f7f7;padding:8px;border-left:4px solid var(--negro)}.acepto a{font-weight:700}
.cab-botones{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.cab-cuenta-btn{background:#fff;color:var(--negro);text-decoration:none;font-weight:900;text-transform:uppercase;font-size:12px;padding:9px 18px;border-radius:999px;border:2px solid var(--negro)}
.cab-cuenta-btn:hover{background:var(--negro);color:#fff}
.bf-cuenta{padding:6px 10px;font-size:14px}
.panel .banda-cat{margin-bottom:2px}
.panel-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.panel-kpis{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.panel-kpis span{border:2px solid var(--negro);padding:6px 12px;font-size:12px}.panel-kpis b{font-size:16px;background:var(--amarillo);padding:0 6px}
.mi-img{width:64px;height:48px;object-fit:cover;border:1px solid var(--negro)}
.mi-borrador{background:#f4f4ff}.rojo{color:var(--rojo)}
.editar-box{border:3px solid var(--negro);padding:14px;margin-bottom:18px;background:#fffdf3}
.pagos-det summary{cursor:pointer;list-style:none;margin-top:14px}
@media (max-width:640px){.bf-cuenta{display:inline-block}.mi-acciones{width:100%}}

/* bloques (detalle) */
.bloques{max-width:620px;margin:16px 0 0;display:flex;flex-direction:column;gap:10px}
.blq-enlace{display:flex;align-items:center;gap:10px;justify-content:center;border:2px solid var(--negro);border-radius:999px;padding:12px 18px;font:900 14px Arial,sans-serif;text-decoration:none;color:var(--negro);background:#fff;box-shadow:0 3px 0 var(--c,#111);transition:transform .1s}
.blq-enlace:hover{transform:translateY(-1px);background:var(--c);color:#fff}
.blq-ico{font-size:18px;background:var(--c);color:#fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex:none}
.blq-enlace:hover .blq-ico{background:#fff;color:var(--c)}
.blq-imagen{margin:0}.blq-imagen img{width:100%;border:2px solid var(--negro)}.blq-imagen figcaption{font-size:12px;color:var(--gris-txt);margin-top:3px}
.blq-titulo{font:900 18px "Arial Black",Arial,sans-serif;text-transform:uppercase;border-bottom:3px solid var(--amarillo);margin:8px 0 0;padding-bottom:2px}
.blq-texto{margin:0;font-size:14px;line-height:1.5}
.blq-youtube{aspect-ratio:16/9;border:2px solid var(--negro)}.blq-youtube iframe{width:100%;height:100%;border:0;display:block}
.blq-mapa .mapa{height:260px;border:2px solid var(--negro)}.mapa-pie{font-size:12px;margin-top:4px}.mapa-prev{background:#e8f0e8;border:2px dashed #34a853;padding:20px;text-align:center;font-size:12px}
/* editor */
.editor{max-width:1200px;margin:0 auto}
.editor-grid{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}
.ed-add{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:2px solid var(--negro);padding:8px;margin-bottom:10px;font-size:12px}
.ed-add button{border:2px solid var(--negro);background:var(--amarillo);font:900 11px Arial,sans-serif;padding:6px 10px;border-radius:999px;cursor:pointer}.ed-add button:disabled{background:#eee;cursor:not-allowed}
.ed-lista{display:flex;flex-direction:column;gap:8px}
.ed-b{border:2px solid var(--negro);background:#fff}.ed-b-cab{display:flex;align-items:center;gap:8px;background:#f3f2ee;padding:6px 10px;font-size:13px;border-bottom:1px solid var(--gris)}.ed-drag{cursor:grab;font-size:16px}
.ed-b-btns{margin-left:auto;display:flex;gap:4px}.ed-b-btns button{border:1px solid var(--negro);background:#fff;cursor:pointer;padding:2px 7px;font-weight:900}
.ed-b-cuerpo{padding:10px;display:flex;flex-direction:column;gap:8px}.ed-b-cuerpo label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700}
.ed-b-cuerpo input,.ed-b-cuerpo textarea{font:inherit;font-weight:400;padding:7px 9px;border:2px solid var(--negro)}
.ed-img{max-height:120px;width:auto;border:1px solid var(--negro)}.ed-mapa{height:220px;border:2px solid var(--negro)}
.ed-prev{position:sticky;top:12px}.ed-prev .bloques{margin-top:10px}
@media (max-width:900px){.editor-grid{grid-template-columns:1fr}.ed-prev{position:static}}
/* vista previa por plan en publicar */
.vp-plan{font-size:11px;font-weight:700;background:var(--amarillo);padding:4px 8px;margin-bottom:6px;display:inline-block}
.vp-primero{font-size:10px;color:#128c3a;font-weight:700}
.fila-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.banda-marca{break-after:avoid;break-inside:avoid;background:#fff;color:var(--negro);font:900 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:3px 6px;margin:3px 0 2px;border-bottom:2px solid var(--negro);border-left:4px solid var(--amarillo)}
.res-secciones{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:6px 0 8px;font-size:11px}
.res-secciones[hidden]{display:none}.res-tit{font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.res-chip{border:2px solid var(--negro);border-radius:999px;padding:3px 10px;text-decoration:none;font-weight:700;background:#fff}
.res-chip b{background:var(--amarillo);padding:0 5px;border-radius:8px;margin-left:2px}.res-chip:hover{background:var(--amarillo)}
.res-chip.fuera{background:#f3f2ee;border-style:dashed}
.sec{padding-bottom:8px}
.scroll-mas{text-align:center;padding:18px;font-size:11px;color:var(--gris-txt);font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.scroll-mas.cargando .scroll-txt::after{content:" ⏳"}
.pagina-sep{display:flex;align-items:center;gap:12px;margin:14px 0 8px;font:900 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--gris-txt)}
.pagina-sep::before,.pagina-sep::after{content:"";flex:1;border-top:3px double var(--negro)}
.res-chip.on{background:var(--negro);color:#fff}.res-chip.on b{background:var(--amarillo);color:var(--negro)}.res-grupo{font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-left:8px;padding-top:2px}
.res-tit a{text-decoration:none}
/* columnas por JS (periodico.js); el column-count de CSS queda sólo como respaldo sin JS */
.periodico.js-cols{column-count:auto;column-width:auto;column-rule:0;display:block}
.periodico.js-cols .fila{display:flex;gap:12px;align-items:flex-start}
.periodico.js-cols .fila+.fila{margin-top:14px;padding-top:12px;border-top:1px solid #c9c6be}
.periodico.js-cols .col{flex:1;min-width:0;border-right:1px solid #bbb;padding-right:12px;position:relative}
.periodico.js-cols .col:last-child{border-right:0;padding-right:0}
.periodico.js-cols .col>*:first-child{margin-top:0}
.periodico.js-cols .medidor{position:absolute;visibility:hidden;left:0;top:0;pointer-events:none;border:0}
.res-tiempo{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;margin-left:auto;padding-left:12px;border-left:2px solid var(--gris)}.res-chip.tiempo{font-size:11px;padding:2px 9px}
.banda-dia{background:var(--negro);color:var(--amarillo)}
@media (max-width:640px){.res-tiempo{margin-left:0;border-left:0;padding-left:0;width:100%}}
.filtros-panel{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;border:2px solid var(--negro);background:#fffdf3;padding:10px 12px;margin:0 0 10px;font-size:12px}
.filtros-panel[hidden]{display:none}
.filtros-panel label{display:flex;flex-direction:column;gap:3px;font-weight:700;position:relative}
.filtros-panel input:not([type=checkbox]){font:inherit;font-weight:400;padding:7px 9px;border:2px solid var(--negro);width:150px}
.filtros-panel .fp-pre{position:absolute;left:8px;bottom:8px;font-weight:700;color:var(--gris-txt);font-size:12px;pointer-events:none}.filtros-panel .fp-pre+input{padding-left:24px}
.filtros-panel .fp-chk{flex-direction:row;align-items:center;gap:6px;padding-bottom:8px}
.filtros-panel .btn{padding:8px 14px;font-size:12px}
.mas-filtros{cursor:pointer;font:700 11px "Helvetica Neue",Arial,sans-serif}
@media (max-width:640px){.filtros-panel label{width:100%}.filtros-panel input:not([type=checkbox]){width:100%}}