/* BENEFICIOS · HTML: app/Views/store/beneficios.php */
.storefront.page-benefits .benefits-page{background:radial-gradient(ellipse at 85% 10%,#007A8755,transparent 45%),radial-gradient(ellipse at 5% 80%,#0066CC55,transparent 45%),linear-gradient(145deg,#071524,#0D2F49);padding:75px 0 85px;color:#fff}.storefront.page-benefits .benefits-heading{max-width:790px;margin-bottom:45px}.storefront.page-benefits .benefits-heading h1{font-size:clamp(38px,5vw,70px);line-height:1.04;margin:22px 0 25px;letter-spacing:-.055em}.storefront.page-benefits .benefits-heading h1 span{color:#6EDCE8}.storefront.page-benefits .benefits-heading p{font-size:17px;color:#CBD5E1;line-height:1.8;max-width:680px}.storefront.page-benefits .benefits-heading .eyebrow{color:#6EDCE8}.storefront.page-benefits .benefit-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.storefront.page-benefits .benefit-trade{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:42px;border:1px solid #5EA9BF55;border-radius:27px;background:linear-gradient(120deg,#123854,#104C6244);overflow:hidden}.storefront.page-benefits .benefit-tag{font-size:9px;letter-spacing:.14em;font-weight:750;color:#74E0EC;display:block;margin-bottom:14px}.storefront.page-benefits .benefit-bento h2{font-size:31px;line-height:1.15;color:#fff;margin:0 0 18px}.storefront.page-benefits .benefit-bento p{font-size:14px;color:#CBD5E1;line-height:1.85}.storefront.page-benefits .benefit-trade .btn{margin-top:13px}.storefront.page-benefits .benefit-trade-art{display:flex;align-items:center;justify-content:center;gap:20px}.storefront.page-benefits .benefit-trade-art>div{width:45%;max-width:190px;text-align:center}.storefront.page-benefits .benefit-trade-art img{height:200px;width:100%;object-fit:contain;mix-blend-mode:screen}.storefront.page-benefits .benefit-trade-art>i{color:#74E0EC;font-size:24px}.storefront.page-benefits .benefit-trade-art span{font-size:12px;font-weight:650;display:block;margin-top:10px}.storefront.page-benefits .benefit-trade-art small{font-size:9px;font-weight:400;display:block;color:#CBD5E1;margin-top:5px}.storefront.page-benefits .benefit-card{border:1px solid #5EA9BF44;border-radius:24px;padding:32px;background:#FFFFFF05;transition:background .3s,transform .3s}.storefront.page-benefits .benefit-card:hover{background:#FFFFFF09;transform:translateY(-3px)}.storefront.page-benefits .benefit-symbol{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#00B3C71A;color:#74E0EC;font-size:23px;margin-bottom:25px}.storefront.page-benefits .benefit-shipping{display:grid;grid-template-columns:auto 1fr auto;grid-column:1/-1;gap:25px;align-items:center;padding:35px;border:1px solid #5EA9BF44;border-radius:24px;background:#FFFFFF07}.storefront.page-benefits .benefit-shipping .benefit-symbol{margin:0}.storefront.page-benefits .benefit-shipping .btn{border-color:#6EDCE8;color:#EAF8FC;background:transparent}.storefront.page-benefits .benefit-shipping .btn:hover{background:#FFFFFF10}
@media(max-width:800px){.storefront.page-benefits .benefits-page{padding:45px 0}.storefront.page-benefits .benefit-trade{padding:30px;grid-template-columns:1fr}.storefront.page-benefits .benefit-shipping{grid-template-columns:auto 1fr}.storefront.page-benefits .benefit-shipping .btn{grid-column:2;justify-self:start}.storefront.page-benefits .benefits-heading h1{font-size:50px}.storefront.page-benefits .benefit-bento h2{font-size:28px}}
@media(max-width:520px){.storefront.page-benefits .benefit-bento{grid-template-columns:1fr;gap:15px}.storefront.page-benefits .benefits-heading h1{font-size:40px}.storefront.page-benefits .benefits-heading p{font-size:14px}.storefront.page-benefits .benefit-trade,.storefront.page-benefits .benefit-card,.storefront.page-benefits .benefit-shipping{padding:24px}.storefront.page-benefits .benefit-shipping{grid-template-columns:1fr;gap:10px}.storefront.page-benefits .benefit-shipping .btn{grid-column:1}.storefront.page-benefits .benefit-bento p{font-size:13px}.storefront.page-benefits .benefit-trade-art img{height:155px}}
@media(prefers-reduced-motion:reduce){.storefront.page-benefits .benefit-card{transition:none}.storefront.page-benefits .benefit-card:hover{transform:none}}

.storefront.page-benefits .benefit-device{width:135px;height:225px;border:7px solid #A0B0C2;border-radius:25px;margin:auto;background:linear-gradient(145deg,#4C647C,#162F47);position:relative;box-shadow:0 16px 35px #0003}.storefront.page-benefits .benefit-device>i{display:block;width:42px;height:9px;border-radius:8px;background:#071524;position:absolute;top:9px;left:calc(50% - 21px)}.storefront.page-benefits .device-new{border-color:#B4D6E0;background:radial-gradient(circle at 70% 80%,#69E2E9,transparent 55%),linear-gradient(145deg,#0052A3,#00B3C7);transform:rotate(6deg)}.storefront.page-benefits .device-old{transform:rotate(-6deg)}@media(max-width:520px){.storefront.page-benefits .benefit-device{width:105px;height:180px;border-width:6px;border-radius:22px}}