@font-face{font-family:Outfit;src:url('/wp-content/uploads/xatet-services/20261025/_comun/assets/outfit-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('/wp-content/uploads/xatet-services/20261025/_comun/assets/outfit-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--black:#050505;--ink:#121212;--yellow:#fdfd3e;--white:#fff;--muted:#aaa;--line:#333;--cream:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Outfit,Arial,sans-serif;font-weight:400}button,a{font:inherit}a{color:inherit}button{cursor:pointer}em{font-style:italic;color:var(--yellow)}img{max-width:100%;height:auto}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.skip{position:absolute;left:16px;top:-60px;background:var(--yellow);color:var(--black);padding:10px;z-index:100}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.review-bar{padding:8px 24px;background:#242424;color:#cfcfcf;text-align:center;font-size:10px;font-weight:700;letter-spacing:.18em}.site-header{width:min(calc(100% - 48px),var(--max));margin:auto;display:flex;justify-content:space-between;align-items:center;padding:22px 0}.brand{display:inline-flex;align-items:center}.brand img{display:block;width:170px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;border:0;border-radius:10px;padding:17px 25px;background:var(--yellow);color:var(--black);font-weight:700;font-size:13px;line-height:1.2;text-decoration:none;letter-spacing:.025em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:var(--yellow)}.button-small{font-size:12px;padding:14px 20px}.plain-link{font-size:14px;text-decoration:none;border-bottom:1px solid #777;padding:8px 0}.plain-link:hover{color:var(--yellow)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--yellow);font-size:11px;font-weight:700;letter-spacing:.18em}.eyebrow.dark{color:var(--black)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:700;letter-spacing:-.055em;line-height:1.02}h1{font-size:clamp(54px,7vw,100px);margin-bottom:29px}h2{font-size:clamp(45px,5.3vw,72px);margin-bottom:0}h3{letter-spacing:-.035em}.hero{padding:90px 0 120px;text-align:center}.hero .eyebrow{justify-content:center}.hero-copy{max-width:650px;margin:0 auto;color:#bababa;font-size:19px;line-height:1.5}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin:38px 0 86px}.campaign-map{text-align:left;border:1px solid var(--yellow);border-radius:16px;background:var(--black);padding:28px}.map-heading{display:flex;justify-content:space-between;color:#959595;font-size:10px;font-weight:700;letter-spacing:.15em;padding:0 0 23px}.campaign-map ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.campaign-map li{position:relative;min-height:145px;padding:18px 22px;background:transparent;border-right:1px solid #4a4a4a;display:flex;flex-direction:column;align-items:flex-start}.campaign-map li:last-child{border-right:0}.map-no{font-size:12px;font-weight:700;color:var(--yellow)}.campaign-map strong{margin-top:auto;font-size:20px;letter-spacing:-.03em}.campaign-map small{font-size:12px;opacity:.7}.section{padding:125px 0}.section-white{background:var(--white);color:var(--ink)}.section-white em,.section-cream em{color:var(--black);font-style:italic}.section-cream{background:var(--cream);color:var(--ink)}.section-dark{background:var(--black)}.split{display:grid;grid-template-columns:1.1fr .8fr;gap:11%}.body-column{padding-top:34px;font-size:17px;line-height:1.62;color:#555}.body-column p{margin-bottom:20px}.body-column .lead{color:var(--ink);font-size:23px;font-weight:700;line-height:1.32}.section-heading{max-width:770px;margin-bottom:48px}.section-heading>p:last-child{max-width:640px;margin:24px 0 0;color:#a6a6a6;font-size:17px;line-height:1.55}.section-cream .section-heading>p:last-child{color:#555}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.channel{display:flex;flex-direction:column;min-height:325px;padding:28px;border:1px solid #404040;border-radius:14px;background:#151515}.channel.featured{background:#1b1b1b;color:var(--white);border-color:var(--yellow)}.channel-tag,.channel-index{font-size:10px;font-weight:700;letter-spacing:.14em;color:#9b9b9b}.featured .channel-tag,.featured .channel-index{color:var(--yellow)}.channel h3{font-size:36px;line-height:1.1;margin:55px 0 15px}.channel h3 span{display:block}.channel p{font-size:15px;line-height:1.55;color:#aaa}.featured p{color:#aaa}.channel-index{margin-top:auto;padding-top:25px}.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.offer-grid article{min-height:300px;padding:32px;border:1px solid var(--ink);border-radius:14px;background:var(--white);display:flex;flex-direction:column}.offer-tag{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--black)}.offer-grid h3{font-size:30px;margin:auto 0 10px}.offer-grid p{font-size:16px;line-height:1.5;color:#555;max-width:500px;margin-bottom:0}.fine-note{max-width:800px;font-size:14px;line-height:1.5;color:#555;margin:22px 0 0}.process-list{border-top:1px solid #454545}.process-list article{display:grid;grid-template-columns:200px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid #454545}.process-list article>span{color:var(--yellow);font-size:11px;font-weight:700;letter-spacing:.15em;padding-top:8px}.process-list h3{font-size:28px;margin-bottom:7px}.process-list p{max-width:760px;color:#aaa;font-size:16px;line-height:1.5;margin:0}.metric-steps{display:flex;flex-wrap:wrap;gap:6px;margin:27px 0}.metric-steps span{border:1px solid #d3d3d3;padding:10px 12px;border-radius:100px;font-size:13px;color:#252525}.metric-steps span:after{content:' →';color:#999}.metric-steps span:last-child:after{content:''}.faq-list{max-width:960px;margin-top:50px;border-top:1px solid #494949}.faq details{border-bottom:1px solid #494949;padding:22px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:21px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--yellow);font-size:28px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{max-width:740px;margin:14px 0 0;color:#aaa;font-size:16px;line-height:1.55}.contact{background:var(--black);color:var(--white);text-align:center;border-top:1px solid var(--yellow)}.contact .eyebrow{justify-content:center}.contact em{color:var(--yellow);font-style:italic}.contact p:not(.eyebrow){max-width:600px;margin:24px auto 30px;font-size:18px;line-height:1.5;color:#bdbdbd}.button-black{background:var(--black);color:var(--yellow)}.button-black:hover{background:#303030}.contact .contact-note{font-size:12px!important;margin-top:20px!important;color:#888}.footer{padding:60px 0 80px;background:#080808}.footer .wrap{display:flex;align-items:center;gap:35px}.footer p{margin:0;color:#ddd}.footer small{margin-left:auto;color:#777;font-size:11px}dialog{width:min(calc(100% - 32px),560px);border:0;border-radius:18px;padding:45px;background:#fff;color:var(--ink);box-shadow:0 30px 100px #000b}dialog::backdrop{background:#000c}dialog h2{font-size:48px}dialog h2 em{color:var(--black);font-style:italic}dialog p:not(.eyebrow){font-size:17px;line-height:1.5;color:#555;margin:25px 0}.dialog-close{position:absolute;right:18px;top:13px;background:none;border:0;font-size:30px;color:#333}.dialog-done{margin-top:2px}
@media(max-width:800px){.wrap,.site-header{width:min(calc(100% - 34px),var(--max))}.hero{padding:70px 0 90px}.hero-actions{margin-bottom:55px}.split{grid-template-columns:1fr;gap:22px}.body-column{padding-top:0}.section{padding:90px 0}.channel-grid{grid-template-columns:1fr 1fr}.channel.featured{min-height:285px}.channel{min-height:285px}.footer .wrap{flex-wrap:wrap}.footer small{margin-left:0}}
@media(max-width:600px){.review-bar{font-size:8px;padding:8px}.site-header{padding:16px 0}.brand img{width:124px}.button-small{font-size:10px;padding:11px 12px;gap:4px}.hero{padding:66px 0 72px}.hero .eyebrow{font-size:10px}.hero h1{font-size:clamp(43px,12.7vw,64px);line-height:1.03;margin-bottom:24px}.hero h1 br{display:none}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;gap:15px;margin:30px 0 50px}.hero-actions .button{width:100%}.campaign-map{padding:16px;border-radius:13px}.map-heading span:last-child{display:none}.campaign-map ol{grid-template-columns:1fr 1fr;gap:8px}.campaign-map li{min-height:135px;padding:12px}.campaign-map li:nth-child(2){border-right:0}.campaign-map li:nth-child(-n+2){border-bottom:1px solid #4a4a4a}.campaign-map strong{font-size:16px}.campaign-map small{font-size:11px}.section{padding:75px 0}.section h2{font-size:clamp(41px,11vw,58px)}.body-column{font-size:16px}.body-column .lead{font-size:21px}.section-heading{margin-bottom:35px}.section-heading>p:last-child{font-size:16px}.channel-grid,.offer-grid{grid-template-columns:1fr}.channel.featured{grid-column:auto}.channel{min-height:245px}.channel h3{font-size:32px;margin:33px 0 12px}.offer-grid article{min-height:230px}.offer-grid h3{font-size:27px}.process-list article{grid-template-columns:1fr;gap:8px;padding:24px 0}.process-list h3{font-size:24px}.faq summary{font-size:18px}.contact p:not(.eyebrow){font-size:16px}.footer .wrap{display:block}.footer img{width:130px}.footer p{margin:18px 0}.footer small{display:block}dialog{padding:35px 25px}dialog h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Secuencia ilustrativa de Ads: objetivo, anuncio, destino y lectura. */
.hero-actions{margin-bottom:72px}
.campaign-map{overflow:hidden}
.map-heading{padding-bottom:16px}
.flow-line{height:2px;background:#424242;overflow:hidden}
.flow-line span{display:block;width:100%;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left;animation:flow-fill 12s linear infinite}
.campaign-map li{min-height:255px;padding:20px 22px 19px}
.stage-visual{position:relative;width:100%;height:112px;display:grid;place-items:center;transform:translateY(8px) scale(.88);animation:stage-focus 12s cubic-bezier(.645,.045,.355,1) infinite}
.campaign-map li:nth-child(2) .stage-visual{animation-delay:-9s}
.campaign-map li:nth-child(3) .stage-visual{animation-delay:-6s}
.campaign-map li:nth-child(4) .stage-visual{animation-delay:-3s}
.target-ring,.target-center{position:absolute;border-radius:50%}
.ring-outer{width:78px;height:78px;border:1px solid #777}
.ring-inner{width:48px;height:48px;border:2px solid var(--yellow)}
.target-center{width:10px;height:10px;background:var(--yellow)}
.ad-card{display:flex;flex-direction:column;gap:6px;width:94px;height:92px;padding:8px;border:1px solid #777;border-radius:7px;transform:rotate(-5deg)}
.ad-media{height:48px;background:var(--yellow);border-radius:3px}
.ad-copy{height:5px;background:#777;border-radius:4px}
.ad-copy.short{width:58%}
.destination-card{display:flex;flex-direction:column;gap:7px;width:112px;height:88px;padding:8px;border:1px solid #777;border-radius:7px}
.destination-top{height:7px;border-bottom:1px solid #777}
.destination-title{width:70%;height:7px;background:var(--white);border-radius:4px}
.destination-copy{width:90%;height:5px;background:#777;border-radius:4px}
.destination-cta{width:55%;height:14px;margin-top:auto;background:var(--yellow);border-radius:3px}
.destination-arrow{position:absolute;right:20%;bottom:8px;color:var(--yellow);font-size:22px;font-weight:700}
.readout-visual{width:126px}
.readout-baseline{position:absolute;left:9px;right:9px;bottom:20px;height:1px;background:#777}
.readout-bar{position:absolute;bottom:21px;width:17px;background:var(--yellow);border-radius:3px 3px 0 0}
.readout-bar.one{left:15px;height:32px}.readout-bar.two{left:40px;height:49px}.readout-bar.three{left:65px;height:40px}.readout-bar.four{left:90px;height:67px}
@keyframes stage-focus{0%,20%,100%{transform:translateY(-4px) scale(1.08)}25%,95%{transform:translateY(8px) scale(.88)}}
@keyframes flow-fill{0%,100%{transform:scaleX(0)}94%{transform:scaleX(1)}}
@media(max-width:800px){.campaign-map li{min-height:238px;padding:18px}.stage-visual{height:105px}}
@media(max-width:600px){.hero-actions{margin-bottom:54px}.campaign-map li{min-height:218px;padding:12px}.stage-visual{height:95px}.map-heading{font-size:9px}.ring-outer{width:66px;height:66px}.ring-inner{width:42px;height:42px}.destination-arrow{right:8%}}
@media(prefers-reduced-motion:reduce){.flow-line span{animation:none;transform:scaleX(1)}.stage-visual{animation:none;transform:none}}

/* Las tarjetas de canales son enlaces a páginas privadas del mismo servicio. */
a.channel{text-decoration:none;color:var(--white);transition:border-color .2s ease,transform .2s ease,background-color .2s ease}
a.channel:hover{border-color:var(--yellow);background:#202020;transform:translateY(-4px)}
a.channel:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
a.channel .channel-index{display:flex;justify-content:space-between;gap:12px;color:var(--yellow)}
a.channel .channel-index span{font-size:18px;line-height:.7}
@media(prefers-reduced-motion:reduce){a.channel{transition:none}a.channel:hover{transform:none}}