/* The catalogue shares the approved header, footer, typography and palette. */
.product-site{font-family:Nunito,sans-serif;color:#000D8C;background:white;--cyan:#0096ED;--navy:#000D8C}
.product-site main{padding:104px 0 0;max-width:none;width:100%}
.product-site .mp-page-footer{margin-top:36px}
.product-site .collection-head{padding:28px 4vw 24px;margin:0 0 26px;width:100%;max-width:none;position:relative;isolation:isolate;background:#f3fbff}
.product-site .collection-head:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/fondo-recargas-v29.webp') center/cover no-repeat;opacity:.07;pointer-events:none}
.product-site .collection-head h1{font-size:clamp(32px,3.4vw,50px);line-height:1.08;letter-spacing:-.03em;margin:10px 0 20px;max-width:980px}
.product-site .collection-head h1 span{color:#0096ED;display:block}
.product-site .collection-head>p:not(.eyebrow){max-width:800px;font-size:17px;line-height:1.65;margin:0}
.product-site .category-nav{gap:10px;margin-top:25px;flex-wrap:wrap;overflow:visible}
.product-site .category-nav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding:10px 16px;background:white;white-space:normal;text-align:center}
.product-site .category-nav a[aria-current=page]{background:#000D8C;border-color:#000D8C;color:white}
.product-site .catalog-searchbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-top:22px;max-width:800px}
.product-site .catalog-searchbar label{flex:1;min-width:min(250px,100%);font-size:14px;font-weight:700;display:grid;gap:6px;color:#000D8C}
.product-site .catalog-searchbar input{font:400 16px/1.4 Nunito,sans-serif;width:100%;min-height:46px;border:1px solid #bddff2;border-radius:14px;padding:11px 14px;background:#fff;color:#000D8C}
.product-site .catalog-searchbar output{font-size:14px;color:#476786;padding:0 0 12px;white-space:nowrap}
.product-site .catalog-empty{margin:0 4vw 30px;padding:24px;background:#f3fbff;border:1px solid #cce8f8;border-radius:18px;color:#476786}
.product-site .catalog-empty button{font:700 15px Nunito,sans-serif;border:0;background:none;padding:12px 0;min-height:44px;text-decoration:underline;color:#000D8C}
.product-site .collection-grid,.product-site .related-products{margin:0 4vw 36px;max-width:none}
.product-site .static-product{border-color:#d2e9f4;border-radius:20px;box-shadow:none;background:white}
.product-site .static-product strong{color:#0096ED;font-weight:900}
.product-site .static-product .secondary{background:#d7efff;border:0;min-height:44px;font-weight:900}
.product-site .static-product h2{font-family:Nunito,sans-serif;font-weight:900;min-height:0;letter-spacing:-.02em}
.product-site .static-product>div{display:flex;flex-direction:column}
.product-site .static-product>div>.secondary{margin-top:auto}
.product-site .static-product .catalog-availability{font-size:13px;color:#476786;margin:0 0 10px}
.product-site .static-product[hidden],.product-site .catalog-empty[hidden]{display:none!important}
.product-site .breadcrumbs{margin:28px 4vw;gap:10px;font-size:14px}
.product-site .product-overview{margin:0 4vw 40px;gap:5vw;max-width:none}
.product-site .detail-photo{background:#f5fbff;border:1px solid #d2e9f4;min-height:0;border-radius:26px}
.product-site .detail-copy h1{font-size:clamp(30px,3vw,46px);line-height:1.1;letter-spacing:-.025em;margin:10px 0 22px}
.product-site .detail-price{margin:22px 0}
.product-site .detail-price strong{color:#0096ED;font-family:Nunito,sans-serif;font-size:40px;font-weight:900}
.product-site .product-lead,.product-site .product-facts,.product-site .order-note{font-size:16px;line-height:1.65;color:#476786}
.product-site .detail-order{gap:12px;flex-wrap:wrap}
.product-site .detail-order button,.product-site .detail-consult{min-height:46px;background:#0096ED;box-shadow:none;font-size:16px}
.product-site .detail-consult{gap:9px}
.product-site .detail-consult .brand-icon{width:22px;height:22px}
.product-site .detail-unavailable{color:#476786;font-size:15px;margin:0 0 12px}
.product-site .product-content{margin:0 4vw 40px;padding-top:35px;gap:5vw;max-width:none}
.product-site .product-content p{font-size:16px;line-height:1.7;margin-bottom:24px}
.product-site .product-content h2,.product-site .related-products>h2{font-family:Nunito,sans-serif;font-size:28px;letter-spacing:-.025em}
.product-site .product-content aside{background:#f3fbff;border:1px solid #d2e9f4;border-radius:20px;padding:26px}
.product-site .product-content aside a{min-height:44px;display:flex;align-items:center;margin-top:10px}
.product-site .related-products .static-grid{margin:0}
@media(max-width:800px){
 .product-site main{padding-top:81px}
 .product-site .mp-page-footer{margin-top:20px}
}
@media(max-width:700px){
 .product-site .collection-head{padding:26px 20px 24px;margin-bottom:24px}
 .product-site .collection-head h1{font-size:31px;line-height:1.12;letter-spacing:-.025em}
 .product-site .collection-head>p:not(.eyebrow){font-size:15px}
 .product-site .category-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}
 .product-site .category-nav a{font-size:13px;padding:9px 10px;justify-content:center}
 .product-site .catalog-searchbar{margin-top:20px;gap:10px;align-items:center}
 .product-site .catalog-searchbar label{flex-basis:100%}
 .product-site .catalog-searchbar output{padding:0;font-size:13px}
 .product-site .collection-grid,.product-site .related-products{margin:0 20px 26px}
 .product-site .static-product h2{font-size:16px;line-height:1.25}
 .product-site .static-product .secondary{font-size:14px;padding:10px 6px}
 .product-site .static-product strong{font-size:25px}
 .product-site .static-product .catalog-availability{font-size:12px}
 .product-site .breadcrumbs{margin:20px 20px 24px;font-size:13px}
 .product-site .product-overview{margin:0 20px 30px;gap:24px}
 .product-site .detail-copy h1{font-size:30px}
 .product-site .product-content{margin:0 20px 30px;padding-top:26px;gap:22px}
 .product-site .detail-photo{height:270px}
 .product-site .detail-price strong{font-size:36px}
 .product-site .detail-order input{width:80px;min-height:46px}
 .product-site .detail-order button{padding:11px 18px}
 .product-site .detail-consult{width:100%;font-size:15px;padding:12px}
 .product-site .product-content h2,.product-site .related-products>h2{font-size:25px}
}