:root{--blue:#315095;--sky:#0073ba;--dark:#263548;--mist:#e8edf2;--warm:#f7f7f4;--muted:#687789;--font:'Made Tommy','Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--warm);font-family:var(--font);font-size:16px;line-height:1.7;color:var(--dark)}.return{position:absolute;z-index:5;top:12px;left:5%;font-size:14px;font-weight:700;color:var(--blue)}header{height:82px;margin-top:40px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:var(--warm);border-bottom:1px solid #d9dfe5}header img{width:205px;height:61px;object-fit:contain;object-position:left}header nav{display:flex;gap:33px}header nav a,.header-link{font-size:14px;font-weight:700}header nav a{color:#526176}.header-link{border-bottom:1px solid var(--blue);padding:7px 0;color:var(--blue)}.header-link span{margin-left:12px;color:var(--sky)}.hero{padding:0 7%;background:#f1f2f1}.hero-topline,.hero-bottom{height:54px;display:flex;align-items:center;gap:16px;color:#718094;font-size:12px;font-weight:800;letter-spacing:.14em;border-bottom:1px solid #d8dfe6}.hero-topline span:last-child{margin-left:auto}.hero-main{min-height:575px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding:42px 0}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.13em;color:var(--blue)}h1{font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.07em;margin:21px 0;color:var(--dark)}h1 em,h2 em{font:italic 500 1em Georgia,serif;color:var(--blue)}.hero-copy>p:not(.eyebrow){max-width:455px;font-size:18px;color:#5f6e7e;line-height:1.8;margin:20px 0 29px}.text-button{font-size:15px;font-weight:800;color:var(--blue);border-bottom:1px solid #9fb2ca;padding-bottom:8px}.text-button span{padding-left:18px;color:var(--sky)}.hero-photo{height:450px;position:relative;display:grid;place-items:center}.hero-photo>img{width:84%;height:100%;object-fit:cover;position:relative;z-index:1;border-radius:45% 45% 2px 2px;box-shadow:0 20px 60px #253c5b1b}.photo-ring{position:absolute;width:97%;height:105%;border:1px solid #9db5d1;border-radius:50%;transform:rotate(-18deg)}.photo-caption{position:absolute;z-index:2;left:0;bottom:25px;background:var(--warm);padding:13px 17px;display:flex;align-items:end;gap:26px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em}.photo-caption b{font-size:12px;color:#7d8b9b}.hero-bottom{border-top:1px solid #d8dfe6;border-bottom:0}.hero-bottom i{width:3px;height:3px;background:var(--sky);border-radius:50%}.since{margin-left:auto}.intro{padding:100px 10% 112px;background:#fff}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.intro h2,.products h2,.contact h2{font-size:clamp(42px,5vw,64px);line-height:1.05;letter-spacing:-.065em;color:var(--dark);margin:15px 0}.intro-grid>div{max-width:450px}.intro-grid>div p{font-size:19px;color:#647283;line-height:1.85}.intro-grid>div a{display:inline-block;margin-top:10px;color:var(--blue);font-weight:800;border-bottom:1px solid #a6b8cd;padding-bottom:6px}.intro-grid>div a span{padding-left:14px}.products{padding:96px 10%;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.products-head>p:last-child{font-size:16px;line-height:1.8;color:var(--muted)}.products h2{margin:15px 0 18px}.product-list{border-top:1px solid #cad4df}.product-list a{min-height:89px;display:grid;grid-template-columns:45px 1.2fr 1fr 20px;align-items:center;gap:13px;border-bottom:1px solid #cad4df;transition:padding .25s,background .25s}.product-list a:hover{padding-inline:13px;background:#edf1f5}.product-list span{font-size:13px;color:#8594a5}.product-list b{font-size:18px;color:var(--dark)}.product-list small{font-size:13px;color:#728195}.product-list i{font-size:20px;color:var(--blue);font-style:normal}.contact{padding:85px 10%;display:flex;justify-content:space-between;align-items:center;gap:50px;background:#dfe7ef}.contact h2{margin:12px 0}.contact>div>p:last-child{max-width:390px;color:#5f6e7e}.contact-card{width:min(350px,100%);min-height:220px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;background:var(--blue);color:white;transition:.3s}.contact-card:hover{background:#244176;transform:translateY(-6px)}.contact-card span,.contact-card small{font-size:12px;letter-spacing:.12em;font-weight:800}.contact-card>b{font-size:30px;line-height:1.1;letter-spacing:-.04em}.contact-card i{font-style:normal;color:#b8d4ef}footer{padding:23px 7%;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#536176;font-size:13px}footer img{width:160px;height:45px;object-fit:contain;object-position:left}footer a{color:var(--blue);font-weight:800}html.reveal-enabled [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}html.reveal-enabled [data-reveal].seen{opacity:1;transform:none}@media(max-width:760px){header{padding:0 20px}header img{width:150px}header nav{display:none}.hero{padding:0 22px}.hero-main{grid-template-columns:1fr;padding:45px 0;gap:30px}.hero-topline,.hero-bottom{font-size:10px;letter-spacing:.09em}.hero-photo{height:350px}.hero-photo>img{width:82%}.intro{padding:72px 24px}.intro-grid,.products{grid-template-columns:1fr;gap:25px}.intro-grid>div p{font-size:17px}.products{padding:72px 24px}.product-list a{grid-template-columns:32px 1fr 20px;gap:8px;padding:13px 0}.product-list small{grid-column:2;grid-row:2}.product-list i{grid-column:3;grid-row:1/3}.contact{padding:68px 24px;display:block}.contact-card{margin-top:28px}.hero-bottom{gap:10px}.since{display:none}footer{padding:20px 24px;gap:14px;flex-wrap:wrap}footer span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
html.reveal-enabled [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}html.reveal-enabled [data-reveal].seen{opacity:1;transform:none}
.hero-topline,.photo-caption,.photo-caption b,.product-list small,footer,.return{font-size:14px}.hero-topline{letter-spacing:.1em}
/* Cotizador prioritario dentro de una interfaz despejada. */
.hero{background:#f7f7f4}
.hero-main{grid-template-columns:1fr 1fr;gap:48px;min-height:560px}
.photo-ring{display:none}
.hero-photo{height:auto;display:block}
.quick-box{background:#fff;border:1px solid #d8dfe6;box-shadow:0 12px 32px #26354810}
.quick-box>img{display:block;width:100%;height:145px;object-fit:cover;object-position:center 42%;border-radius:0}
.quick-inner{padding:23px 25px 25px}
.quick-label{margin:0 0 6px;font-size:14px;letter-spacing:.12em;font-weight:800;color:var(--blue)}
.quick-inner h2{font-size:23px;line-height:1.2;margin:0;color:var(--dark)}
.quick-inner>p:not(.quick-label){font-size:15px;color:var(--muted);margin:5px 0 15px}
.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.quick-links a{padding:10px 11px;border:1px solid #d8dfe6;background:#fafbfa;color:var(--blue);font-size:14px;font-weight:700;transition:.18s}
.quick-links a:hover,.quick-links a:focus-visible{background:#e8edf2;border-color:var(--blue)}
@media(max-width:760px){.hero-main{grid-template-columns:1fr;gap:25px;padding:30px 0}.hero-photo{height:auto}.quick-box>img{height:125px}.quick-inner{padding:18px}h1{font-size:50px}}
@media(max-width:760px){.hero-photo{grid-column:1;grid-row:1}.hero-copy{grid-row:2}.quick-box>img{height:100px}}
@media(max-width:760px){.quick-box{grid-column:1;grid-row:1}}

/* Presencia del logo y un cierre azul institucional. */
header{height:100px}
header img{width:270px;height:94px}
.contact{background:#315095;color:#fff}
.contact h2,.contact .eyebrow{color:#fff}
.contact>div>p:last-child{color:#e4edf8}
.contact-card{background:#fff;color:#315095}
.contact-card i{color:#0073ba}
.product-list a:nth-child(odd){background:#e8edf2}
.product-list a:nth-child(even){background:#f7f7f4}
.product-list a{padding-inline:16px;transition:padding .25s,background .25s,opacity .55s,transform .55s}
.product-list a:hover{background:#dce8f5}
footer img{width:220px;height:78px}
@media(max-width:760px){header{height:88px}header img{width:220px;height:78px}}
@media(prefers-reduced-motion:reduce){.product-list a{transition:none}}
html.reveal-enabled .product-list a{opacity:0;transform:translateY(18px)}
html.reveal-enabled .product-list a.seen{opacity:1;transform:none}
.product-list a:nth-child(2){transition-delay:.07s}.product-list a:nth-child(3){transition-delay:.14s}.product-list a:nth-child(4){transition-delay:.21s}
@media(prefers-reduced-motion:reduce){html.reveal-enabled .product-list a{opacity:1;transform:none}}
/* Fotografía y áreas de color con geometría simple. */
.hero-photo>img{border-radius:0}
.photo-ring{display:none}
.contact-section:after{display:none}
.contact-card:hover{background:#dce8f5;transform:translateY(-4px)}
html.reveal-enabled .quick-box>img[data-parallax]{transform:scale(1.04) translateY(var(--parallax-shift,0px));will-change:transform}
@media(prefers-reduced-motion:reduce){html.reveal-enabled .quick-box>img[data-parallax]{transform:none!important}}

/* Opción 3 · serenidad editorial con más fotografía y una historia de marca. */
.hero{background:#edf2f6}
.hero-main{min-height:600px}
.hero-copy{padding:40px 0}.hero-copy h1{font-size:clamp(52px,6.4vw,82px)}
.quick-box{box-shadow:0 22px 52px #17355b24;border:0}
.quick-box>img{height:190px}
.quick-inner{padding:26px 28px 28px}
.quick-links a{min-height:47px;display:flex;align-items:center;padding:11px 13px;background:#eef3f8}
.quick-links a:hover,.quick-links a:focus-visible{background:#315095;color:#fff}
.calm-story{position:relative;isolation:isolate;min-height:540px;overflow:hidden;background:#14294c;color:#fff;display:flex;align-items:center;padding:70px 10%}
.calm-story>img{position:absolute;inset:0;z-index:-2;width:100%;height:118%;object-fit:cover;object-position:center 42%;transform:translate3d(0,var(--parallax-shift,0px),0) scale(1.05);will-change:transform}
.calm-story-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#12264aeF 0%,#12264ac9 50%,#12264a30 100%)}
.calm-story-copy{width:min(590px,100%);padding:34px 38px;background:#fff;color:#263548;box-shadow:0 22px 58px #091d3940}
.calm-story-copy>span,.calm-story-note{font-size:14px;letter-spacing:.12em;font-weight:800;color:#315095}
.calm-story-copy h2{font-size:clamp(40px,5vw,60px);line-height:1.04;letter-spacing:-.06em;margin:14px 0}
.calm-story-copy h2 em{font:italic 500 1em Georgia,serif;color:#0073ba}
.calm-story-copy p{max-width:480px;font-size:17px;line-height:1.7;color:#647283}
.calm-story-copy a{display:inline-flex;gap:13px;margin-top:8px;color:#315095;font-size:15px;font-weight:800}
.calm-story-copy a b{color:#0073ba}
.calm-story-note{position:absolute;right:7%;bottom:24px;color:#fff;text-shadow:0 2px 10px #10264c}
.products{background:#f3f6f8;align-items:start}
.products-head{position:sticky;top:125px}
.product-list a{min-height:96px}.product-list b{font-size:19px}
.contact{position:relative;overflow:hidden}.contact:after{content:"";position:absolute;right:-40px;top:-120px;width:360px;height:500px;background:url("../assets/hero-hogar-ogs.png") center/cover no-repeat;opacity:.14;mix-blend-mode:screen;pointer-events:none}
.contact>div,.contact-card{position:relative;z-index:1}.contact-card{box-shadow:0 16px 40px #10274b30}
@media(max-width:760px){.hero-main{min-height:0;padding:28px 0 36px;gap:24px}.hero-copy{padding:15px 0 0}.hero-copy h1{font-size:clamp(48px,12vw,62px)}.quick-box>img{height:135px}.quick-inner{padding:18px}.calm-story{min-height:620px;padding:28px 22px 70px;align-items:flex-end}.calm-story-overlay{background:linear-gradient(0deg,#12264af0 0%,#12264aa6 56%,#12264a28 100%)}.calm-story-copy{padding:25px 21px}.calm-story-copy h2{font-size:39px}.calm-story-copy p{font-size:16px}.calm-story-note{left:22px;right:auto;font-size:12px}.products-head{position:static}.contact:after{width:240px;height:340px;right:-95px;top:-35px}}
@media(prefers-reduced-motion:reduce){.calm-story>img{transform:none!important}}

/* Cotizador de la opción 3: limpio, luminoso y sin foto dentro del panel. */
.quick-box{width:100%;background:#fff;border:1px solid #d8e3ef;border-top:6px solid #0073ba;box-shadow:0 20px 54px #223c5d1c;color:#263548}
.quick-inner{padding:29px 30px 24px}
.quote-heading{display:flex;align-items:center;gap:15px;padding-bottom:17px;border-bottom:1px solid #e4eaf0}
.quote-icon{display:grid;place-items:center;flex:0 0 50px;height:50px;background:#e8f1fa;color:#0073ba;font-size:25px}
.quick-label{margin:0 0 2px;color:#0073ba;font-size:14px;letter-spacing:.14em;font-weight:800}
.quick-inner h2{margin:0;color:#315095;font-size:clamp(34px,3.3vw,43px);line-height:1.05;letter-spacing:-.055em}
.quote-question{margin:18px 0 0;color:#263548;font-size:19px;line-height:1.35;font-weight:800}
.quick-inner>.quote-help{margin:3px 0 15px;color:#687789;font-size:15px}
.quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.quick-links a{min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border:1px solid #d8e3ef;background:#f4f7fa;color:#315095;font-size:15px;line-height:1.35;font-weight:750;transition:background .2s,border-color .2s,color .2s,transform .2s}
.quick-links a b{font-size:18px;color:#0073ba;font-weight:600;transition:transform .2s}
.quick-links a:hover,.quick-links a:focus-visible{background:#315095;border-color:#315095;color:#fff;transform:translateY(-2px);outline:3px solid #d3e4f4;outline-offset:1px}
.quick-links a:hover b,.quick-links a:focus-visible b{color:#fff;transform:translate(2px,-2px)}
.quote-disclaimer{margin:14px 0 0;padding-top:11px;border-top:1px solid #e4eaf0;color:#65768a;font-size:14px;line-height:1.5}
.calm-story>img{object-position:center 44%}
@media(max-width:760px){.quick-inner{padding:21px 19px 19px}.quote-icon{flex-basis:45px;height:45px}.quick-inner h2{font-size:36px}.quote-question{font-size:18px}.quick-links{gap:8px}.quick-links a{min-height:49px;padding:9px 10px;font-size:14px}}
/* Logo institucional ampliado en cabecera y pie. */
header img{width:300px;height:102px}
footer img{width:220px;height:75px}
@media(max-width:760px){header{height:104px}header img{width:235px;height:80px}footer img{width:190px;height:65px}}

/* Aire consistente alrededor del logo institucional. */
header>a:first-child{display:flex;align-items:center;width:225px;padding:5px 10px;margin-left:-10px}
header>a:first-child img{width:100%;height:62px;object-fit:contain;object-position:left center}
/* La información de marca ocupa todo el ancho disponible bajo el cotizador. */
.hero-copy{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:6vw;align-items:center}
.hero-copy .eyebrow{grid-column:1/-1}
.hero-copy h1{grid-column:1;max-width:100%}
.hero-copy>p:not(.eyebrow){grid-column:2;grid-row:2;max-width:none;align-self:center}
@media(max-width:760px){header>a:first-child{width:200px;padding:4px 8px;margin-left:-8px}header>a:first-child img{height:56px}.hero-copy{display:block}.hero-copy>p:not(.eyebrow){max-width:none}}