/* FIXUM V519 · conversión, topbar fija y correcciones de layout */

/* Topbar fija exclusivamente en la experiencia institucional/landing. */
body[data-fx-context="corporate"]{--fx-fixed-topbar-height:0px}
body[data-fx-context="corporate"].has-fixed-topbar{padding-top:var(--fx-fixed-topbar-height)}
body[data-fx-context="corporate"].has-fixed-topbar .fx-topbar{
  position:fixed;inset:0 0 auto 0;z-index:1045;width:100%;margin:0;
  box-shadow:0 1px 0 rgba(255,255,255,.12),0 6px 18px rgba(4,27,44,.08)
}
body[data-fx-context="corporate"] .fx-topbar .container-xl{min-height:38px;padding-top:7px;padding-bottom:7px;line-height:1.35}
body[data-fx-context="corporate"].has-fixed-topbar .fx-header{top:var(--fx-fixed-topbar-height)}
body[data-fx-context="corporate"] .fx-topbar span{min-width:0}
body[data-fx-context="corporate"] .fx-topbar a{font-weight:800;text-underline-offset:3px;white-space:nowrap}

/* Envíos: el precio nunca comparte el mismo espacio visual que el nombre/ETA. */
.shipping-options{min-width:0;overflow:hidden}
.shipping-option{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) minmax(86px,max-content)!important;
  grid-template-areas:"radio main price";
  column-gap:12px!important;row-gap:5px!important;
  align-items:center!important;min-width:0;width:100%;overflow:hidden;
}
.shipping-option>input{grid-area:radio;margin:0!important;align-self:center}
.shipping-option-main{grid-area:main;min-width:0!important;overflow:hidden}
.shipping-option-main strong,.shipping-option-main small{display:block;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.shipping-option>b{grid-area:price;min-width:86px;max-width:140px;margin:0!important;text-align:right;justify-self:end;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.shipping-distance-note,.shipping-placeholder,.shipping-error{min-width:0;overflow-wrap:anywhere}
.order-total-breakdown>div,.order-total{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;gap:16px!important;align-items:baseline!important}
.order-total-breakdown>div>*:first-child,.order-total>*:first-child{min-width:0;overflow-wrap:anywhere}
.order-total-breakdown>div>*:last-child,.order-total>*:last-child{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}

/* SEO/conversión: contenido largo legible, sin bloques apretados. */
.fx-seo-copy{padding:54px 0;border-top:1px solid var(--fx-line,#e3e9ee);background:#fff}
.fx-seo-copy-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:56px;align-items:start}
.fx-seo-copy h2{margin:0 0 18px;color:#0b2d45;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.08;letter-spacing:-.035em}
.fx-seo-copy p{color:#536c7e;line-height:1.78;max-width:780px}
.fx-seo-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fx-seo-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px;border:1px solid #dce6ed;border-radius:14px;color:#123b59;font-weight:800;background:#fbfdff;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.fx-seo-links a:hover{transform:translateY(-2px);border-color:#aac8db;box-shadow:0 10px 24px rgba(10,51,79,.07)}
.fx-seo-links i{font-size:12px;color:var(--fx-blue)}

@media(max-width:991.98px){
  .fx-seo-copy-grid{grid-template-columns:1fr;gap:30px}
  body[data-fx-context="corporate"] .fx-topbar{display:block}
}
@media(max-width:575.98px){
  body[data-fx-context="corporate"] .fx-topbar .container-xl{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding-top:6px;padding-bottom:6px;font-size:11px}
  body[data-fx-context="corporate"] .fx-topbar .container-xl>span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  body[data-fx-context="corporate"] .fx-topbar a{font-size:11px}
  .shipping-option{
    grid-template-columns:22px minmax(0,1fr)!important;
    grid-template-areas:"radio main" ". price"!important;
    padding:14px!important;
  }
  .shipping-option>b{min-width:0;max-width:100%;justify-self:start;text-align:left;margin-top:3px!important;font-size:1rem}
  .order-total-breakdown>div,.order-total{gap:10px!important}
  .fx-seo-copy{padding:40px 0}
  .fx-seo-links{grid-template-columns:1fr}
}