/* Podcast adaptation of the shared service design. */
body.web-page :is(.page-bg-grid,.page-orb,.hero-grid-bg,.hero-visual){display:none!important}
body.web-page :is(.container,.work-inner,.info-inner){width:100%;max-width:none;margin-inline:auto;padding:0}
body.web-page main>.hero{height:calc(100svh - 24px);min-height:720px;display:flex;align-items:center;justify-content:center;padding:120px 8% 65px!important;overflow:hidden}
body.web-page .hero .hero-inner{display:block;width:100%;max-width:940px;margin:auto;position:relative;z-index:2}
body.web-page .hero .hero-content{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:none}
body.web-page .presence-hero-media{position:absolute;inset:0;width:100%;height:100%;opacity:1;mask-image:none;transform:none}
body.web-page .presence-hero-media video{width:100%;height:100%;object-fit:cover;visibility:visible}
body.web-page .presence-hero-media::after{background:linear-gradient(90deg,rgba(19,12,26,.75),rgba(19,12,26,.4))}
body.web-page .hero :is(.hero-badge,.hero-title,.hero-title span,.hero-desc,.hero-features li,.breadcrumbs-mini,.bc-current){color:#fff!important}
body.web-page .hero .hero-badge{font:500 11px/1.5 DM,sans-serif!important;letter-spacing:.14em;background:none;border:0;padding:0;margin:0 0 28px}
body.web-page .hero .hero-title{font-size:clamp(36px,4.5vw,64px)!important;max-width:none;margin:0 0 24px;text-align:left}
body.web-page .hero-title-line{display:block}
body.web-page .hero .hero-desc{font:400 14px/1.62 DM,sans-serif;max-width:72ch;margin:0 0 22px;text-align:left}
body.web-page .hero .hero-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:0 0 26px;width:100%}
body.web-page .hero .hero-ctas{justify-content:flex-start;gap:12px}
body.web-page .hero .breadcrumbs-mini{order:6}
body.web-page .service-content :is(p,li,.podcast-card-desc,.section-desc){font:400 14px/1.62 DM,sans-serif!important;text-align:start;color:var(--gray)}
body.web-page .service-content :is(h3,h4){font-family:Caviar,sans-serif;font-weight:400;font-size:26px;line-height:1.25}
body.web-page .section-title{font-size:clamp(32px,4vw,48px)!important;max-width:100%}
body.web-page .podcast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;position:relative;isolation:isolate}
body.web-page .podcast-card{border:0;background:transparent;box-shadow:none;padding:0;transition:none;transform-origin:center}
body.web-page .podcast-card-window{border:0;border-radius:20px;background:transparent;box-shadow:none;overflow:hidden}
body.web-page .podcast-window-top{display:none}
body.web-page .podcast-thumb{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:20px}
body.web-page .podcast-thumb img{width:100%;height:100%;object-fit:cover;transform:none}
body.web-page .podcast-card h3{margin-top:20px;color:var(--purple)}
body.web-page :is(.info-desc-cols,.info-body){display:grid;grid-template-columns:1fr 1fr;gap:36px}
body.web-page .info-inner{display:block}
body.web-page :is(.omni-flow,.info-body){margin-top:48px}
body.web-page :is(.stats-panel,.steps-panel){background:#eeeae4;border:0;border-radius:24px;box-shadow:none;padding:32px;--gray:#65576e;--white:#302538;--purple:#6b269c}
body.web-page .info-right{background:transparent;padding:0;border:0;box-shadow:none}
body.web-page .steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
body.web-page .step{background:transparent;border:0;box-shadow:none;padding:0}
body.web-page .step-number{font:400 36px/1.2 Fraunces,serif;color:var(--purple);background:none;border:0;width:auto;height:auto;margin-bottom:18px}
body.web-page .of-root{background:#6b269c;border:0;border-radius:22px;padding:28px}
body.web-page .of-root :is(strong,p,span){color:white!important}
body.web-page .of-outputs li{background:#eeeae4;color:#65576e!important;border:0;border-radius:18px;padding:20px;--gray:#65576e;--white:#302538}
body.web-page .of-outputs li :is(span,em){color:#65576e}
body.web-page .podcast-reuse-summary{background:transparent;border:0;border-radius:0;padding:0;margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:36px}
body.web-page .podcast-spot-wrap{max-width:1100px;margin:auto;padding:0;position:relative}
body.web-page .podcast-spot-wrap::before,body.web-page .podcast-spot-wrap::after{display:none}
body.web-page .podcast-spot-card{border:0;border-radius:24px;box-shadow:none;overflow:hidden;padding:0;background:#20102d;transform:none}
body.web-page .podcast-spot-content{position:relative;padding:80px 48px;text-align:center;--cta-color:#fff4ff;--cta-border:#e0c9e780;--cta-hover:#eeeae4;--cta-hover-text:#302538}
body.web-page .podcast-spot-content :is(h3,p,span,em,strong){color:white!important}
body.web-page .podcast-spot-content p{text-align:center;max-width:72ch;margin:24px auto}
body.web-page .podcast-spot-title{font-size:clamp(32px,4vw,48px)!important}
body.web-page .podcast-spot-badge{background:none;border:0;padding:0;font:500 10px/1.5 DM,sans-serif;letter-spacing:.12em;text-transform:uppercase}
body.web-page .podcast-spot-sticker{position:absolute;top:-36px;right:24px;z-index:4;background:#6b269c;color:white;border-radius:18px;padding:16px 22px;transform:none;box-shadow:none}
body.web-page .podcast-spot-sticker-val{font:400 38px/1.1 Fraunces,serif;white-space:nowrap;color:white}
body.web-page .podcast-spot-sticker :is(.podcast-spot-sticker-lbl,.podcast-spot-sticker-period){color:white;font:400 12px/1.5 DM,sans-serif}
body.web-page .price-card-flex{display:grid;grid-template-columns:1fr 230px;gap:32px;align-items:center}
body.web-page .price-card-info{display:contents}
body.web-page .price-card-info h3,body.web-page .price-card-info>p,body.web-page .price-features{grid-column:1;margin:0}
body.web-page .price-badge-container{grid-column:2;grid-row:1/4}
body.web-page .price-card-info>.btn{grid-column:1/-1;justify-self:center;margin-top:12px}
body.web-page .price-badge-organic{white-space:nowrap}
body.web-page .seo-bottom-grid{gap:48px}
body.web-page .faq-trigger{padding:22px 0;gap:18px}
body.web-page .faq-trigger h3{font:500 17px/1.45 DM,sans-serif!important}
body.web-page .faq-body{padding:0}
body.web-page .faq-body p{padding:0 0 22px;margin:0}
body.web-page .related-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.web-page .related-article-card{background:#eeeae4;border:0;border-radius:20px;overflow:hidden;--gray:#65576e;--white:#302538}
body.web-page .related-article-card h3{font:600 16px/1.5 DM,sans-serif!important;color:#302538}
@media(max-width:800px){body.web-page :is(.info-desc-cols,.info-body,.podcast-reuse-summary){grid-template-columns:1fr}body.web-page .podcast-grid{gap:24px}body.web-page .price-card-flex{grid-template-columns:1fr}body.web-page .price-badge-container{grid-column:1;grid-row:auto}body.web-page .related-articles-grid{grid-template-columns:1fr}}
@media(max-width:600px){body.web-page main>.hero{height:auto;min-height:calc(100svh - 16px);padding:110px 24px 40px!important}body.web-page .hero .hero-title{font-size:34px!important}body.web-page .hero .hero-features{grid-template-columns:1fr}body.web-page :is(.podcast-grid,.steps-grid){grid-template-columns:1fr}body.web-page .podcast-spot-content{padding:95px 24px 40px}body.web-page .stats-panel,body.web-page .steps-panel{padding:24px}}
@media(prefers-reduced-motion:reduce){body.web-page .podcast-card{transform:none!important;opacity:1!important}}
body.web-page .podcast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.web-page .stats-panel :is(h3,strong),body.web-page .steps-panel :is(h4,p){color:#302538!important}
body.web-page .stats-list li{border:0}
html body.web-page .price-card-info>.btn{font-size:14px!important;padding:15px 28px!important;border-color:#6b269c!important}
html[data-theme=dark] body.web-page .section-label{color:#d6b4ec}
@media(max-width:800px){body.web-page .podcast-grid{grid-template-columns:1fr}}

/* Four distinct sequential phases, without a shared enclosing card. */
body.web-page #proceso .steps-panel{background:transparent;padding:0;border:0;box-shadow:none;margin-top:48px!important}
body.web-page #proceso .steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:stretch}
body.web-page #proceso .step{background:#eeeae4;border-radius:22px;padding:30px 24px;display:flex;flex-direction:column;gap:16px;--gray:#65576e;--white:#302538}
body.web-page #proceso .step-number{display:block;align-self:flex-start;text-align:left;margin:0 0 12px;font:400 40px/1.2 Fraunces,serif;color:#6b269c}
body.web-page #proceso .step h4{margin:0;color:#302538!important;font-size:25px}
body.web-page #proceso .step p{margin:0;color:#65576e!important}
@media(max-width:1000px){body.web-page #proceso .steps-grid{grid-template-columns:1fr;gap:24px}body.web-page #proceso .step{display:grid;grid-template-columns:64px 1fr;column-gap:20px}body.web-page #proceso .step-number{grid-row:1/3}body.web-page #proceso .step p{grid-column:2}}
@media(max-width:500px){body.web-page #proceso .step{padding:26px 22px;grid-template-columns:48px 1fr;column-gap:14px}}

body.web-page .podcast-spot-content .digital-offer-price{display:flex;align-items:baseline;justify-content:center;gap:10px;color:#fff;margin:28px 0}
body.web-page .digital-offer-price strong{font:400 42px/1.2 Fraunces,serif;color:#fff;white-space:nowrap}
body.web-page .digital-offer-price span{font:400 13px/1.5 DM,sans-serif;color:#f3edf6}
body.web-page .hero :is(h1,h2,p,em,span){color:white!important;text-shadow:none!important}
body.web-page .hero-inner{z-index:2}
body.web-page .presence-hero-media{z-index:0}
body.web-page .hero .hero-visual{display:none!important}
body.web-page .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body.web-page :is(.service-card,.benefit-card){background:#eeeae4;border:0;border-radius:22px;padding:28px;box-shadow:none;--white:#302538;--gray:#65576e;--purple:#6b269c}
body.web-page :is(.service-title,.step h3){text-transform:none;letter-spacing:normal}
body.web-page .service-content :is(.web-fixed-line,.web-types-line){display:inline}
body.web-page .service-content :is(.web-fixed-line,.web-types-line)+span::before{content:' '}
body.web-page .process-grid{max-width:900px;margin:48px auto 0}
body.web-page .step-num{font:400 36px/1.2 Fraunces,serif;background:none;box-shadow:none;color:var(--purple)}
body.web-page .step{padding:24px 0;border:0;border-radius:0;background:none;box-shadow:none}
body.web-page .spot-wrap{max-width:1100px;margin:auto}
body.web-page .spot-wrap::before,body.web-page .spot-wrap::after{display:none}
body.web-page .spot-card{border:0;border-radius:24px;overflow:hidden;box-shadow:none;transform:none;background:#20102d}
body.web-page .spot-content{padding:70px 40px;text-align:center;--cta-color:white;--cta-border:#e0c9e780}
body.web-page .spot-content :is(h3,p,span,strong,em){color:white!important}
body.web-page .spot-content p{text-align:center}
body.web-page .spot-title{font-size:clamp(32px,4vw,48px)!important}
body.web-page .digital-offer-price{display:flex;justify-content:center;gap:10px;align-items:baseline;margin:28px 0}
body.web-page .digital-offer-price strong{font:400 42px/1.2 Fraunces,serif;white-space:nowrap}
body.web-page .seo-ready-badge{grid-column:1;background:transparent;border:0;padding:0}
body.web-page :is(.related-services,.related-articles-section){background:transparent!important;border:0!important;box-shadow:none}
body.web-page .related-article-card strong{display:block;padding:18px;color:#6b269c}
body.web-page .restaurant-preview{border:0;border-radius:22px;overflow:hidden;box-shadow:none}
body.web-page .service-content{position:relative;z-index:2;background:var(--bg-deep);border-radius:36px 36px 0 0;padding-top:80px;margin-top:-100px}
body.web-page .service-content>section:first-child{opacity:1!important;filter:none!important;transform:none!important}
html.web-transition body.web-page main>.page-hero{position:sticky;top:12px;transform:scale(var(--hero-scale,1));filter:blur(var(--hero-blur,0px));transform-origin:center top;will-change:transform;z-index:0}
@media(max-width:800px){body.web-page .service-grid{grid-template-columns:1fr}body.web-page .spot-content{padding:48px 24px}body.web-page .service-content{padding-top:48px;margin-top:-50px;border-radius:24px 24px 0 0}}
@media(prefers-reduced-motion:reduce){body.web-page .service-content{margin-top:0}html.web-transition body.web-page main>.page-hero{position:relative;transform:none;filter:none}}
body.web-page main>.page-hero{border-radius:24px!important;overflow:hidden!important}
html body.web-page .hero-feature-strip{bottom:135px!important}
body.web-page .service-tag{background:transparent;padding:0;color:#6b269c}
body.web-page .service-content>section:not(:first-child){transform:scale(var(--entry-scale,1));filter:blur(var(--entry-blur,0px));transform-origin:50% 0}
@media(max-width:800px){html body.web-page .hero-feature-strip{bottom:75px!important}}
@media(prefers-reduced-motion:reduce){body.web-page .service-content>section{transform:none!important;filter:none!important}}

/* En páginas web, los cuatro servicios relacionados comparten una sola fila. */
body.web-page .related-services-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1200px}
@media(max-width:1000px){body.web-page .related-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.web-page .related-services-grid{grid-template-columns:1fr}}
body.web-page .service-content :is(.web-fixed-line,.web-types-line,.section-title){white-space:normal!important;max-width:100%;overflow-wrap:normal}
body.web-page .service-content .section-title{font-size:clamp(30px,4vw,48px)!important;text-wrap:balance}
/* First the central panel rises over the film; the page surface follows. */
body.web-page .service-content{margin-top:24px;padding-top:0;background:transparent;border-radius:0;isolation:isolate}
body.web-page .service-content::before{content:"";position:absolute;inset:120px 0 0;z-index:-1;background:var(--bg-deep);opacity:var(--surface-progress,0);transform:translateY(calc(100px * (1 - var(--surface-progress,0))));pointer-events:none}
html body.web-page .service-content>section:first-child{background:var(--bg-deep)!important;border-radius:32px;padding:48px!important;box-sizing:border-box}
html body.web-page .hero-feature-strip{bottom:34px!important}
@media(max-width:800px){body.web-page .service-content{margin-top:24px;padding-top:0}html body.web-page .service-content>section:first-child{padding:28px 22px!important;border-radius:24px}}
@media(prefers-reduced-motion:reduce){body.web-page .service-content::before{opacity:1;transform:none}}
body.web-page .service-content::before{top:40px;background:linear-gradient(to bottom,transparent 0,var(--bg-deep) 320px);transform:translateY(calc(140px * (1 - var(--surface-progress,0))));border-radius:50% 50% 0 0 / 100px 100px 0 0}
@media(max-width:800px){body.web-page .service-content::before{background:linear-gradient(to bottom,transparent 0,var(--bg-deep) 220px)}}
@media(prefers-reduced-motion:reduce){body.web-page .service-content::before{background:var(--bg-deep);transform:none;border-radius:0}}
body.web-page .proof-side{display:flex;flex-direction:column;gap:36px}
body.web-page .proof-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;transform:none}
body.web-page .proof-badge{background:transparent;border:0;border-radius:0;padding:0;color:var(--purple);text-transform:none;letter-spacing:normal}
body.web-page .proof-title{color:var(--purple);margin:12px 0}
body.web-page .proof-text{color:var(--gray)}
/* Same open, numbered timeline as the press page. */
html body.web-page #proceso .process-grid{display:flex;flex-direction:column;gap:0;max-width:760px;margin:48px auto 0;background:none;border:0;padding:0}
html body.web-page #proceso .step{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:28px;padding:0 0 44px!important;background:transparent!important;border:0!important;border-radius:0;box-shadow:none;min-height:0}
html body.web-page #proceso .step:last-child{padding-bottom:0!important}
html body.web-page #proceso .step::before{content:"";display:block;position:absolute;left:37px;top:58px;bottom:0;width:1px;height:auto;background:var(--purple);opacity:.3;transform:none}
html body.web-page #proceso .step:last-child::before,html body.web-page #proceso .process-grid::before,html body.web-page #proceso .step::after{display:none}
html body.web-page #proceso .step-num{position:static;display:block;align-self:start;width:auto;height:auto;margin:0;padding:0;background:none!important;border:0;box-shadow:none!important;border-radius:0;font:400 44px/1.2 Fraunces,serif;color:var(--purple)!important;text-align:center}
html body.web-page #proceso .step-copy{min-width:0}
html body.web-page #proceso .step-tag{color:var(--purple);text-transform:none;letter-spacing:normal}
html body.web-page #proceso .step h3{color:var(--white);margin:12px 0}
@media(max-width:600px){html body.web-page #proceso .step{grid-template-columns:48px minmax(0,1fr);gap:18px}html body.web-page #proceso .step-num{font-size:34px}html body.web-page #proceso .step::before{left:23px;top:46px}}
html body.web-page #despues-de-publicar .process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:none;margin:48px 0 0}
html body.web-page #despues-de-publicar .process-grid::before,html body.web-page #despues-de-publicar .step::before,html body.web-page #despues-de-publicar .step::after{display:none}
html body.web-page #despues-de-publicar .step{display:block;padding:30px 24px;background:#eeeae4;border:0;border-radius:22px;box-shadow:none;--white:#302538;--gray:#65576e;--purple:#6b269c}
html body.web-page #despues-de-publicar .step-num{display:block;position:static;margin:0 0 24px;padding:0;width:auto;height:auto;text-align:left;font:400 40px/1.2 Fraunces,serif;color:#6b269c;background:none;box-shadow:none}
html body.web-page #despues-de-publicar .step h3{margin:0 0 16px;font-size:25px;color:#302538}
html body.web-page #despues-de-publicar .step p{margin:0;color:#65576e}
@media(max-width:1100px){html body.web-page #despues-de-publicar .process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){html body.web-page #despues-de-publicar .process-grid{grid-template-columns:1fr}}
html body.web-page .restaurant-copy{background:#6b269c;--cta-color:#fff;--cta-border:#ffffffb3;--cta-hover:#eeeae4;--cta-hover-text:#302538}
html body.web-page .restaurant-copy :is(h3,p,li){color:#fff!important}
html body.web-page .restaurant-copy .btn{color:#fff!important;border-color:#ffffffb3!important;background:transparent!important}
html body.web-page .restaurant-copy .btn:hover{background:#eeeae4!important;color:#302538!important}
html body.web-page .restaurant-copy::before,html body.web-page .restaurant-copy::after{display:none}

/* Mantener el poster hasta que el primer fotograma esté presentado. */
html body.web-page .presence-hero-media .hero-video-cover{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;pointer-events:none;transition:opacity .3s ease}
html body.web-page .presence-hero-media.is-video-ready .hero-video-cover{opacity:0}
@media(prefers-reduced-motion:reduce){html body.web-page .presence-hero-media .hero-video-cover{transition:none}}
