/* ===== GD PREMIUM — capa de rediseño Génesis Digital ============
   Overlay visual sobre el sitio compilado. Para restaurar el sitio
   original basta quitar este archivo y gd-premium.js del index.html.
   Paleta original respetada: crema #f2f1ea · tinta #212529 · brasa #991313 */
:root{
  --gd-ink:#212529; --gd-cream:#f2f1ea; --gd-ember:#991313;
  --gd-flame:#c9541d; --gd-sand:#e7e4d8;
  --gd-ease:cubic-bezier(.16,1,.3,1);
}

/* --- 1 · Detalles globales ------------------------------------ */
::selection{background:var(--gd-ember);color:var(--gd-cream)}
html{scroll-padding-top:92px;scrollbar-color:#3a3d41 var(--gd-cream);background:#f2f1ea}
body{background:transparent!important} /* deja ver la ceniza ambiental (canvas z:-1) */
#gd-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none}
#gd-spark{position:fixed;top:0;left:0;width:9px;height:9px;border-radius:50%;pointer-events:none;z-index:100001;
  background:radial-gradient(circle,#ffb35c 0%,#c9541d 55%,rgba(201,84,29,0) 75%);
  transform:translate(-100px,-100px);opacity:.55;filter:blur(.4px);
  transition:width .25s ease,height .25s ease,opacity .25s ease;margin-left:-4px;margin-top:-4px}
#gd-spark.gd-spark-big{width:15px;height:15px;opacity:.85}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--gd-cream)}
::-webkit-scrollbar-thumb{background:#3a3d41;border-radius:8px;border:3px solid var(--gd-cream)}
::-webkit-scrollbar-thumb:hover{background:var(--gd-ember)}

#gd-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:100000;
  transform-origin:0 50%;transform:scaleX(var(--gd-scroll,0));
  background:linear-gradient(90deg,var(--gd-ember),var(--gd-flame) 70%,#e8973f);pointer-events:none}

.gd-grain{position:fixed;inset:0;z-index:99990;pointer-events:none;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}

/* --- 2 · Barra de navegación ----------------------------------- */
nav.navbar{position:sticky;top:0;z-index:1030;
  transition:background-color .4s ease,box-shadow .4s ease,-webkit-backdrop-filter .4s ease,backdrop-filter .4s ease}
nav.navbar.gd-glass{background:rgba(242,241,234,.78)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);
  box-shadow:0 1px 0 rgba(33,37,41,.08),0 18px 40px -28px rgba(33,37,41,.35)}
nav.navbar .navbar-nav a{position:relative}
nav.navbar .navbar-nav a::after{content:"";position:absolute;left:8%;right:8%;bottom:2px;height:2px;
  background:var(--gd-ember);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--gd-ease)}
nav.navbar .navbar-nav a:hover::after{transform:scaleX(1)}
nav.navbar a img{transition:transform .35s var(--gd-ease)}
nav.navbar.gd-glass a img{transform:scale(.86)}

/* --- 3 · Botones ------------------------------------------------ */
.btn-barreca{position:relative;overflow:hidden;
  transition:transform .3s var(--gd-ease),box-shadow .3s var(--gd-ease),background-color .3s ease,border-color .3s ease!important;will-change:transform}
.btn-barreca:hover{transform:translateY(-3px);box-shadow:0 18px 34px -14px rgba(153,19,19,.55);
  background-color:var(--gd-ember)!important;border-color:var(--gd-ember)!important;color:#fff!important}
.btn-barreca:active{transform:translateY(-1px) scale(.97)}
.btn-barreca::before{content:"";position:absolute;top:0;bottom:0;left:-80%;width:55%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);transition:left .55s ease;pointer-events:none}
.btn-barreca:hover::before{left:130%}

/* --- 4 · Motor de aparición al hacer scroll -------------------- */
.gd-r{opacity:0;transform:translateY(30px);filter:blur(7px);will-change:transform,opacity,filter}
.gd-in{opacity:1;transform:none;filter:blur(0);
  transition:opacity .9s var(--gd-ease) var(--gd-d,0s),transform .9s var(--gd-ease) var(--gd-d,0s),filter .9s var(--gd-ease) var(--gd-d,0s)}

/* Títulos: barra de brasa que se dibuja */
.gd-title{position:relative;padding-bottom:.55rem}
.gd-title::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--gd-ember),var(--gd-flame));
  transform:scaleX(0);transform-origin:left;transition:transform .9s var(--gd-ease) .25s}
