/*
Theme Name: Ópticas Losada
Theme URI: https://losadaoptica.cl/
Author: Ópticas Losada
Description: Reconstrucción fiel del sitio de Ópticas Losada para WordPress.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: opticas-losada
*/

@font-face{font-family:MontserratLosada;src:url('assets/fonts/montserrat.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:ArchivoLosada;src:url('assets/fonts/archivo-black.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
:root{--red:#a52830;--ink:#222;--muted:#676767;--lavender:#e7e7eb;--soft:#f7f7f7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:MontserratLosada,Montserrat,Arial,sans-serif}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{width:auto;height:auto;clip:auto;margin:8px;padding:12px;z-index:9999;background:#fff}
.top-offer{min-height:36px;padding:8px 20px;display:flex;justify-content:center;align-items:center;font-size:13px;letter-spacing:.02em;background:#fafafa}
.main-header{height:86px;padding:0 clamp(24px,6vw,88px);display:grid;grid-template-columns:250px 1fr auto;gap:34px;align-items:center;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:30;border-bottom:1px solid #f0f0f0}
.logo{width:220px;height:70px;display:flex;align-items:center;overflow:hidden}
.logo img{width:100%;height:auto}
.desktop-nav .menu{display:flex;justify-content:flex-end;gap:clamp(20px,2.6vw,42px);align-items:center;margin:0;padding:0;list-style:none}
.desktop-nav a{padding:12px 0;font-size:13px;letter-spacing:.04em;white-space:nowrap}
.current-menu-item>a{border-bottom:1px solid #555}
.header-tools{display:flex;align-items:center;gap:18px}.header-tools a{font-size:22px;line-height:1}
.mobile-menu-toggle{display:none;border:0;background:none;font-size:26px}.mobile-navigation{padding:16px 24px;border-bottom:1px solid #eee;background:#fff}.mobile-navigation .menu{margin:0;padding:0;list-style:none}.mobile-navigation li+li{margin-top:12px}
.hero-current{min-height:610px;margin:0 clamp(24px,3.5vw,48px);background:linear-gradient(rgba(0,0,0,.27),rgba(0,0,0,.27)),url('assets/images/hero.webp') center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:flex-end}
.hero-content{width:min(58%,720px);padding:60px;color:#fff;display:flex;align-items:center;flex-direction:column;text-align:center}.hero-phone{margin-bottom:22px;font-size:20px;font-weight:500}.hero-current h1{max-width:720px;margin:0 0 28px;font:900 clamp(24px,2.8vw,40px)/1.18 ArchivoLosada,Arial,sans-serif}.hero-buttons{display:flex;flex-direction:column;gap:18px;width:min(100%,560px)}
.pill{min-height:54px;padding:15px 34px;border-radius:999px;background:#fff;color:#242424;display:inline-flex;justify-content:center;align-items:center;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:center}.pill.solid{background:#e4e4e8}.pill.gray{width:100%;background:var(--lavender)}
.legacy-section,.mobile-optics,.eco-section,.products-section{padding:90px clamp(24px,6vw,88px)}.section-title{padding-bottom:20px;border-bottom:1px solid #dedede}.section-title h2{margin:0;font:900 clamp(20px,2.2vw,30px)/1.2 ArchivoLosada,Arial,sans-serif}.section-title.centered{text-align:center}
.legacy-grid{margin:40px auto 60px;max-width:980px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.video-cover{position:relative;min-height:340px;overflow:hidden;background:#eee}.video-cover img{width:100%;height:100%;object-fit:cover}.video-cover span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:54px;text-shadow:0 2px 15px rgba(0,0,0,.45)}.legacy-copy{font-size:19px;line-height:1.65;font-weight:600;color:#575757}.wide-actions{max-width:760px;margin:auto;display:flex;flex-direction:column;gap:14px}
.marquee{overflow:hidden;padding:18px 0;color:#9b9cb5;font-size:clamp(26px,4vw,58px);white-space:nowrap;letter-spacing:.01em}.marquee span{display:inline-block;min-width:100%;animation:losada-marquee 28s linear infinite}.marquee.pale{padding:36px 0;background:#fafafa}@keyframes losada-marquee{from{transform:translateX(0)}to{transform:translateX(-45%)}}
.category-banners{display:grid}.image-banner{min-height:310px;background-position:center;background-size:cover;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.image-banner:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.24)}.image-banner>*{position:relative;z-index:1}.accessories{background-image:url('assets/images/accesorios.webp')}.hearing{background-image:url('assets/images/audifonos.webp')}.progressive{min-height:390px;background-image:url('assets/images/progresivos.webp');color:#fff}.kids{min-height:300px;background-image:url('assets/images/infantes.webp');color:#fff}.image-banner h2{margin:0;font:900 clamp(34px,4vw,58px)/1 ArchivoLosada,Arial,sans-serif;text-transform:uppercase}
.red-band{min-height:260px;padding:55px clamp(28px,7vw,100px);background:var(--red);color:#fff;display:grid;grid-template-columns:1.2fr auto;gap:50px;align-items:center}.red-band h2{max-width:820px;margin:0;font:900 clamp(28px,3vw,44px)/1.16 ArchivoLosada,Arial,sans-serif}.red-band .pill{min-width:190px}.compact-band{min-height:210px}
.section-lead{max-width:760px;margin:30px auto 0;text-align:center;color:var(--muted);line-height:1.7}.video-grid{margin-top:50px;display:grid;grid-template-columns:repeat(2,1fr);gap:50px 34px}.video-grid iframe{width:100%;aspect-ratio:16/9;border:0;background:#111}.video-grid h3{margin:22px 0 10px;font:900 19px/1.2 ArchivoLosada,Arial,sans-serif}.video-grid p{margin:0;color:var(--muted);line-height:1.65;font-size:13px}
.photo-gallery{padding:0 clamp(24px,5vw,70px) 90px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.photo-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.double-offer{padding:76px 24px;background:var(--lavender);text-align:center}.double-offer h2{margin:0 0 24px;font:900 clamp(28px,4vw,52px)/1.1 ArchivoLosada,Arial,sans-serif}.double-offer .pill{border:1px solid #bbb}
.eco-section h3{max-width:900px;margin:38px auto;color:#575757;text-align:center;font-size:20px;line-height:1.5}.eco-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.eco-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.social-section{padding:65px 24px;text-align:center}.social-section p{display:flex;justify-content:center;gap:35px;font-weight:600}
.contact-section{padding:100px clamp(24px,7vw,105px);background:#fafafa;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(55px,8vw,120px)}.losada-contact-form{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.losada-contact-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.losada-contact-form label:nth-of-type(n+4){grid-column:1/-1}.losada-contact-form input,.losada-contact-form textarea{width:100%;padding:14px 12px;border:1px solid #d6d6d6;background:#fff}.losada-contact-form button{width:160px;min-height:50px;border:0;background:#222;color:#fff;text-transform:uppercase;font-size:12px;font-weight:700}.visit-us{padding-top:48px}.visit-us h2{margin:0 0 20px;font:900 30px/1.2 ArchivoLosada,Arial,sans-serif}.visit-us p{color:var(--muted);line-height:1.8}.visit-us .pill{margin:20px 0 36px}.visit-us h3{font-family:ArchivoLosada,Arial,sans-serif}
.site-footer{padding:55px clamp(24px,6vw,88px);border-top:1px solid #e7e7e7;display:grid;grid-template-columns:220px 1fr;gap:35px 70px;align-items:center}.site-footer img{width:210px}.site-footer .menu{display:flex;flex-wrap:wrap;gap:15px 28px;margin:0;padding:0;list-style:none;font-size:11px;text-transform:uppercase}.site-footer>p{grid-column:1/-1;margin:0;padding-top:24px;border-top:1px solid #eee;color:#777;font-size:11px}.social-links{grid-column:1/-1;display:flex;gap:22px;font-size:12px}
.promo-overlay{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:20px}.promo-overlay[hidden],.cookie-box[hidden],.mobile-navigation[hidden]{display:none}.promo-modal{width:min(510px,100%);background:#fff;position:relative;text-align:center;box-shadow:0 22px 70px rgba(0,0,0,.35)}.promo-modal>img{width:100%;height:230px;object-fit:cover}.promo-modal>div{padding:34px}.promo-modal h2{margin:0 0 18px;color:#87879a;font-size:27px;font-weight:500}.promo-modal p{margin:0 0 25px;color:#777}.promo-modal>button{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:#fff;font-size:22px;cursor:pointer}
.cookie-box{position:fixed;right:28px;bottom:28px;z-index:70;width:min(390px,calc(100% - 40px));padding:28px;background:#fff;box-shadow:0 5px 22px rgba(0,0,0,.2)}.cookie-box strong{display:block;font-size:18px}.cookie-box p{color:#666;font-size:13px;line-height:1.6}.cookie-box button{width:100%;min-height:45px;border:0;border-radius:999px;background:#111;color:#fff;font-weight:700}
.content-page,.shop-page{min-height:550px}.content-page-header{padding:85px clamp(24px,8vw,125px);background:#f5f5f5}.content-page-header h1{max-width:1050px;margin:0;font:900 clamp(42px,6vw,82px)/1.04 ArchivoLosada,Arial,sans-serif}.content-page-image{margin:0}.content-page-image img{width:100%;max-height:620px;object-fit:cover}.entry-content{max-width:1120px;margin:0 auto;padding:80px 24px;font-size:16px;line-height:1.85}.entry-content h2,.entry-content h3,.entry-content h4{font-family:ArchivoLosada,Arial,sans-serif}.entry-content table{width:100%;border-collapse:collapse}.entry-content td,.entry-content th{padding:12px;border-bottom:1px solid #ddd}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:ArchivoLosada,Arial,sans-serif}.woocommerce a.button,.woocommerce button.button{border-radius:999px;background:#222;color:#fff}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--red)}
@media(max-width:980px){.main-header{grid-template-columns:200px 1fr auto;padding:0 24px}.desktop-nav{display:none}.header-tools{justify-self:end}.mobile-menu-toggle{display:block}.hero-current{min-height:560px;margin:0}.hero-content{width:70%}.legacy-grid,.contact-section{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr}.photo-gallery{grid-template-columns:1fr 1fr}.red-band{grid-template-columns:1fr;gap:30px}.eco-gallery{grid-template-columns:1fr}}
@media(max-width:620px){.top-offer{font-size:10px;text-align:center}.main-header{height:72px;grid-template-columns:1fr auto;padding:0 16px}.logo{width:165px;height:58px}.header-tools{display:none}.hero-current{min-height:540px;justify-content:center;background-position:42% center}.hero-content{width:100%;padding:36px 22px}.hero-current h1{font-size:26px}.legacy-section,.mobile-optics,.eco-section,.products-section{padding:66px 20px}.legacy-grid{gap:30px;margin-bottom:40px}.video-cover{min-height:240px}.marquee{font-size:31px}.image-banner{min-height:230px}.red-band{padding:45px 22px}.red-band h2{font-size:29px}.photo-gallery{padding:0 10px 60px;gap:6px}.contact-section{padding:70px 20px}.losada-contact-form{grid-template-columns:1fr}.losada-contact-form label{grid-column:1/-1}.site-footer{grid-template-columns:1fr;padding:45px 20px}.site-footer>p,.social-links{grid-column:1}.cookie-box{right:20px;bottom:20px;padding:22px}.content-page-header{padding:65px 22px}.entry-content{padding:60px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee span{animation:none}}