/* ===== INGTEGRA · Estilo minimalista oscuro (se carga DESPUÉS de styles.css) ===== */
:root{
  --bg:#0e0e0f; --line:#2a2b2f;
  --color1:#151517;   /* tarjetas y paneles */
  --color2:#de7455;   /* acento claro (títulos) */
  --color3:#c9573a;   /* acento de marca */
  --color4:#f2f2f2;   /* texto principal (antes negro) */
  --color5:#9a9da1;   /* texto secundario */
  --color6:#1c1d20;   /* superficies alternas */
}
html{scroll-behavior:smooth}
body{background:var(--bg) !important; color:var(--color4); -webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:600; letter-spacing:-0.3px}
h2{color:var(--color3)}

/* Cabecera */
header{background:var(--bg); border-bottom:1px solid var(--line); padding-bottom:0}
nav{padding:0 2rem}
.logo{padding:0.6rem 0}
.logo-img{height:56px !important; background:transparent !important; margin-right:0}
nav ul{gap:1.8rem}
nav ul li a{font-size:0.78rem; letter-spacing:2px; text-transform:uppercase; color:var(--color5);
  background:none !important; border-radius:0; padding:0.3rem 0; border-bottom:1px solid transparent}
nav ul li a.active, nav ul li a:hover{color:var(--color4) !important; border-bottom-color:var(--color3)}

/* Hero */
.hero-main{background:var(--bg)}
.hero.hero-main{height:70vh; min-height:460px}
.hero-slider::after{content:""; position:absolute; inset:0; background:rgba(0,0,0,0.55); z-index:3}
.slider-caption{z-index:4; background:none !important; box-shadow:none !important; padding:1rem}
.slider-caption h1{font-size:clamp(2rem,6vw,4rem); letter-spacing:-1px}
.slider-caption .slider-sub{font-size:clamp(1rem,2.4vw,1.6rem); letter-spacing:3px; font-weight:500}

/* Sin sombras ni esquinas redondeadas */
[style*="box-shadow"]{box-shadow:none !important}
[style*="border-radius"]{border-radius:2px !important}
button,.cta-btn,input,textarea,select,.input-icon,.chip,.badge,.thumb,img{border-radius:2px !important}
.logo-img{border-radius:0 !important}

/* Tarjetas y paneles: borde fino */
.servicio-card,.accesorio-card,.impresion3d-card,.mueble-card,.cuadro-escencia,.proceso-paso,.cliente-foto,
.blog-article,.portfolio-categoria,.portfolio-item,.elegirnos-cuadro,.elegirnos-detalle,.card-hover,.prod,
.gracias-container,.alterno-row,.cotizacion-form,.gallery-section,.about-section,.blog-section{
  background:var(--color1) !important; border:1px solid var(--line) !important; border-radius:2px !important;
  box-shadow:none !important; transform:none !important}
.portfolio-item{background:var(--color6) !important}
.servicio-card:hover,.accesorio-card:hover,.impresion3d-card:hover,.mueble-card:hover,.cuadro-escencia:hover,
.proceso-paso:hover,.cliente-foto:hover,.blog-article:hover,.portfolio-item:hover,.elegirnos-cuadro:hover,
.card-hover:hover,.prod:hover{border-color:var(--color3) !important; transform:none !important; box-shadow:none !important}
blockquote{background:var(--color1) !important; border:1px solid var(--line); border-left:3px solid var(--color3) !important}
[style*="background:var(--color1)"],[style*="background: var(--color1)"]{border:1px solid var(--line)}

/* Fondos que antes eran negros */
[style*="background: var(--color4)"],[style*="background:var(--color4)"]{background:var(--color1) !important}
.contacto-section{background:var(--bg) !important}
.contacto-info{background:var(--color1) !important; border:1px solid var(--line); border-right:0}
.contacto-form{background:var(--color6) !important; border:1px solid var(--line)}
.input-icon{background:var(--color1); border-color:var(--line)}
input,textarea,select{background:var(--color1) !important; color:var(--color4) !important; border-color:var(--line) !important}
.contacto-form .cta-btn,.elegirnos-btn,.blog-article-link,.cta-btn{background:var(--color3) !important; color:#fff !important; text-transform:uppercase; letter-spacing:1.5px; font-weight:600}
.cta-btn:hover,.elegirnos-btn:hover,.blog-article-link:hover{opacity:0.88; background:var(--color3) !important}

/* Catálogo */
.chip{background:transparent !important; border-color:var(--line) !important; color:var(--color5) !important; text-transform:uppercase; letter-spacing:1px; font-size:0.8rem}
.chip.activo,.chip:hover{border-color:var(--color3) !important; color:var(--color4) !important; background:var(--color3) !important}
.p-img{background:var(--color6) !important}
.badge.combo,.btn-video{background:var(--color6) !important; border:1px solid var(--line)}
.thumb{background:var(--color1) !important; color:var(--color5); border-color:var(--line)}
.p-precio{color:var(--color3)}

/* Banners */
.cta-banner,.cat-mayorista{background:var(--color1) !important; border:1px solid var(--line); border-radius:2px !important}
.cta-banner .btn-sec{border-color:var(--line)}

/* Pie de página */
#site-footer{background:var(--bg) !important; border-top:1px solid var(--line); color:var(--color5)}

@media (max-width:900px){
  nav{padding:0 1rem}
  .logo-img{height:44px !important}
  .hero.hero-main{height:420px}
}