.gd-title-c::after{left:50%;transform:translateX(-50%) scaleX(0);transform-origin:center}
.gd-in .gd-title::after,.gd-title.gd-in::after{transform:scaleX(1)}
.gd-title-c.gd-in::after,.gd-in .gd-title-c::after{transform:translateX(-50%) scaleX(1)}

/* Cascada de palabras del titular principal */
.gd-line{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.gd-w{display:inline-block;transform:translateY(115%);will-change:transform}
.gd-words-in .gd-w{transform:translateY(0);transition:transform 1s var(--gd-ease) var(--gd-wd,0s)}

/* --- 5 · Hero --------------------------------------------------- */
.section__ovens .bg-title img{will-change:transform}
.principal__info .btn-barreca{box-shadow:0 10px 24px -12px rgba(33,37,41,.45)}

/* --- 6 · Tarjetas de producto (tilt 3D) ------------------------- */
.gd-tilt{transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform}
.section__prods .col-md-6 .section__prods__img img{
  transition:filter .5s ease;animation:gdFloat 7s ease-in-out infinite;will-change:transform}
.section__prods .col-md-6:nth-child(2) .section__prods__img img{animation-delay:-3.5s}
.section__prods .col-md-6:hover .section__prods__img img{
  filter:drop-shadow(0 46px 46px rgba(33,37,41,.35))}
@keyframes gdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}

/* --- 7 · Clientes ----------------------------------------------- */
.clients__img img{object-fit:contain!important;filter:grayscale(1);opacity:.72;
  transition:filter .45s ease,opacity .45s ease,transform .45s var(--gd-ease)}
.clients__img:hover img{filter:grayscale(0);opacity:1;transform:scale(1.07)}

/* Destacados fijos + carrusel infinito (construido por gd-premium.js) */
.gd-clients-featured{display:flex;justify-content:center;align-items:center;gap:2.4rem;flex-wrap:wrap;margin:0 0 2rem}
.gd-clients-featured img{height:108px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.85;
  transition:filter .45s ease,opacity .45s ease,transform .45s var(--gd-ease)}
.gd-clients-featured img:hover{filter:grayscale(0);opacity:1;transform:scale(1.06)}
.gd-marquee{overflow:hidden;position:relative;padding:.6rem 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.gd-marquee-track{display:flex;align-items:center;gap:3.2rem;width:max-content;animation:gdMarquee 40s linear infinite;will-change:transform}
.gd-marquee-track img{height:70px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.65;
  transition:filter .35s ease,opacity .35s ease}
.gd-marquee-track img:hover{filter:grayscale(0);opacity:1}
.gd-marquee:hover .gd-marquee-track{animation-play-state:paused}
@keyframes gdMarquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.gd-marquee-track{animation:none}}

/* --- 8 · Testimonios -------------------------------------------- */
.barreca__card{transition:transform .45s var(--gd-ease),box-shadow .45s var(--gd-ease);border-radius:18px}
.barreca__card:hover{transform:translateY(-8px) rotate(-.4deg);
  box-shadow:0 34px 60px -34px rgba(33,37,41,.45)}
.barreca__card .comma{color:var(--gd-ember)!important;text-shadow:0 10px 26px rgba(153,19,19,.25)}
.section__tellus__avatar img{border-radius:50%;box-shadow:0 0 0 2px var(--gd-cream),0 0 0 4px rgba(153,19,19,.4);
  transition:box-shadow .35s ease}
.barreca__card:hover .section__tellus__avatar img{box-shadow:0 0 0 2px var(--gd-cream),0 0 0 4px var(--gd-ember)}

/* Respiración cálida detrás de secciones clave */
.section__prods,.section__tellus,.section__youroven{position:relative}
.section__prods::before{content:"";position:absolute;inset:-6% -24%;z-index:-1;pointer-events:none;
  background:radial-gradient(42% 34% at 24% 18%,rgba(153,19,19,.055),transparent 72%)}
.section__tellus::before{content:"";position:absolute;inset:-6% -24%;z-index:-1;pointer-events:none;
  background:radial-gradient(44% 36% at 78% 72%,rgba(201,84,29,.05),transparent 72%)}
