/*
Theme Name: VN Parabrisas y Neumáticos
Author: VN Parabrisas y Neumáticos
Description: Tienda WooCommerce de neumáticos y landing de servicios de cristales para automotores.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: vn-neumaticos
*/
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.vn-whatsapp-dialog{border:0;border-radius:18px;padding:28px;width:min(460px,calc(100% - 30px));box-shadow:0 25px 80px #0006;color:var(--ink)}.vn-whatsapp-dialog::backdrop{background:#101216bd}.vn-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.vn-dialog-head h2{font-size:1.8rem;line-height:1.1;margin:5px 0 12px}.vn-whatsapp-dialog p{color:var(--muted);margin:0 0 22px}.vn-dialog-close{border:0;background:#f2f2f2;border-radius:50%;width:34px;height:34px;font-size:1.5rem;line-height:1}.vn-whatsapp-dialog form{display:grid;gap:16px}.vn-measure-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vn-whatsapp-dialog .button{width:100%;margin-top:5px}.finder-help a{color:var(--red);font-weight:800}
:root{--ink:#17191e;--muted:#626873;--red:#a71930;--red-dark:#841327;--cream:#f6f4f1;--line:#e5e5e5;--white:#fff;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:1000}.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--red);color:#fff;border:1px solid var(--red);border-radius:9px;padding:.8rem 1.2rem;font-weight:700;line-height:1.2;text-align:center}.button:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--red-dark);color:#fff}.button-ghost{background:transparent;color:var(--red)}.button-ghost:hover{color:#fff}.eyebrow{display:inline-block;color:var(--red);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head h2,.section h2{font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.12;margin:.3rem 0}.section-head p{color:var(--muted);max-width:600px;margin:.7rem 0 0}.topbar{background:var(--ink);color:#fff;font-size:.82rem}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding-block:7px}.topbar a:hover{text-decoration:underline}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:155px}.brand img{width:155px;height:74px;object-fit:contain}.brand-word{font-size:1.15rem;font-weight:900;line-height:1.1}.brand-word small{display:block;font-size:.67rem;letter-spacing:.09em;color:var(--red)}.main-nav{display:flex;align-items:center;gap:24px}.main-nav ul{display:flex;align-items:center;gap:24px;margin:0;padding:0;list-style:none}.main-nav a{font-weight:700;font-size:.9rem}.main-nav a:hover{color:var(--red)}.header-actions{display:flex;align-items:center;gap:12px}.cart-link{white-space:nowrap;font-weight:700}.mobile-toggle{display:none;background:none;border:0;font-size:1.5rem}.hero{background:linear-gradient(115deg,rgba(18,20,24,.97),rgba(22,24,29,.85)),radial-gradient(circle at 83% 40%,#7f152a,transparent 42%);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-block:92px}.hero h1{font-size:clamp(2.7rem,5.3vw,5.2rem);line-height:1.04;letter-spacing:-.045em;margin:14px 0 22px}.hero h1 em{color:#ff7589;font-style:normal}.hero p{font-size:1.12rem;color:#d4d6da;max-width:590px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero .button-ghost{color:#fff;border-color:#fff}.hero-visual{position:relative;min-height:360px;display:grid;place-items:center}.tire-art{width:min(370px,100%);aspect-ratio:1;border:34px solid #08090a;border-radius:50%;box-shadow:0 0 0 9px #303238,0 0 0 17px #0e0f10,22px 35px 40px #070708aa,inset 0 0 0 9px #41444a,inset 0 0 0 24px #111315;display:grid;place-items:center;background:repeating-conic-gradient(from 10deg,#34363a 0 12deg,#1e2023 12deg 24deg)}.tire-art:after{content:'VN';display:grid;place-items:center;width:45%;aspect-ratio:1;border:14px solid #797d83;border-radius:50%;background:#17191e;color:#fff;font-weight:900;font-size:3.5rem;box-shadow:0 0 0 5px #24272b}.hero-note{position:absolute;right:0;bottom:0;background:#fff;color:var(--ink);padding:14px 18px;border-radius:12px;box-shadow:0 14px 30px #0004;font-weight:800}.finder-wrap{margin-top:-34px;position:relative;z-index:2}.finder{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 44px #1112;padding:25px}.finder h2{font-size:1.25rem;margin:0 0 15px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.83rem;font-weight:750}.field input,.field select,.field textarea{width:100%;min-height:45px;border:1px solid #cfd1d4;border-radius:8px;background:#fff;padding:10px 12px;color:var(--ink)}.field textarea{min-height:115px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #a7193055;border-color:var(--red)}.filter-grid .button{min-height:45px}.finder-help{color:var(--muted);font-size:.82rem;margin:10px 0 0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-block:36px}.benefit{display:flex;gap:14px;align-items:start}.benefit-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;background:#fbe9ec;border-radius:11px;color:var(--red);font-weight:900}.benefit b{display:block}.benefit p{margin:2px 0;color:var(--muted);font-size:.9rem}.soft{background:var(--cream)}.product-grid,.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0!important;padding:0!important;list-style:none}.product-card,.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden;padding:0!important;position:relative}.product-card-media{display:grid;place-items:center;background:#f6f6f6;aspect-ratio:1.2;overflow:hidden}.product-card-media img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.product-card:hover img{transform:scale(1.04)}.product-card-body{padding:18px}.product-card h3{font-size:1.02rem;line-height:1.3;margin:6px 0 10px}.product-card .price{font-size:1.16rem;font-weight:800;color:var(--ink)}.product-card .price del{font-size:.85rem;color:var(--muted);font-weight:400}.product-card .price ins{text-decoration:none;color:var(--red)}.product-card .button{width:100%;margin-top:14px}.sale-tag{position:absolute;top:12px;left:12px;z-index:1;background:var(--red);color:#fff;font-size:.72rem;font-weight:800;padding:5px 9px;border-radius:5px}.empty-state{grid-column:1/-1;border:1px dashed #ccc;border-radius:12px;padding:35px;text-align:center;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.service-number{color:var(--red);font-weight:900}.service-card h3{font-size:1.3rem;margin:18px 0 8px}.service-card p{color:var(--muted);margin:0 0 20px}.service-card a{color:var(--red);font-weight:800}.insurance{background:var(--ink);color:#fff}.insurance-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.insurance p{color:#d0d1d4;max-width:700px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.contact-copy p{color:var(--muted)}.contact-list{padding:0;list-style:none}.contact-list li{margin:12px 0}.contact-list a{color:var(--red);font-weight:700}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 16px 40px #1111}.contact-form .full{grid-column:1/-1}.contact-form .button{justify-self:start}.form-status{margin:0;font-size:.9rem}.form-status[data-state=error]{color:#aa1b26}.form-status[data-state=success]{color:#28723a}.hp-field{position:absolute;left:-9999px}.site-footer{background:#121417;color:#fff;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:35px}.site-footer h3{font-size:.9rem;margin:0 0 15px;text-transform:uppercase;letter-spacing:.06em}.site-footer p,.site-footer li{color:#bfc1c6;font-size:.9rem}.site-footer ul{padding:0;margin:0;list-style:none}.site-footer li{margin:8px 0}.site-footer a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff2b;margin-top:40px;padding-top:22px;color:#aeb1b6;font-size:.8rem}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:25;background:#1fba5b;color:#fff;padding:12px 17px;border-radius:999px;font-weight:800;box-shadow:0 10px 24px #0003}.content-area{padding-block:55px;min-height:50vh}.entry-title{font-size:clamp(2rem,4vw,3rem);line-height:1.1}.entry-content{max-width:850px}.entry-content a{text-decoration:underline;color:var(--red)}.woocommerce .content-area,.woocommerce-page .content-area{max-width:1200px}.woocommerce ul.products li.product a img{aspect-ratio:1.2;object-fit:contain;background:#f7f7f7;margin:0!important}.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .button{margin:12px 15px!important}.woocommerce ul.products li.product .button{display:flex!important}.woocommerce span.onsale{background:var(--red);min-height:0;line-height:1;padding:7px 10px;border-radius:5px;top:10px;left:10px;right:auto}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--red)}.woocommerce .quantity .qty{min-height:42px}.woocommerce-message,.woocommerce-info{border-top-color:var(--red)}.woocommerce-message::before,.woocommerce-info::before{color:var(--red)}.shop-filter{margin:0 0 30px}.shop-filter .filter-grid{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{margin-bottom:24px}.woocommerce nav.woocommerce-pagination{margin-top:30px}.woocommerce a.remove{color:var(--red)!important}@media(max-width:900px){.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:20px;border-bottom:1px solid var(--line)}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav li{padding:9px 0}.mobile-toggle{display:block}.header-actions .button{display:none}.hero-inner{grid-template-columns:1fr;padding-block:65px}.hero-visual{display:none}.filter-grid,.shop-filter .filter-grid{grid-template-columns:repeat(2,1fr)}.filter-grid .button{grid-column:1/-1}.product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar .container{justify-content:center}.topbar span:last-child{display:none}.container{width:min(100% - 28px,1200px)}.header-inner{min-height:70px}.brand img{width:115px;height:56px}.cart-link{font-size:.85rem}.section{padding:55px 0}.section-head{display:block}.hero h1{font-size:2.65rem}.finder-wrap{margin-top:-15px}.filter-grid,.shop-filter .filter-grid,.benefits,.service-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.benefits{gap:20px}.product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card-body{padding:12px}.product-card .button{font-size:.8rem;padding:.7rem .4rem}.insurance-inner{display:block}.insurance .button{margin-top:12px}.contact-form{grid-template-columns:1fr;padding:20px}.contact-form .full{grid-column:auto}.footer-grid{gap:24px}}
