/* Content layout only: header, navigation, buttons and footer use styles.css. */
/* Fill tall windows while allowing natural scrolling on smaller screens. */
#app:has(> .homeWithUses){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
#app:has(> .homeWithUses)> .header,#app:has(> .homeWithUses)> .siteFooter{flex-shrink:0}
#app> .homeWithUses{flex:1 0 auto;width:100%}
.siteFooter .footerCompany a{color:inherit;text-underline-offset:3px}
.landingHero{background:linear-gradient(135deg,#0b2341,#0d447f);color:#fff;padding:48px 16px}
.landingHero>div{max-width:1180px;margin:0 auto}
.landingHero .crumbs{font-size:14px;margin-bottom:18px}
.landingHero a{color:inherit}
.landingHero h1{font-size:clamp(34px,4.5vw,60px);line-height:1.08;letter-spacing:-.04em;margin:0 0 20px}
.landingHero p{font-size:20px;line-height:1.6;max-width:900px;margin:0}
.landingMain{padding-top:30px;padding-bottom:30px}
.landingSection{margin-bottom:24px}
.landingSection h2{font-size:clamp(24px,3vw,34px);line-height:1.2;color:#0b2341;margin:0 0 18px}
.landingSection p,.landingSection li{line-height:1.7}
.landingSection p{margin:0 0 16px}
.landingSection h3{font-size:21px;line-height:1.35;margin:22px 0 12px;color:#0b2341}
.landingSection ul{padding-left:24px}
.landingSection a:not(.primary):not(.landingCard){color:#0b2341;text-decoration:underline;text-underline-offset:3px}
.landingCard{display:flex;flex-direction:column;color:inherit;text-decoration:none;min-width:0}
.landingCard img{width:100%;height:220px;object-fit:contain;background:#f5f7fa}
.landingCard>div{padding:18px}
.landingCard h3{margin-top:0}
.landingCta{display:inline-block;text-decoration:none;margin-bottom:18px}
.landingGrid{margin-top:20px}
@media(max-width:900px){.landingHero{padding:32px 16px}.landingHero p{font-size:18px}.landingMain{padding-top:20px}.landingCard img{height:190px}}
.homeHeroLayout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:36px;align-items:center;width:min(1280px,94%);margin:auto}
.homeHeroLayout .heroContent{width:100%;margin:0;max-width:none;padding:0}
.homeUses{background:rgba(255,255,255,.96);border:1px solid #dce3ec;border-top:4px solid #e4bd32;border-radius:22px;padding:26px;box-shadow:0 12px 34px #0b23411a;color:#0b2341}
.homeUses h2{font-size:28px;line-height:1.15;margin:6px 0 12px}
.homeUses p{font-size:16px;line-height:1.5;margin:0 0 18px}
.homeUses .eyebrow{font-size:12px;margin:0}
.homeUses nav{display:grid;gap:12px}
.homeUses a{display:block;text-decoration:none;background:#f4f6fa;border:1px solid #e0e5ed;border-radius:12px;padding:16px;color:inherit}
.homeUses a:hover,.homeUses a:focus-visible{background:#fff8df;border-color:#b98f12}
.homeUses strong{display:flex;justify-content:space-between;gap:10px;font-size:17px}
.homeUses a>span{display:block;font-size:13px;margin-top:5px;color:#526173}
@media(min-width:901px){.homeWithUses{min-height:0;padding:90px 0 38px}.homeHeroLayout .heroContent h1{font-size:clamp(38px,3.6vw,56px)}.homeHeroLayout .lead{font-size:20px}}
@media(max-width:900px){.homeHeroLayout{grid-template-columns:1fr;width:100%;gap:28px;padding:0 16px}.homeUses{padding:22px;text-align:left}.homeUses h2{font-size:26px}}

/* A quieter home composition and a compact, readable footer. */
.homeWithUses:after{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 38%,rgba(255,255,255,.26) 100%)}
.homeHeroLayout{width:min(1320px,90%);grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:clamp(36px,5vw,88px)}
.homeHeroLayout .heroContent{text-align:left}
.homeHeroLayout .heroContent h1{max-width:760px;font-size:clamp(36px,3.1vw,54px);line-height:1.12;letter-spacing:-.035em;text-shadow:none;margin:0 0 24px}
.homeHeroLayout .heroContent .lead{font-size:19px;line-height:1.65;max-width:650px;margin:0 0 28px;color:#435165}
.homeHeroLayout .heroContent .ctaBox{background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;margin:0;max-width:610px}
.homeHeroLayout .ctaRow{justify-content:flex-start;gap:12px}
.homeHeroLayout .ctaRow button{padding:15px 24px;min-height:50px;border-radius:9px;font-size:16px}
.homeHeroLayout .ctaBox small{text-align:left;font-weight:400;font-size:13px;margin-top:13px;line-height:1.5}
.homeHeroLayout .features.benefitsBar{margin-top:32px;gap:18px}
.homeHeroLayout .benefit{font-size:12px}
.homeUses{padding:25px;border-top-width:3px;border-radius:16px;box-shadow:0 10px 30px #0b234112}
.homeUses h2{font-size:26px;margin:8px 0 12px}
.homeUses>p:not(.eyebrow){font-size:14px;margin-bottom:20px;color:#526173}
.homeUses nav{gap:10px}
.homeUses a{padding:16px;border-radius:9px;background:#f6f8fb}
.homeUses strong{font-size:16px}
.homeWithUses .heroTop{top:18px;right:3%;background:rgba(255,255,255,.94);padding:7px;border:1px solid #dde4ed;border-radius:12px;gap:4px}
.homeWithUses .heroTop a{font-size:14px;padding:7px 12px;color:#0b2341;background:transparent;box-shadow:none}
.siteFooter{grid-template-columns:minmax(260px,.85fr) minmax(0,2fr);gap:5px 28px;padding:12px 3%;border-top-width:2px;text-align:left}
.siteFooter .footerCompany{gap:2px;line-height:1.35;font-size:11px}
.siteFooter .footerCompany strong{font-size:12px}
.siteFooter .footerCompany br{display:none}
.siteFooter .footerCompany br:after{content:' '}
.siteFooter .footerColumn{gap:10px;align-items:baseline}
.siteFooter .footerColumn h3{flex-basis:100px;font-size:11px;line-height:1.4}
.siteFooter .footerColumn nav{gap:2px 13px}
.siteFooter .footerColumn a,.siteFooter .footerColumn button{font-size:11px;line-height:1.5;padding:2px 0}
@media(min-width:901px){.homeWithUses{padding:90px 0 48px}}
@media(max-width:900px){.homeHeroLayout{width:100%;grid-template-columns:1fr;gap:30px;padding:0 22px}.homeHeroLayout .heroContent h1{font-size:clamp(32px,7vw,44px);margin-bottom:18px}.homeHeroLayout .heroContent .lead{font-size:17px;margin-bottom:22px}.homeWithUses .heroTop{left:16px;right:16px;top:14px;display:flex;justify-content:center;flex-wrap:wrap}.homeWithUses{padding:100px 0 30px}.homeUses{padding:22px}.siteFooter{grid-template-columns:1fr;gap:8px;padding:14px 20px}.siteFooter .footerCompany{grid-row:auto;display:flex;flex-wrap:wrap;gap:3px 12px}.siteFooter .footerColumn{display:flex}.siteFooter .footerColumn h3{flex:0 0 92px}.siteFooter .footerColumn a,.siteFooter .footerColumn button{padding:4px 0}}

/* La portada enlaza a guías; los productos se abren en el catálogo. */
.homeUses .eyebrow{color:#765900;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.homeUsesCatalog{display:block;width:100%;margin-top:15px;padding:13px 16px;border:1px solid #0b2341;border-radius:9px;background:#fff;color:#0b2341;font:inherit;font-weight:800;text-align:left;cursor:pointer}
.homeUsesCatalog:hover,.homeUsesCatalog:focus-visible{background:#fff8df;border-color:#b98f12}
.landingGuideLabel{display:inline-block;margin:0 0 14px!important;padding:7px 11px;border:1px solid rgba(255,255,255,.45);border-radius:6px;color:#fff;font-size:13px!important;font-weight:800;line-height:1.3!important;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:450px){.homeHeroLayout .ctaRow{flex-direction:column}.homeHeroLayout .ctaRow button{width:100%}.homeHeroLayout .features.benefitsBar{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.homeWithUses .heroTop a{padding:7px;font-size:13px}.siteFooter .footerColumn{display:block}.siteFooter .footerColumn h3{margin-bottom:2px}.siteFooter .footerColumn nav{gap:0 14px}}

@media(max-width:900px){.homeShop{order:-1}.homeHeroLayout .heroContent{padding-top:8px}}

/* Portada lateral con contactos destacados y fondo original. */
#app:has(> .homeStage){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
#app>.homeStage{flex:1 0 auto;min-height:0}
.homeStage{padding:0!important;display:flex;align-items:stretch;overflow:visible}
.homeStageInner{position:relative;z-index:2;width:100%;max-width:1400px;margin:auto;padding:22px 4%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);grid-template-rows:auto 1fr auto;gap:26px 6%;min-width:0}
.homeContact{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#526173;font-size:12px}.homePhones{display:flex;align-items:center;gap:20px;padding:13px 20px;background:#fff;border:1px solid #e3d9b9;border-radius:12px;box-shadow:0 6px 22px #0b23410c}.homePhones>span{font-size:11px;color:#657285}.homePhones a{color:#0b2341;font-size:18px;font-weight:850;text-decoration:none;white-space:nowrap}
.homeIntro{display:flex;flex-direction:column;justify-content:center;padding:16px 0;min-width:0}.homeIntro .eyebrow{font-size:12px;color:#8a6b13;letter-spacing:.15em;margin:0 0 18px}.homeStage .homeIntro h1{color:#0b2341;font-size:clamp(34px,3.2vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px}.homeIntro h1 span{color:#0b2341}.homeIntro>p:not(.eyebrow){font-size:18px;line-height:1.6;color:#435165;margin:0 0 28px;max-width:540px}.homeIntroActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.homeIntroActions .primary,.homeTextAction{flex:0 1 auto;width:auto!important;padding:15px 20px;border-radius:9px;font-size:15px;font-weight:850;min-height:49px;cursor:pointer}.homeIntroActions .primary span{margin-left:18px}.homeTextAction{border:1px solid #9eacb9;background:rgba(255,255,255,.88);color:#0b2341}
.homeCategories{align-self:center;padding:24px;background:rgba(255,255,255,.97);border:1px solid #dce3e9;border-top:3px solid #e4bd32;border-radius:20px;box-shadow:0 16px 40px #0b234118}.homeCategoryHeading{margin:0 0 20px}.homeCategoryHeading .eyebrow{font-size:10px;color:#927113;letter-spacing:.15em;margin:0 0 8px}.homeCategoryHeading h2{font-size:28px;color:#0b2341;letter-spacing:-.035em;margin:0 0 7px}.homeCategoryHeading>span{font-size:13px;color:#657285}.homeCategoryTiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.homeCategoryTiles a{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-height:96px;padding:14px 11px;background:#f7f9fb;border:1px solid #e4e9ee;border-radius:12px;color:#0b2341;text-decoration:none;transition:background .15s,border-color .15s;min-width:0}.homeCategoryTiles a:hover{background:#fff8df;border-color:#d4b75e}.homeCategoryTiles a:focus-visible{outline:3px solid #b59639;outline-offset:3px}.homeCategoryTiles img{width:52px;height:64px;object-fit:contain;mix-blend-mode:multiply}.homeCategoryTiles strong{display:block;font-size:14px;line-height:1.25;padding-right:4px}.homeCategoryTiles small{display:block;font-size:11px;color:#687789;margin-top:7px}.tileArrow{position:absolute;right:9px;bottom:7px;font-size:15px;color:#8c752c}
.homeUtility{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#435165;padding:15px 0 0;border-top:1px solid #cbd4dd}.homeBenefits{display:flex;gap:22px;font-weight:700}.homeBenefits span:before{content:'';display:inline-block;width:6px;height:6px;background:#c49e21;border-radius:50%;margin-right:8px;vertical-align:middle}.homeUtility a{color:#0b2341;text-decoration:none;font-size:12px}.homeUtility strong{display:block;margin-top:3px}
.homeFooter{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 4%;background:#0b2341;color:#e1e8ee;border-top:3px solid #e4bd32;flex-shrink:0}.homeFooterBrand{display:flex;flex-direction:column;gap:5px}.homeFooterBrand strong{font-size:17px;letter-spacing:.03em;color:#fff}.homeFooterBrand strong span{color:#e4bd32}.homeFooterBrand>span{font-size:11px;color:#becbd7}.homeFooter nav{display:flex;align-items:center;gap:22px}.homeFooter a,.homeFooter button{font:inherit;font-size:12px;color:inherit;background:none;border:0;padding:0;text-decoration:none;cursor:pointer}.homeFooter nav a{padding:9px 13px;border:1px solid #61758b;border-radius:6px;color:#fff}
@media(min-width:901px){#app:has(> .homeStage){height:100vh;height:100dvh}.homeStageInner{min-height:100%}}
@media(max-width:1100px) and (min-width:901px){.homeStageInner{gap:20px 4%;padding:18px 3%;grid-template-columns:minmax(0,1fr) minmax(350px,1fr)}.homePhones>span{display:none}.homeStage .homeIntro h1{font-size:35px}.homeIntro>p:not(.eyebrow){font-size:16px}.homeCategories{padding:20px}.homeCategoryTiles a{grid-template-columns:43px minmax(0,1fr);gap:8px}.homeCategoryTiles img{width:43px}.homeBenefits{gap:12px}.homeUtility{font-size:11px}}
@media(max-width:900px){#app:has(> .homeStage){min-height:100dvh}.homeStageInner{grid-template-columns:1fr;padding:12px 20px;gap:16px}.homeContact>span{display:none}.homePhones{width:100%;justify-content:space-between;padding:10px 14px}.homePhones a{font-size:16px}.homeIntro{padding:2px 0}.homeIntro .eyebrow{display:none}.homeStage .homeIntro h1{font-size:32px;margin:0 0 12px}.homeIntro>p:not(.eyebrow){font-size:14px;margin:0 0 15px;line-height:1.4}.homeCategories{padding:16px}.homeCategoryHeading{margin-bottom:12px}.homeCategoryHeading h2{font-size:24px}.homeCategoryHeading .eyebrow{display:none}.homeCategoryTiles a{min-height:76px;padding:10px;grid-template-columns:48px minmax(0,1fr);gap:10px}.homeCategoryTiles img{width:48px;height:53px}.homeCategoryTiles small{margin-top:4px;font-size:10px}.homeUtility{padding-top:10px;gap:10px}.homeBenefits{gap:10px;font-size:10px;flex-wrap:wrap}.homeBenefits span:last-child{display:none}.homeUtility a{font-size:10px}.homeFooter{padding:12px 20px}.homeFooter nav{gap:12px}.homeFooter a,.homeFooter button{font-size:10px}}
@media(max-width:560px){.homeStageInner{padding:10px 14px;gap:12px}.homePhones{gap:8px;padding:11px 10px}.homePhones>span{display:none}.homePhones a{font-size:16px}.homeStage .homeIntro h1{font-size:27px;margin-bottom:10px}.homeIntro>p:not(.eyebrow){font-size:12px;line-height:1.45;margin-bottom:12px}.homeIntroActions{gap:9px}.homeIntroActions .primary,.homeTextAction{font-size:12px;padding:11px 13px;min-height:40px}.homeIntroActions .primary span{margin-left:8px}.homeCategories{padding:14px;border-radius:15px}.homeCategoryHeading h2{font-size:23px;margin-bottom:4px}.homeCategoryHeading>span{font-size:11px}.homeCategoryTiles{gap:8px}.homeCategoryTiles a{min-height:69px;padding:8px;grid-template-columns:37px minmax(0,1fr);gap:8px}.homeCategoryTiles img{width:37px;height:48px}.homeCategoryTiles strong{font-size:12px}.homeCategoryTiles small{font-size:9px}.tileArrow{font-size:12px;right:7px;bottom:5px}.homeBenefits{display:none}.homeUtility{justify-content:center;padding-top:8px}.homeUtility a{text-align:center;font-size:11px}.homeUtility strong{display:inline;margin-left:3px}.homeFooter{padding:12px 16px;gap:10px;flex-wrap:wrap}.homeFooterBrand{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.homeFooterBrand strong{font-size:14px}.homeFooterBrand>span{font-size:9px;max-width:120px;text-align:right}.homeFooter nav{width:100%;justify-content:space-between;gap:8px}.homeFooter nav a{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.homeCategoryTiles a{transition:none}}
@media(min-width:901px) and (max-height:800px){.homeStageInner{padding-top:14px;padding-bottom:14px;gap:16px 6%}.homePhones{padding:10px 16px}.homeCategories{padding:18px}.homeCategoryHeading{margin-bottom:14px}.homeCategoryHeading h2{font-size:25px}.homeCategoryTiles a{min-height:78px;padding:10px}.homeCategoryTiles img{height:54px}.homeStage .homeIntro h1{font-size:38px;margin-bottom:18px}.homeIntro>p:not(.eyebrow){font-size:16px;margin-bottom:20px}.homeIntro .eyebrow{margin-bottom:14px}.homeUtility{padding-top:12px}.homeFooter{padding-top:12px;padding-bottom:12px}}

/* Tipografía protagonista y superficies azul/amarillo corporativas. */
#app:has(>.homeStage)>.header{border-bottom:0}#app:has(>.homeStage)>.header .brand p{display:none}#app:has(>.homeStage)>.header .nav button.active,#app:has(>.homeStage)>.header .nav .productsNav:hover{color:var(--b);background:var(--y);border-radius:6px;padding:9px 12px}
.homeContact{justify-content:flex-end}.homePhones{background:var(--b);border:0;border-radius:0 0 18px 18px;padding:12px 16px;gap:10px}.homePhones a{display:block;background:#fff;color:var(--b);padding:9px 14px;border-radius:999px;font-size:18px;font-weight:900}
.homeStage .homeIntro h1{color:var(--b);font-size:clamp(40px,4.1vw,61px);line-height:1.08;margin-bottom:30px;font-weight:950}.homeIntro h1 span{color:var(--b)}.homeIntroActions .primary,.homeTextAction{font-size:18px;padding:18px 22px}.homeIntroActions .primary{background:var(--y);color:var(--b)}.homeTextAction{background:var(--b);color:#fff;border-color:var(--b)}
.homeCategories{background:var(--b);border:0;padding:25px;border-radius:18px;box-shadow:0 15px 36px #06275328}.homeCategoryHeading{margin-bottom:22px}.homeCategoryHeading h2{font-size:34px;color:#fff;line-height:1.1;margin:0}.homeCategoryTiles a{background:#fff;border:0;min-height:98px;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:15px 12px;border-radius:10px}.homeCategoryTiles img{width:48px;height:64px}.homeCategoryTiles strong{font-size:19px;color:var(--b);line-height:1.18;padding:0}.homeCategoryTiles a:hover{background:var(--y);border:0}.homeCategoryTiles a:focus-visible{outline-color:var(--y)}
.homeUtility{border:0;padding:8px 0 0;justify-content:space-between}.homeUtility .homeProductsLink{font-size:18px;font-weight:800;color:var(--b)}.hero.homeWithUses .homeLinkedin{position:static;flex-shrink:0;padding:13px 16px;border:0;border-radius:10px;font-size:17px;color:var(--b);background:white;box-shadow:0 4px 18px #0627531a}.homeFooter{background:var(--b);border:0;padding:18px 4%}.homeFooterBrand strong{font-size:22px}.homeFooterBrand strong span{color:var(--y)}.homeFooter button{font-size:14px}.homeFooter nav{gap:22px}
@media(min-width:901px) and (max-height:800px){.homeStageInner{gap:16px 5%;padding:12px 4%}.homeStage .homeIntro h1{font-size:46px;margin-bottom:26px}.homeCategories{padding:20px}.homeCategoryHeading{margin-bottom:18px}.homeCategoryHeading h2{font-size:30px}.homeCategoryTiles a{min-height:86px;padding:12px 10px}.homeCategoryTiles strong{font-size:18px}.homeCategoryTiles img{height:56px}.homePhones{padding:9px 12px}.homePhones a{padding:7px 12px}.homeIntroActions .primary,.homeTextAction{font-size:16px;padding:15px 17px}.homeFooter{padding-top:15px;padding-bottom:15px}}
@media(max-width:900px){.homeStage .homeIntro h1{font-size:38px;margin-bottom:20px}.homePhones{justify-content:center;width:auto;margin-left:auto}.homeCategories{padding:20px}.homeCategoryHeading h2{font-size:29px}.homeCategoryTiles a{min-height:80px}.homeCategoryTiles strong{font-size:18px}.homeIntroActions .primary,.homeTextAction{font-size:16px;padding:13px 16px}.homeUtility .homeProductsLink{font-size:15px}.hero.homeWithUses .homeLinkedin{font-size:15px;padding:10px}.homeFooterBrand{width:auto}.homeFooterBrand strong{font-size:19px}.homeFooter nav{width:auto}.homeFooter button{font-size:13px}}
@media(max-width:560px){.homeStageInner{padding:0 14px 13px;gap:15px}.homeContact{margin:0 -2px}.homePhones{width:100%;gap:8px;justify-content:space-between;padding:10px 8px}.homePhones a{font-size:15px;padding:8px 10px}.homeStage .homeIntro h1{font-size:31px;margin-bottom:18px}.homeIntroActions{gap:9px}.homeIntroActions .primary,.homeTextAction{font-size:13px;padding:12px 13px}.homeCategories{padding:16px}.homeCategoryHeading{margin-bottom:14px}.homeCategoryHeading h2{font-size:27px}.homeCategoryTiles a{min-height:75px;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:10px 8px}.homeCategoryTiles img{width:32px;height:50px}.homeCategoryTiles strong{font-size:15px}.homeUtility{flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:0}.homeUtility .homeProductsLink{font-size:15px;margin-right:auto}.hero.homeWithUses .homeLinkedin{font-size:15px;padding:10px 12px}.homeFooter{padding:14px 16px;gap:12px}.homeFooterBrand{width:100%;justify-content:flex-start}.homeFooterBrand strong{font-size:20px}.homeFooter nav{width:100%;justify-content:space-between}.homeFooter button{font-size:14px}}
@media(max-width:560px){.homeUtility .homeProductsLink{display:none}.homeIntroActions{flex-wrap:nowrap}.homeIntroActions .primary,.homeTextAction{font-size:14px;padding:12px 13px;white-space:nowrap}}

.homeStage:after{background:linear-gradient(90deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.58) 38%,rgba(255,255,255,.08) 78%,rgba(255,255,255,.02) 100%)}

.homePhones a{background:#fff;color:var(--b)}