.section__youroven::before{content:"";position:absolute;inset:-6% -24%;z-index:-1;pointer-events:none;
  background:radial-gradient(40% 32% at 70% 22%,rgba(153,19,19,.045),transparent 70%)}

/* --- 9 · Configurador ------------------------------------------- */
.section__youroven .col-md-5 img{animation:gdFloat 8s ease-in-out infinite;
  filter:drop-shadow(0 34px 34px rgba(33,37,41,.28))}

/* --- 10 · Preguntas frecuentes ---------------------------------- */
.accordion-item{background:transparent!important;border:none!important;
  border-bottom:1px solid rgba(33,37,41,.14)!important;border-radius:0!important}
.accordion-button{background:transparent!important;font-weight:600;color:var(--gd-ink);
  box-shadow:none!important;transition:color .3s ease,padding-left .3s var(--gd-ease)}
.accordion-button:hover{color:var(--gd-ember);padding-left:1.6rem}
.accordion-button:not(.collapsed){color:var(--gd-ember)!important;background:rgba(153,19,19,.05)!important}
.accordion-body{line-height:1.75;color:#4b4640}
.accordion-button::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")!important}
.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23991313'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")!important}

/* --- 11 · Formulario de contacto -------------------------------- */
.section__contact input,.section__contact select,.section__contact textarea{
  background:#fbfaf5!important;border:1px solid rgba(33,37,41,.16)!important;border-radius:10px!important;
  transition:border-color .3s ease,box-shadow .3s ease!important}
.section__contact input:focus,.section__contact select:focus,.section__contact textarea:focus{
  border-color:var(--gd-ember)!important;box-shadow:0 0 0 4px rgba(153,19,19,.09)!important;outline:none}

/* --- 12 · WhatsApp flotante + footer ----------------------------- */
.whatsapp a{position:relative;display:inline-block;transition:transform .3s var(--gd-ease)}
.whatsapp a:hover{transform:scale(1.1)}
.whatsapp a::after{content:"";position:absolute;inset:6px;border-radius:50%;
  border:2px solid rgba(37,211,102,.55);animation:gdPulse 2.4s ease-out infinite;pointer-events:none}
@keyframes gdPulse{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.55);opacity:0}100%{opacity:0}}
/* Footer: cierre oscuro elegante */
footer.border-top{background:#191b1e;border-top:3px solid var(--gd-ember)!important;
  margin-top:4rem;padding:3rem 0 2.4rem!important;color:#b9bcc1}
footer.border-top h1,footer.border-top h2,footer.border-top h3,footer.border-top h4,
footer.border-top h5,footer.border-top strong,footer.border-top b{color:#f0eee7}
footer.border-top a{color:#d8d5cc!important;text-decoration:none;transition:color .25s ease}
footer.border-top a:hover{color:#ff9a4d!important}
footer.border-top img{filter:brightness(0) invert(1);opacity:.9}
footer.border-top i,footer.border-top svg{color:#d8d5cc!important;fill:#d8d5cc!important;transition:color .25s ease}
footer.border-top a:hover i{color:#ff9a4d!important}

/* --- 13 · Accesibilidad ------------------------------------------ */
@media (prefers-reduced-motion: reduce){
  .gd-r{opacity:1;transform:none;filter:none}
  .gd-w{transform:none}
  #gd-progress,.gd-grain,#gd-ambient,#gd-spark{display:none}
  .section__prods .col-md-6 .section__prods__img img,
  .section__youroven .col-md-5 img,.whatsapp a::after{animation:none}
  .gd-tilt{transform:none!important}
}

/* ===== 14 · TRANSFORMACIÓN EDITORIAL ============================= */
/* Titular héroe a escala de cartel, con acento en brasa */
.principal__info h1{font-size:clamp(2.8rem,6.2vw,4.6rem)!important;line-height:1.02!important;letter-spacing:-.015em}
.gd-line.gd-accent .gd-w{color:var(--gd-ember);font-style:italic}

/* Sello giratorio (texto de la propia página) */
.section__ovens{position:relative}
.gd-seal{position:absolute;right:1%;bottom:4%;width:150px;height:150px;z-index:2;pointer-events:none;opacity:.92}
.gd-seal svg{width:100%;height:100%;animation:gdSpin 26s linear infinite}
@keyframes gdSpin{to{transform:rotate(360deg)}}
@media(max-width:991px){.gd-seal{display:none}}

/* Banda tipográfica en movimiento (palabras del propio sitio) */
.gd-band{overflow:hidden;width:100vw;margin:4rem 0 4rem calc(50% - 50vw);transform:rotate(-1.2deg);
  border-top:1px solid rgba(33,37,41,.16);border-bottom:1px solid rgba(33,37,41,.16);background:rgba(255,255,255,.4)}
.gd-band-track{display:flex;width:max-content;animation:gdBandMove 34s linear infinite;will-change:transform}
.gd-band-track span{white-space:nowrap;font-size:clamp(1.5rem,3.2vw,2.5rem);padding:.5rem 0;
  color:transparent;-webkit-text-stroke:1px rgba(33,37,41,.5);letter-spacing:.05em}
.gd-band-track b{color:var(--gd-ember);-webkit-text-stroke:0;font-style:italic;font-weight:600}
@keyframes gdBandMove{to{transform:translateX(-50%)}}

/* Numerales editoriales gigantes por sección */
.container{counter-reset:gdsec}
.container > .mb-7rem{position:relative}
.container > .mb-7rem:not(.section__ovens){counter-increment:gdsec}
.container > .mb-7rem:not(.section__ovens)::after{content:counter(gdsec,decimal-leading-zero);
  position:absolute;top:-2.6rem;right:0;z-index:0;pointer-events:none;line-height:1;font-weight:700;
  font-size:clamp(4.5rem,11vw,8.5rem);color:transparent;-webkit-text-stroke:1.4px rgba(33,37,41,.14)}

/* Productos: galería sobre banda oscura */
.section__prods{padding:2.5rem 0}
.section__prods::before{content:"";position:absolute;inset:-4rem -50vw;background:linear-gradient(180deg,#17181b,#1f2125);z-index:-2;border-radius:0}
.section__prods .brand h1,.section__prods .brand h2{color:#f0eee7}
.section__prods .anaheim-regular{color:#b9bcc1!important}
.section__prods::after{-webkit-text-stroke-color:rgba(240,238,231,.15)}
.section__prods .section__prods__img img{filter:drop-shadow(0 34px 44px rgba(0,0,0,.55))}
.section__prods .col-md-6:hover .section__prods__img img{filter:drop-shadow(0 50px 60px rgba(0,0,0,.7))}

/* Nosotros: marco de brasa alrededor de la imagen */
.container > .mb-7rem:not([class*="section__"]) .row img{border-radius:14px;outline:1px solid rgba(153,19,19,.4);outline-offset:12px}

/* Configurador: mesa de trabajo */
.section__youroven .row{background:#edece3;border-radius:26px;padding:1.8rem;box-shadow:inset 0 0 0 1px rgba(33,37,41,.06)}

/* FAQ numerado editorial */
.section__faq{counter-reset:gdfaq}
.accordion-item{counter-increment:gdfaq}
.accordion-button::before{content:counter(gdfaq,decimal-leading-zero);color:var(--gd-ember);font-size:.8em;margin-right:.75rem;opacity:.8}

/* Botones editoriales con flecha */
.btn-barreca{text-transform:uppercase;letter-spacing:.13em;font-size:.8rem!important}
.btn-barreca::after{content:"→";display:inline-block;margin-left:.55rem;transition:transform .3s var(--gd-ease)}
.btn-barreca:hover::after{transform:translateX(5px)}

/* Contacto: gran final oscuro con formulario flotante */
.section__contact{padding:3rem 0 4rem}
.section__contact::before{content:"";position:absolute;inset:-4rem -50vw -8rem;background:linear-gradient(180deg,#17181b,#191b1e);z-index:-2}
.section__contact .brand h1{color:#f0eee7}
.section__contact .brand p{color:#b9bcc1!important}
.section__contact::after{-webkit-text-stroke-color:rgba(240,238,231,.15)}
.section__contact form{background:#faf9f4;border-radius:22px;padding:clamp(1.2rem,3vw,2.4rem);box-shadow:0 44px 90px -44px rgba(0,0,0,.65)}
footer.border-top{margin-top:0!important}

@media (prefers-reduced-motion: reduce){
  .gd-band-track,.gd-seal svg{animation:none}
}