/* chrome.css: estilos del header/footer canónicos (extraído de landing.css) */
.sf-hidden{display:none!important}.e-nwkped{position:sticky;top:0;z-index:200;margin-bottom:-1px}.e-11qtavt{width:100%;height:100%;position:fixed;z-index:102;top:0;overflow:hidden}.e-1vx2uvz>*{-webkit-transition:all 0.2s;transition:all 0.2s}.e-28p837{display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-left:40px;padding-right:40px;padding-top:24px;padding-bottom:24px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-height:80px;box-sizing:border-box;background-color:#F7F5F0}@media (max-width:767px){.e-28p837{padding:12px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}}.e-1505q65{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;border-right:none}@media (min-width:768px){.e-1505q65{display:none}}.e-hpnlv5{display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}@media (max-width:767px){.e-hpnlv5{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}}.e-1cqjyen{display:flex;margin-right:8px;border:none;background:transparent;cursor:pointer}@media (max-width:767px){.e-1cqjyen{display:none}}.e-v0y5ct{padding-right:24px;border-right:none}@media (max-width:767px){.e-v0y5ct{border-right:none;padding:0}}@media (max-width:767px){.e-v0y5ct{display:none}}.e-1uj57i3{width:156px;height:auto}@media (max-width:767px){.e-1uj57i3{width:156px;height:auto}}.e-1ljb8t7{position:relative;z-index:2;width:100%;margin-left:32px;margin-right:32px}@media (max-width:1023px){.e-1ljb8t7{margin-left:8px;margin-right:8px}}@media (max-width:767px){.e-1ljb8t7{display:none}}.e-pbxmm7{position:relative;background-color:transparent;z-index:100}.e-1jachf5{position:relative;height:56px;background-color:#F6F7F8;border-radius:28px;overflow:hidden}.e-1u55v2j{position:absolute;top:53%;left:12px;padding:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border:none;background-color:transparent;z-index:1;pointer-events:none}.e-1u55v2j:active{outline:none}.e-1u55v2j:hover{cursor:text}.e-l2608g{height:100%;position:relative;display:flex;border-radius:inherit}.e-l2608g:has(input:focus)::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:24px;border:0.5px solid #C7C8CD}.e-14cv6sq{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;height:100%;min-width:0}.e-1xp4qxo{display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;padding-top:0;padding-bottom:0;margin-bottom:0px;border:solid 0.5px #C7C8CD;border-radius:28px;font-size:15px;background-color:transparent;text-indent:40px;color:#343538;outline:0;padding-left:0;padding-right:48px;height:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-shadow:0 2px 4px 0#0000000D inset}.e-1xp4qxo::-webkit-input-placeholder{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;color:#343538}.e-1xp4qxo::-moz-placeholder{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;color:#343538}.e-1xp4qxo:-ms-input-placeholder{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;color:#343538}.e-1xp4qxo::placeholder{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;color:#343538}@media (min-width:768px) and (min-width:0px){.e-1xp4qxo::-webkit-input-placeholder{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}.e-1xp4qxo::-moz-placeholder{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}.e-1xp4qxo:-ms-input-placeholder{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}.e-1xp4qxo::placeholder{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}}.e-1xp4qxo:active{outline:none}.e-1xp4qxo::-webkit-input-placeholder{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;color:#343538;opacity:1}.e-1xp4qxo::-moz-placeholder{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;color:#343538;opacity:1}.e-1xp4qxo:-ms-input-placeholder{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;color:#343538;opacity:1}.e-1xp4qxo::placeholder{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;color:#343538;opacity:1}@media (min-width:768px) and (min-width:0px){.e-1xp4qxo::-webkit-input-placeholder{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}.e-1xp4qxo::-moz-placeholder{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}.e-1xp4qxo:-ms-input-placeholder{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}.e-1xp4qxo::placeholder{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}}.e-1xp4qxo::-webkit-search-cancel-button{-webkit-appearance:none}.e-1xp4qxo::-webkit-search-decoration{-webkit-appearance:none}.e-5ax1kt{display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:8px}.e-mvwd8d{all:unset;box-sizing:border-box;touch-action:manipulation;display:inline-block;position:relative;text-align:center;-moz-user-select:none;-ms-user-select:none;border:none;padding:0;margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:none;background:#ffffff;border-radius:calc(40px/2);color:#242529;height:40px;padding-left:16px;padding-right:16px;max-width:192px;border-color:#C7C8CD;border-style:solid;border-width:1px;min-width:80px}@media (min-width:768px){.e-mvwd8d{padding-left:16px;padding-right:16px}}.e-mvwd8d:active{background:#aeaeae;border-color:transparent}@media (min-width:768px){.e-mvwd8d{min-width:166px}}.e-tik6y1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:14px;line-height:20px;font-weight:600;font-variation-settings:"wght"600,"opsz"32;--ids-typography-name:mobile/subtitle;margin-left:8px;margin-right:8px}@media (min-width:768px) and (min-width:0px){.e-tik6y1{font-size:17px;line-height:20px;--ids-typography-name:web/subtitle}}@media (min-width:768px){.e-tik6y1{font-size:14px;line-height:20px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:web/bodyEmphasized}}.e-e9r4sk{all:unset;box-sizing:border-box;touch-action:manipulation;display:inline-block;position:relative;text-align:center;-moz-user-select:none;-ms-user-select:none;border:none;padding:0;margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:none;background:#C7440E;border-radius:calc(40px/2);height:40px;padding-left:16px;padding-right:16px;max-width:192px;background-color:#C7440E;color:#FFFFFF;min-width:80px}@media (min-width:768px){.e-e9r4sk{padding-left:16px;padding-right:16px}}.e-e9r4sk:active{background:#006000}@media (min-width:768px){.e-e9r4sk{min-width:166px}}.e-jfggi0{background:white}.e-1bg0zd2{color:#343538;padding:0 5%;max-width:1224px;margin:auto;text-align:left}.e-1olo608{width:100%;display:flex;-webkit-box-flex-flow:row;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-top:1px solid;border-color:#E8E9EB}@media (max-width:767px){.e-1olo608{-webkit-box-flex-flow:column;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column}}.e-17lbjia{display:flex;-webkit-flex:1;-ms-flex:1;flex:1}@media (max-width:1023px){.e-17lbjia{padding:0 20px 40px;margin:0 auto}}.e-y3ln0r{-webkit-flex:2 0 0;-ms-flex:2 0 0;flex:2 0 0;display:inline-block}.e-k008qs{display:flex}.e-1n2mv2k{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.e-wt9rcm{height:33px;width:33px}.e-1j00t9{font-size:14px;line-height:20px;font-weight:600;font-variation-settings:"wght"600,"opsz"32;--ids-typography-name:mobile/subtitle;padding:20px 0 13px 6px;whitespace:nowrap;margin:0}@media (min-width:768px) and (min-width:0px){.e-1j00t9{font-size:17px;line-height:20px;--ids-typography-name:web/subtitle}}.e-1wi8ynz{display:flex;list-style:none;padding-left:39px;margin:0}@media (max-width:767px){.e-1wi8ynz{padding-left:0;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}}.e-14fanef{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;padding:7px 25px 7px 0;display:flex}@media (min-width:768px) and (min-width:0px){.e-14fanef{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}}.e-15bjltv{height:15px;width:15px;margin-right:13px}.e-g3vxz6{display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:2;-ms-flex:2;flex:2;margin-bottom:40px;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly}@media (max-width:1023px){.e-g3vxz6{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;padding:0 20px}}.e-m442z6{-webkit-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;list-style:none;margin:0}@media (min-width:1024px){.e-m442z6{width:184px;padding:0 4px}}.e-jh1ewx{font-size:14px;line-height:20px;font-weight:600;font-variation-settings:"wght"600,"opsz"32;--ids-typography-name:mobile/subtitle;color:#343538;padding:20px 0 13px;text-align:left;margin:0;display:flex}@media (min-width:768px) and (min-width:0px){.e-jh1ewx{font-size:17px;line-height:20px;--ids-typography-name:web/subtitle}}@media (max-width:1023px){.e-jh1ewx{display:none}}.e-3s6g1s{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border:0;padding:0;background:none;width:100%;font-family:inherit}@media (max-width:1023px){.e-3s6g1s{display:flex}}.e-1ak6a93{display:none;margin:25px 0}@media (max-width:1023px){.e-1ak6a93{display:block;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}@media (max-width:1023px){.e-1rf06g9{display:none;margin-bottom:30px}}.e-6b3e9e{display:inline-block;list-style:none;-webkit-padding-start:inherit;padding-inline-start:inherit;margin:0}@media (max-width:1023px){.e-1bbnrwx{background-color:#E8E9EB;height:1px;border:none;margin-top:8px;margin-bottom:8px;display:block}}@media (max-width:1023px){.e-1iznekb{background-color:#E8E9EB;height:1px;border:none;margin-top:8px;margin-bottom:8px;display:none}}.e-1leu51m{padding-left:39px;padding-top:20px;padding-bottom:48px;padding-right:80px;border-top:1px solid #E8E9EB;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:767px){.e-1leu51m{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:20px;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start}}.e-1rr4qq7{-webkit-flex:1;-ms-flex:1;flex:1}.e-1wza9kp{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;-webkit-flex:2 0 0;-ms-flex:2 0 0;flex:2 0 0;padding:12px 0}@media (min-width:768px) and (min-width:0px){.e-1wza9kp{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}}.e-1ir0gw0{-webkit-flex:2;-ms-flex:2;flex:2;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}@media (max-width:767px){.e-1ir0gw0{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}}.e-16pnnv0{font-size:12px;line-height:18px;font-weight:400;font-variation-settings:"wght"400,"opsz"8;--ids-typography-name:mobile/bodyRegular;color:#343538;margin-right:24px}@media (min-width:768px) and (min-width:0px){.e-16pnnv0{font-size:14px;line-height:20px;--ids-typography-name:web/bodyRegular}}@media (max-width:767px){.e-16pnnv0{margin-right:12px}}.e-dds5q6{cursor:pointer;box-sizing:border-box;position:relative;display:inline-block;width:51px;height:28px}.e-rd3w5y{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:16px;background-color:#8F939B;-webkit-transition:background-color 100ms ease-in-out;transition:background-color 100ms ease-in-out;pointer-events:none}.e-1sfp3zy{position:absolute;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:24px;width:24px;border-radius:50%;background-color:white;top:2px;-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);-webkit-transition:-webkit-transform 100ms ease-in-out;transition:transform 100ms ease-in-out;pointer-events:none;box-shadow:0px 1px 8px rgba(0,0,0,0.08)}.e-1e91xje{display:flex;-webkit-flex:1;-ms-flex:1;flex:1}@media (max-width:1023px){.e-1e91xje{padding:0 20px}}.e-wf3tld{font-size:14px;line-height:20px;font-weight:600;font-variation-settings:"wght"600,"opsz"32;--ids-typography-name:mobile/subtitle;padding:20px 0 13px 39px;margin:0}@media (min-width:768px) and (min-width:0px){.e-wf3tld{font-size:17px;line-height:20px;--ids-typography-name:web/subtitle}}@media (max-width:767px){.e-wf3tld{padding:20px 0 0}}.e-l3g9bm{display:flex;-webkit-box-flex-flow:row;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;-webkit-flex:2;-ms-flex:2;flex:2;margin:2px 0 20px}@media (max-width:1023px){.e-l3g9bm{-webkit-box-flex-flow:column;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-flex:1;-ms-flex:1;flex:1;padding:0 20px}}.e-b9gs4y{-webkit-flex:3 0 0;-ms-flex:3 0 0;flex:3 0 0;list-style:none;padding:0 5%0 0}.e-19590t{display:flex;list-style:none;padding:0;margin:0}@media (max-width:1023px){.e-19590t{-webkit-box-flex-flow:wrap;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}}.e-56vxwf{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;padding:20px 32px 0 0}@media (min-width:768px) and (min-width:0px){.e-56vxwf{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}}@media (max-width:1023px){.e-56vxwf{padding:20px 20px 0 0;white-space:nowrap}}.e-1mj7m16{-webkit-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;display:inline-block;list-style:none}.e-1fpp7mr{display:flex;list-style:none;-webkit-padding-start:inherit;padding-inline-start:inherit;margin:0}.e-oxe6ba{font-size:12px;line-height:18px;font-weight:600;font-variation-settings:"wght"600,"opsz"8;--ids-typography-name:mobile/bodyEmphasized;padding:20px 14px 0 0}@media (min-width:768px) and (min-width:0px){.e-oxe6ba{font-size:14px;line-height:20px;--ids-typography-name:web/bodyEmphasized}}.e-ihks7k{width:20px;height:20px}@media (max-width:767px){.e-ihks7k{width:35px;height:35px}}.e-1pwg48o{width:100%;display:flex;-webkit-box-flex-flow:row;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row}.e-oqwdj2{margin-bottom:40px;padding-left:39px;font-size:12px;line-height:18px;font-weight:400;font-variation-settings:"wght"400,"opsz"8;--ids-typography-name:mobile/bodyRegular;color:#72767E;white-space:pre-line}@media (max-width:767px){.e-oqwdj2{padding-left:6px}}@media (min-width:768px) and (min-width:0px){.e-oqwdj2{font-size:14px;line-height:20px;--ids-typography-name:web/bodyRegular}}.e-13v792s{-webkit-text-decoration:none;text-decoration:none;color:#343538;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}
/* Selector de idioma ES|EN — pill premium */
.mh-lang-switcher{display:inline-flex;align-items:center;flex-shrink:0;background:#F5FBFE;border:1px solid #E5E5E5;border-radius:999px;padding:3px;margin-left:12px;font-family:Inter,system-ui,-apple-system,sans-serif}
.mh-lang-switcher a{display:inline-block;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#0C3A73;text-decoration:none;line-height:1;transition:background .15s ease,color .15s ease}
.mh-lang-switcher a:hover{background:rgba(12,58,115,.08)}
.mh-lang-switcher a[aria-current="true"]{background:#0C3A73;color:#FFFFFF}
.mh-lang-switcher a[aria-current="true"]:hover{background:#0C3A73}
.mh-lang-switcher span[aria-hidden="true"]{display:none}
@media (max-width:767px){.mh-lang-switcher{margin-left:8px;padding:2px}.mh-lang-switcher a{padding:4px 9px;font-size:11px}}

/* Fix header móvil v2 - layout 2 filas sin superposición */
@media (max-width:767px){
  nav.e-28p837{flex-wrap:wrap!important;padding:10px 12px!important;min-height:auto!important;height:auto!important;align-items:center!important;}
  .e-1cqjyen{display:flex!important;align-items:center;order:1;}
  .e-v0y5ct{display:flex!important;align-items:center;padding:0 8px!important;border-right:none!important;order:1;}
  .e-v0y5ct img.e-1uj57i3{max-height:30px!important;width:auto!important;}
  .e-5ax1kt{display:flex!important;order:2;margin-left:auto!important;gap:6px!important;}
  .e-5ax1kt .e-mvwd8d,.e-5ax1kt .e-e9r4sk{padding:6px 10px!important;font-size:13px!important;white-space:nowrap!important;}
  .e-1ljb8t7{display:flex!important;order:10!important;flex-basis:100%!important;margin:8px 0 0 0!important;padding:0!important;}
  .e-1ljb8t7 .e-pbxmm7{width:100%!important;}
  .e-1ljb8t7 input#search-bar-input{width:100%!important;}
}

  /* Mostrar hamburguesa */
  .e-1cqjyen{display:flex!important;align-items:center;}

  /* Buscador en segunda fila, ancho completo */
  .e-1ljb8t7{display:flex!important;order:3;flex-basis:100%;margin:8px 0 0 0!important;padding:0 12px;}
  .e-1ljb8t7 .e-pbxmm7{width:100%;}
  .e-1ljb8t7 input#search-bar-input{width:100%;}

  /* Header con wrap para 2 filas */
  nav.e-28p837{flex-wrap:wrap!important;padding:12px!important;}

  /* Botones de sesión más compactos */
  .e-5ax1kt{gap:8px!important;}
  .e-5ax1kt .e-mvwd8d,.e-5ax1kt .e-e9r4sk{padding:8px 12px!important;font-size:14px!important;}
}

/* Fix header desktop - evitar superposición de botones */
@media (min-width:768px){
  nav.e-28p837{flex-wrap:nowrap!important;align-items:center!important;min-height:64px!important;}
  .e-5ax1kt{flex-shrink:0!important;margin-left:16px!important;}
}

/* Fix header desktop v2 - forzar nowrap */
@media (min-width:768px){
  nav.e-28p837{flex-wrap:nowrap!important;}
}

/* Fix header móvil v3 - altura automática para contener botones */
@media (max-width:767px){
  header.e-nwkped{min-height:120px!important;height:auto!important;}
  nav.e-28p837{min-height:120px!important;height:auto!important;}
}

/* Fix botones táctiles móvil - mínimo 44px */
@media (max-width:767px){
  .e-5ax1kt .e-mvwd8d,.e-5ax1kt .e-e9r4sk{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 16px!important;font-size:14px!important;}
}

/* Fix banner superpuesto en market - z-index y posición */
.e-1pwg48o{position:relative!important;z-index:1!important;}
div[style*="Free delivery"]{position:relative!important;z-index:1!important;margin-bottom:0!important;}

/* Fix defecto 1: botones auth en fila propia sin traslape */
@media (max-width:767px){
  header.e-nwkped{background:#fff!important;}
  nav.e-28p837{background:#fff!important;padding-bottom:12px!important;}
  .e-5ax1kt{order:5!important;flex-basis:100%!important;margin:10px 0 0 0!important;justify-content:center!important;}
  .e-5ax1kt .e-mvwd8d,.e-5ax1kt .e-e9r4sk{flex:1!important;max-width:160px!important;}
  main.e-i67yg1{margin-top:0!important;padding-top:0!important;}
}

/* Fix defecto 1 v2: contener botones en header blanco */
@media (max-width:767px){
  header.e-nwkped{background:#fff!important;display:block!important;overflow:visible!important;}
  nav.e-28p837{background:#fff!important;display:flex!important;flex-wrap:wrap!important;padding:12px 12px 16px 12px!important;}
  .e-5ax1kt{order:10!important;flex-basis:100%!important;margin-top:12px!important;background:#fff!important;padding:0!important;}
  div.e-1bacjr1{margin-top:0!important;}
  main.e-i67yg1 > div:first-child{padding-top:20px!important;}
}

/* Fix defecto 1 v3: ocultar botones auth en header móvil */
@media (max-width:767px){
  
}

/* Fix defecto 7: scroll horizontal en pills de filtros */
@media (max-width:767px){
  .e-1wgg2mm .e-0, div[class*="filter-pills"], div[class*="pills-container"]{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    flex-wrap:nowrap!important;
  }
  .e-1wgg2mm .e-0::-webkit-scrollbar, div[class*="filter-pills"]::-webkit-scrollbar{
    display:none!important;
  }
}

/* Fix defecto 1 FINAL: botones visibles sin traslape */
@media (max-width:767px){
  nav.e-28p837 .e-5ax1kt{display:flex!important;order:10!important;flex-basis:100%!important;margin-top:12px!important;justify-content:center!important;gap:10px!important;background:#fff!important;padding:4px 0 8px 0!important;}
}

/* Fix padding inferior para contener botones */
@media (max-width:767px){
  nav.e-28p837{padding-bottom:20px!important;}
  .e-5ax1kt{padding-bottom:8px!important;}
}

/* Fix nav height: permitir que crezca con el contenido */
@media (max-width:767px){
  nav.e-28p837{height:auto!important;min-height:0!important;align-content:flex-start!important;}
  header.e-nwkped{height:auto!important;}
}

/* Fix max-height que bloquea el crecimiento del nav */
@media (max-width:767px){
  nav.e-28p837{max-height:none!important;height:auto!important;}
}

/* Defecto: botones auth como iconos en móvil */
@media (max-width:767px){
  nav.e-28p837 .e-5ax1kt{
    display:flex!important;
    gap:8px!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-basis:auto!important;
    order:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }
  nav.e-28p837 .e-5ax1kt .e-mvwd8d,
  nav.e-28p837 .e-5ax1kt .e-e9r4sk{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:0!important;
    color:transparent!important;
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:none!important;
  }
  /* Icono login: usuario */
  nav.e-28p837 .e-5ax1kt .e-mvwd8d::after{
    content:""!important;
    width:22px!important;
    height:22px!important;
    background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230C3A73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")!important;
  }
  /* Icono registro: usuario con plus */
  nav.e-28p837 .e-5ax1kt .e-e9r4sk::after{
    content:""!important;
    width:22px!important;
    height:22px!important;
    background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 21a8 8 0 0 1 13.292-6'/%3E%3Ccircle cx='10' cy='8' r='5'/%3E%3Cpath d='M19 16v6'/%3E%3Cpath d='M22 19h-6'/%3E%3C/svg%3E")!important;
  }
  /* El contenedor de botones vuelve a la fila del header */
  nav.e-28p837{flex-wrap:nowrap!important;}
}

/* ==========================================================================
   SupraMercado — Reestructuración header + homepage (referencia móvil)
   Agregar al final de assets/css/chrome.css
   Branding: azul #0C3A73 | naranja #F55E25 | azul claro #0E9FDD
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. RESET DE HACKS ANTERIORES DEL HEADER
   (anula reglas acumuladas de fixes v2/v3, iconos y max-height)
   -------------------------------------------------------------------------- */

/* El nav vuelve a ser una sola fila flexible sin restricciones de altura */
nav.e-28p837.mh-header-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding-bottom: 0 !important;
  background: #fff !important;
  gap: 12px;
}

/* El grupo de botones auth vuelve a la fila principal (ya no segunda fila) */
nav.e-28p837 .e-5ax1kt.mh-header-auth {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  order: 0 !important;
  flex-basis: auto !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Los botones vuelven a ser pills de TEXTO (anula la conversión a iconos) */
nav.e-28p837 .e-5ax1kt .e-mvwd8d,
nav.e-28p837 .e-5ax1kt .e-e9r4sk {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 44px !important; /* objetivo táctil */
  max-width: none !important;
  padding: 10px 22px !important;
  border-radius: 999px !important; /* pill */
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: Inter, -apple-system, "Segoe UI", sans-serif !important;
  line-height: 1.2 !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

/* Anula los iconos SVG inyectados por ::after */
nav.e-28p837 .e-5ax1kt .e-mvwd8d::after,
nav.e-28p837 .e-5ax1kt .e-e9r4sk::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* El texto interior vuelve a ser visible */
nav.e-28p837 .e-5ax1kt .e-mvwd8d .e-tik6y1,
nav.e-28p837 .e-5ax1kt .e-e9r4sk .e-tik6y1 {
  font-size: inherit !important;
  color: inherit !important;
}

/* --------------------------------------------------------------------------
   2. NUEVO DISEÑO DEL HEADER (las 3 versiones)
   -------------------------------------------------------------------------- */

.mh-site-header {
  background: #fff !important;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 1px 4px rgba(12, 58, 115, 0.08);
}

/* Grupo izquierdo: hamburguesa + logo */
.mh-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px;
  flex: none !important;
  min-width: 0;
}

.mh-header-left .e-v0y5ct a {
  display: inline-flex;
  align-items: center;
}

.mh-header-left .e-v0y5ct img.e-1uj57i3 {
  height: 36px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
}

/* Botón "Iniciar sesión": pill con borde azul */
nav.e-28p837 .e-5ax1kt .e-mvwd8d {
  background: #fff !important;
  border: 2px solid #0C3A73 !important;
  color: #0C3A73 !important;
}

nav.e-28p837 .e-5ax1kt .e-mvwd8d:hover {
  background: rgba(12, 58, 115, 0.06) !important;
}

/* Botón "Registrarse": pill sólido naranja */
nav.e-28p837 .e-5ax1kt .e-e9r4sk {
  background: #F55E25 !important;
  border: 2px solid #F55E25 !important;
  color: #fff !important;
}

nav.e-28p837 .e-5ax1kt .e-e9r4sk:hover {
  background: #d94e1c !important;
  border-color: #d94e1c !important;
}

/* Selector de idioma dentro del panel hamburguesa */
.mh-lang-in-panel {
  padding: 16px 20px;
  border-top: 1px solid #E5E5E5;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
}

.mh-lang-in-panel a {
  color: #0C3A73;
  text-decoration: none;
  padding: 4px 2px;
}

.mh-lang-in-panel a:hover {
  text-decoration: underline;
}

.mh-lang-in-panel span[aria-hidden="true"] {
  margin: 0 8px;
  color: #999;
}

/* --------------------------------------------------------------------------
   3. HERO: fondo azul, contenido centrado, buscador integrado
   -------------------------------------------------------------------------- */

.mh-hero-content {
  background: #0C3A73;
  text-align: center;
  padding: 48px 20px 56px !important;
  border-radius: 0;
}

.mh-hero-content h1.e-gbgzrx {
  color: #fff !important;
  font-family: Inter, -apple-system, "Segoe UI", sans-serif !important;
  font-size: clamp(26px, 5.5vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  max-width: 640px;
  margin: 0 auto 24px !important;
}

/* Buscador dentro del hero */
.mh-hero-search {
  max-width: 560px;
  margin: 0 auto 24px;
}

.mh-hero-search .e-1ljb8t7 {
  width: 100%;
}

.mh-hero-search .e-pbxmm7 {
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}

.mh-hero-search #search-bar-input {
  font-size: 16px !important; /* evita zoom en iOS */
  padding: 14px 20px !important;
}

/* CTA del hero: pill naranja */
.mh-hero-content .e-gioimx {
  background: #F55E25 !important;
  border: 2px solid #F55E25 !important;
  border-radius: 999px !important;
  padding: 14px 36px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  font-family: Inter, -apple-system, "Segoe UI", sans-serif !important;
  margin: 0 auto 16px !important;
  display: inline-flex !important;
}

.mh-hero-content .e-gioimx .e-192njgr {
  color: #fff !important;
}

.mh-hero-content .e-gioimx:hover {
  background: #d94e1c !important;
  border-color: #d94e1c !important;
}

/* Texto legal pequeño del hero */
.mh-hero-content .e-1wbpkny {
  display: block !important;
  margin-top: 12px !important;
}

.mh-hero-content .e-1wbpkny .e-1auaskw {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* --------------------------------------------------------------------------
   4. FILA DE LOGOS DE TIENDAS: scroll horizontal en móvil
   -------------------------------------------------------------------------- */

.e-1wgg2mm .e-0,
.e-idhp7a {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex-wrap: nowrap !important;
}

.e-1wgg2mm .e-0::-webkit-scrollbar,
.e-idhp7a::-webkit-scrollbar {
  display: none;
}

/* --------------------------------------------------------------------------
   5. PILLS DE FILTROS: scroll horizontal, sin wrap
   -------------------------------------------------------------------------- */

.e-1jke4yk .e-ulr121 {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  gap: 8px;
  padding-bottom: 4px;
}

.e-1jke4yk .e-ulr121::-webkit-scrollbar {
  display: none;
}

.e-1jke4yk .e-ulr121 > li {
  flex: none !important;
}

/* --------------------------------------------------------------------------
   6. RESPONSIVE
   -------------------------------------------------------------------------- */

/* Móvil: 390px */
@media (max-width: 767px) {
  nav.e-28p837.mh-header-row {
    padding: 10px 12px !important;
    gap: 8px;
  }

  .mh-header-left .e-v0y5ct img.e-1uj57i3 {
    height: 30px;
    max-width: 140px;
  }

  /* Pills más compactas en móvil pero legibles */
  nav.e-28p837 .e-5ax1kt .e-mvwd8d,
  nav.e-28p837 .e-5ax1kt .e-e9r4sk {
    padding: 8px 16px !important;
    font-size: 14px !important;
    min-height: 40px !important;
  }

  nav.e-28p837 .e-5ax1kt.mh-header-auth {
    gap: 8px !important;
  }

  .mh-hero-content {
    padding: 36px 16px 44px !important;
  }
}

/* Tablet: 768px */
@media (min-width: 768px) and (max-width: 1023px) {
  nav.e-28p837.mh-header-row {
    padding: 12px 24px !important;
    max-width: 100%;
    margin: 0 auto;
  }

  .mh-header-left .e-v0y5ct img.e-1uj57i3 {
    height: 34px;
  }
}

/* PC: 1280px */
@media (min-width: 1024px) {
  nav.e-28p837.mh-header-row {
    padding: 14px 32px !important;
    max-width: 1280px;
    margin: 0 auto !important;
  }

  .mh-header-left .e-v0y5ct img.e-1uj57i3 {
    height: 38px;
  }

  nav.e-28p837 .e-5ax1kt .e-mvwd8d,
  nav.e-28p837 .e-5ax1kt .e-e9r4sk {
    padding: 10px 26px !important;
    font-size: 16px !important;
  }
}

/* Fix: botones auth caben en móvil 390px */
@media (max-width: 767px) {
  nav.e-28p837.mh-header-row {
    padding: 8px 10px !important;
    gap: 6px !important;
  }
  .mh-header-left {
    gap: 8px !important;
  }
  .mh-header-left .e-v0y5ct img.e-1uj57i3 {
    height: 28px !important;
    max-width: 110px !important;
  }
  nav.e-28p837 .e-5ax1kt.mh-header-auth {
    gap: 6px !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }
  nav.e-28p837 .e-5ax1kt .e-mvwd8d,
  nav.e-28p837 .e-5ax1kt .e-e9r4sk {
    padding: 7px 12px !important;
    font-size: 13px !important;
    min-height: 38px !important;
  }
}

/* Fix móvil: logo visible y botones compactos */
@media (max-width: 767px) {
  /* Forzar que el logo sea visible */
  nav.e-28p837 .mh-header-left .e-v0y5ct {
    display: flex !important;
    flex-shrink: 0 !important;
  }
  nav.e-28p837 .mh-header-left .e-v0y5ct img.e-1uj57i3 {
    height: 26px !important;
    max-width: 90px !important;
  }
  /* Botones ultra-compactos */
  nav.e-28p837 .e-5ax1kt.mh-header-auth {
    gap: 4px !important;
  }
  nav.e-28p837 .e-5ax1kt .e-mvwd8d,
  nav.e-28p837 .e-5ax1kt .e-e9r4sk {
    padding: 6px 10px !important;
    font-size: 12px !important;
    min-height: 36px !important;
    border-width: 1.5px !important;
  }
  /* Acortar texto en móvil: "Iniciar sesión" -> "Entrar" */
  nav.e-28p837 .e-5ax1kt .e-mvwd8d .e-tik6y1 {
    font-size: 0 !important;
  }
  nav.e-28p837 .e-5ax1kt .e-mvwd8d .e-tik6y1::after {
    content: "Entrar" !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }
}

/* Fix: evitar traslape logo-botón en móvil */
@media (max-width: 767px) {
  nav.e-28p837.mh-header-row {
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }
  .mh-header-left {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .mh-header-left .e-v0y5ct {
    flex-shrink: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  nav.e-28p837 .e-5ax1kt.mh-header-auth {
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    background: #fff !important;
  }
}

/* FIX 2026-10-13 — defecto verificado con captura real: en tableta (768px) y PC
   el grupo izquierdo del header (.mh-header-left) heredaba width:100% del CSS
   original del tema; con flex:none eso ocupaba todo el ancho del nav y empujaba
   las 2 pills de autenticación fuera del viewport. Se devuelve el grupo a su
   ancho de contenido en >=768px. En móvil (<=767px) no se toca nada: ahí el
   comportamiento actual está verificado y funciona. */
@media (min-width: 768px) {
  nav.e-28p837.mh-header-row > div.mh-header-left {
    width: auto !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
}
/* ============================================================
   HEADER AZUL (2026-10-13, pedido de Luis):
   Se elimina el fondo blanco del header; header + hero forman un
   bloque azul continuo como la referencia. Gradiente radial en dos
   azules de marca (#1663B8 -> #0C3A73) para apariencia moderna.
   Se conserva el logo completo de SupraMercado (no solo icono).
   ============================================================ */

/* Header: gradiente azul (el hero radial empalma debajo) */
.mh-site-header {
  background: linear-gradient(180deg, #1663B8 0%, #0E4E96 100%) !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.20) !important;
}

/* El nav interior y su envoltura deben ser transparentes (antes blanco !important) */
nav.e-28p837.mh-header-row,
.mh-site-header .e-1vx2uvz {
  background: transparent !important;
}

/* Hamburguesa en blanco */
.mh-site-header .e-1cqjyen svg,
.mh-site-header .e-1cqjyen svg path {
  fill: #FFFFFF !important;
}

/* Logo en blanco SOLO en el header (footer y otros usos no se tocan) */
.mh-site-header .mh-header-left .e-v0y5ct img.e-1uj57i3 {
  filter: brightness(0) invert(1) !important;
}

/* Pill "Entrar": blanca sólida con texto azul (el borde azul no se vería sobre azul) */
nav.e-28p837 .e-5ax1kt .e-mvwd8d {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #0C3A73 !important;
}
nav.e-28p837 .e-5ax1kt .e-mvwd8d:hover {
  background: #E9F0F9 !important;
  border-color: #E9F0F9 !important;
}

/* Hero: gradiente radial moderno en dos azules de marca */
.mh-hero-content {
  background: radial-gradient(115% 90% at 50% 0%, #1C6DC2 0%, #0C3A73 78%) !important;
}
/* FIX móvil 2026-10-13: en <=767px reglas viejas con !important dejaban el
   header en blanco (invisibilizando hamburguesa, logo y pill Entrar, que ya
   son blancos). Se impone el azul con mayor especificidad y se elimina el
   min-height heredado del fix v3. */
@media (max-width: 767px) {
  header.e-nwkped.mh-site-header {
    background: linear-gradient(180deg, #1663B8 0%, #0E4E96 100%) !important;
    min-height: 0 !important;
    height: auto !important;
  }
  nav.e-28p837.mh-header-row .e-5ax1kt.mh-header-auth {
    background: transparent !important;
  }
}

/* === 2026-10-13: menú hamburguesa móvil — el panel ahora cuelga del header (ya no se recorta por overflow:hidden) === */
header.e-nwkped.mh-site-header #mh-nav-panel.mh-nav-panel{
  position:absolute!important;top:100%!important;left:8px!important;
  width:min(320px,92vw)!important;max-height:calc(100vh - 80px)!important;
  overflow-y:auto!important;background:#FFFFFF!important;border-radius:16px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.25)!important;padding:14px 12px!important;z-index:1200!important;
}
/* Botones Entrar / Registrarse dentro del panel desplegable */
header.e-nwkped.mh-site-header .mh-panel-auth{
  display:flex!important;flex-direction:column!important;gap:8px!important;padding:2px 2px 12px!important;
}
header.e-nwkped.mh-site-header .mh-panel-authbtn{
  width:100%!important;padding:12px 16px!important;border-radius:999px!important;
  font-family:Inter,system-ui,-apple-system,sans-serif!important;font-weight:700!important;font-size:15px!important;
  cursor:pointer!important;
}
header.e-nwkped.mh-site-header .mh-panel-login{
  background:#FFFFFF!important;border:2px solid #0C3A73!important;color:#0C3A73!important;
}
header.e-nwkped.mh-site-header .mh-panel-signup{
  background:#F55E25!important;border:2px solid #F55E25!important;color:#FFFFFF!important;
}
/* Botón "Instala el app": oculto en escritorio, único botón del header en móvil */
header.e-nwkped.mh-site-header .mh-install-app{display:none!important;}
@media (max-width:767px){
  header.e-nwkped.mh-site-header nav.e-28p837 .e-5ax1kt.mh-header-auth .e-mvwd8d,
  header.e-nwkped.mh-site-header nav.e-28p837 .e-5ax1kt.mh-header-auth .e-e9r4sk{
    display:none!important;
  }
  header.e-nwkped.mh-site-header nav.e-28p837 .e-5ax1kt.mh-header-auth .mh-install-app{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    background:#F55E25!important;border:2px solid #F55E25!important;color:#FFFFFF!important;
    border-radius:999px!important;padding:9px 20px!important;
    font-family:Inter,system-ui,-apple-system,sans-serif!important;font-weight:700!important;font-size:14px!important;
    white-space:nowrap!important;cursor:pointer!important;
  }
}

/* 2026-10-13: tiles de tiendas con fondo blanco (Luis: sin marco azul) */
.e-17o9qvx{background-color:#FFFFFF!important;border:none!important}
.e-uq0pvq{border:none!important}