/* R1086 TecNica — interfaz pública renovada. CSS aislado en index y catalogo. */
:root { --tn-ink:#092441; --tn-muted:#52687e; --tn-blue:#087bdf; --tn-sky:#15b4f0; --tn-gold:#ffcb43; --tn-line:#dce8f3; --tn-surface:#fff; --tn-base:#f3f7fb; }
body.home-page,body.catalog-page{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; background:var(--tn-base); color:var(--tn-ink)}
/* Small customer trust line: intentionally outside the administrative shell. */
.tecnica-utility{display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,65px);min-height:37px;padding:7px 18px;background:#051a32;color:#e5f4ff;font-size:12px;font-weight:650;letter-spacing:.01em;border-bottom:1px solid #254364}
.tecnica-utility>span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.tecnica-utility svg{width:15px;height:15px;flex:0 0 15px;color:#66d9f7}
/* Balanced navigation and prominent search. */
.home-page .site-header,.catalog-page .site-header{background:linear-gradient(110deg,#09233e 0%,#0a355d 58%,#096ac1 100%);box-shadow:0 10px 25px #061e3a12;border-bottom:1px solid #fff2;gap:11px 18px;padding-top:12px;padding-bottom:12px}
.home-page .site-header .brand,.catalog-page .site-header .brand{display:flex;align-items:center;justify-content:flex-start;max-width:354px;padding:8px 14px;border:1px solid #dceafb;border-radius:15px;background:#fff;box-shadow:0 9px 22px #001b3433}
.home-page .site-header .brand img[src*="tecnica-logo.svg"],.catalog-page .site-header .brand img[src*="tecnica-logo.svg"]{display:block;width:100%;max-height:70px;object-fit:contain;object-position:left center}
.home-page .home-search,.catalog-page .home-search{border-radius:14px;box-shadow:0 9px 25px #001c3d33}
.home-page .home-search button,.catalog-page .home-search button{background:var(--tn-gold)}
.home-page .main-nav,.catalog-page .main-nav{gap:clamp(14px,2vw,30px)}
.home-page .main-nav a,.catalog-page .main-nav a{font-size:13px;font-weight:750;letter-spacing:.015em;transition:color .2s,opacity .2s}
.home-page .menu-toggle,.catalog-page .menu-toggle{background:#ffffff14;border:1px solid #ffffff55;border-radius:12px}
.home-page .site-header>.cart,.catalog-page .site-header>.cart{border-radius:15px}
/* A purposeful frame around rotating campaign creative; don't crop product banners. */
.home-page .hero{position:relative;margin:18px auto 0;width:calc(100% - 38px);max-width:1540px;border:1px solid #bdd1e0;border-radius:22px;box-shadow:0 18px 42px #092c5025;background:#0b2343;overflow:hidden}
.home-page .hero-carousel{aspect-ratio:16/6.6}
.home-page .hero-slide img{width:100%;height:100%;object-fit:contain;background:#0a2041}
.home-page .hero-arrow{background:#061b32a8;color:#fff;border:1px solid #ffffff55;border-radius:14px}
.home-page .hero-dots{bottom:10px}
/* Rebuilt intro with generous whitespace and a distinct conversion CTA. */
.home-page .hero-intro{position:relative;max-width:1160px;margin:24px auto 30px;padding:32px clamp(22px,4vw,56px);text-align:left;border:1px solid #d9e6f1;border-radius:24px;background:linear-gradient(110deg,#fff 0%,#fff 55%,#eaf7ff 100%);box-shadow:0 12px 35px #092f5610;overflow:hidden}
.home-page .hero-intro::after{content:"";position:absolute;right:-72px;top:-85px;width:290px;height:290px;border:38px solid #20a5ed14;border-radius:50%;pointer-events:none}
.home-page .hero-intro>span{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;color:#076bbd;font-size:11px;font-weight:850;letter-spacing:.15em}
.home-page .hero-intro>span::before{content:"";width:8px;height:8px;border-radius:50%;background:#ffb91e;box-shadow:0 0 0 5px #ffc94d31}
.home-page .hero-intro h1{position:relative;z-index:1;max-width:850px;margin:12px 0 12px;font-size:clamp(29px,3.1vw,45px);line-height:1.12;letter-spacing:-.04em;color:#0b2946}
.home-page .hero-intro p{position:relative;z-index:1;max-width:800px;color:#536b81;font-size:clamp(14px,1.2vw,17px);line-height:1.6}
.home-page .hero-intro .catalog-spotlight{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:13px 25px;border:0;border-radius:13px;background:linear-gradient(110deg,#0677d6,#0455b7);color:#fff!important;box-shadow:0 10px 24px #0a68c53d;white-space:normal;max-width:100%;width:auto;font-weight:800;letter-spacing:.01em}
.home-page .hero-intro .catalog-spotlight:hover{filter:brightness(1.07);transform:translateY(-2px)}
/* Cards, categories and content surfaces share a quieter, premium design language. */
.home-page .home-products,.home-page .home-offers{margin:24px auto;max-width:1440px;width:calc(100% - 38px);padding:clamp(22px,3vw,38px);border:1px solid #deebf5;border-radius:25px;background:#fff;box-shadow:0 13px 35px #143d620d}
.home-page .home-products::before,.home-page .home-offers::before{opacity:.12}
.home-page .home-products>header,.home-page .home-offers>header{position:relative;z-index:1;gap:16px}
.home-page .home-products>header h2,.home-page .home-offers>header h2{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.03em;line-height:1.18;color:#092441}
.home-page .home-products>header p,.home-page .home-offers>header p{color:#61778b;line-height:1.55}
.home-page .home-products-grid,.home-page .home-offers-grid{position:relative;z-index:1;gap:18px}
.home-page .home-product-card,.home-page .home-offer-card,.catalog-page .catalog-card{border:1px solid #dde8f1;border-radius:20px;background:#fff;box-shadow:0 7px 23px #092d5810;transition:transform .22s,border-color .22s,box-shadow .22s}
.home-page .home-product-card:hover,.home-page .home-offer-card:hover,.catalog-page .catalog-card:hover{transform:translateY(-4px);border-color:#91c5ea;box-shadow:0 15px 32px #092d5822}
.home-page .home-product-image,.home-page .home-offer-image,.catalog-page .catalog-card .product-image{background:linear-gradient(145deg,#f9fcff,#eaf3fb)}
.home-page .home-product-content h3,.home-page .home-offer-content h3,.catalog-page .catalog-card h2{color:#092441;letter-spacing:-.015em}
.home-page .categories,.catalog-page .categories{border:1px solid #d9e7f4;border-radius:20px;background:#fff;box-shadow:0 11px 28px #0a376016;overflow-x:auto}
.home-page .categories button,.catalog-page .categories button{border-color:#e4edf4;font-weight:750;letter-spacing:.005em;color:#24415d;transition:background .18s,color .18s}
.home-page .categories button:hover,.catalog-page .categories button:hover{background:#eef7ff;color:#0759ae}
.home-page .categories button.selected,.catalog-page .categories button.selected{background:linear-gradient(180deg,#ecf7ff,#dbedff);color:#064b9a}
.home-page .categories button span,.catalog-page .categories button span{margin-bottom:9px}
.catalog-page .catalog-section{background:transparent}
.catalog-page .catalog-heading h1{color:#092441;letter-spacing:-.025em}
.catalog-page .catalog-section .category-product-row>.catalog-card{border-radius:19px!important}
/* Bottom edge: a deliberate brand finish. */
.home-page footer,.catalog-page footer{background:linear-gradient(120deg,#071d35,#0c3c67);border-top:4px solid #0a93e4}
.home-page .tecnica-company-note,.catalog-page .tecnica-company-note{color:#d7e8fb;font-weight:650;letter-spacing:.04em}
/* Keyboard and low-motion accessibility. */
.home-page :is(a,button):focus-visible,.catalog-page :is(a,button):focus-visible{outline:3px solid #ffbf2b;outline-offset:3px}
@media(min-width:1200px){.home-page .home-products,.home-page .home-offers{width:93%}}
@media(max-width:900px){.tecnica-utility{gap:18px}.home-page .hero{width:calc(100% - 20px);margin-top:10px;border-radius:17px}.home-page .hero-carousel{aspect-ratio:16/8}.home-page .hero-intro{width:calc(100% - 24px);padding:27px 24px}.home-page .home-products,.home-page .home-offers{width:calc(100% - 24px)}}
@media(max-width:760px){
 .tecnica-utility{min-height:31px;padding:6px 8px;font-size:10px;gap:12px;justify-content:space-around}
 .tecnica-utility>span:nth-child(2){display:none}
 .home-page .site-header,.catalog-page .site-header{gap:8px;padding:10px 12px 12px}
 .home-page .site-header .brand,.catalog-page .site-header .brand{max-width:246px;padding:6px 10px;border-radius:12px}
 .home-page .site-header .brand img[src*="tecnica-logo.svg"],.catalog-page .site-header .brand img[src*="tecnica-logo.svg"]{max-height:57px}
 .home-page .hero{width:calc(100% - 18px);border-radius:14px;margin-top:9px}
 .home-page .hero-carousel{aspect-ratio:16/9}
 .home-page .hero-intro{margin:13px 9px 20px;padding:23px 19px;border-radius:18px;text-align:left}
 .home-page .hero-intro h1{font-size:27px;letter-spacing:-.035em}
 .home-page .hero-intro p{font-size:14px}
 .home-page .hero-intro .catalog-spotlight{width:100%;padding:12px 15px;font-size:12px!important}
 .home-page .home-products,.home-page .home-offers{width:calc(100% - 18px);margin:18px 9px;padding:19px 14px;border-radius:19px}
 .home-page .home-products>header h2,.home-page .home-offers>header h2{font-size:25px}
 .home-page .home-product-card,.home-page .home-offer-card,.catalog-page .catalog-card{border-radius:16px}
 .home-page .categories,.catalog-page .categories{border-radius:15px}
 .home-page .home-offers>header,.home-page .home-products>header{gap:8px}
}
@media(max-width:390px){.tecnica-utility{font-size:9px;gap:8px}.home-page .site-header .brand,.catalog-page .site-header .brand{max-width:212px}.home-page .hero-intro h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.home-page .home-product-card,.home-page .home-offer-card,.catalog-page .catalog-card{transition:none}}
/* Night mode is preserved without light panels. */
html[data-theme=dark] .tecnica-utility{background:#061526}
html[data-theme=dark] .home-page .hero-intro{background:linear-gradient(110deg,#11263b,#132d47)!important;border-color:#345674!important}
html[data-theme=dark] .home-page .hero-intro h1{color:#f2f7fe!important}
html[data-theme=dark] .home-page .hero-intro p{color:#bfcede!important}
html[data-theme=dark] .home-page .hero-intro>span{color:#89c5ff}
html[data-theme=dark] .home-page .home-products,html[data-theme=dark] .home-page .home-offers{background:#101f32!important;border-color:#284963!important}