/* elgabli v3 (1-oct-2026): tema claro común para todas las páginas interiores.
   Se carga el último y sobrescribe los colores fijos del tema oscuro anterior. */
body.renewal{background:#fff;color:var(--text)}
body.renewal p{color:var(--muted)}
body.renewal h1,body.renewal h2,body.renewal h3{color:var(--text)}
body.renewal h1 em,body.renewal h2 em{font-style:normal;color:#1f6f5c}

/* Cabecera y menú comunes */
.renewal-header{background:#fff;border-bottom:1px solid #e3e8ec}
.renewal-header .wrap{min-height:78px}
.brand img{width:114px;height:38px!important}
.renewal-nav{gap:1.7rem}
.renewal-nav a,.renewal-nav .nav-drop>button{font-size:.97rem;color:#55606b!important;font-family:var(--font-body);text-decoration:none}
.renewal-nav a:hover,.renewal-nav a[aria-current=page]{color:#1f6f5c!important}
.renewal-nav .nav-contact{border:0;border-bottom:2px solid #c98e52;border-radius:0;padding:.2rem 0;color:#14202b!important;font-weight:600}
.nav-drop{position:relative}
.nav-drop>button{background:none;border:0;cursor:pointer;padding:0;display:flex;align-items:center;gap:.35rem}
.nav-drop>button:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px)}
.nav-menu{position:absolute;top:calc(100% + 18px);left:-18px;min-width:300px;background:#fff;border:1px solid #e3e8ec;border-radius:12px;box-shadow:0 18px 40px rgba(20,32,43,.12);padding:10px;display:none;flex-direction:column;z-index:30}
.nav-menu:before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px}
.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{display:flex}
.nav-menu a{display:block;padding:10px 12px;border-radius:8px;white-space:normal}
.nav-menu a:hover{background:#f2f5f4}
.nav-menu a span{display:block;font-size:.82rem;color:#7a848d}
.nav-toggle{background:none;border:1px solid #e3e8ec;border-radius:8px;padding:.5rem .8rem;color:#14202b;font:inherit}
@media(max-width:800px){
  .renewal-header .renewal-nav.is-open{position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid #e3e8ec;flex-direction:column;align-items:stretch;gap:0;padding:6px 22px 18px;box-shadow:0 14px 28px rgba(20,32,43,.08)}
  .renewal-nav.is-open>a,.renewal-nav.is-open .nav-drop>button{padding:14px 0;border-bottom:1px solid #e3e8ec;font-size:1.1rem;width:100%}
  .renewal-nav.is-open .nav-menu{display:flex;position:static;box-shadow:none;border:0;padding:0 0 8px 12px;min-width:0}
  .renewal-nav.is-open .nav-drop>button:after{display:none}
  .renewal-nav.is-open .nav-contact{border-bottom:1px solid #e3e8ec}
}

/* Botones */
body.renewal .button,body.renewal .btn-primary{background:#1f6f5c;color:#fff!important;border-color:#1f6f5c;border-radius:10px}
body.renewal .button:hover{background:#16503f}
body.renewal .button.secondary{background:transparent;color:#14202b!important;border:1px solid #14202b}
body.renewal .button.secondary:hover{background:#14202b;color:#fff!important}
body.renewal .text-link,body.renewal .link-accent{color:#1f6f5c!important}

/* Cabeceras de página (antes negras) */
.service-hero,.growth-hero,.reader-hero,.renewal-hero,.page-intro{background:#f2f5f4!important;color:#14202b;border-bottom:1px solid #e3e8ec}
.hero-kicker,.breadcrumb{color:#1f6f5c!important}
.service-definition{color:#55606b}

/* growth.css */
.growth-path{border-color:#e3e8ec;background:#f2f5f4}
.growth-path li{border-color:#e3e8ec;color:#14202b}
.growth-copy th,.growth-copy td{border-color:#e3e8ec}
.growth-copy th{background:#f2f5f4;color:#14202b}
.growth-related{border-color:#e3e8ec;background:#f2f5f4}
.calc-fields small{color:#55606b}
.calc-result{background:#f2f5f4;border-color:#cbd3da}
.calc-result dl>div{border-color:#e3e8ec}
.calc-result dt{color:#55606b}
.calc-result dd{color:#1f6f5c}
.calc-error{color:#b42318!important}

/* agency-control.css */
.agency-control-visual{background:#f2f5f4;border-color:#e3e8ec}
.control-pause{border-color:#cbd3da;color:#14202b}
.control-track:before{background:#cbd3da}
.control-packet{background:#c98e52}
.control-step{background:#fff;border-color:#e3e8ec}
.control-step .control-initial{background:#e3f0eb;color:#16503f;border-color:#b7d4c8}
.control-step strong{color:#14202b}
.control-step .control-description{color:#55606b}
.control-step.is-agency{background:#f8efe4;border-color:#e6cfb3}
.control-step.is-agency .control-initial{background:#c98e52;border-color:#c98e52;color:#fff}
.control-terms{border-color:#e3e8ec}
.renewal .control-terms p{color:#55606b}
.control-terms strong{color:#14202b}

/* Listado del blog */
.renewal .journal-intro,.journal-author>div>span,.renewal .journal-results,.renewal .journal-section-label,.entry-meta,.renewal .entry-excerpt,.renewal .journal-archive-heading p{color:#55606b}
.journal-author>div>strong{color:#14202b}
.journal-filter{border-color:#cbd3da;color:#14202b}
.journal-filter>span{color:#55606b;border-color:#cbd3da}
.journal-filter[aria-pressed=true]{background:#1f6f5c;border-color:#1f6f5c;color:#fff}
.journal-filter[aria-pressed=true]>span{color:#e3f0eb;border-color:#5c9b8a}
.journal-filter:hover{border-color:#1f6f5c;background:#f2f5f4}
.renewal .journal-search label{color:#55606b!important}
.renewal .journal-search input[type=search]{border-color:#cbd3da;background:#fff;color:#14202b}
.journal-clear{color:#1f6f5c}
.entry-cover{background:#f2f5f4}
.renewal .entry-read{color:#1f6f5c}
.journal-feature-main>.journal-entry{border-color:#e3e8ec;background:#fff}

/* Artículos */
.reader-breadcrumbs,.reader-breadcrumbs>span:last-child{color:#55606b}
.reader-breadcrumbs a{color:#1f6f5c!important}
.single-post .post-meta,.single-post .post-excerpt,.single-post .reader-byline{color:#55606b}
.reader-byline strong{color:#14202b}
.single-post .post-category{border-color:#b7d4c8;color:#16503f}
.single-post .post-cover{background:#f2f5f4;border-color:#e3e8ec}
.single-post .reader-toc-panel{border-color:#e3e8ec;background:#f2f5f4}
.single-post .reader-toc-panel>summary{color:#14202b}
.reader-toc-panel>summary>span{color:#55606b}
.reader-toc a{border-color:#cbd3da;color:#55606b!important}
.reader-toc a:hover,.reader-toc a[aria-current=location]{color:#1f6f5c!important;background:#e3f0eb;border-color:#1f6f5c}
.reader-back{color:#1f6f5c!important}
.single-post .post-content,.single-post .post-content p,.single-post .post-content ul,.single-post .post-content ol{color:#2c3640}
.single-post .post-content .lead{color:#14202b}
.single-post .post-content h2,.single-post .post-content h3,.single-post .post-content h4,.single-post .post-content strong{color:#14202b}
.single-post .post-content a{color:#1f6f5c!important}
.single-post .post-content blockquote{background:#f2f5f4;color:#2c3640}
.single-post .post-content code{color:#16503f;border-color:#cbd3da;background:#f2f5f4}
.single-post .post-content .table-wrap{border-color:#e3e8ec}
.single-post .post-content table{background:#fff}
.single-post .post-content th,.single-post .post-content td{border-color:#e3e8ec;color:#2c3640}
.single-post .post-content th{color:#14202b;background:#f2f5f4}
.single-post .post-content tbody tr:nth-child(even){background:#f8faf9}
.single-post .post-content .takeaway{background:#e3f0eb;border-color:#b7d4c8}
.single-post .post-content .takeaway h2{color:#16503f}
.single-post .post-content .faq-item{background:#fff;border-color:#e3e8ec}
.single-post .post-content .faq-item summary{color:#14202b}
.single-post .post-content .faq-answer{color:#55606b}
.single-post .post-content .post-cta{border-color:#e6cfb3;background:#f8efe4}
.single-post .post-content .post-cta p{color:#55606b}
.single-post .post-content .cta-button{background:#1f6f5c!important;color:#fff!important}
.single-post .author-card{border-color:#e3e8ec;background:#f2f5f4}
.single-post .author-card__avatar{border-color:#cbd3da}
.single-post .author-card p{color:#55606b}

/* Formularios */
body.renewal .input,body.renewal input[type=text],body.renewal input[type=email],body.renewal input[type=tel],body.renewal select,body.renewal textarea{background:#fff;color:#14202b;border:1px solid #cbd3da;border-radius:8px}
body.renewal .label{color:#14202b}
body.renewal .surface{background:#fff;border:1px solid #e3e8ec}
body.renewal .captcha-status{color:#8a5a00}
body.renewal .captcha-status[data-state="ok"]{color:#16803c}
body.renewal .captcha-status[data-state="error"]{color:#b42318}

/* Demo de automatización: se queda como "pantalla" oscura dentro de la página clara */
.experience-services .audience{border-color:#e3e8ec;background:#f2f5f4}
.scenario-picker button[aria-pressed=true]{color:#fff;border-color:#1f6f5c;background:#1f6f5c}

/* Pie común */
.renewal-footer{background:#14202b;color:#c9d1da;border-top:0;padding:48px 0 40px}
.renewal-footer p,.renewal-footer a{color:#c9d1da!important}
.renewal-footer a:hover{color:#fff!important}
.site-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;margin-bottom:28px}
.site-footer-grid h3{font-size:.85rem!important;letter-spacing:.06em!important;text-transform:uppercase;color:#fff!important;margin:0 0 12px!important;font-family:var(--font-body)!important}
.site-footer-grid ul{list-style:none;margin:0;padding:0}
.site-footer-grid li{margin:6px 0}
.site-footer-grid a{text-decoration:none;font-size:.95rem}
.site-footer-grid img{width:114px;height:auto;margin-bottom:12px;filter:brightness(0) invert(1)}
.site-footer-bottom{border-top:1px solid #2c3a47;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.88rem}
@media(max-width:800px){.site-footer-grid{grid-template-columns:1fr 1fr}}

/* Banda oscura de la demo (móvil WhatsApp + flujo n8n): conserva su aspecto de "pantalla" con acento verde */
.automation-demo{--bg:#101110;--surface:#191b19;--surface-2:#20231f;--text:#f4f3ef;--muted:#bbbfb5;--line:#393d36;--accent:#71d8b0;--accent-strong:#9be7c9;--accent-ink:#0d1a14;color:#f4f3ef}
body.renewal .automation-demo .button{background:#71d8b0!important;border-color:#71d8b0!important;color:#0d1a14!important}
body.renewal .automation-demo .button.secondary{background:transparent!important;color:#f4f3ef!important;border-color:#f4f3ef!important}

/* Componentes v3 para páginas de servicio (mismo lenguaje visual que la home) */
.v3-hero{padding:72px 0 64px;background:#fff;border-bottom:1px solid #e3e8ec}
.v3-hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
.v3-hero .kicker{color:#1f6f5c;font-weight:600;font-size:.95rem;margin-bottom:14px}
body.renewal .v3-hero h1{font-size:clamp(2.3rem,4.6vw,3.9rem);line-height:1.06;margin:0 0 20px}
body.renewal .v3-hero .lead{font-size:1.2rem;max-width:34em;margin:0 0 28px}
.v3-cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.v3-cta .v3-link{font-weight:600;text-decoration:none;border-bottom:2px solid #c98e52;padding-bottom:2px;color:#14202b}
.v3-hero aside{background:#f2f5f4;border-radius:14px;padding:26px}
.v3-hero aside ul{list-style:none;margin:0;padding:0}
.v3-hero aside li{padding:9px 0 9px 28px;position:relative;border-bottom:1px solid #e3e8ec;color:#14202b}
.v3-hero aside li:last-child{border-bottom:0}
.v3-hero aside li:before{content:"";position:absolute;left:4px;top:17px;width:9px;height:9px;border-radius:50%;background:#1f6f5c}
.v3-sec{padding:76px 0}
.v3-sec.alt{background:#f2f5f4}
.v3-tit{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;margin-bottom:40px;align-items:end}
body.renewal .v3-tit h2{margin:0}
body.renewal .v3-tit p{margin:0;font-size:1.1rem}
.v3-item{display:grid;grid-template-columns:72px 1fr 210px;gap:28px;padding:30px 0;border-top:1px solid #e3e8ec;align-items:start}
.v3-item:last-child{border-bottom:1px solid #e3e8ec}
.v3-item .n{font-family:var(--font-display);font-weight:700;font-size:2.3rem;line-height:1;color:#1f6f5c;opacity:.85}
body.renewal .v3-item h3{font-size:1.45rem;margin:0 0 8px}
body.renewal .v3-item p{margin:0}
.v3-item .side{font-weight:600;text-align:right;color:#14202b}
.v3-item .side span{display:block;font-weight:400;color:#55606b;font-size:.92rem}
.v3-item .side a{display:inline-block;margin-top:12px;font-size:.95rem;color:#14202b;text-decoration:none;border-bottom:2px solid #c98e52}
.v3-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
body.renewal .v3-steps h3{font-size:1.3rem;margin:0 0 8px}
.v3-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 44px}
.v3-cols div{border-top:1px solid #cbd3da;padding-top:16px}
body.renewal .v3-cols h3{font-size:1.15rem;margin:0 0 6px}
.v3-work{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.v3-work img{width:100%;border:1px solid #e3e8ec;border-radius:6px;display:block}
.v3-work b{display:block;margin-top:10px;color:#14202b}
.v3-work span{color:#55606b;font-size:.92rem}
.v3-table{width:100%;border-collapse:collapse;font-size:.98rem}
.v3-table th,.v3-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #e3e8ec;vertical-align:top}
.v3-table th{background:#f2f5f4;color:#14202b}
.v3-faq{max-width:780px}
.v3-faq details{border-bottom:1px solid #e3e8ec;padding:18px 0}
.v3-faq summary{cursor:pointer;font-weight:600;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:20px;color:#14202b}
.v3-faq summary::-webkit-details-marker{display:none}
.v3-faq summary:after{content:"+";color:#c98e52;font-size:1.4rem;line-height:1}
.v3-faq details[open] summary:after{content:"−"}
body.renewal .v3-faq details p{margin:10px 0 0}
.v3-final{padding:72px 0;background:#14202b}
body.renewal .v3-final h2{color:#fff;margin:0 0 14px}
body.renewal .v3-final p{color:#c9d1da;font-size:1.1rem}
.v3-final .v3-link{color:#fff;border-color:#c98e52}
.v3-final .button{background:#fff!important;color:#14202b!important;border-color:#fff!important}
@media(max-width:860px){
  .v3-hero .wrap,.v3-tit{grid-template-columns:1fr;gap:28px}
  .v3-item{grid-template-columns:44px 1fr;gap:14px}
  .v3-item .n{font-size:1.8rem}
  .v3-item .side{grid-column:2;text-align:left}
  .v3-steps,.v3-cols,.v3-work{grid-template-columns:1fr}
  .v3-sec{padding:56px 0}
}
.v3-guias-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.v3-guias-list a{color:var(--accent-strong);font-weight:600;text-decoration:underline;text-underline-offset:3px}