/* Pedrero Diseño & Madera · Catálogos · Mobile-first */
:root{--azul:#123c59;--profundo:#0c293d;--tinta:#173247;--secundario:#526777;--fondo:#f5f7f8;--linea:#d9e3e9;--madera:#deb77c}
*{box-sizing:border-box}html{scroll-padding-top:100px;scroll-behavior:smooth}body{margin:0;background:var(--fondo);color:var(--tinta);font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}button,[role=button]{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2rem,6vw,3.8rem);letter-spacing:-.045em;font-weight:650}h2{font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.025em}h3{font-size:1.4rem}p+p{margin-top:16px}[hidden]{display:none!important}:focus-visible{outline:3px solid #bc8026;outline-offset:4px}.container,.contenedor{width:min(1180px,calc(100% - 32px));margin:auto}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:white;z-index:9999}.skip-link:focus{top:8px}
header{position:sticky;top:0;z-index:1000;background:white;border-bottom:1px solid var(--linea)}.navbar,.barra{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px}.marca{flex-shrink:0}.marca img{width:clamp(132px,36vw,210px);height:auto;aspect-ratio:1024/339;object-fit:contain}.acciones-superiores,.nav-actions{display:flex;gap:6px}.btn,.boton{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid transparent;border-radius:9px;background:var(--azul);color:white;padding:11px 17px;font-weight:650;font-size:.9rem;text-align:center;line-height:1.35}.btn:hover,.boton:hover{background:#246b91}.btn-outline,.boton-secundario{background:white;border-color:var(--linea);color:var(--azul)}.btn-outline:hover,.boton-secundario:hover{background:#eaf0f4}.barra .boton,.navbar .btn{font-size:.78rem;padding:10px}
.hero{padding:42px 0;background:var(--profundo);color:white}.hero h1{max-width:820px}.hero p:not(.eyebrow){margin-top:18px;max-width:700px;color:#d0e1eb;font-size:1rem}.hero-grid{display:grid;gap:30px}.hero-grid h1 span{display:block;color:#b7d5e6}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;margin-bottom:20px;color:#c3dcea;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:24px;height:2px;background:var(--madera)}.hero-visual{position:relative}.hero-photo{border-radius:18px;overflow:hidden;background:#23465d}.hero-photo img{width:100%;aspect-ratio:16/10;object-fit:cover}.hero-stamp{position:absolute;bottom:14px;left:14px;background:#0c293de6;padding:14px 18px;color:#f3e4cd;line-height:1.3;border-left:2px solid var(--madera);font-size:.85rem}.hero-link{margin-top:24px;background:white;color:var(--azul)}
.catalogos{padding:48px 0 60px}.section-head{margin-bottom:24px}.section-head p{margin-top:12px;color:var(--secundario);max-width:680px}.catalog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.catalog-card{display:flex;flex-direction:column;background:white;border:1px solid var(--linea);border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #123c5906}.catalog-card>img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-content{padding:24px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.card-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#526777;margin-bottom:10px}.card-content p{font-size:.95rem;color:var(--secundario);margin-top:12px}.card-link{font-size:.9rem;font-weight:700;min-height:44px;display:inline-flex;align-items:center;color:var(--azul);margin-top:18px}.card-link:after{content:'↗';margin-left:12px}.disabled{opacity:.75}.sin-portada{min-height:180px;display:grid;place-items:center;background:linear-gradient(135deg,#dce8ee,#f5f7f8);color:var(--secundario);font-size:.85rem}.note{margin-top:32px;display:grid;gap:20px;background:#e7eff4;border:1px solid var(--linea);padding:24px;border-radius:16px}.note p{margin-top:8px;font-size:.95rem;color:var(--secundario)}
.aviso{margin:24px 0;padding:16px 18px;border-left:3px solid #b38b51;background:#edf2f5;color:var(--secundario);font-size:.85rem;border-radius:0 10px 10px 0}.indice-lineas,.filtros{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 14px;scrollbar-width:thin;max-width:100%}.indice-lineas a,.filtro{flex:0 0 auto;min-height:44px;padding:10px 16px;background:white;border:1px solid #a6bac7;border-radius:30px;font-size:.85rem;font-weight:600;color:var(--azul);white-space:nowrap}.indice-lineas a:hover,.filtro.activo{background:var(--azul);color:white;border-color:var(--azul)}.linea-catalogo,.seccion-colores{padding:28px 0;scroll-margin-top:100px}.linea-encabezado,.seccion-titulo{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:20px}.linea-encabezado>span{font-size:.8rem;color:var(--secundario)}.catalogo-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.lamina{background:white;border:1px solid var(--linea);border-radius:14px;overflow:hidden;min-width:0}.lamina>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#fff;padding:8px}.lamina-info{padding:18px;border-top:1px solid var(--linea)}.lamina-info h2{font-size:1.05rem;overflow-wrap:anywhere}.lamina-info span{display:block;color:var(--secundario);font-size:.78rem;margin-top:8px}.vacio{grid-column:1/-1;padding:38px 24px;text-align:center;border:1px dashed #a6bac7;border-radius:14px;background:white}.vacio p{margin:16px auto 20px;max-width:500px;color:var(--secundario)}.contacto{margin:40px 0 56px;padding:28px 24px;border-radius:18px;background:var(--azul);color:white}.contacto p{margin:16px 0 22px;max-width:680px;color:#d5e4ed}.contacto .boton{background:white;color:var(--azul)}
.search-tools{margin:24px 0 12px;padding:20px;border:1px solid var(--linea);background:white;border-radius:14px}.search-label,.search-tools label{display:block;font-size:.9rem;font-weight:650;margin-bottom:8px}.buscar,.search-tools input{font-size:16px;min-height:50px;padding:12px 14px;border:1px solid #96aab8;border-radius:8px;width:100%;max-width:100%;background:white;color:var(--tinta)}.search-results{display:block;font-size:.82rem;color:var(--secundario);margin-top:10px}.controles{padding:12px 0 6px}.controles .buscar{margin-bottom:8px}.sin-resultados{display:none;padding:28px;background:white;border:1px dashed #a6bac7;border-radius:12px;text-align:center}.grid-colores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.color-card{background:white;border:1px solid var(--linea);border-radius:12px;overflow:hidden;min-width:0}.muestra{aspect-ratio:1;background:#e4ecf1}.muestra img{width:100%;height:100%;object-fit:cover}.color-info{padding:16px 12px}.color-info strong{display:block;font-size:.9rem;line-height:1.35}.color-info span{display:block;margin-top:6px;color:var(--secundario);font-size:.75rem}.image-unavailable{position:relative;background:repeating-linear-gradient(135deg,#eaf0f4,#eaf0f4 10px,#f5f7f8 10px,#f5f7f8 20px);min-height:100px;display:grid;place-items:center}.image-unavailable>img{visibility:hidden}.image-unavailable>.image-status{position:absolute;inset:0;display:grid;place-items:center;padding:14px;text-align:center;font-size:.8rem;color:var(--secundario)}
footer{padding:35px 20px 110px;background:var(--profundo);color:#ccdee8;font-size:.82rem}.footer-row{display:grid;gap:16px}footer>p{max-width:1180px;margin:auto}.modal-abierto{overflow:hidden}.modal:not([open]){display:none}.modal{position:fixed;inset:0;width:100%;height:100%;max-width:100%;max-height:100dvh;margin:0;padding:74px 16px 100px;border:0;background:#071b2af5;color:white;overflow:auto;overscroll-behavior:contain}.modal::backdrop{background:#071b2ae6}#modalCatalogo[open]{display:flex;align-items:center;justify-content:center}.modal-contenido{width:min(100%,1100px);text-align:center}.modal-imagen{width:100%;max-height:62dvh;object-fit:contain;background:transparent}.modal-titulo{padding:16px 0;font-size:.95rem}.modal-cerrar,.modal-flecha{position:fixed;min-height:48px;min-width:48px;display:grid;place-items:center;background:#123c59;border:1px solid #819bad;color:white;border-radius:10px;font-size:24px;z-index:2}.modal-cerrar{top:16px;right:16px}.modal-anterior{left:16px;bottom:20px}.modal-siguiente{right:16px;bottom:20px}.modal-caption{color:#bed5e3;font-size:.8rem;margin:8px 0}.modal-model-link{background:#fff;color:var(--azul);margin-top:12px}.modal-panel{width:min(100%,850px);margin:auto;border-radius:16px;overflow:hidden;background:white;color:var(--tinta)}.modal-muestra{background:#edf2f5;aspect-ratio:4/3}.modal-muestra img{width:100%;height:100%;object-fit:contain}.modal-info{padding:24px}.modal-info p{color:var(--secundario);margin-top:10px}.modal-acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.catalogos-pedrero .whatsapp-flotante{animation:none!important}.catalogos-pedrero .whatsapp-texto{font-family:inherit;color:var(--tinta)}
@media(min-width:540px){.catalog-grid,.catalogo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-colores{grid-template-columns:repeat(3,minmax(0,1fr))}.note{padding:32px}.modal-panel{display:grid;grid-template-columns:1fr 1fr}.modal-muestra{height:100%;aspect-ratio:auto;min-height:300px}}
@media(min-width:900px){.container,.contenedor{width:min(1180px,calc(100% - 64px))}.hero{padding:64px 0}.hero-grid{grid-template-columns:1fr 1fr;gap:60px;align-items:center}.catalogo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-colores{grid-template-columns:repeat(5,minmax(0,1fr))}.note{grid-template-columns:1fr auto;align-items:center}.footer-row{display:flex;justify-content:space-between}.catalogos{padding:64px 0}.barra .boton,.navbar .btn{font-size:.9rem;padding:12px 18px}.modal{padding:70px 80px 60px}.modal-anterior,.modal-siguiente{top:46%;bottom:auto}.modal-imagen{max-height:65dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}