/* OneDistrict Core — Carrito, pago y Mi cuenta con la marca de OneDistrict.
   Blanco, negro y marino solo en acciones; esquinas rectas; Archivo. Sin el encabezado ni el pie del tema. */
body.od-pago{--n:#000;--b:#fff;--m:#0B2A6F;--mc:#8FA8EC;--g:#5F6470;--l:#E3E4E8;--p:#F4F4F6;--gut:clamp(16px,4vw,56px);
  background:var(--p)!important;color:var(--n);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif}
body.od-pago #masthead,body.od-pago .site-header,body.od-pago #colophon,body.od-pago .site-footer,body.od-pago .entry-hero{display:none!important}
body.od-pago .content-container,body.od-pago .site-container{max-width:1160px!important}
body.od-pago .content-area{margin-top:28px!important;margin-bottom:56px!important}
body.od-pago .entry.single-entry{box-shadow:none!important;border:1px solid var(--l);border-radius:0!important;background:var(--b)}
body.od-pago .entry-content-wrap{padding:clamp(20px,3.4vw,44px)!important}
body.od-pago .entry-header .entry-title{font-stretch:125%;font-variation-settings:"wdth" 125;font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(28px,3.4vw,44px);line-height:1}

/* Encabezado y pie propios */
.od-pago-cab{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px var(--gut);background:var(--b);border-bottom:1px solid var(--l)}
.od-pago-cab__logo img{height:26px;width:auto;display:block}
.od-pago-cab__paso{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.od-pago-cab__paso svg{width:16px;height:16px;color:var(--m)}
.od-pago-cab__volver{font-size:14px;color:var(--g)!important;text-decoration:none!important}
@media (hover:hover) and (pointer:fine){.od-pago-cab__volver:hover{color:var(--n)!important}}
@media (max-width:640px){.od-pago-cab__volver{display:none}.od-pago-cab__paso{font-size:13px}}
.od-pago-pie{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:24px var(--gut);font-size:13px;color:var(--g);border-top:1px solid var(--l)}
.od-pago-pie a{color:var(--n)}

/* Bloques de WooCommerce */
body.od-pago .wc-block-components-button:not(.is-link),
body.od-pago .wc-block-components-checkout-place-order-button,
body.od-pago .wc-block-cart__submit-button,
body.od-pago .woocommerce-button,body.od-pago .button{
  background:var(--m)!important;color:var(--b)!important;border:1px solid var(--m)!important;border-radius:0!important;font-weight:600!important;
  min-height:52px;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 200ms ease}
body.od-pago .wc-block-components-button:not(.is-link):active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){body.od-pago .wc-block-components-button:not(.is-link):hover{background:#163a8c!important}}
body.od-pago .wc-block-components-text-input input,body.od-pago .wc-block-components-combobox .components-combobox-control__input,
body.od-pago .wc-blocks-components-select__select,body.od-pago .wc-block-components-textarea,body.od-pago input.input-text{
  border-radius:0!important;border-color:#C9CCD3!important}
body.od-pago .wc-block-components-text-input.is-active input,body.od-pago .wc-block-components-text-input input:focus{border-color:var(--m)!important;box-shadow:0 0 0 1px var(--m)!important}
body.od-pago .wc-block-components-checkout-step__title,body.od-pago .wc-block-components-title{font-weight:700!important;letter-spacing:-.01em}
body.od-pago .wc-block-components-sidebar .wc-block-components-panel,body.od-pago .wp-block-woocommerce-checkout-order-summary-block{border-radius:0!important}
body.od-pago .wc-block-components-totals-item__value,body.od-pago .wc-block-components-product-price{font-variant-numeric:tabular-nums}
body.od-pago .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{color:var(--m);font-weight:800}
body.od-pago .wc-block-components-radio-control__option,body.od-pago .wc-block-components-radio-control-accordion-option{border-radius:0!important}
body.od-pago a{color:var(--m)}

/* Oferta de complementos */
.od-oferta{margin:0 0 28px;border:1px solid var(--n);background:var(--b)}
.od-oferta summary{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding:16px 20px;cursor:pointer;font-weight:700;font-size:17px;list-style:none}
.od-oferta summary::-webkit-details-marker{display:none}
.od-oferta summary::after{content:"+";font-weight:400;font-size:22px;line-height:1;margin-left:auto}
.od-oferta[open] summary::after{content:"–"}
.od-oferta summary span{font-weight:400;font-size:13px;color:var(--g)}
.od-oferta ul{list-style:none;margin:0;padding:0 20px;display:grid}
.od-oferta li{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--l);margin:0}
.od-oferta li strong{display:block;font-size:15px}
.od-oferta li span{font-size:13px;color:var(--g)}
.od-oferta li p{margin:0;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}
.od-oferta li s{color:var(--g)}
.od-oferta li b{color:var(--m)}
.od-oferta__add{padding:10px 16px;border:1px solid var(--n);background:transparent;color:var(--n);font:600 14px/1 inherit;cursor:pointer;border-radius:0;
  transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 200ms ease,color 200ms ease}
.od-oferta__add:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.od-oferta__add:not(:disabled):hover{background:var(--n);color:var(--b)}}
.od-oferta__mas{margin:0;padding:12px 20px 16px;font-size:13px;border-top:1px solid var(--l)}
@media (max-width:640px){.od-oferta li{grid-template-columns:1fr auto}.od-oferta li p{grid-column:1}.od-oferta__add{grid-row:1 / 3;grid-column:2}}