/* Taller Pedrero Azul — estilos de inicio, mobile-first. */
:root{--azul:#123c59;--azul-profundo:#0c293d;--acento:#246b91;--tinta:#173247;--muted:#526777;--papel:#f5f7f8;--linea:#d9e3e9;--radio:18px}
*{box-sizing:border-box}body{margin:0;background:var(--papel);color:var(--tinta);font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}html{scroll-behavior:smooth;scroll-padding-top:100px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}p+p{margin-top:16px}h1,h2,h3,h4{line-height:1.2}h1{font-size:clamp(2.5rem,7vw,4.8rem);letter-spacing:-.055em;font-weight:650}h3{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.035em}h4{font-size:1.22rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:3px solid #d49135;outline-offset:4px}.container{width:min(1120px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:16px;top:-100px;z-index:3000;background:white;padding:12px 20px}.skip-link:focus{top:10px}
header{position:sticky;top:0;background:#fff;z-index:1000;border-bottom:1px solid var(--linea)}.navbar{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:12px;position:relative}.logo{display:flex;align-items:center;gap:8px}.logo img{width:44px;height:44px;object-fit:contain}.logo-text{font-size:1rem;font-weight:800;letter-spacing:.12em}.mobile-nav-actions{display:flex;align-items:center;gap:8px}.catalogos-mobile{font-size:.85rem;font-weight:650;padding:10px 8px}.menu-toggle{height:44px;width:44px;border:0;border-radius:10px;background:var(--azul);color:white;font-size:24px}nav{display:none;position:absolute;top:100%;left:-20px;right:-20px;background:white;border-bottom:1px solid var(--linea);box-shadow:0 18px 25px #0c293d12;max-height:calc(100dvh - 80px);overflow:auto;padding:12px 20px}nav.show{display:block}nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}nav a{display:flex;align-items:center;padding:12px;min-height:48px;border-radius:8px;font-size:.9rem}nav a:hover{background:var(--papel)}.menu-consultar-pedido,.menu-catalogos{font-weight:700;color:var(--azul)}
section{padding:58px 0}.hero{padding:36px 20px 48px;background:var(--azul-profundo);color:white}.hero-content{max-width:1120px;margin:auto}.hero-intro{margin-bottom:30px;max-width:720px}.eyebrow{font-size:.72rem;letter-spacing:.2em;font-weight:700;color:#b1d4e7;margin-bottom:20px}.hero-intro>p:not(.eyebrow){margin-top:22px;color:#d1e0e9;max-width:510px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:13px 22px;background:var(--azul);color:white;border:1px solid transparent;border-radius:10px;font-weight:650;text-align:center;line-height:1.4}.btn:hover{background:var(--acento)}.hero-actions .btn{background:#fff;color:var(--azul-profundo)}.hero-actions .btn-secondary{background:transparent;color:white;border-color:#7392a5}.hero-content>p{margin-top:22px;color:#d1e0e9;max-width:750px}.hero-content>.btn{margin-top:20px;background:#e4eef4;color:var(--azul)}.hero-showcase{position:relative;background:#22475e;border-radius:var(--radio);overflow:hidden}.hero-slides{position:relative;aspect-ratio:4/3}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s}.hero-slide.activo{opacity:1;visibility:visible;pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide-info{position:absolute;inset:auto 0 0;padding:65px 20px 64px;background:linear-gradient(transparent,#071e30ed);display:grid;gap:4px}.hero-slide-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em}.hero-slide-info strong{font-size:1.35rem}.hero-slide-info small{color:#dce9f0}.hero-control,.hero-pause{position:absolute;z-index:3;background:#0c293deb;color:white;border:1px solid #ffffff70;border-radius:8px;min-width:44px;min-height:44px}.hero-control{top:42%;font-size:20px}.anterior{left:10px}.siguiente{right:10px}.hero-pause{bottom:10px;right:12px;font-size:.72rem;padding:6px 10px}.hero-dots{position:absolute;bottom:10px;left:12px;z-index:3;display:flex;max-width:45%;overflow:auto}.hero-dot{padding:0;width:28px;min-width:28px;height:44px;background:transparent;border:0;position:relative}.hero-dot:after{content:'';width:7px;height:7px;background:#afbdc7;border-radius:100%;position:absolute;top:18px;left:10px}.hero-dot.activo:after{background:white}.hero-sin-trabajos{padding:70px 24px;text-align:center}
.section-title{margin-bottom:28px;max-width:700px}.section-title p{margin-top:14px;color:var(--muted)}.services,.works,.gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.card,.work-card,.categoria-trabajo-card{background:white;border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden}.card{padding:28px}.card:before{content:'';display:block;width:32px;height:4px;background:var(--acento);margin-bottom:25px}.card p{margin-top:14px;color:var(--muted)}#proyectos,#nosotros{background:#eaf0f4}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery img{aspect-ratio:4/5;object-fit:cover;border-radius:12px;width:100%;cursor:zoom-in}.work-card img,.categoria-trabajo-card img{aspect-ratio:4/3;width:100%;object-fit:cover}.work-card img{cursor:zoom-in}.work-info{padding:22px}.work-info p{color:var(--muted);margin-top:10px}.ver-categoria-trabajo{display:inline-block;margin-top:18px;font-size:.9rem;font-weight:700;color:var(--acento)}.indicacion-categorias{margin-bottom:20px}.encabezado-categoria-trabajo{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:24px}.volver-categorias-trabajo{color:var(--acento);text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}.about{display:grid;gap:28px}.about>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radio)}.about-text h3{margin-bottom:22px}.about-text p{color:var(--muted)}
.form-section{background:white}.form-box{max-width:760px;padding:24px 18px;background:white;border:1px solid var(--linea);border-radius:var(--radio);box-shadow:0 15px 50px #123c5908}.form-section .form-box{background:var(--papel)}form>label{display:block;font-size:.9rem;font-weight:650;margin:0 0 8px}input:not([type=hidden]),select,textarea{display:block;width:100%;max-width:100%;min-height:50px;border:1px solid #96aab8;border-radius:8px;padding:12px;background:white;color:var(--tinta);margin-bottom:20px;font-size:16px}textarea{min-height:150px;resize:vertical}input[type=file]{font-size:.88rem;padding:12px 8px}input::file-selector-button{border:0;border-radius:5px;padding:8px;background:#eaf0f4;color:var(--tinta);margin-right:8px}form>.btn{width:100%;margin-top:14px}form>.whatsapp-btn{margin-left:0!important;background:#eaf0f4;color:var(--azul);border-color:var(--linea)}.form-note{font-size:.85rem;color:var(--muted);margin:12px 0}.form-box form{min-width:0}footer{padding:48px 24px 110px;background:var(--azul-profundo);color:#d1e0e9;text-align:center;font-size:.85rem}footer h4{color:white;letter-spacing:.15em;margin-bottom:8px}
.whatsapp-float{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:18px;z-index:1050}.whatsapp-main{width:56px;height:56px;border:2px solid white;box-shadow:0 4px 20px #0003;background:var(--azul);border-radius:100%;padding:0;overflow:hidden}.whatsapp-main img{width:100%;height:100%;object-fit:cover}.whatsapp-menu{display:none;position:absolute;bottom:70px;right:0;width:min(290px,calc(100vw - 36px));background:white;border:1px solid var(--linea);box-shadow:0 15px 40px #123c5933;border-radius:14px;padding:8px}.whatsapp-menu.show{display:grid}.whatsapp-menu a{padding:13px 14px;border-radius:8px;font-size:.9rem;min-height:48px}.whatsapp-menu a:hover{background:var(--papel)}
.image-modal{display:none;position:fixed;inset:0;z-index:2000;background:#071b2af5;padding:70px 16px 90px;align-items:center;justify-content:center}.image-modal.show{display:flex}.modal-content{width:min(100%,1000px);max-height:100%;overflow:auto}.modal-content img{max-height:60dvh;width:100%;object-fit:contain;transition:opacity .18s}.modal-content img.changing{opacity:0}.modal-info{color:white;text-align:center;padding:20px 36px}.modal-info p{font-size:.85rem;color:#c6d9e5;margin-top:8px}.modal-close,.modal-arrow{position:absolute;z-index:2;min-width:48px;min-height:48px;border:1px solid #ffffff60;background:#123c59;color:white;border-radius:8px;font-size:24px}.modal-close{right:16px;top:16px}.modal-prev{left:16px;bottom:20px}.modal-next{right:16px;bottom:20px}
@media(min-width:640px){.services,.works{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-slides{aspect-ratio:16/9}.form-box{padding:36px}.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1000px){.navbar{min-height:88px;flex-wrap:wrap;padding-block:12px}.mobile-nav-actions{display:none}nav,nav.show{display:block;position:static;box-shadow:none;border:0;max-height:none;padding:0;overflow:visible}nav ul{display:flex;gap:0}nav a{padding:10px 8px;font-size:.76rem}.logo img{width:40px;height:40px}.logo-text{font-size:.9rem}.container{width:min(1200px,calc(100% - 64px))}.hero{padding:64px 32px}.hero-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px 48px;align-items:center;max-width:1200px}.hero-intro{margin:0;grid-column:1;grid-row:1}.hero-showcase{grid-column:2;grid-row:1/4;align-self:stretch}.hero-slides{height:100%;min-height:480px;aspect-ratio:auto}.hero-content>p{font-size:.9rem;grid-column:1;margin:0}.hero-content>.btn{justify-self:start;margin:0}.hero-slide-info{padding:100px 28px 70px}.services{grid-template-columns:repeat(3,minmax(0,1fr))}.works{grid-template-columns:repeat(3,minmax(0,1fr))}section{padding:88px 0}.about{grid-template-columns:1fr 1fr;gap:60px;align-items:center}.modal-prev,.modal-next{top:48%;bottom:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Formularios emergentes: la página conserva solo sus accesos. */
.form-dialog:not([open]){display:none}
.form-dialog{position:fixed;width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:60px 20px 24px;border:1px solid var(--linea);border-radius:20px;background:var(--papel);color:var(--tinta);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #071b2a55}
.form-dialog::backdrop{background:#071b2acc}
.form-dialog>.container{width:100%;margin:0}
.form-dialog .section-title{margin-bottom:24px}
.form-dialog .form-box{padding:22px 16px;box-shadow:none}
.form-dialog-close{position:absolute;top:10px;right:12px;min-width:44px;min-height:44px;border:1px solid var(--linea);border-radius:10px;background:white;color:var(--azul);font-size:28px;line-height:1}
body.form-dialog-open{overflow:hidden}
@media(min-width:640px){.form-dialog{padding:64px 36px 36px}.form-dialog .form-box{padding:28px}}
/* Trazos de plano y transición de piezas: solo decorativos, nunca capturan toques. */
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 15% 15%,#1d4d69 0,transparent 62%),var(--azul-profundo)}
.pedrero-blueprint{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero-content{position:relative}
.hero-intro .eyebrow{display:flex;align-items:center;gap:12px}
.hero-intro .eyebrow:before{content:'';display:block;flex:0 0 24px;height:2px;background:#deb77c}
.hero-showcase{border:1px solid #a1c5da40;box-shadow:0 28px 65px #061a2b45}
.hero-slide-info{z-index:5}
.hero-slide.activo{transition:none}
.pedrero-pieces{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.pedrero-piece{position:absolute;overflow:hidden;transform-origin:left center;backface-visibility:hidden;background:var(--azul-profundo)}
.pedrero-piece img{position:absolute;object-fit:cover;display:block}
@media(prefers-reduced-motion:reduce){.pedrero-pieces{display:none}}
@media(hover:none),(prefers-reduced-motion:reduce){.hero-pause.effects-only{display:none}}
/* Swipe horizontal sin bloquear el scroll vertical ni el zoom con dos dedos. */
.hero-slides{touch-action:pan-y pinch-zoom;overflow:hidden}
.hero-slides.is-dragging .hero-slide{transition:none!important;user-select:none}
.hero-slides.is-dragging img{-webkit-user-drag:none;user-select:none}
.hero-slide.is-swipe-preview{opacity:1;visibility:visible;pointer-events:none;transition:none}
.swipe-hint{display:none;position:absolute;top:12px;left:12px;z-index:4;padding:6px 10px;border-radius:8px;background:#0c293dcc;color:#fff;font-size:.72rem;pointer-events:none}
@media(pointer:coarse){.swipe-hint{display:block}}
/* Identidad oficial Pedrero Diseño & Madera: logotipo íntegro y sin recolorear. */
.navbar .logo{flex-shrink:0;gap:0}
.navbar .logo img{display:block;width:clamp(132px,36vw,200px);height:auto;aspect-ratio:1024/339;object-fit:contain}
@media(min-width:1000px){.navbar .logo img{width:200px;height:auto}}