/* Repuestos y Lubricantes Pérez — capa visual V1.2, encima de site.css V1.1 */
:root{--green:#064b30;--green-dark:#032a20;--orange:#f36a08}
.main-nav{gap:clamp(11px,1.65vw,24px)}.main-nav a{font-size:11px}.nav-message{font-size:10px}
.perez-slider{background:#032a20;color:#fff;position:relative;overflow:hidden;isolation:isolate}
.perez-slider-viewport{overflow:hidden;width:100%}
.perez-slider-track{display:flex;will-change:transform;transition:transform .62s cubic-bezier(.24,.76,.19,1)}
.perez-slide{position:relative;min-width:100%;width:100%;flex:0 0 100%;overflow:hidden;background:radial-gradient(ellipse at 90% 25%,#196641 0,transparent 52%),linear-gradient(110deg,#03291d,#07442f 90%)}
.perez-slide-lubricantes{background:radial-gradient(ellipse at 80% 14%,#26774b 0,transparent 58%),linear-gradient(110deg,#022a1d,#093c31 88%)}
.perez-slide-accesorios{background:radial-gradient(ellipse at 82% 25%,#19604c 0,transparent 57%),linear-gradient(110deg,#041e20,#09523c 95%)}
.perez-slide-inner{min-height:510px;display:flex;align-items:center;position:relative}
.perez-slide-copy{width:57%;max-width:665px;position:relative;z-index:3;padding:60px 0 88px}
.perez-slide-copy h1{font-size:clamp(38px,4.55vw,65px);letter-spacing:-.05em;line-height:1.1;margin:0 0 18px}
.perez-slide-copy h1 span{color:#ff9b55}
.perez-slide-copy>p:not(.slide-compat){font-size:16px;line-height:1.75;color:#d2e6da;max-width:515px;margin-bottom:26px}
.perez-slide-copy .slide-compat{font-size:11px;color:#e1f0e6;margin-top:23px;margin-bottom:0}
.perez-slide-visual{position:absolute;inset:0 -6% 0 auto;width:64%;pointer-events:none}
.perez-slide-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#033322 1%,rgba(3,51,34,.68) 14%,transparent 40%),linear-gradient(0deg,rgba(2,34,24,.6),transparent 26%)}
.perez-slide-visual img{width:100%;height:100%;object-fit:cover;object-position:70% center}
.perez-slide-lubricantes .perez-slide-visual img,.perez-slide-accesorios .perez-slide-visual img{object-fit:contain;object-position:center;filter:drop-shadow(0 25px 30px rgba(0,0,0,.32))}
.perez-slider-controls{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:13px}
.perez-slider-control,.perez-slider-pause{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:100px;min-width:34px;height:34px;font-size:23px;line-height:1}
.perez-slider-control:hover,.perez-slider-pause:hover{background:var(--orange)}
.perez-slider-pause{font-size:11px;min-width:74px;padding:0 12px;font-weight:700}
.perez-slider-dots{display:flex;align-items:center;gap:9px}
.perez-slider-dots button{width:29px;height:6px;border-radius:10px;border:0;background:rgba(255,255,255,.44);padding:0;transition:background .2s}
.perez-slider-dots button[aria-current="true"]{background:#ff891f}
.vehicle-finder-wrap{background:#f5f6f4;border-block:1px solid #e5e9e4}
.vehicle-finder{display:grid;grid-template-columns:minmax(150px,1.05fr) repeat(4,minmax(100px,1fr)) 92px;gap:10px;align-items:center;padding:18px 0 13px}
.vehicle-label{font-size:14px;color:var(--orange);font-weight:800;display:flex;flex-direction:column;line-height:1.2}
.vehicle-label-icon{display:none}.vehicle-label small{font-size:10px;color:#6b7970;font-weight:600;margin-top:6px}
.vehicle-finder label{min-width:0;position:relative}.vehicle-finder label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.vehicle-finder select{width:100%;height:47px;border:1px solid #e0e6e1;border-radius:28px;background:#fff;color:#213a31;padding:0 30px 0 16px;appearance:auto;font-size:12px}
.vehicle-finder select:disabled{opacity:.6;background:#f7f9f6}
.vehicle-submit{min-height:47px;height:47px;border-radius:28px;background:var(--orange);color:white;padding:0 14px}
.vehicle-submit:hover{background:#dc5b04;color:white}.vehicle-finder-status{grid-column:1/-1;font-size:11px;min-height:16px;margin:2px 0 0;color:#64766b}
.vehicle-finder-status.error{color:#b53c21}
.v12-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.v12-category-grid .category-card{min-width:0;padding:20px 16px;min-height:150px}
.v12-category-grid .category-card strong{font-size:13px;line-height:1.25}
.three-lines{background:#f4f8f4}
.lines-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lines-grid>a{position:relative;padding:28px 25px;min-height:190px;border-radius:12px;background:linear-gradient(135deg,#fff,#f4fbf6);border:1px solid #dfe9e1;display:flex;align-items:flex-start;flex-direction:column;transition:border-color .2s,transform .2s}
.lines-grid>a:hover{border-color:#0c7550;transform:translateY(-3px)}
.lines-grid .line-icon{font-size:35px;line-height:1;color:var(--orange);margin-bottom:10px}
.lines-grid strong{font-size:21px;color:#064b30}.lines-grid small{font-size:12px;color:#68776f;margin:7px 0 12px}
.lines-grid>a>span:last-child{font-size:12px;color:#0c6b44;font-weight:800;margin-top:auto}
.side-category-tree{margin-top:23px;border-top:1px solid #e1e8e1;padding-top:17px}
.side-category-tree h3{font-size:15px;margin:0 0 12px}
.category-tree-row{border-bottom:1px solid #ebefeb}
.category-tree-row summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:8px;align-items:center;color:#0b4a35;font-weight:750;font-size:12px;padding:10px 0}
.category-tree-row summary::-webkit-details-marker{display:none}.category-tree-row summary:after{content:'⌄';color:var(--orange)}
.category-tree-row[open] summary:after{transform:rotate(180deg)}
.category-tree-link,.category-tree-child{display:block;width:100%;padding:7px 9px;text-align:left;border:0;background:transparent;font-size:11px;color:#355247;border-radius:5px}
.category-tree-link:hover,.category-tree-child:hover,.category-tree-link.active{background:#e9f4ec;color:#006840}
.category-tree-children{padding-left:10px;padding-bottom:8px}
.category-explorer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.category-explorer details{border-radius:12px;border:1px solid #e0e9e3;background:#fff;padding:14px 17px}
.category-explorer summary{font-weight:800;color:#075337;cursor:pointer;padding:8px 0}
.category-explorer .category-tree-children{display:grid;gap:3px}
.category-explorer .category-tree-child{font-size:12px}
.vehicle-result{font-size:12px;color:#0d7148;margin:7px 0 0}
@media(max-width:1140px){.nav-message{display:none}.main-nav{gap:16px}.vehicle-finder{grid-template-columns:repeat(4,minmax(100px,1fr)) 85px}.vehicle-label{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:12px}.vehicle-label small{margin:0}}
@media(max-width:880px){.perez-slide-inner{min-height:520px}.perez-slide-copy{width:73%}.perez-slide-visual{right:-20%;width:79%;opacity:.8}.v12-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-explorer{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-finder{grid-template-columns:repeat(2,minmax(0,1fr)) 90px}.vehicle-label{grid-column:1/-1}.vehicle-submit{grid-column:3;grid-row:2/4}}
@media(max-width:640px){.perez-slide-inner{min-height:568px;align-items:flex-start}.perez-slide-copy{padding:45px 0 195px;width:100%}.perez-slide-copy h1{font-size:clamp(32px,9vw,44px)}.perez-slide-copy>p:not(.slide-compat){font-size:12px;max-width:95%;line-height:1.7}.perez-slide-copy .hero-eyebrow{font-size:9px;margin-bottom:14px}.perez-slide-copy .slide-compat{font-size:10px;margin-top:14px}.perez-slide-copy .hero-buttons{gap:8px}.perez-slide-copy .hero-buttons .button{font-size:10px;min-height:42px;padding:9px 12px}.perez-slide-visual{inset:auto -10% 0 auto;height:238px;width:115%;opacity:.9}.perez-slide-visual img{object-position:72% 55%}.perez-slide-visual:after{background:linear-gradient(180deg,#033322,transparent 27%),linear-gradient(0deg,rgba(2,34,24,.55),transparent 22%)}.perez-slider-controls{bottom:10px}.perez-slider-pause{min-width:63px}.vehicle-finder{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 0;gap:9px}.vehicle-label{font-size:13px}.vehicle-label small{font-size:9px}.vehicle-finder select{height:44px;font-size:12px}.vehicle-submit{grid-row:auto;grid-column:1/-1;height:44px;min-height:44px}.vehicle-finder-status{font-size:10px}.v12-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v12-category-grid .category-card{padding:13px;min-height:136px}.v12-category-grid .category-card strong{font-size:12px}.lines-grid{grid-template-columns:1fr;gap:10px}.lines-grid>a{min-height:140px;padding:20px}.category-explorer{grid-template-columns:1fr}.side-category-tree{display:block}.category-tree-row summary{padding:12px 0}}
@media(prefers-reduced-motion:reduce){.perez-slider-track{transition:none!important}}
