/* Almai Creaciones: colors drawn from the supplied business logo. */
:root{
  --navy:#063955;
  --blue:#006ba9;
  --teal:#007b83;
  --turquoise:#22bdc6;
  --aqua:#d9f6ef;
  --orange:#fb7135;
  --yellow:#ffd12e;
  --cream:#fcfdfb;
  --ink:#234858;
  --muted:#526c78;
  --line:#d4e7e8;
}
body{background:#fcfdfb}
h1,h2,h3{letter-spacing:-.9px}
.announcement{background:linear-gradient(105deg,#034c7e,#007eb2);border-bottom:3px solid var(--yellow);font-weight:700}
.site-header{background:rgba(255,255,255,.97);border-bottom:0;box-shadow:0 3px 24px #07466b10;isolation:isolate}
.site-header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue) 0 36%,var(--turquoise) 36% 67%,var(--orange) 67% 87%,var(--yellow) 87%)}
.site-header .brand>img{width:70px;height:70px;box-shadow:0 0 0 4px #e7f9f5}
.brand>span{color:#005782}
.site-header nav a{font-weight:700;color:var(--navy)}
.site-header nav a:hover{color:#007b83}
.button{border-radius:7px;min-height:49px;font-size:12px;letter-spacing:.15px;box-shadow:0 5px 13px #004b7e10}
.primary,.header-cta{background:linear-gradient(115deg,#06496f,#0076ac);border-color:#075e8c;color:white}
.primary:hover,.header-cta:hover{background:#06466c;box-shadow:0 7px 19px #00587b22}
.outline{border-color:#006b93;background:white;color:var(--navy)}
.orange{background:var(--yellow);color:var(--navy);border-color:var(--yellow)}
.orange:hover{background:#ffe16d}
.hero{position:relative;isolation:isolate;min-height:685px;padding-top:60px;padding-bottom:65px}
.hero:before{content:'';position:absolute;inset:0 calc((min(100vw,1320px) - 100vw)/2);background:radial-gradient(ellipse at 4% 100%,#d9f6ee 0,transparent 52%),linear-gradient(110deg,#fbfefc 25%,#ecfafa 100%);z-index:-1}
.hero-copy .eyebrow{color:#006f78;letter-spacing:1.45px;padding-left:14px;border-left:4px solid var(--yellow)}
.hero h1{color:#064265;font-size:72px;line-height:1.04;letter-spacing:-2.1px}
.hero h1 em{color:#ec6227;text-shadow:1px 2px 0 #ffdeaa}
.intro{font-size:15px;line-height:1.85;color:#446572}
.hero-service-link{font-size:12px;color:#006c8c;font-weight:700}
.hero-note{color:#4e6d77;font-size:11px}
.hero-note .dot{background:var(--orange)}
.hero-stage:before{inset:6px 4px 9px 39px;background:linear-gradient(145deg,#006cac 0%,#087fae 48%,#20bcc7 100%);border-radius:28px 75px 28px 28px;box-shadow:0 24px 45px #006a9122}
.hero-stage:after{inset:6px 4px 9px 39px;background-image:url('assets/pattern.webp');opacity:.055;border-radius:28px 75px 28px 28px}
.stage-title{color:white;right:34px;top:29px;font-size:10px;letter-spacing:1.5px}
.hero-paper{border:1px solid #e7f0ee;border-radius:8px;box-shadow:0 15px 28px #00334b33}
.hero-paper span{font-size:8px;letter-spacing:1px}
.paper-mug{border-top:5px solid var(--orange)}
.paper-bottle{border-top:5px solid var(--yellow)}
.paper-bag{border-top:5px solid var(--turquoise)}
.stage-tag{width:108px;height:108px;border-radius:50%;background:var(--yellow);color:#064265;padding:20px 16px;right:16px;bottom:-18px;box-shadow:0 9px 20px #06426522;font-size:10px;transform:rotate(8deg)}
.stage-tag span{font-size:32px;line-height:1;color:#ed672f;margin-top:2px}
.how-strip{background:#06486d;border:0}
.how-inner{padding-top:20px;padding-bottom:20px}
.how-inner p{color:#f1ffff;letter-spacing:1.4px}
.how-inner p>span{color:var(--yellow);font-size:21px}
.how-inner .line{background:#81cbdb55}
.section-top .eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#00747c}
.section-top h2{font-size:45px;line-height:1.08;color:#064265}
.section-top>p{font-size:14px;line-height:1.8}
.tailoring{background:linear-gradient(125deg,#033c62 0%,#066b9d 100%);border-bottom:0;position:relative;isolation:isolate}
.tailoring:before{content:'';position:absolute;inset:0;background:url('assets/pattern.webp') center/cover;opacity:.025;z-index:-1;pointer-events:none}
.tailoring .section-top h2{color:#fffdf5}
.tailoring .section-top .eyebrow{color:var(--yellow)}
.tailoring .section-top>p{color:#d8f0f4}
.tailoring-grid{gap:22px}
.service-card{background:white;border:1px solid #ffffff55;border-top:5px solid var(--turquoise);border-radius:12px;box-shadow:0 10px 25px #00233f21;padding:25px;transition:transform .2s,box-shadow .2s}
.service-card:nth-child(3n+2){border-top-color:var(--orange)}
.service-card:nth-child(3n){border-top-color:var(--yellow)}
.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00233f33}
.service-top>svg{background:#e4f8f4;border-radius:16px;width:79px;height:76px;padding:10px;color:#005f89}
.service-card:nth-child(3n+2) .service-top>svg{background:#fff0e4}
.service-card:nth-child(3n) .service-top>svg{background:#fff6d5}
.service-top>span{font-size:9px;letter-spacing:.8px;color:#56717d}
.service-card h3{color:#064265;font-size:19px;line-height:1.25;letter-spacing:-.2px}
.service-card>p{font-size:13px;line-height:1.8;color:#4c6674}
.service-link{font-size:12px;color:#006e88;border-top-color:#deedef}
.service-link>span{background:#e8f8f4;color:#006e88;border-radius:50%;width:29px;height:29px;text-align:center;line-height:29px}
.service-link:hover{color:#064265}
.tailoring-consult{background:#ffffff10;border:1px solid #9cdae24d;border-left:4px solid var(--yellow);border-radius:10px;padding:27px;color:white}
.tailoring-consult .eyebrow{color:#8de5dc}
.tailoring-consult p:not(.eyebrow){font-size:13px;color:#edfaff}
.tailoring-consult .primary{background:var(--yellow);color:var(--navy);border-color:var(--yellow)}
.tailoring-consult .primary:hover{background:#ffe57b}
.collections{background:#fff}
.category-grid{gap:28px 21px}
.category-image{background:#f0fbf8;border:1px solid #dcefee;border-radius:14px;padding:24px;transition:box-shadow .2s}
.category-image:before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--turquoise)}
.category-card:nth-child(4n+2) .category-image{background:#edf6fd}
.category-card:nth-child(4n+2) .category-image:before{background:var(--blue)}
.category-card:nth-child(4n+3) .category-image{background:#fff4e8}
.category-card:nth-child(4n+3) .category-image:before{background:var(--orange)}
.category-card:nth-child(4n) .category-image{background:#fff9df}
.category-card:nth-child(4n) .category-image:before{background:var(--yellow)}
.category-image img{mix-blend-mode:normal;border-radius:5px}
.category-card:hover .category-image{box-shadow:0 10px 25px #065d7c16}
.category-caption h3{font-size:15px;line-height:1.4;color:#064265}
.category-caption p{font-size:11px;color:#496b78}
.category-caption>span{color:#eb6328}
.text-button{color:#006781;border-bottom:2px solid var(--turquoise);font-size:13px}
.catalog{background:linear-gradient(125deg,#e5f5f7,#f3fcf7);border-top:1px solid #d8edef}
.filters{background:white;border:1px solid #d8ebec;box-shadow:0 9px 25px #0062800a;border-radius:12px;padding:24px}
.filters label,.download-controls label{font-size:11px;color:#264f62}
.search-field>div,select{border-color:#c5dfe2;border-radius:6px}
.search-field input,select{font-size:13px}
.search-field>div:focus-within{border-color:#0089a5;box-shadow:0 0 0 3px #22bdc61a}
.reset{color:#456b7b;font-size:12px}
.results-bar{font-size:12px;color:#3d6170}
.text-link{color:#00678d;font-size:12px}
.product-card{background:white;border:1px solid #d2e5e9;border-radius:14px;overflow:hidden;box-shadow:0 5px 15px #06536d08;transition:box-shadow .25s,transform .25s}
.product-card:hover{box-shadow:0 14px 28px #06536d1a;transform:translateY(-4px)}
.product-photo{height:225px;background:white;padding:28px}
.model-count{background:#075780;color:white;border:0;border-radius:20px;padding:4px 9px;left:13px;bottom:11px;font-size:10px}
.product-copy{padding:20px;background:linear-gradient(#fff,#f9fdfc)}
.product-section{font-size:9px;color:#007b83;font-weight:700}
.product-copy h3{font-size:15px;line-height:1.5;color:#073e5a}
.product-info{font-size:12px;line-height:1.8;color:#4c6875}
.product-bottom{border-top-color:#d9e9eb;font-size:10px;color:#00658c;gap:7px}
.product-bottom>span:last-child{border-radius:50%;background:#fff0d7;color:#bc4d1f;width:28px;height:28px;text-align:center;line-height:28px;flex-shrink:0}
.catalog-note,.load-row p{font-size:11px;color:#506f7a}
.downloads{position:relative;background:#fff}
.download-controls{background:linear-gradient(115deg,#064b76,#007cb2);max-width:820px;padding:28px;border-left:6px solid var(--yellow);border-radius:10px;box-shadow:0 14px 30px #00699b14}
.download-controls label{color:white;font-size:11px;letter-spacing:.8px}
.download-controls .primary{background:#ffe061;border-color:#ffe061;color:#073f62}
.download-controls .primary:hover{background:#fff0a1}
.contact{background:linear-gradient(120deg,#033d64,#006da5)}
.contact:before{opacity:.035}
.contact:after{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--turquoise) 0 45%,var(--orange) 45% 75%,var(--yellow) 75%);pointer-events:none}
.contact h2{color:#fffdf2;font-size:45px}
.contact .eyebrow{color:#84e9dd}
.contact-details{border-left-color:#72d6df55}
.contact-details .detail-label{color:#96e7e2;font-weight:700}
.contact-details small{color:#b9f5ec}
.contact-inner>div>p:not(.eyebrow):not(.detail-label):not(.location){color:#e0f3f6;font-size:14px}
.footer{border-top:0;background:#fff}
.footer p,.footer>a:last-child{font-size:11px;color:#466d7e}
dialog{border-radius:16px;box-shadow:0 25px 80px #00263855;border-top:5px solid var(--turquoise);background:#fff}
.detail-copy h2{color:#064265}
.detail-photos>img{border:1px solid #e1f0ee;border-radius:10px}
.variant-thumbs button{border-radius:7px;border-color:#d4e6e7}
.detail-code{color:#006d83}
.detail-copy label{color:#355f71;font-size:11px}
.detail-copy .detail-note{font-size:11px!important}
@media(max-width:1050px){
  .site-header .brand>img{width:59px;height:59px}
  .site-header nav{gap:21px}
  .hero{min-height:625px;gap:25px}
  .hero h1{font-size:56px;letter-spacing:-1.4px}
  .stage-title{right:24px;font-size:9px}
  .stage-tag{width:93px;height:93px;padding:17px 13px;right:10px;bottom:-12px;font-size:9px}
  .stage-tag span{font-size:27px}
  .section-top h2{font-size:38px}
  .contact h2{font-size:38px}
  .service-top>span{font-size:8px}
}
@media(max-width:760px){
  html{scroll-padding-top:88px}
  .announcement{font-size:8px;letter-spacing:.9px;border-bottom-width:2px}
  .site-header .brand>img{width:48px;height:48px;box-shadow:0 0 0 3px #e7f9f5}
  .site-header nav{gap:12px}
  .site-header nav a{font-size:10px}
  .hero{padding-top:39px;padding-bottom:48px;gap:32px;min-height:0}
  .hero h1{font-size:clamp(38px,11vw,66px);line-height:1.05;letter-spacing:-1px}
  .hero-copy .eyebrow{font-size:9px;letter-spacing:1px;padding-left:10px;border-left-width:3px}
  .intro{font-size:14px}
  .hero-service-link{font-size:11px;line-height:1.8}
  .hero-note{font-size:10px}
  .hero-stage{height:385px}
  .hero-stage:before,.hero-stage:after{inset:4px 8px 14px 18px;border-radius:22px 56px 22px 22px}
  .stage-title{top:22px;right:26px;font-size:8px}
  .paper-mug{top:51px;height:190px}
  .paper-bottle{top:84px;height:245px}
  .paper-bag{bottom:0;height:164px}
  .stage-tag{width:87px;height:87px;padding:15px 12px;font-size:8px;right:13px;bottom:-16px}
  .stage-tag span{font-size:25px}
  .how-inner{padding-top:17px;padding-bottom:17px}
  .how-inner p{font-size:8px;letter-spacing:.4px}
  .how-inner p>span{font-size:17px}
  .section-top h2{font-size:33px;letter-spacing:-.8px}
  .section-top>p{font-size:13px}
  .tailoring .section-top h2{font-size:clamp(24px,8vw,33px)}
  .tailoring-grid{gap:16px}
  .service-card{padding:21px}
  .service-top>svg{width:71px;height:69px;padding:9px}
  .service-card h3{font-size:18px}
  .service-card>p{font-size:13px}
  .service-link{font-size:12px}
  .tailoring-consult{padding:22px}
  .tailoring-consult p:not(.eyebrow){font-size:13px}
  .category-grid{gap:26px 15px}
  .category-image{height:159px;padding:22px;border-radius:11px}
  .category-caption h3{font-size:13px}
  .category-caption p{font-size:10px}
  .filters{padding:17px;gap:14px;border-radius:10px}
  .filters label{font-size:10px}
  .search-field input,select{font-size:12px}
  .results-bar,.text-link{font-size:11px}
  .product-grid{gap:14px}
  .product-card{border-radius:11px}
  .product-photo{height:177px;padding:25px 16px}
  .product-copy{padding:15px 12px}
  .product-section{font-size:8px}
  .product-copy h3{font-size:13px;line-height:1.5}
  .product-info{font-size:12px;line-height:1.7}
  .product-bottom{font-size:9px;line-height:1.5}
  .product-bottom>span:last-child{width:23px;height:23px;line-height:23px;font-size:16px}
  .model-count{font-size:9px;padding:3px 8px;left:9px;bottom:8px}
  .download-controls{padding:22px;border-left-width:4px;gap:14px}
  .download-controls label{font-size:11px}
  .contact h2{font-size:34px}
  .contact-details{border-left:0;border-top-color:#72d6df55}
  .contact-details .email{font-size:14px}
  .detail-copy h2{font-size:27px;line-height:1.15}
}
@media(max-width:420px){
  .site-header .brand>img{width:42px;height:42px}
  .site-header nav{gap:10px}
  .site-header nav a{font-size:9px}
  .hero-copy .eyebrow{font-size:8px;letter-spacing:.7px}
  .service-top>span{font-size:8px;letter-spacing:.5px}
  .service-card h3{font-size:19px}
  .category-image{height:144px;padding:21px}
  .product-photo{height:160px}
}
@media(prefers-reduced-motion:reduce){.service-card,.product-card,.category-image{transition:none}}