/* One type scale from the storefront header to its footer. */
body #sidebar-tienda {
  --type-body:16px;
  --type-action:15px;
  --type-small:13px;
  --type-heading:28px;
  --type-subheading:18px;
  font-family:Inter,system-ui,sans-serif;
  font-size:var(--type-body);
  line-height:1.55;
}
body #sidebar-tienda :is(.store-links a,.store-links button,.home-search button,.store-cta button,.home-section-heading>button,.home-product-body>button,.store-contact-action,.store-footer-bottom button) {
  font-size:var(--type-action); line-height:1.4; font-weight:600;
}
body #sidebar-tienda :is(.home-search input) { font-size:16px; line-height:1.5; }
body #sidebar-tienda :is(.home-search label,.store-eyebrow,.store-section-title>span,.home-section-heading span,.store-contact-heading>span,.home-product-body small,.product-code,.store-category small,.store-footer-bottom small) {
  font-size:var(--type-small); line-height:1.5;
}
body #sidebar-tienda .store-welcome h1 { font-size:clamp(36px,3.2vw,56px); line-height:1.12; letter-spacing:-.035em; font-weight:650; }
body #sidebar-tienda .store-description { font-size:18px; line-height:1.6; }
body #sidebar-tienda :is(.store-section-title h2,.store-section-title h3,.home-section-heading h2,.store-contact-heading h2,.store-contact-help h2) {
  font-size:var(--type-heading); line-height:1.25; letter-spacing:-.025em; font-weight:650;
}
body #sidebar-tienda :is(.home-product-body h3,.store-category strong,.home-benefits strong) {
  font-size:var(--type-body); line-height:1.45; font-weight:600;
}
body #sidebar-tienda .home-product-body>strong { font-size:20px; line-height:1.4; font-weight:650; }
body #sidebar-tienda :is(.home-benefits p,.tienda-card2-text,.tienda-hor-dia,.tienda-hor-hora,.store-contact-help p) {
  font-size:var(--type-body); line-height:1.6;
}
body #sidebar-tienda :is(.tienda-card2-title,.store-contact-title,.store-footer-links h3) {
  font-size:var(--type-subheading); line-height:1.4; font-weight:650; text-transform:none; letter-spacing:0;
}
body #sidebar-tienda :is(.store-footer-links a,.store-footer-links button,.store-footer-brand p) {
  font-size:15px; line-height:1.65; font-weight:400;
}
body #sidebar-tienda .store-footer-logo strong { font-size:22px; line-height:1.3; }
body #sidebar-tienda .home-product-body h3 { overflow-wrap:anywhere; }
@media(max-width:800px) {
  body #sidebar-tienda { --type-heading:22px; --type-subheading:17px; --type-action:14px; }
  body #sidebar-tienda .store-welcome h1 { font-size:clamp(27px,6.4vw,38px); line-height:1.15; }
  body #sidebar-tienda .store-description { font-size:14px; line-height:1.55; }
  body #sidebar-tienda :is(.home-product-body h3,.store-category strong) { font-size:15px; }
  body #sidebar-tienda .store-category small { font-size:12px; }
  body #sidebar-tienda .home-product-body>strong { font-size:18px; }
  body #sidebar-tienda .home-section-heading { flex-wrap:wrap; align-items:center; }
  body #sidebar-tienda .store-cta button { display:flex; align-items:center; justify-content:center; gap:6px; white-space:normal; height:auto; min-height:44px; padding-inline:8px; }
  body #sidebar-tienda .store-cta button>span { flex-shrink:0; margin:0; }
  body #sidebar-tienda .store-footer-logo strong { font-size:20px; }
}

