/* ===== Opción 1 · Negro cinematográfico (elegida por Carlos, 2026-10-20) — solo modo noche ===== */
html:not([data-tema="claro"]) #hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
html:not([data-tema="claro"]) .hero-luz{position:absolute;right:6%;top:12%;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(224,193,124,.26),rgba(189,149,81,.08) 40%,transparent 66%);pointer-events:none;animation:op1Luz 7s ease-in-out infinite alternate}
@keyframes op1Luz{to{transform:translate(-30px,20px) scale(1.08);opacity:.8}}
html:not([data-tema="claro"]) .hero-barrido{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(249,230,174,.11) 50%,transparent 60%);background-size:250% 100%;animation:op1Barrido 9s linear infinite}
@keyframes op1Barrido{0%{background-position:120% 0}100%{background-position:-120% 0}}
html:not([data-tema="claro"]) .hero-title{font-size:clamp(3.4rem,7.6vw,7rem)!important;line-height:.98!important;letter-spacing:-.045em!important}
html:not([data-tema="claro"]) .hero-years{display:none!important}
html:not([data-tema="claro"]) #hero .btn-primary,html:not([data-tema="claro"]) #hero .btn-outline{border-radius:999px!important;clip-path:none!important}
html:not([data-tema="claro"]) #hero .btn-primary{box-shadow:0 16px 36px -14px rgba(189,149,81,.9)}
html:not([data-tema="claro"]) .hero-visual .scene-3d{transform:scale(1.18);transform-origin:center}
html:not([data-tema="claro"]) #hero .hero-ticker{display:none}
/* Franja inferior: datos + clientes */
.hero-franja{display:none}
html:not([data-tema="claro"]) .hero-franja{display:flex;position:relative;z-index:3;margin-top:auto;border-top:1px solid rgba(189,149,81,.25);padding:26px max(24px,calc((100vw - 1240px)/2));gap:56px;align-items:center}
.hero-franja b{display:block;font-size:2.3rem;font-weight:500;letter-spacing:-.03em;color:#FFFDF8;line-height:1}
.hero-franja b.oro{background:linear-gradient(100deg,#815528,#BD9551 22%,#F9E6AE 48%,#E0C17C 62%,#BD9551 80%,#815528);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-franja small{display:block;font-size:.6rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8f877a;margin-top:6px}
.hero-franja .clientes{margin-left:auto;display:flex;gap:40px}
.hero-franja .clientes span{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,253,248,.55)}
html:not([data-tema="claro"]) #stats-strip{display:none}
/* Servicios sobre blanco con tarjetas blancas */
html:not([data-tema="claro"]) #servicios{background:#fff!important;color:#0a0806}
html:not([data-tema="claro"]) #servicios .services-title{color:#0a0806}
html:not([data-tema="claro"]) #servicios .services-desc{color:#5b544a}
html:not([data-tema="claro"]) #servicios .section-tag{color:#9A6A2A}
html:not([data-tema="claro"]) .packages-grid{gap:18px!important;background:transparent!important;border:0!important}
html:not([data-tema="claro"]) .package-card{background:#fff!important;border:1px solid #ece4d3!important;border-radius:22px!important;box-shadow:0 26px 50px -36px rgba(80,55,20,.45)}
html:not([data-tema="claro"]) .package-card:hover{background:#fffdf8!important;box-shadow:0 34px 60px -34px rgba(80,55,20,.55)}
html:not([data-tema="claro"]) .package-card .package-name{color:#0a0806!important}
html:not([data-tema="claro"]) .package-card .package-desc,html:not([data-tema="claro"]) .package-card .package-features,html:not([data-tema="claro"]) .package-card .package-features li{color:#5b544a!important}
html:not([data-tema="claro"]) .package-card .package-num{color:rgba(154,106,42,.4)!important}
html:not([data-tema="claro"]) .package-card .package-icon{border-color:#e6d9bf!important;color:#9A6A2A!important;background:#fffaf0!important}
html:not([data-tema="claro"]) .package-card .package-more{color:#0a0806!important;border-color:#d9c7a2!important}
@media (max-width:1024px){html:not([data-tema="claro"]) .hero-franja{flex-wrap:wrap;gap:26px}.hero-franja .clientes{margin-left:0;flex-wrap:wrap;gap:18px 26px}html:not([data-tema="claro"]) .hero-visual .scene-3d{transform:none}}
@media (max-width:640px){.hero-franja b{font-size:1.8rem}html:not([data-tema="claro"]) .hero-luz{width:420px;height:420px;right:-30%}}
@media (max-width:640px){html:not([data-tema="claro"]) .hero-franja{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 12px;padding:22px 20px 40px}.hero-franja small{font-size:.5rem;letter-spacing:.14em}.hero-franja .clientes{grid-column:1/-1;gap:10px 18px}.hero-franja .clientes span{font-size:.6rem}}
/* Paquetes en carrusel (Carlos: "menos espacio") */
.pk-wrap{margin-top:8px}
.pk-wrap .packages-grid.pc-track{display:flex!important;grid-template-columns:none!important;gap:18px!important;padding:8px 4px 34px!important}
.pk-wrap .package-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;min-width:0}
.pk-wrap .package-features{display:none}
.pk-wrap .pk-btn{top:42%}
.pk-wrap .pc-prev{left:-22px}.pk-wrap .pc-next{right:-22px}
html:not([data-tema="claro"]) .pk-wrap .pc-btn{background:#0a0806;color:#E0C17C;border:1px solid rgba(189,149,81,.5)}
@media (max-width:1024px){.pk-wrap .package-card{flex-basis:calc((100% - 18px)/2)}}
@media (max-width:640px){.pk-wrap .package-card{flex-basis:84%}.pk-wrap .pc-prev{left:-6px}.pk-wrap .pc-next{right:-6px}}
.pk-wrap .pc-btn:disabled{opacity:0!important;pointer-events:none}

/* 2026-10-20 · Carlos: portada negra sin brillo dorado; paquetes solo con "Ver detalle"; testimonios en blanco como antes */
.hero-luz,.hero-barrido{display:none!important}
.pk-wrap .package-cta{display:none!important}
/* 2026-10-20 · Carlos: "negro más oscuro en la portada principal" */
html:not([data-tema="claro"]) #hero{background:#000!important}
html:not([data-tema="claro"]) #hero .hero-glow{opacity:.35!important;animation:none!important;transform:translate(-50%,-50%)}
html:not([data-tema="claro"]) #hero .hero-grid-bg{opacity:.45}
html:not([data-tema="claro"]) #hero .gp-glow{opacity:.55}
/* 2026-10-20 · Carlos: título 3 % más pequeño, animación 3 % más grande, botón "Ver a detalle" más bonito */
html:not([data-tema="claro"]) .hero-title{font-size:clamp(3.3rem,7.37vw,6.79rem)!important}
html:not([data-tema="claro"]) .hero-visual .scene-3d{transform:scale(1.13)}
html:not([data-tema="claro"]) .pk-wrap .package-card .package-more{display:inline-flex!important;width:auto!important;align-items:center;gap:12px;margin:6px 0 0!important;padding:13px 16px 13px 24px!important;border-radius:999px!important;background:#0a0806!important;color:#F9E6AE!important;border:1px solid rgba(189,149,81,.55)!important;box-shadow:0 14px 28px -16px rgba(10,8,6,.7)!important;font-size:.68rem!important;letter-spacing:.18em!important;transition:transform .3s,box-shadow .3s,background .3s,color .3s!important}
html:not([data-tema="claro"]) .pk-wrap .package-card .package-more::after{content:"";width:28px;height:28px;border-radius:50%;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23120d05' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") center/13px no-repeat,linear-gradient(100deg,#815528,#BD9551 22%,#F9E6AE 48%,#E0C17C 62%,#BD9551 80%,#815528);transition:transform .3s}
html:not([data-tema="claro"]) .pk-wrap .package-card .package-more:hover{transform:translateY(-2px);background:linear-gradient(100deg,#815528,#BD9551 22%,#F9E6AE 48%,#E0C17C 62%,#BD9551 80%,#815528)!important;color:#120d05!important;box-shadow:0 18px 34px -14px rgba(189,149,81,.8)!important}

html:not([data-tema="claro"]) .pk-wrap .package-card .package-more:hover::after{transform:translateX(3px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23120d05' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") center/13px no-repeat,#0a0806;filter:invert(1) hue-rotate(180deg)}
html:not([data-tema="claro"]) .pk-wrap .package-card{display:flex!important;flex-direction:column}html:not([data-tema="claro"]) .pk-wrap .package-card .package-more{margin-top:auto!important;align-self:flex-start}
/* 2026-10-21 · Carlos: botón principal un poquito más pequeño; franja con 4 cifras como antes, sin nombres de clientes */
html:not([data-tema="claro"]) #hero .hero-actions .btn-primary{padding:14px 30px!important;font-size:.72rem!important}
html:not([data-tema="claro"]) .hero-franja{display:grid!important;grid-template-columns:repeat(4,1fr);text-align:center}
.hero-franja b i{font-style:normal}
@media (max-width:640px){html:not([data-tema="claro"]) .hero-franja{grid-template-columns:repeat(2,1fr);row-gap:20px}}
/* 2026-10-21 · Carlos: botón un poquito más grande y los botones un poco más abajo en computadora */
html:not([data-tema="claro"]) #hero .hero-actions .btn-primary{padding:15px 33px!important;font-size:.75rem!important}
@media (min-width:1025px){html:not([data-tema="claro"]) #hero .hero-actions{margin-top:52px!important}}
/* 2026-10-21 · "Ver a detalle" no respondía en celular: una capa decorativa de la tarjeta quedaba encima del botón */
.package-card::before,.package-card::after{pointer-events:none!important}
.package-more,.package-cta{position:relative;z-index:5}

/* 2026-10-21 · Franja de cifras más bonita: barra de cristal con borde dorado, cifras grandes y divisores finos */
html:not([data-tema="claro"]) .hero-franja{width:min(1100px,calc(100% - 48px));margin:0 auto 38px!important;padding:30px 12px!important;border:1px solid rgba(189,149,81,.35)!important;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01));box-shadow:0 30px 60px -36px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);gap:0!important;position:relative}
html:not([data-tema="claro"]) .hero-franja::before{content:"";position:absolute;left:12%;right:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#E0C17C,transparent)}
html:not([data-tema="claro"]) .hero-franja>div{position:relative;padding:4px 10px}
html:not([data-tema="claro"]) .hero-franja>div+div::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,rgba(189,149,81,.5),transparent)}
html:not([data-tema="claro"]) .hero-franja b{font-size:clamp(2.2rem,3.4vw,3.2rem)!important;font-weight:500!important;letter-spacing:-.04em;color:#fff!important;line-height:1}
html:not([data-tema="claro"]) .hero-franja small{margin-top:10px!important;font-size:.62rem!important;letter-spacing:.24em!important;color:#E0C17C!important;opacity:.85}
@media (max-width:640px){
  html:not([data-tema="claro"]) .hero-franja{grid-template-columns:repeat(2,1fr)!important;row-gap:22px!important;padding:24px 8px!important;margin-bottom:28px!important}
  html:not([data-tema="claro"]) .hero-franja>div:nth-child(3)::before{display:none}
}
@media (min-width:1025px){
  html:not([data-tema="claro"]) .hero-franja{padding:20px 12px!important;margin-bottom:26px!important}
  html:not([data-tema="claro"]) .hero-franja b{font-size:clamp(2rem,2.8vw,2.7rem)!important}
  html:not([data-tema="claro"]) .hero-franja small{margin-top:8px!important}
  html:not([data-tema="claro"]) #hero .hero-content{padding-bottom:0}
}
@media (min-width:1025px){html:not([data-tema="claro"]) .hero-franja{margin-top:34px!important}}
/* 2026-10-21 · Carlos: subir un poquito el contenido de la portada principal en computadora (había mucho espacio arriba) */
@media (min-width:1025px){html:not([data-tema="claro"]) #hero .hero-content{margin-top:-46px}}