.sc021-page{--green:#0b5e55;--hover:#084842;--ink:#111827;--muted:#596475;--gold:#b99845;--sage:#eef6f3;--line:#dfe8e4;color:var(--ink);background:#fff;overflow:hidden}.sc021-page,.sc021-page *{box-sizing:border-box}.sc021-section{width:100%;padding:88px 24px;scroll-margin-top:92px}.sc021-shell{width:min(100%,1240px);margin-inline:auto}.sc021-eyebrow,.sc021-editorial__label{color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.sc021-eyebrow:after,.sc021-editorial__label:after{content:"";display:block;width:52px;height:2px;margin-top:14px;background:var(--gold)}.sc021-hero{padding-top:82px}.sc021-hero__inner,.sc021-editorial__inner{gap:68px}.sc021-hero__copy,.sc021-hero__image,.sc021-editorial__copy,.sc021-editorial__image{width:50%}.sc021-hero__copy,.sc021-editorial__copy{gap:24px}.sc021-hero__title .elementor-heading-title{font-size:clamp(43px,4.1vw,62px);line-height:1.05;letter-spacing:-.035em}.sc021-lead,.sc021-section-intro,.sc021-editorial__text,.sc021-newsletter__text{font-size:18px;line-height:1.7;color:var(--muted)}.sc021-image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px;box-shadow:0 22px 50px rgba(15,41,37,.12)}.sc021-actions{gap:16px;flex-wrap:wrap}.sc021-button .elementor-button{min-height:52px;padding:15px 24px;border-radius:999px;background:var(--green);font-weight:650;transition:.25s ease}.sc021-button .elementor-button:hover{background:var(--hover);transform:translateY(-2px)}.sc021-button--secondary .elementor-button{color:var(--green);background:#fff;border:1px solid var(--green)}.sc021-button--secondary .elementor-button:hover{color:#fff}.sc021-featured{background:#f8fafc}.sc021-heading-block{max-width:820px;margin:0 auto 46px;text-align:center;gap:18px}.sc021-section-title .elementor-heading-title,.sc021-editorial__title .elementor-heading-title,.sc021-newsletter__title .elementor-heading-title{font-size:clamp(35px,3vw,48px);line-height:1.12;letter-spacing:-.025em}.sc021-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.sc021-card{height:100%;min-height:330px;align-items:center;padding:36px 30px;border:1px solid var(--line);border-radius:22px;background:var(--sage);text-align:center;box-shadow:0 12px 28px rgba(15,41,37,.055);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.sc021-card:hover{transform:translateY(-5px);border-color:#9fc5bb;box-shadow:0 18px 38px rgba(15,41,37,.1)}.sc021-card__icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:19px;background:#fff;color:var(--green);font-size:27px}.sc021-card__title .elementor-heading-title{font-size:25px}.sc021-card__text{font-size:16px;line-height:1.65;color:var(--muted)}.sc021-card__link{margin-top:auto}.sc021-card__link .elementor-button{padding:0;background:transparent;color:var(--green);font-weight:700}.sc021-card__link .elementor-button:hover{background:transparent;color:var(--hover)}.sc021-editorial{background:#fff}.sc021-editorial--alt{background:#f8fafc}.sc021-editorial__title .elementor-heading-title{color:var(--ink)}.sc021-badge{width:max-content;padding:7px 12px;border:1px solid #d9c384;border-radius:999px;background:#fffcf2;color:#8b6f24;font-size:12px;font-weight:700;letter-spacing:.12em}.sc021-editorial__button{margin-top:6px}.sc021-newsletter{background:#f8fafc}.sc021-newsletter__inner{gap:58px;padding:54px 58px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#eef6f3,#fff);box-shadow:0 18px 42px rgba(15,41,37,.07)}.sc021-newsletter__copy{width:46%;gap:20px}.sc021-newsletter__form{width:54%}.sc021-form .elementor-field-group{margin-bottom:13px}.sc021-form .elementor-field-label{font-size:14px;font-weight:650;color:var(--ink)}.sc021-form .elementor-field{min-height:50px;border:1px solid #cedbd7;border-radius:12px;background:#fff}.sc021-form .elementor-field-type-acceptance .elementor-field{min-height:auto}.sc021-form .elementor-field-option{font-size:13px;line-height:1.5;color:var(--muted)}.sc021-form .elementor-field-option a{color:var(--green);text-decoration:underline}.sc021-form .elementor-button{min-height:52px;border-radius:999px;background:var(--green);font-weight:700}.sc021-form .elementor-button:hover{background:var(--hover)}
@media(max-width:1024px){.sc021-section{padding:72px 30px}.sc021-hero__inner,.sc021-editorial__inner{gap:40px}.sc021-hero__title .elementor-heading-title{font-size:45px}.sc021-card-grid{gap:18px}.sc021-card{padding:30px 22px}.sc021-newsletter__inner{gap:36px;padding:44px 38px}}
@media(max-width:767px){.sc021-section{padding:58px 18px;scroll-margin-top:78px}.sc021-hero{padding-top:48px}.sc021-hero__copy,.sc021-hero__image,.sc021-editorial__copy,.sc021-editorial__image,.sc021-newsletter__copy,.sc021-newsletter__form{width:100%}.sc021-hero__title .elementor-heading-title{font-size:38px}.sc021-lead,.sc021-section-intro,.sc021-editorial__text,.sc021-newsletter__text{font-size:16px}.sc021-actions,.sc021-actions .elementor-widget-button,.sc021-actions .elementor-button{width:100%}.sc021-heading-block{text-align:left;margin-bottom:34px}.sc021-section-title .elementor-heading-title,.sc021-editorial__title .elementor-heading-title,.sc021-newsletter__title .elementor-heading-title{font-size:32px}.sc021-card-grid{grid-template-columns:1fr}.sc021-card{min-height:290px;padding:30px 24px}.sc021-editorial--alt .sc021-editorial__inner{flex-direction:column-reverse!important}.sc021-newsletter__inner{padding:32px 22px;gap:28px}.sc021-form .elementor-button{width:100%}}
.sc021-page>.sc021-featured{display:flex!important;grid-template-columns:none!important}
@media(min-width:768px) and (max-width:1024px){.sc021-hero__inner,.sc021-editorial__inner,.sc021-newsletter__inner{flex-direction:row!important}.sc021-hero__copy,.sc021-hero__image,.sc021-editorial__copy,.sc021-editorial__image{width:50%!important}.sc021-newsletter__copy{width:46%!important}.sc021-newsletter__form{width:54%!important}}
.sc021-card__link .elementor-button-icon{color:var(--green)}

/* WEB-RECURSOS-001 — acabado cromático y formulario, sin alterar la estructura. */
.sc021-card-grid>.sc021-card:nth-child(1),
.sc021-card-grid>.sc021-card:nth-child(3){
 background:var(--green)!important;
 border-color:rgba(255,255,255,.14)!important
}
.sc021-card-grid>.sc021-card:nth-child(1) .sc021-card__title .elementor-heading-title,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__title .elementor-heading-title{
 color:#fff!important
}
.sc021-card-grid>.sc021-card:nth-child(1) .sc021-card__text,
.sc021-card-grid>.sc021-card:nth-child(1) .sc021-card__text p,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__text,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__text p{
 color:rgba(255,255,255,.82)!important
}
.sc021-card-grid>.sc021-card:nth-child(1) .sc021-card__icon,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__icon{
 background:#fff!important;
 color:var(--green)!important
}
.sc021-card-grid>.sc021-card:nth-child(1) .sc021-card__icon svg,
.sc021-card-grid>.sc021-card:nth-child(1) .sc021-card__icon path,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__icon svg,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__icon path{
 fill:currentColor!important;
 color:var(--green)!important
}
.sc021-card-grid>.sc021-card:nth-child(1) .sc021-card__link .elementor-button,
.sc021-card-grid>.sc021-card:nth-child(1) .sc021-card__link .elementor-button-icon,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__link .elementor-button,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__link .elementor-button-icon{
 color:#fff!important
}
.sc021-card-grid>.sc021-card:nth-child(1):hover,
.sc021-card-grid>.sc021-card:nth-child(3):hover{
 border-color:rgba(255,255,255,.28)!important;
 box-shadow:0 18px 38px rgba(6,63,59,.22)!important
}
.sc021-card-grid>.sc021-card:nth-child(2){
 background:#fff!important;
 border-color:var(--line)!important
}
.sc021-card-grid>.sc021-card:nth-child(2) .sc021-card__title .elementor-heading-title{color:var(--ink)!important}
.sc021-card-grid>.sc021-card:nth-child(2) .sc021-card__text,
.sc021-card-grid>.sc021-card:nth-child(2) .sc021-card__text p{color:var(--muted)!important}
.sc021-card-grid>.sc021-card:nth-child(2) .sc021-card__icon{
 background:var(--sage)!important;
 color:var(--green)!important
}
.sc021-card-grid>.sc021-card:nth-child(2) .sc021-card__link .elementor-button,
.sc021-card-grid>.sc021-card:nth-child(2) .sc021-card__link .elementor-button-icon{color:var(--green)!important}

body.page-id-24 .sc021-page>.sc021-newsletter{
 width:calc(100% + 20px)!important;
 margin-left:-10px!important;
 padding-inline:24px!important
}
body.page-id-24 .sc021-newsletter__inner{
 width:100%!important;
 max-width:1240px!important;
 gap:72px!important;
 padding:60px 68px!important;
 border-radius:30px!important;
 background:#fff!important;
 box-shadow:0 24px 60px rgba(5,64,60,.14)!important
}
body.page-id-24 .sc021-form .elementor-button{
 min-height:54px!important;
 padding:0 26px!important;
 border-radius:12px!important;
 background:var(--green)!important;
 color:#fff!important;
 font-weight:700!important
}
body.page-id-24 .sc021-form .elementor-button:hover{
 background:var(--hover)!important;
 color:#fff!important
}
@media(max-width:1024px){
 body.page-id-24 .sc021-newsletter__inner{gap:46px!important;padding:50px!important;border-radius:28px!important}
}
@media(max-width:767px){
 body.page-id-24 .sc021-page>.sc021-newsletter{padding-inline:18px!important}
 body.page-id-24 .sc021-newsletter__inner{gap:30px!important;padding:38px 28px!important;border-radius:26px!important}
}

/* WEB-DIAGNOSTICO-002 — orden Artículos, Guías, Plantillas. */
.sc021-card-grid>.sc021-card:nth-child(3){
 background:#fff!important;
 border-color:var(--line)!important
}
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__title .elementor-heading-title{color:var(--ink)!important}
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__text,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__text p{color:var(--muted)!important}
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__icon{
 background:var(--sage)!important;
 color:var(--green)!important
}
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__icon svg,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__icon path{fill:currentColor!important;color:var(--green)!important}
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__link .elementor-button,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__link .elementor-button-icon{color:var(--green)!important}
.sc021-card-grid>.sc021-card:nth-child(3):hover{
 border-color:#9fc5bb!important;
 box-shadow:0 18px 38px rgba(15,41,37,.1)!important
}
.sc021-card__title .elementor-heading-title{
 font-size:30px!important;
 font-weight:750!important;
 line-height:1.14!important;
 letter-spacing:-.025em!important
}
@media(max-width:767px){
 .sc021-card__title .elementor-heading-title{font-size:27px!important}
}

/* WEB-DIAGNOSTICO-003 — Artículos y Plantillas verdes; Guías blanca. */
.sc021-card-grid>.sc021-card:nth-child(3){
 background:var(--green)!important;
 border-color:rgba(255,255,255,.14)!important
}
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__title .elementor-heading-title{color:#fff!important}
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__text,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__text p{color:rgba(255,255,255,.82)!important}
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__icon{
 background:#fff!important;
 color:var(--green)!important
}
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__icon svg,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__icon path{fill:currentColor!important;color:var(--green)!important}
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__link .elementor-button,
.sc021-card-grid>.sc021-card:nth-child(3) .sc021-card__link .elementor-button-icon{color:#fff!important}
.sc021-card-grid>.sc021-card:nth-child(3):hover{
 border-color:rgba(255,255,255,.28)!important;
 box-shadow:0 18px 38px rgba(6,63,59,.22)!important
}

/* El formulario permanece funcional dentro del componente CTA oficial. */
body.page-id-24 .sc021-page>.sc021-newsletter{
 width:calc(100% + 20px)!important;
 margin-left:-10px!important;
 padding:80px 24px!important;
 background:#fff!important
}
body.page-id-24 .sc021-newsletter__inner{
 display:grid!important;
 grid-template-columns:minmax(0,44fr) minmax(420px,56fr)!important;
 grid-template-rows:auto auto auto!important;
 width:100%!important;
 max-width:1240px!important;
 padding:56px 68px!important;
 gap:0 64px!important;
 align-items:center!important;
 border:0!important;
 border-radius:30px!important;
 background:linear-gradient(135deg,#063f3b,#073b42)!important;
 box-shadow:0 24px 60px rgba(5,64,60,.19)!important;
 text-align:left!important
}
body.page-id-24 .sc021-newsletter__line{
 grid-column:1!important;
 grid-row:1!important;
 width:52px!important;
 max-width:52px!important;
 margin:0 0 14px!important;
 justify-self:start!important
}
body.page-id-24 .sc021-newsletter__line .elementor-divider{padding:0!important}
body.page-id-24 .sc021-newsletter__line .elementor-divider-separator{
 width:52px!important;
 border-top:3px solid #d1b46d!important;
 border-radius:999px!important
}
body.page-id-24 .sc021-newsletter__title{
 grid-column:1!important;
 grid-row:2!important;
 width:100%!important;
 max-width:500px!important;
 margin:0 0 16px!important
}
body.page-id-24 .sc021-newsletter__title .elementor-heading-title{
 margin:0!important;
 color:#fff!important;
 font-size:38px!important;
 line-height:1.13!important;
 text-align:left!important
}
body.page-id-24 .sc021-newsletter__text{
 grid-column:1!important;
 grid-row:3!important;
 width:100%!important;
 max-width:480px!important;
 margin:0!important;
 color:rgba(255,255,255,.78)!important;
 font-size:16px!important;
 line-height:1.65!important;
 text-align:left!important
}
body.page-id-24 .sc021-newsletter__text p{margin:0!important;color:inherit!important;text-align:left!important}
body.page-id-24 .sc021-newsletter__form{
 grid-column:2!important;
 grid-row:1/4!important;
 width:100%!important;
 max-width:none!important;
 margin:0 auto!important;
 padding:28px 30px!important;
 border:1px solid rgba(255,255,255,.15)!important;
 border-radius:20px!important;
 background:rgba(255,255,255,.07)!important;
 text-align:left!important
}
body.page-id-24 .sc021-form .elementor-field-label,
body.page-id-24 .sc021-form .elementor-field-option{color:#fff!important}
body.page-id-24 .sc021-form .elementor-field-option a{color:#fff!important}
body.page-id-24 .sc021-form .elementor-button{
 min-height:52px!important;
 border-radius:12px!important;
 background:#fff!important;
 color:#063f3b!important
}
body.page-id-24 .sc021-form .elementor-button:hover{background:#f8fafc!important;color:#084842!important}
@media(max-width:1024px){
 body.page-id-24 .sc021-page>.sc021-newsletter{padding:68px 32px!important}
 body.page-id-24 .sc021-newsletter__inner{grid-template-columns:minmax(0,42fr) minmax(380px,58fr)!important;gap:0 42px!important;padding:50px!important;border-radius:28px!important}
}
@media(max-width:900px){
 body.page-id-24 .sc021-newsletter__inner{display:flex!important;flex-direction:column!important;gap:0!important;text-align:center!important}
 body.page-id-24 .sc021-newsletter__line{align-self:center!important;margin:0 auto 14px!important}
 body.page-id-24 .sc021-newsletter__title{max-width:680px!important;margin:0 auto 12px!important}
 body.page-id-24 .sc021-newsletter__title .elementor-heading-title{text-align:center!important}
 body.page-id-24 .sc021-newsletter__text{max-width:600px!important;margin:0 auto 24px!important}
 body.page-id-24 .sc021-newsletter__text p{text-align:center!important}
 body.page-id-24 .sc021-newsletter__form{max-width:680px!important}
}
@media(max-width:767px){
 body.page-id-24 .sc021-page>.sc021-newsletter{padding:54px 18px 64px!important}
 body.page-id-24 .sc021-newsletter__inner{padding:38px 28px!important;border-radius:26px!important}
 body.page-id-24 .sc021-newsletter__line{margin-bottom:11px!important}
 body.page-id-24 .sc021-newsletter__title{max-width:310px!important;margin-bottom:10px!important}
 body.page-id-24 .sc021-newsletter__title .elementor-heading-title{font-size:32px!important}
 body.page-id-24 .sc021-newsletter__text{max-width:300px!important;margin-bottom:20px!important;font-size:15px!important}
 body.page-id-24 .sc021-newsletter__form{padding:24px 20px!important}
}