/* Highlight the main search while preserving its existing responsive layout. */
body #sidebar-tienda .home-search-label { color:#214d8b; font-weight:600; }
body #sidebar-tienda .home-search>div { background:#eaf2ff; border:2px solid #93b8f7; box-shadow:0 4px 16px #2563eb12; }
body #sidebar-tienda .home-search input { color:#172e4d; }
body #sidebar-tienda .home-search input::placeholder { color:#45648d; opacity:1; }
body #sidebar-tienda .home-search button { background:#1d4ed8; color:#fff; box-shadow:0 3px 8px #1d4ed825; }
body #sidebar-tienda .home-search button:hover { background:#1e40af; }
body #sidebar-tienda .home-search>div:focus-within { border-color:#2563eb; background:#f4f8ff; box-shadow:0 0 0 3px #2563eb24; }
body #sidebar-tienda .home-search button:focus-visible { outline:2px solid #172e4d; outline-offset:3px; }

/* The wrapper supplies the visible keyboard/mouse focus ring. */
body #sidebar-tienda .home-search input:focus,
body #sidebar-tienda .home-search input:focus-visible { outline:none; box-shadow:none; }

/* Compact location preview, with the address and directions kept outside the map. */
.store-location-map { margin: 18px 0; border: 1px solid #dce5f3; border-radius: 14px; overflow: hidden; background: #eaf1fb; }
.store-location-map iframe { display: block; width: 100%; height: 220px; border: 0; }
@media (max-width: 600px) { .store-location-map iframe { height: 180px; } }

.store-local-preview { display:block; width:100%; height:222px; padding:0; margin:18px 0; border:1px solid #dce5f3; border-radius:14px; overflow:hidden; cursor:pointer; background:#eaf1fb; }
.store-local-preview img { display:block; width:100%; height:100%; object-fit:cover; }
#local-gallery { width:min(900px,calc(100vw - 32px)); max-height:90dvh; padding:16px; border:0; border-radius:20px; color:#192e4c; box-sizing:border-box; }
#local-gallery::backdrop { background:rgb(10 25 45 / 80%); }
#local-gallery header,#local-gallery footer { display:flex; align-items:center; justify-content:space-between; gap:16px; }
#local-gallery h2 { font:600 24px system-ui; margin:0; }
#local-gallery button { cursor:pointer; border:0; border-radius:10px; background:#eaf1fb; color:#192e4c; min-width:44px; min-height:44px; font-size:24px; }
#local-gallery button:focus-visible,.store-local-preview:focus-visible { outline:3px solid #245bea; outline-offset:3px; }
.local-gallery-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; margin:16px 0; scrollbar-width:thin; }
.local-gallery-track img { flex:0 0 100%; width:100%; min-width:0; height:min(60dvh,560px); object-fit:contain; scroll-snap-align:center; }
body:has(#local-gallery[open]) { overflow:hidden; }
@media(max-width:600px) { .store-local-preview { height:182px; } }

/* Normalize native buttons and links, preserving the same contact action design. */
body #sidebar-tienda .store-contact-action { appearance:none; border:0; font-family:inherit; cursor:pointer; text-decoration:none; }
body #sidebar-tienda .store-contact-action:hover { text-decoration:none; }
#local-gallery { position:fixed; inset:0; margin:auto; }
#local-gallery button { display:inline-flex; align-items:center; justify-content:center; padding:0; width:44px; height:44px; font-family:inherit; line-height:1; }
#local-gallery button:hover { background:#dce8fa; }
.local-gallery-track { scrollbar-width:none; }
.local-gallery-track::-webkit-scrollbar { display:none; }

/* Match the homepage card highlight in the product catalog. */
body #feed-wrap.grid-mode .prod-card { cursor:pointer; }
body #feed-wrap.grid-mode .prod-card :is(.prod-fotos,img) { cursor:pointer; }
@media(hover:hover) and (pointer:fine) {
 body #feed-wrap.grid-mode .prod-card:hover { border-color:#6a9bf3!important; box-shadow:0 0 0 2px #2563eb14,0 6px 18px #19345b12!important; }
}
body #feed-wrap.grid-mode .prod-card:focus-within { border-color:#6a9bf3!important; box-shadow:0 0 0 2px #2563eb18,0 4px 14px #19345b0d!important; }
@media(prefers-reduced-motion:no-preference) { body #feed-wrap.grid-mode .prod-card { transition:border-color .18s ease,box-shadow .18s ease; } }

body #drawer-agregar .drawer-btn-agregar:not(:disabled) { cursor:pointer; color:#fff!important; }
body #drawer-agregar .drawer-btn-agregar:not(:disabled):hover,
body #drawer-agregar .drawer-btn-agregar:not(:disabled):active { background:#1e40af!important; border-color:#1e40af!important; color:#fff!important; }
body #drawer-agregar .drawer-btn-agregar:focus-visible { outline:3px solid #2563eb; outline-offset:4px; }

/* Benefits use the same navy gradient as the storefront hero. */
body #sidebar-tienda .home-benefits { background:linear-gradient(115deg,#13243e,#203a5e); border:0; border-radius:20px; padding:28px 24px; box-sizing:border-box; gap:24px; }
body #sidebar-tienda .home-benefits strong { color:#fff; font-weight:600; }
body #sidebar-tienda .home-benefits p { color:#d5e3f5; }
body #sidebar-tienda .home-benefits .benefit-icon { background:#ffffff12; color:#bdd7ff; border:1px solid #ffffff26; }
@media(min-width:801px) { body #sidebar-tienda .home-benefits>div+div { border-left:1px solid #ffffff26; padding-left:24px; } }
@media(max-width:800px) { body #sidebar-tienda .home-benefits { padding:24px 20px; border-radius:16px; gap:20px; } body #sidebar-tienda .home-benefits>div+div { border-top:1px solid #ffffff26; padding-top:20px; } }

/* One search appearance for the homepage and catalog header. */
body .site-header #header-search { background:#eaf2ff!important; border:2px solid #93b8f7!important; border-radius:14px!important; box-shadow:0 4px 16px #2563eb12!important; color:#45648d; }
body .site-header #header-search:focus-within { background:#f4f8ff!important; border-color:#6a9bf3!important; box-shadow:0 0 0 2px #2563eb18,0 4px 14px #19345b0d!important; }
body .site-header #search-input { color:#172e4d!important; background:transparent!important; }
body .site-header #search-input::placeholder { color:#45648d!important; opacity:1; }
body .site-header #search-input:focus,body .site-header #search-input:focus-visible { outline:none!important; box-shadow:none!important; }

/* A clear, gentle purchase hover and press, without changing card geometry. */
body #feed-wrap.grid-mode .btn-comprar:not(:disabled) { cursor:pointer; }
body #feed-wrap.grid-mode .btn-comprar:not(:disabled):hover { background:#1d4ed8!important; border-color:#1d4ed8!important; color:#fff!important; box-shadow:0 4px 10px #1d4ed825!important; filter:none; transform:translateY(-1px); }
body #feed-wrap.grid-mode .btn-comprar:not(:disabled):active { background:#1e40af!important; transform:translateY(0); box-shadow:0 1px 4px #1d4ed820!important; }
body #feed-wrap.grid-mode .btn-comprar:focus-visible { outline:2px solid #1d4ed8; outline-offset:3px; }
@media(prefers-reduced-motion:no-preference) { body #feed-wrap.grid-mode .btn-comprar { transition:background .16s ease,box-shadow .16s ease,transform .16s ease; } }
@media(prefers-reduced-motion:reduce) { body #feed-wrap.grid-mode .btn-comprar { transform:none!important; transition:none!important; } }

@media(max-width:800px) {
 body #sidebar-tienda.store-entry>.store-hero { grid-template-columns:1fr; padding:20px; gap:16px; }
 body #sidebar-tienda .store-welcome h2 { font-size:28px; line-height:1.15; letter-spacing:-.5px; }
 body #sidebar-tienda .store-description { font-size:14px; margin:12px 0; }
 body #sidebar-tienda .store-cover { height:210px; width:100%; }
 body #sidebar-tienda .store-collage.portada-elegida { scrollbar-width:none; }
 body #sidebar-tienda .store-collage.portada-elegida::-webkit-scrollbar { display:none; }
 body #sidebar-tienda #home-offers .home-section-heading { margin-bottom:12px; gap:8px; }
 body #sidebar-tienda #home-offers .home-offer-controls { display:none; }
 body #sidebar-tienda #home-offers-grid { scrollbar-width:none; padding-bottom:4px; }
 body #sidebar-tienda #home-offers-grid::-webkit-scrollbar { display:none; }
 body #sidebar-tienda .home-benefits { padding:20px; gap:16px; }
 body #sidebar-tienda .home-benefits>div { grid-template-columns:44px minmax(0,1fr); column-gap:12px; row-gap:4px; text-align:left; justify-items:start; }
 body #sidebar-tienda .home-benefits>div>.benefit-icon { grid-column:1; grid-row:1 / 3; width:44px; height:44px; border-radius:12px; margin:0; }
 body #sidebar-tienda .home-benefits>div>strong,body #sidebar-tienda .home-benefits>div>p { grid-column:2; }
 body #sidebar-tienda .home-benefits>div+div { padding-top:16px; }
 body #sidebar-tienda .home-benefits p { font-size:14px; line-height:1.45; }
 body #sidebar-tienda .home-mobile-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
}

@media(max-width:800px) {
 body #sidebar-tienda .store-hero>.store-welcome { grid-column:1; grid-row:1; min-width:0; }
 body #sidebar-tienda .store-hero>.store-cover { grid-column:1; grid-row:2; min-width:0; aspect-ratio:auto; max-height:none; }
}

@media(max-width:800px) {
 body #sidebar-tienda.store-entry>.store-hero { padding:16px; gap:14px; margin-bottom:20px; }
 body #sidebar-tienda .store-welcome h1 { margin:0; font-size:26px; line-height:1.16; letter-spacing:-.65px; text-wrap:balance; }
 body #sidebar-tienda .store-description { margin:10px 0 12px; font-size:13px; line-height:1.45; max-width:34ch; }
 body #sidebar-tienda .store-cta { margin:0; gap:0; }
 body #sidebar-tienda .store-cta>button:first-child { flex:0 1 auto; width:auto; min-height:44px; padding:10px 20px; font-size:14px; border-radius:10px; }
 body #sidebar-tienda .store-hero>.store-cover { height:230px; border-radius:10px; background:#f5f7fb; }
 body #sidebar-tienda .store-cover .store-collage { padding:0; background:#f5f7fb; }
 body #sidebar-tienda .store-cover .store-collage img { border-radius:0; background:#f5f7fb; }
}

@media(max-width:800px) {
 body #sidebar-tienda.store-entry .store-hero .store-welcome .store-cta>button:first-child { display:flex; align-items:center; justify-content:space-between; gap:16px; flex:1; width:100%; min-height:48px; padding:12px 18px; background:#e5efff!important; color:#173b70!important; border:1px solid #c5d9f6!important; border-radius:12px; font-size:16px; font-weight:650; box-shadow:0 3px 10px #081a3020!important; cursor:pointer; }
 body #sidebar-tienda.store-entry .store-hero .store-welcome .store-cta>button:first-child:hover { background:#d6e6ff!important; }
 body #sidebar-tienda.store-entry .store-hero .store-welcome .store-cta>button:first-child:active { background:#c9ddfa!important; }
 body #sidebar-tienda .store-cta>button:first-child:focus-visible { outline:2px solid #fff; outline-offset:3px; }
}

.home-menu-icon { display:none; }
@media(max-width:800px) {
 body #sidebar-tienda .home-header.menu-open #home-store-menu { left:12px; right:12px; width:auto; top:calc(100% + 6px); padding:8px; gap:4px; border:1px solid #dce5f3; border-radius:16px; box-shadow:0 12px 30px #10213a26; }
 body #sidebar-tienda .home-header.menu-open #home-store-menu>* { justify-content:flex-start; gap:12px; min-height:50px; padding:10px 12px; border:0; border-radius:10px; font-size:15px; font-weight:600; cursor:pointer; }
 body #sidebar-tienda .home-header.menu-open #home-store-menu>*::after { content:'›'; margin-left:auto; color:#6e8bb0; font-size:22px; font-weight:400; }
 body #sidebar-tienda .home-header.menu-open #home-store-menu>*:hover,body #sidebar-tienda .home-header.menu-open #home-store-menu>*:focus-visible { background:#edf4ff; color:#1d4ed8; }
 body #sidebar-tienda .home-header.menu-open #home-store-menu>*:focus-visible { outline:2px solid #2563eb; outline-offset:-2px; }
 body #sidebar-tienda #home-store-menu .home-menu-icon { display:block; flex:0 0 22px; width:22px; height:22px; color:#2454a0; }
 body #sidebar-tienda #home-store-menu .home-cart-count { position:static; margin:0; min-width:20px; text-align:center; border-radius:20px; background:#dbe9ff; color:#1d4ed8; }
}

.home-menu-panel-title,.home-menu-policy { display:none!important; }
@media(max-width:800px) {
 body #sidebar-tienda .home-header.menu-open #home-store-menu { position:fixed; inset:0; width:100%; height:100dvh; max-height:none; border:0; border-radius:0; background:#f5f7fb; padding:76px 12px 24px; gap:6px; justify-content:flex-start; overflow-y:auto; z-index:500; animation:none; }
 body #sidebar-tienda .home-header.menu-open #home-store-menu>a,body #sidebar-tienda .home-header.menu-open #home-store-menu>button { display:flex!important; flex:none; min-height:52px; background:#fff; border:1px solid #e1e8f2; border-radius:12px; margin:0; font-size:14px; font-weight:500; }
 body #sidebar-tienda .home-header.menu-open #home-store-menu>.home-menu-panel-title { display:flex!important; position:absolute; top:0; left:0; width:100%; height:64px; border:0; border-radius:0; padding:10px 16px; background:#192f4d; color:#fff; justify-content:space-between; }
 body #sidebar-tienda .home-header.menu-open #home-store-menu>.home-menu-panel-title::after { content:none; }
 body #sidebar-tienda .home-menu-panel-title button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #ffffff25; border-radius:10px; background:#ffffff0d; color:#fff; font-size:26px; cursor:pointer; }
 body #sidebar-tienda .home-header.menu-open #home-store-menu>button:has(.home-cart-count) { background:#eaf2ff; border-color:#c8dcff; color:#1d4ed8; }
 body #sidebar-tienda:has(.home-header.menu-open) { overflow:hidden; }
 body:has(.home-header.menu-open) .home-mobile-nav,body:has(.home-header.menu-open) .store-whatsapp-float { visibility:hidden; }
}

.home-menu-extra { display:none!important; }
@media(max-width:800px) {
 body #sidebar-tienda .home-header.menu-open #home-store-menu>.home-menu-panel-title { position:sticky; top:-76px; flex-shrink:0; width:calc(100% + 24px); margin:-76px -12px 6px; z-index:1; }
 body #sidebar-tienda .home-header.menu-open #home-store-menu>.home-menu-extra { display:flex!important; }
}

@media(max-width:800px) {
 body #sidebar-tienda .store-category-grid { align-items:stretch; gap:10px; }
 body #sidebar-tienda .store-category { display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; padding:10px 8px; text-align:center; border-radius:14px; }
 body #sidebar-tienda .store-category-photo { display:block; flex:none; width:100%; height:auto; aspect-ratio:1; box-sizing:border-box; margin:0 0 10px; padding:6px; border:0; border-radius:10px; background:#f5f7fb; overflow:hidden; }
 body #sidebar-tienda .store-category-photo img { display:block; width:100%; height:100%; object-fit:contain; }
 body #sidebar-tienda .store-category strong { display:flex; align-items:center; justify-content:center; min-height:2.6em; margin:0; font-size:13px; line-height:1.3; font-weight:600; overflow-wrap:normal; }
 body #sidebar-tienda .store-category small { display:block; margin:6px 0 0; font-size:11px; line-height:1.4; white-space:nowrap; }
}

/* Recognizable product actions with gentle pointer and keyboard feedback. */
body #drawer-agregar .unified-extra-actions button,
body #drawer-agregar .unified-purchase .unified-links button,
body #drawer-agregar .drawer-btn-agregar {
  display:flex!important;align-items:center;justify-content:center;gap:8px;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body #drawer-agregar .detail-action-icon{display:inline-block!important;flex:0 0 auto;width:20px;height:20px;vertical-align:middle}
body #drawer-agregar .unified-links button{border-radius:12px}
@media (hover:hover){
 body #drawer-agregar .unified-extra-actions button:hover,
 body #drawer-agregar .unified-purchase .unified-links button:hover{background:#e8effc!important;box-shadow:0 3px 10px #2454a014;transform:translateY(-1px)}
 body #drawer-agregar .drawer-btn-agregar:not(:disabled):hover{box-shadow:0 5px 15px #2454a030;transform:translateY(-1px)}
}
body #drawer-agregar .unified-extra-actions button:focus-visible,
body #drawer-agregar .unified-links button:focus-visible,
body #drawer-agregar .drawer-btn-agregar:focus-visible{outline:2px solid #2454a0;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
 body #drawer-agregar .unified-extra-actions button,
 body #drawer-agregar .unified-purchase .unified-links button,
 body #drawer-agregar .drawer-btn-agregar{transition:none;transform:none!important}
}

/* Keep the desktop product and its purchase actions within the viewport. */
body #drawer-agregar .pc-product-back{display:none!important}
@media(min-width:801px){
 body #drawer-agregar,body #drawer-agregar.open{
  height:100dvh!important;max-height:100dvh!important;min-height:0!important;box-sizing:border-box;
  padding:16px max(24px,calc((100vw - 1240px)/2)) 16px!important;
  grid-template-rows:72px minmax(0,1fr) auto!important;row-gap:0!important;overflow:hidden!important;
 }
 body #drawer-agregar .drawer-top{height:60px!important;min-height:60px!important;padding:8px 16px!important}
 body #drawer-agregar #unified-gallery{grid-row:2/4!important;grid-column:1!important;height:100%!important;min-height:0!important;max-height:100%!important;align-self:stretch!important;display:flex!important;flex-direction:column;padding:14px!important;overflow:hidden!important}
 body #drawer-agregar .unified-stage{flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:hidden}
 body #drawer-agregar .unified-stage :is(img,video){width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}
 body #drawer-agregar .unified-thumbs{flex:0 0 auto;max-height:64px}
 body #drawer-agregar #unified-details{grid-row:2!important;grid-column:2!important;align-self:stretch!important;min-height:0!important;height:auto!important;overflow-y:auto!important;padding:18px 22px 10px!important}
 body #drawer-agregar .unified-purchase{grid-row:3!important;grid-column:2!important;align-self:stretch!important;padding:10px 22px 12px!important;min-height:0!important}
 body #drawer-agregar #drawer-nombre{font-size:clamp(23px,2vw,30px)!important}
 body #drawer-agregar #drawer-desc:empty,body #drawer-agregar #drawer-info-resumen:empty{display:none!important}
 body #drawer-agregar .drawer-calc{padding:14px!important;gap:12px!important;margin-top:12px!important}
 body #drawer-agregar .drawer-total-block:last-child{padding-top:10px!important}
 body #drawer-agregar .unified-purchase .unified-links button{min-height:40px!important;padding:8px!important}
 body #drawer-agregar .unified-extra-actions{padding:8px 0 0!important}
}

/* Comments replace product information while keeping the photo in context. */
.comments-cancel{display:none}
body #drawer-agregar.comments-active #unified-details,
body #drawer-agregar.comments-active .unified-purchase{display:none!important}
body #drawer-agregar #modal-comentarios-wrap.comments-inline{
 position:relative!important;inset:auto!important;grid-column:2!important;grid-row:2/4!important;
 width:100%!important;height:100%!important;min-height:0!important;padding:0!important;
 background:transparent!important;backdrop-filter:none!important;z-index:auto!important;
 display:flex!important;align-items:stretch!important;overflow:hidden;border-radius:22px;
 animation:detail-comments-in .18s ease-out;
}
body #drawer-agregar .comments-inline .modal-comentarios{
 position:relative!important;inset:auto!important;transform:none!important;width:100%!important;
 height:100%!important;max-height:none!important;max-width:none!important;margin:0!important;
 display:flex!important;flex-direction:column;min-height:0;border:1px solid #e2e8f0!important;
 border-radius:22px!important;box-shadow:none!important;background:#fff!important;color:#172e4d!important;
}
body #drawer-agregar .comments-inline .cmt-header{flex-shrink:0;padding:16px 20px!important}
body #drawer-agregar .comments-inline .cmt-close-btn{display:flex!important;align-items:center;justify-content:center;margin-left:auto;width:38px;height:38px;border-radius:50%;cursor:pointer}
body #drawer-agregar .comments-inline .cmt-feed{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;padding:16px 20px!important}
body #drawer-agregar .comments-inline .cmt-form{flex:0 0 auto!important;padding:14px 20px!important;border-top:1px solid #e2e8f0}
body #drawer-agregar .comments-inline .cmt-textarea{box-sizing:border-box;font-family:inherit;font-size:14px;max-height:110px;resize:vertical}
@keyframes detail-comments-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:800px){
 body #drawer-agregar.comments-active #unified-scroll{display:none!important}
 body #drawer-agregar #modal-comentarios-wrap.comments-inline{flex:1 1 0!important;height:auto!important;border-radius:0}
 body #drawer-agregar .comments-inline .modal-comentarios{border-radius:0!important}
}
@media(prefers-reduced-motion:reduce){body #drawer-agregar #modal-comentarios-wrap.comments-inline{animation:none}}

body #drawer-agregar .comments-inline .cmt-form{display:flex!important;flex-direction:column!important;gap:10px!important}
body #drawer-agregar .comments-inline #cmt-stars{align-self:flex-start;margin:0!important;justify-content:flex-start!important}
body #drawer-agregar .comments-inline .cmt-textarea{width:100%;margin:0!important}
body #drawer-agregar .comments-inline .comments-form-actions{display:flex;justify-content:flex-end;gap:10px;width:100%}
body #drawer-agregar .comments-inline .comments-cancel{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid #dce3ed;border-radius:10px;background:#f5f8fd;color:#2454a0;font-family:inherit;font-size:14px;cursor:pointer;transition:background .18s ease}
body #drawer-agregar .comments-inline .comments-cancel:hover{background:#e8effc}
body #drawer-agregar .comments-inline .comments-form-actions .btn-publicar-opinion{margin:0!important;width:auto!important;flex:0 1 auto}

body #drawer-agregar #detail-similar-button[hidden]{display:none!important}
body #drawer-agregar .unified-extra-actions:has(#detail-similar-button:not([hidden])){grid-template-columns:repeat(4,minmax(0,1fr))!important}
body #drawer-agregar.similar-active #unified-details,body #drawer-agregar.similar-active .unified-purchase{display:none!important}
body #drawer-agregar #detail-similar-panel{grid-column:2;grid-row:2/4;min-height:0;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;box-sizing:border-box;animation:detail-comments-in .18s ease-out}
#detail-similar-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}
#detail-similar-panel h2{margin:0;font-size:18px;color:#172e4d}
#detail-similar-panel .similar-close{width:40px;height:40px;border:1px solid #dce3ed;border-radius:50%;background:#f5f8fd;color:#2454a0;font-size:26px;cursor:pointer}
.detail-similar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;padding:18px;overflow-y:auto;min-height:0}
.detail-similar-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;text-align:left;color:#172e4d;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s}
.detail-similar-card:hover{background:#f5f8fd;border-color:#9bb7e6}
.detail-similar-card img{width:100%;height:140px;object-fit:contain;border-radius:8px;background:#f8fafc}
.similar-name{font-size:14px;font-weight:600;line-height:1.4}
.similar-price{font-size:15px;font-weight:700;color:#2454a0}
.similar-price del{display:block;font-size:12px;font-weight:400;color:#64748b}
@media(max-width:1100px){body #drawer-agregar .unified-extra-actions:has(#detail-similar-button:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){body #drawer-agregar.similar-active #unified-scroll{display:none!important}body #drawer-agregar #detail-similar-panel{flex:1 1 0;height:auto;border-radius:0}}
@media(prefers-reduced-motion:reduce){body #drawer-agregar #detail-similar-panel{animation:none}.detail-similar-card{transition:none}}

body #drawer-agregar .comments-rating-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body #drawer-agregar .comments-rating-row #cmt-stars{flex:0 0 auto;align-self:center}
body #drawer-agregar .comments-quick-phrase{flex:1 1 160px;min-width:0;max-width:230px;min-height:40px;padding:8px 28px 8px 10px;border:1px solid #dce3ed;border-radius:10px;background:#f5f8fd;color:#2454a0;font-family:inherit;font-size:13px;cursor:pointer}
body #drawer-agregar .comments-quick-phrase:focus-visible{outline:2px solid #2454a0;outline-offset:2px}
@media(max-width:480px){body #drawer-agregar .comments-quick-phrase{max-width:none;width:100%}}

body #sidebar-tienda [data-cover-product]{cursor:pointer}
body #sidebar-tienda [data-cover-product]:focus-visible{outline:3px solid #2563eb;outline-offset:-4px;border-radius:12px}

body #modal-comentarios-wrap.opinion-auth :is(.cmt-feed,.cmt-form){display:none!important}
#opinion-login{padding:20px;overflow:auto;min-height:0;flex:1;color:#172e4d}
#opinion-login h3{font-size:18px;margin:0 0 8px}
#opinion-login>p{font-size:14px;line-height:1.5;color:#64748b}
#opinion-login #cuenta-acceso{display:flex;flex-direction:column;gap:14px;padding:12px 0}
#opinion-login [hidden]{display:none!important}
#opinion-login label{display:block;margin-bottom:6px;font-size:14px}
#opinion-login input{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #cbd5e1;border-radius:10px;padding:10px;font:inherit;background:#fff;color:#172e4d}
#opinion-login button{min-height:40px;font-family:inherit;cursor:pointer}
#opinion-login .cuenta-link{border:0;background:transparent;color:#2454a0;text-align:left;padding:8px 0}
#opinion-login .cuenta-links{display:flex;flex-direction:column}
#opinion-login #acceso-submit{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:12px}
#opinion-login .opinion-login-cancel{border:1px solid #dce3ed;background:#f5f8fd;color:#2454a0;border-radius:10px;padding:10px 16px}
#opinion-login #acceso-mensaje{font-size:14px;line-height:1.4}

body #sidebar-tienda .home-menu-panel-title .home-menu-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
body #sidebar-tienda .home-menu-panel-title .home-menu-brand img{width:40px;height:40px;flex:0 0 40px;object-fit:contain;background:#fff;border-radius:50%;padding:3px;box-sizing:border-box}
body #sidebar-tienda .home-menu-panel-title .home-menu-brand strong{font-size:16px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;color:#fff}
body #sidebar-tienda .home-menu-panel-title>button{flex-shrink:0}