/* DF Landing Metamorphosis + Hub Especialidades B2B — Dark-Tech (LEY 4) */
.df-morph-container{background:#0A0A0A;color:#EDEDED;font-family:'Inter',sans-serif;padding:4rem clamp(1rem,4vw,3rem);}
.df-morph-sticky-wrap{position:relative;min-height:250vh;}
.df-morph-sticky-inner{position:sticky;top:12vh;display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;max-width:1100px;margin:0 auto;align-items:center;}
.df-morph-container[data-morph-mode="autoloop"] .df-morph-sticky-wrap{min-height:0;}
.df-morph-container[data-morph-mode="autoloop"] .df-morph-sticky-inner{position:static;}
.df-morph-viewport{position:relative;aspect-ratio:16/9;background:#050505;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;}
.df-morph-layer{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s ease;}
.df-morph-layer.is-active{opacity:1;pointer-events:auto;}
.df-morph-layer img,.df-morph-layer video,.df-morph-video{width:100%;height:100%;object-fit:contain!important;display:block;background:#050505;}
.df-morph-steps-copy{position:relative;min-height:180px;}
.df-morph-copy{position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease;font-family:'Space Grotesk',sans-serif;}
.df-morph-copy.is-active{opacity:1;transform:none;}
.df-morph-tag{display:inline-block;color:#00FF00;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;border:1px solid rgba(0,255,0,.35);border-radius:999px;padding:.25rem .8rem;margin-bottom:.75rem;}
.df-morph-title{font-size:clamp(22px,2.4vw,30px);margin:0 0 .5rem;font-weight:700;}
.df-morph-desc{font-family:'Inter',sans-serif;color:#B0B0B0;font-size:15.5px;line-height:1.6;margin:0;}
.df-morph-progress{position:absolute;left:0;right:0;bottom:-24px;height:3px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;}
.df-morph-progress__bar{display:block;width:100%;height:100%;background:#00FF00;box-shadow:0 0 10px #00FF00;transform:scaleX(0);transform-origin:left center;}

/* Vortex de conversión */
.df-morph-vortex{text-align:center;padding:4rem 1rem 2rem;font-family:'Space Grotesk',sans-serif;}
.df-morph-vortex__text{color:#B0B0B0;margin:0 0 1.25rem;font-size:16px;}
.df-morph-cta{display:inline-block;background:#00FF00;color:#0A0A0A;font-weight:700;text-decoration:none;padding:.9rem 2.2rem;border-radius:999px;letter-spacing:.05em;animation:dfMorphPulse 2.4s ease-in-out infinite;}
.df-morph-cta:hover{color:#0A0A0A;box-shadow:0 0 24px rgba(0,255,0,.5);}
@keyframes dfMorphPulse{0%,100%{box-shadow:0 0 0 rgba(0,255,0,.4);}50%{box-shadow:0 0 22px rgba(0,255,0,.55);}}

/* Pestañas de navegación de pasos Dark-Tech */
.df-morph-nav{display:flex;gap:.75rem;justify-content:center;grid-column:1/-1;margin-top:1.5rem;flex-wrap:wrap;z-index:10;}
.df-morph-nav-btn{background:#121212;color:#888888;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.5rem 1.25rem;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:border-color .25s ease,color .25s ease,box-shadow .25s ease;outline:none;}
.df-morph-nav-btn:hover,.df-morph-nav-btn:focus-visible{border-color:#00FF00;color:#EDEDED;}
.df-morph-nav-btn.is-active{background:rgba(0,255,0,.08);border-color:#00FF00;color:#00FF00;box-shadow:0 0 14px rgba(0,255,0,.35);}

/* Layout centrado cuando no hay textos de descripción */
.df-morph-container.no-copy .df-morph-sticky-inner{grid-template-columns:1fr;max-width:820px;margin:0 auto;}
.df-morph-container.no-copy .df-morph-steps-copy{display:none;}
.df-morph-container.no-copy .df-morph-viewport{aspect-ratio:16/9;width:100%;}

/* Breadcrums tácticos */
.df-lp-breadcrumb{font-size:13px;color:#888;margin-bottom:1rem;font-family:'Inter',sans-serif;}
.df-lp-breadcrumb a{color:#B0B0B0;text-decoration:none;}
.df-lp-breadcrumb a:hover{color:#00FF00;}
.df-lp-breadcrumb .sep{margin:0 .4rem;color:#555;}
.df-lp-breadcrumb .current{color:#EDEDED;}

/* ── HUB DE ESPECIALIDADES (Home) ── */
.df-hub{background:#0A0A0A;padding:5rem clamp(1rem,4vw,3rem);}
.df-hub__title{text-align:center;font-family:'Space Grotesk',sans-serif;color:#EDEDED;font-size:clamp(26px,3vw,36px);margin:0 0 2.5rem;}
.df-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;}
.df-hub-card{display:flex;flex-direction:column;background:#121212;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;}
.df-hub-card:hover{transform:translateY(-4px);border-color:#00FF00;box-shadow:0 8px 30px rgba(0,255,0,.15);}
.df-hub-img{aspect-ratio:16/9;background:#080808;}
.df-hub-img img{width:100%;height:100%;object-fit:contain!important;display:block;}
.df-hub-card__badge{align-self:flex-start;color:#00FF00;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;border:1px solid rgba(0,255,0,.3);border-radius:999px;padding:.2rem .7rem;margin:1rem 1rem 0;font-family:'Space Grotesk',sans-serif;}
.df-hub-card__title{color:#EDEDED;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;padding:.75rem 1rem .25rem;}
.df-hub-card__link{color:#00FF00;font-size:14px;padding:0 1rem 1.1rem;}
.df-hub-arrow{display:inline-block;transition:transform .3s ease;}
.df-hub-card:hover .df-hub-arrow{transform:translateX(6px);}

/* ── DIVISIONES HERMANAS DE ÉLITE (Grid Dark-Tech B2B) ── */
.df-sisters{border-top:1px solid rgba(255,255,255,.08);padding:3.5rem 0;background:#0A0A0A;}
.df-sisters__wrap{max-width:1240px;margin:0 auto;padding-left:2rem;padding-right:2rem;}
.df-sisters__head{max-width:760px;margin-bottom:1.6rem;}
.df-sisters__label{display:block;color:#00FF00;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.8rem;}
.df-sisters__title{margin:0 0 .7rem;color:#EDEDED;font:700 clamp(24px,2.6vw,34px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-.01em;}
.df-sisters__lead{margin:0;color:#A0A0A0;font:400 16px/1.6 Inter,sans-serif;}
.df-sisters__tabs{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:4px;margin-bottom:1.4rem;background:#111;border:1px solid rgba(255,255,255,.07);border-radius:10px;width:fit-content;max-width:100%;}
.df-sisters__tabs::-webkit-scrollbar{display:none;}
.df-sisters__tab{flex:none;appearance:none;cursor:pointer;background:transparent;border:0;border-radius:7px;padding:.5rem .9rem;color:#888;font:600 13px Inter,sans-serif;white-space:nowrap;transition:color .25s ease,background .25s ease;}
.df-sisters__tab i{font-style:normal;color:#00FF00;font-family:'Space Grotesk',sans-serif;margin-left:.3rem;opacity:.8;}
.df-sisters__tab i::before{content:"(";}.df-sisters__tab i::after{content:")";}
.df-sisters__tab:hover{color:#EDEDED;}
.df-sisters__tab[aria-pressed="true"]{background:#1b1b1b;color:#EDEDED;box-shadow:inset 0 0 0 1px rgba(0,255,0,.35);}
.df-sisters__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:.9rem;}
.df-sisters__list li[hidden]{display:none;}
.df-sisters:not(.is-js) .df-sisters__list li:not(.df-sisters__vip):nth-child(n+13){display:none;}
.df-sisters.is-js .df-sisters__list li{animation:df-sis-in .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*35ms);}
.df-sisters__list a{position:relative;display:flex;flex-direction:column;gap:.35rem;height:100%;min-height:176px;padding:1.25rem 1.2rem;box-sizing:border-box;border-radius:12px;text-decoration:none;border:1px solid rgba(255,255,255,.07);background:radial-gradient(120% 90% at 0 0,rgba(0,255,0,.06),transparent 55%),linear-gradient(160deg,#151515,#0f0f0f);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease;}
.df-sisters__list a:hover,.df-sisters__list a:focus-visible{transform:translateY(-3px);border-color:rgba(0,255,0,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 36px -6px rgba(0,255,0,.28);outline:none;}
.df-sisters__list li.is-current a{border-color:rgba(0,255,0,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 20px -4px rgba(0,255,0,.35);background:radial-gradient(120% 90% at 0 0,rgba(0,255,0,.12),transparent 60%),linear-gradient(160deg,#172117,#101510);}
.df-sisters__list li.is-current .df-sisters__badge{border-color:rgba(0,255,0,.7);background:rgba(0,255,0,.15);color:#00FF00;font-weight:700;}
.df-sisters__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;}
.df-sisters__icon{box-sizing:content-box;padding:8px;color:#00FF00;border:1px solid rgba(0,255,0,.22);border-radius:9px;background:rgba(0,255,0,.05);}
.df-sisters__code{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;color:#fff;opacity:.28;}
.df-sisters__name{font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#EDEDED;line-height:1.25;}
.df-sisters__meta{font-size:13.5px;color:#888;line-height:1.4;}
.df-sisters__badge{margin-top:auto;align-self:flex-start;padding:.25rem .65rem;border-radius:999px;border:1px solid rgba(0,255,0,.2);background:rgba(0,255,0,.05);color:#b8ffb8;font:600 12px 'Space Grotesk',sans-serif;letter-spacing:.06em;text-transform:uppercase;}
.df-sisters__badge::before{content:"\25CF";color:#00FF00;margin-right:.4rem;font-size:8px;vertical-align:1px;}
.df-sisters__arrow{position:absolute;right:1.2rem;bottom:1.25rem;color:#00FF00;opacity:0;transform:translate(-4px,4px);transition:opacity .3s ease,transform .3s ease;}
.df-sisters__list a:hover .df-sisters__arrow,.df-sisters__list a:focus-visible .df-sisters__arrow{opacity:1;transform:none;}
.df-sisters__vip a{border:1px dashed rgba(0,255,0,.5);background:radial-gradient(140% 120% at 100% 0,rgba(0,255,0,.16),transparent 60%),linear-gradient(160deg,#0f1a0f,#0c0c0c);}
.df-sisters__vip .df-sisters__code{color:#00FF00;opacity:.9;}
.df-sisters__vip .df-sisters__meta{color:#A0A0A0;}
.df-sisters__vip .df-sisters__arrow{opacity:1;transform:none;}
.df-sisters__vip a:hover{background-position:0 0;border-style:solid;}
.df-sisters__more{display:block;margin:1.4rem auto 0;cursor:pointer;background:transparent;color:#EDEDED;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.6rem 1.4rem;font:600 13.5px Inter,sans-serif;transition:border-color .3s ease,box-shadow .3s ease;}
.df-sisters__more:hover,.df-sisters__more:focus-visible{border-color:rgba(0,255,0,.5);box-shadow:0 0 22px -6px rgba(0,255,0,.45);outline:none;}
.df-sisters__more[hidden]{display:none;}
@keyframes df-sis-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
@media(min-width:601px) and (max-width:1366px){.df-sisters__wrap{padding-left:clamp(2rem,5vw,4.5rem);padding-right:clamp(2rem,5vw,5.5rem);}}
@media(max-width:600px){.df-sisters__wrap{padding-left:1rem;padding-right:1rem;}.df-sisters__list{grid-template-columns:1fr 1fr;gap:.6rem;}.df-sisters__list a{min-height:160px;padding:1rem .9rem;}.df-sisters__list li:not(.df-sisters__vip) .df-sisters__meta,.df-sisters__arrow{display:none;}.df-sisters__vip{grid-column:1/-1;}}
@media(prefers-reduced-motion:reduce){.df-sisters.is-js .df-sisters__list li{animation:none;}.df-sisters__list a,.df-sisters__arrow{transition:none;}}

@media(max-width:900px){
	.df-morph-sticky-inner{grid-template-columns:1fr;}
	.df-morph-steps-copy{min-height:220px;}
}
@media(prefers-reduced-motion:reduce){
	.df-morph-layer,.df-morph-copy,.df-morph-nav-btn,.df-hub-card,.df-hub-arrow,.df-morph-cta{transition:none!important;animation:none!important;transform:none!important;}
}

/* ==========================================================================
   CALIBRACIÓN TIPOGRÁFICA EN PX REALES (1rem = 10px en Bricks Builder)
   Homologa .df-sisters (Capacidad Multidivisión), .df-hub y .df-morph-*
   con la escala de lectura de Suite Vanguard y Matriz Omnicanal.
   ========================================================================== */
.df-lp-breadcrumb{font-size:12.5px;margin-bottom:14px;}
.df-morph-tag{font-size:11.5px;padding:5px 12px;}
.df-morph-title{font-size:clamp(20px,2.4vw,26px);}
.df-morph-desc{font-size:15px;color:#CBD5E1;}
.df-morph-vortex__text{font-size:15.5px;color:#CBD5E1;}
.df-morph-cta{font-size:14.5px;padding:13px 28px;}
.df-morph-nav-btn{font-size:12.5px;padding:8px 16px;}

.df-hub__title{font-size:clamp(24px,3.2vw,34px);}
.df-hub-card__badge{font-size:11px;padding:4px 10px;}
.df-hub-card__title{font-size:17.5px;}
.df-hub-card__link{font-size:13.5px;}

.df-sisters{padding:clamp(48px,6vw,72px) 0;}
.df-sisters__wrap{max-width:1240px;padding-left:24px;padding-right:24px;}
.df-sisters__head{max-width:820px;margin-bottom:22px;}
.df-sisters__label{font-size:12px;margin-bottom:10px;}
.df-sisters__title{font-size:clamp(24px,3.2vw,34px);line-height:1.18;margin:0 0 12px;color:#FFFFFF;}
.df-sisters__lead{font-size:16px;line-height:1.6;color:#CBD5E1;}
.df-sisters__tabs{gap:6px;padding:6px 6px 10px;margin-bottom:20px;border-radius:12px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}
@media(max-width:960px){.df-sisters__tabs{scrollbar-width:thin;scrollbar-color:rgba(0,255,0,.45) rgba(255,255,255,.06);-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,#000 88%,transparent 100%);padding-right:32px;}.df-sisters__tabs::-webkit-scrollbar{display:block;height:4px;}.df-sisters__tabs::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px;}.df-sisters__tabs::-webkit-scrollbar-thumb{background:rgba(0,255,0,.45);border-radius:999px;}}
.df-sisters__tab{font-size:13px;padding:8px 14px;color:#94A3B8;}
.df-sisters__list{gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));}
.df-sisters__list a{min-height:186px;padding:18px 18px;gap:6px;border-radius:14px;}
.df-sisters__code{font-size:12px;}
.df-sisters__name{font-size:16.5px;font-weight:700;color:#FFFFFF;line-height:1.3;}
.df-sisters__meta{font-size:13.5px;color:#CBD5E1;line-height:1.45;}
.df-sisters__badge{font-size:11px;padding:5px 11px;margin-top:auto;}
.df-sisters__more{font-size:13.5px;padding:10px 22px;margin-top:20px;}