/* Página Envíos: comparte cabecera, tipografía, botones y pie con el inicio. */
.shipping-page { --shipping-gap: clamp(18px, 2.1vw, 32px); }
.shipping-page .main-nav a[aria-current] { color: var(--pink-text); font-weight: 600; }
.shipping-hero { position: relative; isolation: isolate; height: min(47vw, 750px); min-height: 425px; color: #fff; background: var(--navy); }
.shipping-hero-photo, .club-photo, .final-cta-photo { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.shipping-hero-photo img, .club-photo img, .final-cta-photo img { width: 100%; height: 100%; object-fit: cover; }
.shipping-hero-photo img { object-position: center 47%; }
.shipping-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #00183130, transparent 65%); }
.shipping-hero-content { padding-top: clamp(40px, 5.1vw, 80px); }
.shipping-hero h1 { font-size: clamp(52px, 6.55vw, 99px); font-weight: 900; line-height: .89; letter-spacing: -.035em; }
.shipping-hero h1 span { color: var(--pink); }
.shipping-hero-content > p { margin-top: clamp(17px, 1.7vw, 26px); font-size: clamp(16px, 1.74vw, 25px); line-height: 1.32; max-width: 46%; }
.shipping-hero-content > .button { margin-top: clamp(20px, 2.1vw, 32px); min-height: clamp(43px, 4.55vw, 66px); padding-inline: clamp(32px, 3.7vw, 56px); }
.shipping-benefits { display: grid; grid-template-columns: .9fr .9fr .82fr 1.2fr; gap: clamp(20px, 3.5vw, 54px); position: absolute; isolation: isolate; bottom: clamp(77px, 7.6vw, 120px); left: 0; right: 0; }
.shipping-benefits::before { content: ''; position: absolute; inset: -16px calc(var(--gutter) / -2); z-index: -1; background: linear-gradient(90deg, #001831a8, #001831b8); }
.shipping-benefits li { display: flex; align-items: center; gap: clamp(13px, 1.6vw, 25px); font-size: clamp(13px, 1.37vw, 20px); font-weight: 500; line-height: 1.25; }
.shipping-benefits .benefit-icon { width: clamp(35px, 4vw, 58px); height: clamp(35px, 4vw, 58px); }
.shipping-quote { position: relative; z-index: 2; width: calc(100% - 6.5vw); max-width: 1344px; margin: max(-5.2vw, -82px) auto 0; padding: clamp(22px, 2.3vw, 35px) clamp(22px, 2.4vw, 37px) clamp(15px, 1.6vw, 25px); border: 1px solid #e6e9f1; border-radius: clamp(13px, 1.6vw, 24px); background: linear-gradient(120deg, #fff, #fdfdff); box-shadow: 0 10px 30px #00183113; scroll-margin-top: 24px; }
.shipping-quote-heading { display: flex; align-items: center; gap: clamp(16px, 1.8vw, 27px); }
.shipping-quote-heading > .icon { width: clamp(37px, 4vw, 60px); height: clamp(37px, 4vw, 60px); color: var(--pink); stroke-width: 2.4; }
.shipping-quote-heading h2 { font-size: clamp(24px, 2.5vw, 37px); line-height: 1.15; }
.shipping-quote-heading p { font-size: clamp(13px, 1.43vw, 20px); line-height: 1.35; color: var(--muted); margin-top: 4px; }
.shipping-form { margin-top: clamp(22px, 2.3vw, 34px); }
.shipping-fields { display: grid; grid-template-columns: 1.2fr 1.2fr .9fr .9fr .9fr .9fr 1.7fr; gap: clamp(11px, 1.2vw, 18px); align-items: end; }
.shipping-fields label { display: flex; flex-direction: column; gap: 7px; text-transform: uppercase; letter-spacing: .02em; font-size: clamp(10px, 1.02vw, 14px); font-weight: 600; min-width: 0; }
.shipping-fields input { height: clamp(42px, 4.25vw, 61px); min-width: 0; width: 100%; padding: 12px clamp(11px, 1.2vw, 17px); border: 1px solid #d5dae5; border-radius: 7px; background: #fdfdff; color: var(--ink); font-size: clamp(12px, 1.25vw, 18px); letter-spacing: 0; box-shadow: inset 0 1px 2px #00183102; }
.shipping-fields input::placeholder { color: #6f7b91; opacity: 1; }
.shipping-fields input:focus { border-color: #6a40c6; }
.shipping-fields .compare-button { min-height: clamp(42px, 4.25vw, 61px); border-radius: 8px; padding-inline: 14px; gap: 10px; font-size: clamp(12px, 1.36vw, 19px); }
.shipping-form-note { text-align: right; font-size: clamp(10px, 1.02vw, 14px); line-height: 1.4; margin-top: 12px; color: #58657c; }
.shipping-carriers { padding: clamp(24px, 2.5vw, 38px) 0 clamp(26px, 2.8vw, 42px); }
.shipping-page .section-heading h2 { font-size: clamp(28px, 3.15vw, 47px); line-height: 1.15; margin-top: 0; }
.shipping-page .section-heading > p:last-child { font-size: clamp(14px, 1.47vw, 21px); margin-top: 9px; }
.shipping-carriers .section-heading { margin-bottom: clamp(25px, 2.8vw, 43px); }
.carrier-logos { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; max-width: 1160px; margin-inline: auto; }
.carrier-logos li { position: relative; display: flex; align-items: center; justify-content: center; min-height: clamp(45px, 5.2vw, 75px); padding-inline: 30px; }
.carrier-logos li + li::before { position: absolute; content: ''; left: 0; top: 17%; bottom: 17%; width: 1px; background: #d8dce6; }
.carrier-logos img { width: 100%; max-width: 305px; height: auto; }
.carrier-logos li:nth-child(2) img { max-width: 230px; }
.shipping-advantages { display: grid; grid-template-columns: 56% 44%; background: linear-gradient(110deg, #fff, #f6f3fb); }
.warehouse-photo { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1.85; }
.advantages-list { padding: clamp(22px, 2.45vw, 36px) clamp(28px, 4vw, 60px); align-self: center; }
.advantages-list article { display: grid; grid-template-columns: clamp(46px, 5.2vw, 76px) 1fr; gap: clamp(17px, 2.25vw, 34px); align-items: start; padding-block: clamp(16px, 1.75vw, 26px); }
.advantages-list article:first-child { padding-top: 0; }
.advantages-list article:last-child { padding-bottom: 0; }
.advantages-list article + article { border-top: 1px solid #dcd7e8; }
.advantages-list .icon { width: clamp(44px, 5vw, 72px); height: clamp(44px, 5vw, 72px); color: var(--pink); stroke-width: 2.4; }
.advantages-list h2 { font-size: clamp(16px, 1.63vw, 24px); letter-spacing: -.03em; line-height: 1.15; }
.advantages-list p { font-size: clamp(13px, 1.35vw, 20px); color: var(--muted); line-height: 1.3; margin-top: 7px; }
.delivery-options { padding-block: clamp(25px, 2.8vw, 42px) clamp(18px, 1.8vw, 28px); }
.delivery-options .section-heading { margin-bottom: clamp(20px, 2.15vw, 32px); }
.delivery-options-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(80px, 11.4vw, 172px); }
.delivery-option { padding: 11px; border: 1px solid #e5e8f0; border-radius: 14px; background: linear-gradient(130deg, #fff, #fcfcfe); }
.delivery-option > img { width: 100%; height: auto; aspect-ratio: 2.32; object-fit: cover; border-radius: 10px; }
.delivery-option-body { display: grid; grid-template-columns: clamp(53px, 6.1vw, 90px) 1fr; gap: clamp(15px, 2.3vw, 34px); padding: clamp(18px, 1.8vw, 27px) clamp(12px, 1.6vw, 24px) 5px; }
.delivery-option-body > .icon { color: var(--pink); width: clamp(49px, 5.7vw, 84px); height: clamp(49px, 5.7vw, 84px); stroke-width: 2.3; }
.delivery-option h3 { font-size: clamp(19px, 2vw, 29px); line-height: 1.14; }
.delivery-option p { color: var(--muted); font-size: clamp(14px, 1.43vw, 21px); line-height: 1.3; margin-top: 7px; }
.delivery-option .text-link { font-size: clamp(14px, 1.4vw, 20px); margin-top: 9px; min-height: 36px; }
.delivery-connector { position: absolute; width: 15%; left: 42.5%; top: 32%; color: var(--pink); }
.delivery-connector > svg:first-child { display: block; width: 100%; }
.delivery-connector > .icon { width: 44px; height: 44px; position: absolute; top: 4px; left: calc(50% - 22px); background: #fff; padding: 4px; }
.shipping-club { position: relative; isolation: isolate; color: #fff; background: #00182f; min-height: min(28.3vw, 440px); overflow: hidden; }
.club-photo img { object-position: center 52%; }
.shipping-club-inner { display: grid; grid-template-columns: 43% 28% 25%; justify-content: space-between; align-items: center; gap: 2%; min-height: min(28.3vw, 440px); padding-block: clamp(27px, 3.2vw, 48px); }
.club-copy { grid-column: 1; }
.club-copy h2 { font-size: clamp(41px, 4.9vw, 73px); font-weight: 900; letter-spacing: -.035em; line-height: .85; }
.club-copy p { margin-top: clamp(16px, 1.7vw, 25px); font-size: clamp(16px, 1.72vw, 25px); line-height: 1.35; }
.club-copy .button { margin-top: clamp(19px, 2.1vw, 31px); min-height: clamp(43px, 4.5vw, 65px); font-size: clamp(14px, 1.5vw, 21px); padding-inline: clamp(24px, 3.6vw, 53px); }
.club-levels { grid-column: 3; display: flex; flex-direction: column; gap: clamp(21px, 2.5vw, 38px); }
.club-levels li { display: flex; gap: clamp(13px, 1.5vw, 22px); align-items: center; }
.club-badge { display: grid; place-items: center; width: clamp(46px, 5.5vw, 80px); height: clamp(46px, 5.5vw, 80px); flex-shrink: 0; border-radius: 50%; border: 3px solid currentColor; background: radial-gradient(at 30% 20%, #ffffff22, #ffffff04 60%); box-shadow: inset 0 0 0 3px #001831, 0 0 18px #00000024; }
.club-badge .icon { width: 55%; height: 55%; }
.club-levels h3 { font-size: clamp(15px, 1.5vw, 22px); font-weight: 700; letter-spacing: 0; line-height: 1.1; }
.club-percentage { color: #fff; font-weight: 900; font-size: clamp(25px, 2.8vw, 42px); line-height: .98; letter-spacing: -.04em; }
.club-levels p:last-child { color: #fff; font-size: clamp(12px, 1.3vw, 18px); line-height: 1.3; white-space: nowrap; }
.club-blue { color: #91d7ff; }
.club-gold { color: #ffda70; }
.club-black { color: #e4e6ea; }
.shipping-final-cta { position: relative; isolation: isolate; background: #092b49; color: #fff; border-block: 2px solid #fff; }
.final-cta-photo img { object-position: center bottom; }
.shipping-final-cta::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #00183199, #0018310a 75%); }
.shipping-final-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; min-height: min(15.6vw, 242px); padding-block: clamp(20px, 2vw, 31px); }
.shipping-final-inner h2 { font-size: clamp(31px, 3.8vw, 56px); line-height: .95; letter-spacing: -.03em; font-weight: 900; }
.shipping-final-inner p { margin-top: clamp(12px, 1.3vw, 19px); font-size: clamp(13px, 1.42vw, 20px); }
.shipping-final-inner .button { flex-shrink: 0; font-size: clamp(14px, 1.45vw, 21px); min-height: clamp(45px, 4.65vw, 68px); padding-inline: clamp(26px, 3.25vw, 48px); }
.shipping-page .site-footer { padding-bottom: clamp(24px, 2.5vw, 38px); }
.shipping-page .footer-bottom { border-top: 1px solid #ffffff66; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-top: clamp(20px, 2.3vw, 34px); margin-top: clamp(30px, 3.5vw, 52px); font-size: clamp(11px, 1.13vw, 16px); color: #e1e7f1; }
.footer-bottom nav { display: flex; gap: clamp(18px, 2.7vw, 40px); }

@media (min-width: 1700px) {
  .shipping-hero { height: 750px; }
  .shipping-benefits { bottom: 128px; }
}
@media (max-width: 1100px) {
  .shipping-fields { gap: 10px; }
  .shipping-fields .compare-button { font-size: 12px; gap: 6px; padding-inline: 10px; }
  .shipping-fields .compare-button .icon { width: 17px; }
  .advantages-list { padding-inline: 28px; }
  .advantages-list article { gap: 16px; }
  .club-levels { gap: 24px; }
}
@media (max-width: 900px) {
  .shipping-hero { height: 490px; }
  .shipping-hero-content { padding-top: 43px; }
  .shipping-hero h1 { font-size: 59px; }
  .shipping-hero-content > p { max-width: 47%; font-size: 16px; }
  .shipping-hero-content .desktop-break { display: none; }
  .shipping-hero-content > .button { margin-top: 23px; min-height: 45px; font-size: 15px; }
  .shipping-benefits { bottom: 88px; gap: 18px; grid-template-columns: 1fr 1fr 1fr 1.1fr; }
  .shipping-benefits li { font-size: 12px; gap: 10px; }
  .shipping-benefits .benefit-icon { width: 32px; height: 32px; }
  .shipping-quote { margin-top: -47px; padding: 23px 25px 20px; }
  .shipping-quote-heading h2 { font-size: 25px; }
  .shipping-quote-heading p { font-size: 14px; }
  .shipping-fields { grid-template-columns: repeat(6, 1fr); gap: 15px 12px; }
  .shipping-fields label:first-child, .shipping-fields label:nth-child(2) { grid-column: span 3; }
  .shipping-fields label:nth-child(n+3) { grid-column: span 1; }
  .shipping-fields .compare-button { grid-column: span 2; font-size: 13px; }
  .shipping-fields input, .shipping-fields .compare-button { height: 45px; min-height: 45px; }
  .shipping-fields input { font-size: 14px; }
  .shipping-fields label { font-size: 10px; }
  .shipping-form-note { font-size: 11px; }
  .shipping-page .section-heading h2 { font-size: 30px; }
  .shipping-page .section-heading > p:last-child { font-size: 15px; }
  .carrier-logos li { padding-inline: 28px; }
  .shipping-advantages { grid-template-columns: 52% 48%; }
  .warehouse-photo { min-height: 330px; }
  .advantages-list { padding: 25px 22px; }
  .advantages-list article { grid-template-columns: 38px 1fr; gap: 15px; padding-block: 17px; }
  .advantages-list .icon { width: 37px; height: 37px; }
  .advantages-list h2 { font-size: 16px; }
  .advantages-list p { font-size: 13px; }
  .delivery-options-grid { gap: 70px; }
  .delivery-option { padding: 9px; }
  .delivery-option-body { grid-template-columns: 41px 1fr; gap: 14px; padding: 17px 9px 5px; }
  .delivery-option-body > .icon { width: 40px; height: 40px; }
  .delivery-option h3 { font-size: 18px; }
  .delivery-option p, .delivery-option .text-link { font-size: 13px; }
  .delivery-option .desktop-break { display: none; }
  .delivery-connector { width: 14%; left: 43%; }
  .delivery-connector > .icon { width: 35px; height: 35px; left: calc(50% - 17.5px); }
  .shipping-club-inner { grid-template-columns: 42% 26% 28%; min-height: 315px; padding-block: 30px; }
  .club-copy h2 { font-size: 43px; }
  .club-copy p { font-size: 15px; }
  .club-copy .desktop-break { display: none; }
  .club-copy .button { padding-inline: 22px; min-height: 44px; font-size: 13px; }
  .club-levels { gap: 22px; }
  .club-levels li { gap: 10px; }
  .club-badge { width: 45px; height: 45px; border-width: 2px; }
  .club-levels h3 { font-size: 13px; }
  .club-percentage { font-size: 25px; }
  .club-levels p:last-child { font-size: 11px; }
  .shipping-final-inner { min-height: 155px; }
  .shipping-final-inner h2 { font-size: 31px; }
  .shipping-final-inner p { font-size: 12px; max-width: 390px; line-height: 1.4; }
  .shipping-final-inner .button { font-size: 13px; padding-inline: 23px; }
  .shipping-page .footer-bottom { font-size: 11px; gap: 24px; align-items: flex-start; }
  .footer-bottom nav { flex-wrap: wrap; justify-content: flex-end; gap: 8px 17px; }
}
@media (max-width: 600px) {
  .shipping-hero { height: 730px; min-height: 0; }
  .shipping-hero-photo { inset: 280px 0 85px; }
  .shipping-hero-photo img { object-position: center 50%; }
  .shipping-hero::after { background: linear-gradient(180deg, #001831 0%, #001831 29%, #001831a0 42%, transparent 57%, transparent 73%, #001831 88%); }
  .shipping-hero-content { padding-top: 35px; }
  .shipping-hero h1 { font-size: clamp(46px, 12.3vw, 70px); line-height: .92; }
  .shipping-hero-content > p { max-width: 100%; font-size: 16px; line-height: 1.4; margin-top: 18px; }
  .shipping-hero-content > .button { margin-top: 20px; min-height: 45px; padding-inline: 31px; }
  .shipping-benefits { grid-template-columns: 1fr 1fr; bottom: 61px; gap: 18px 15px; }
  .shipping-benefits li { font-size: 12px; gap: 11px; }
  .shipping-benefits .benefit-icon { width: 32px; height: 32px; }
  .shipping-quote { width: calc(100% - 28px); margin-top: -29px; padding: 24px 18px 19px; border-radius: 15px; scroll-margin-top: 18px; }
  .shipping-quote-heading { align-items: flex-start; gap: 12px; }
  .shipping-quote-heading > .icon { width: 32px; height: 32px; margin-top: 2px; }
  .shipping-quote-heading h2 { font-size: 23px; line-height: 1.12; }
  .shipping-quote-heading p { font-size: 13px; margin-top: 7px; line-height: 1.4; }
  .shipping-form { margin-top: 23px; }
  .shipping-fields { grid-template-columns: 1fr 1fr; gap: 15px 13px; }
  .shipping-fields label:first-child, .shipping-fields label:nth-child(2), .shipping-fields label:nth-child(n+3) { grid-column: span 1; }
  .shipping-fields label { font-size: 11px; gap: 7px; }
  .shipping-fields input { height: 46px; font-size: 15px; }
  .shipping-fields .compare-button { grid-column: 1/-1; min-height: 47px; margin-top: 2px; font-size: 15px; border-radius: 8px; gap: 11px; }
  .shipping-form-note { text-align: center; font-size: 10px; margin-top: 13px; }
  .shipping-carriers { padding-block: 32px; }
  .shipping-page .section-heading h2 { font-size: 28px; line-height: 1.08; }
  .shipping-page .section-heading > p:last-child { font-size: 14px; line-height: 1.45; }
  .shipping-carriers .section-heading { margin-bottom: 25px; }
  .carrier-logos li { min-height: 35px; padding-inline: 13px; }
  .carrier-logos li:first-child { padding-left: 0; padding-right: 15px; }
  .carrier-logos li:last-child { padding-right: 0; padding-left: 15px; }
  .shipping-advantages { grid-template-columns: 1fr; }
  .warehouse-photo { min-height: 0; height: auto; aspect-ratio: 1.85; }
  .advantages-list { padding: 29px 24px; }
  .advantages-list article { grid-template-columns: 43px 1fr; gap: 20px; padding-block: 23px; }
  .advantages-list .icon { width: 42px; height: 42px; }
  .advantages-list h2 { font-size: 18px; }
  .advantages-list p { font-size: 14px; line-height: 1.4; }
  .delivery-options { padding-block: 34px 28px; }
  .delivery-options .section-heading { margin-bottom: 24px; }
  .delivery-options-grid { grid-template-columns: 1fr; gap: 24px; }
  .delivery-option { padding: 10px; border-radius: 13px; }
  .delivery-option-body { padding: 20px 12px 7px; grid-template-columns: 48px 1fr; gap: 18px; }
  .delivery-option-body > .icon { width: 47px; height: 47px; }
  .delivery-option h3 { font-size: 21px; }
  .delivery-option p { font-size: 15px; line-height: 1.4; }
  .delivery-option .text-link { font-size: 14px; min-height: 40px; }
  .delivery-connector { display: none; }
  .shipping-club { min-height: 0; }
  .club-photo { inset: 225px 0 auto; height: 265px; }
  .club-photo img { object-position: center 55%; }
  .shipping-club::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #001831 0%, #001831 25%, #00183100 39%, #00183100 52%, #001831 66%); }
  .shipping-club-inner { display: flex; flex-direction: column; align-items: stretch; gap: 280px; padding-block: 34px 30px; }
  .club-copy h2 { font-size: clamp(40px, 10.7vw, 58px); line-height: .92; }
  .club-copy p { margin-top: 18px; font-size: 16px; line-height: 1.4; max-width: 330px; }
  .club-copy .button { margin-top: 20px; min-height: 46px; padding-inline: 27px; font-size: 14px; }
  .club-levels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
  .club-levels li { flex-direction: column; align-items: center; gap: 12px; text-align: center; }
  .club-badge { width: 49px; height: 49px; }
  .club-levels h3 { font-size: 13px; }
  .club-percentage { font-size: 29px; line-height: 1.1; }
  .club-levels p:last-child { font-size: 10px; white-space: normal; max-width: 95px; line-height: 1.35; }
  .shipping-final-inner { display: block; min-height: 300px; padding-block: 31px; }
  .shipping-final-inner h2 { font-size: 32px; line-height: 1; }
  .shipping-final-inner p { max-width: 285px; font-size: 14px; line-height: 1.5; margin-top: 15px; }
  .shipping-final-inner .button { margin-top: 23px; min-height: 47px; font-size: 14px; padding-inline: 29px; }
  .final-cta-photo img { object-position: 64% center; }
  .shipping-final-cta::after { background: linear-gradient(90deg, #001831d9, #00183170 80%); }
  .shipping-page .footer-bottom { flex-direction: column; gap: 20px; margin-top: 30px; padding-top: 22px; font-size: 11px; line-height: 1.5; }
  .footer-bottom nav { justify-content: flex-start; gap: 13px 18px; }
}
@media (max-width: 370px) {
  .shipping-hero h1 { font-size: 43px; }
  .shipping-hero { height: 730px; }
  .shipping-hero-content > p { font-size: 15px; }
  .shipping-benefits li { font-size: 11px; gap: 9px; }
  .shipping-quote-heading h2 { font-size: 21px; }
  .shipping-quote-heading > .icon { width: 28px; height: 28px; }
  .shipping-quote { padding-inline: 16px; }
  .shipping-form-note { font-size: 9px; }
  .club-copy h2 { font-size: 38px; }
  .club-copy p { font-size: 15px; }
  .club-levels { gap: 8px; }
}