.ap-publicidad { position: relative; z-index: 2; background: linear-gradient(#06100fec,#070d0ff7 20%,#070d0f); color:#eaf3f0; font:16px/1.6 Archivo,Arial,sans-serif; overflow-x:clip; }
.ap-publicidad * { box-sizing:border-box; }
.ap-seccion { width:min(1280px,88%); margin:0 auto; padding:100px 0; border-bottom:1px solid #243633; }
.ap-cota { color:#7de6d7; font:12px/1.5 'IBM Plex Mono',monospace; letter-spacing:.14em; margin:0 0 22px; }
.ap-publicidad h2 { font:700 clamp(34px,4.6vw,76px)/1.05 Archivo,Arial,sans-serif; letter-spacing:-.045em; margin:0 0 26px; max-width:18ch; }
.ap-entradilla { color:#becfc8; max-width:64ch; font-size:clamp(16px,1.45vw,22px); }
.ap-video { margin:46px 0 0; }
.ap-video video { width:100%; display:block; aspect-ratio:16/9; background:#060e0c; border:1px solid #31403b; object-fit:cover; }
.ap-video figcaption { padding-top:12px; color:#8ea79d; font:12px/1.5 monospace; }
.ap-dos { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.ap-flujo { padding:30px; border:1px solid #293e36; background:#0c1916; }
.ap-numero { color:#87b99e; font:40px/1 monospace; }
.ap-publicidad h3 { font-size:clamp(24px,2.3vw,36px); letter-spacing:-.035em; line-height:1.15; margin:20px 0; }
.ap-ruta { display:flex; flex-wrap:wrap; gap:9px; margin:24px 0; align-items:center; }
.ap-ruta span { border:1px solid #326f5e; color:#b7eddb; padding:7px 9px; font:11px/1.3 monospace; }
.ap-ruta b { color:#81e9d3; }
.ap-ejemplo { padding:20px; border-left:2px solid #b0e879; background:#060e0d; }
.ap-ejemplo small { color:#acd988; text-transform:uppercase; letter-spacing:.08em; font-size:11px; }
.ap-ejemplo p { margin:8px 0 18px; color:#d6e3dc; font-size:15px; }
.ap-nota { color:#97aaa1; font-size:13px; max-width:70ch; }
.ap-rejilla { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:42px; }
.ap-tarjeta { min-width:0; display:flex; flex-direction:column; padding:22px; border:1px solid #273e36; background:#0b1512; }
.ap-nombre { display:flex; align-items:center; gap:13px; }
.ap-nombre span { font:12px/1 monospace; color:#8dda9d; }
.ap-nombre h3 { margin:0; font-size:22px; }
.ap-imagen { width:100%; height:235px; margin:24px 0; display:grid; place-items:center; background:radial-gradient(#25463a99,transparent 68%); }
.ap-imagen img { min-width:0; min-height:0; max-width:100%; max-height:100%; width:100%; height:100%; object-fit:contain; }
.ap-tarjeta[data-demo="navegador"] .ap-imagen img,.ap-tarjeta[data-demo="upscayl"] .ap-imagen img,.ap-tarjeta[data-demo="whatsapp"] .ap-imagen img,.ap-tarjeta[data-demo="telegram"] .ap-imagen img { max-width:160px; max-height:160px; }
.ap-tarjeta h4 { font-size:23px; line-height:1.2; letter-spacing:-.025em; margin:0 0 14px; }
.ap-tarjeta > p { color:#b1c5bb; font-size:15px; margin:0 0 22px; }
.ap-pasos { list-style:none; padding:0; margin:auto 0 20px; display:grid; gap:7px; counter-reset:paso; }
.ap-pasos li { padding:9px; background:#101f19; font-size:13px; color:#97afa2; border-left:2px solid transparent; transition:background .25s,color .25s; counter-increment:paso; }
.ap-pasos li::before { content:'0' counter(paso) ' / '; font:10px monospace; color:#638573; }
.ap-pasos li.ap-activo { border-left-color:#b0e879; color:#e8f9e5; background:#25412d; }
.ap-demo-pie { display:flex; justify-content:space-between; align-items:center; }
.ap-demo-pie button { background:transparent; color:#b0e879; border:1px solid #4b6f49; cursor:pointer; padding:9px 12px; font:12px/1.5 Archivo,Arial; }
.ap-tiempo { color:#738b7e; font:11px monospace; }
.ap-audio-estado { color:#f5cb8e; font-size:12px; }
.ap-audio-estado:not(:empty) { margin-top:12px; }
.ap-tarjeta > .ap-compatibilidad { font-size:11px; line-height:1.5; color:#8caa9a; border-top:1px solid #263a30; padding-top:15px; margin:20px 0 0; }
.ap-entrega-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:60px; align-items:center; }
.ap-formatos { display:flex; flex-wrap:wrap; gap:12px; margin:30px 0; }
.ap-formatos span { padding:12px 20px; background:#17362b; color:#b7ead5; border:1px solid #397257; font:16px monospace; }
.ap-chat { border:1px solid #376350; padding:35px; background:#0f211a; border-radius:18px; }
.ap-contacto { display:flex; gap:12px; align-items:center; font-size:14px; }
.ap-contacto img { object-fit:contain; }
.ap-adjunto { padding:28px 0; font:12px/1.8 monospace; color:#83b5a0; }
.ap-chat kbd { display:inline-block; padding:16px 25px; font:32px/1 monospace; border:1px solid #a1d58d; border-radius:6px; color:#b0e879; box-shadow:0 4px 0 #325232; }
.ap-publicos article { padding-right:30px; }
.ap-publicos article p:not(.ap-cota) { color:#b0c4b9; }
.ap-cierre { text-align:center; display:flex; flex-direction:column; align-items:center; border:0; padding-bottom:125px; }
.ap-cierre > img { object-fit:contain; margin-bottom:22px; }
.ap-cierre h2 { max-width:15ch; }
.ap-descargar { display:inline-block; padding:18px 30px; margin:20px 0 12px; background:#b0e879; color:#0b1509; text-decoration:none; font-weight:700; border-radius:4px; }
.ap-descargar:hover { background:#c9f59c; }
.ap-publicidad button:focus-visible,.ap-publicidad a:focus-visible { outline:2px solid #84e8da; outline-offset:4px; }
.th-edicion-pagina .ap-publicidad { overflow:visible; }
@media(max-width:1000px){.ap-rejilla{grid-template-columns:repeat(2,minmax(0,1fr));}.ap-imagen{height:200px;}}
@media(max-width:700px){.ap-seccion{width:90%;padding:65px 0;}.ap-rejilla,.ap-dos,.ap-entrega-grid{grid-template-columns:1fr;gap:20px;}.ap-flujo,.ap-chat{padding:22px;}.ap-tarjeta{padding:20px;}.ap-imagen{height:230px;}.ap-formatos{gap:8px;}.ap-formatos span{padding:10px 14px;}.ap-publicos article{padding-right:0;}}
@media(prefers-reduced-motion:reduce){.ap-pasos li{transition:none;}}

.ap-publicidad h2 { white-space: pre-line; }