/* ============================================================
   SUPLES STORE — Hoja de estilos del tema
   Estética premium athletic: tinta + acento, tipografía fuerte,
   mucho aire. Scopeado bajo body.sp (el tema carga antes que
   la hoja global y gana por especificidad).
   ============================================================ */

/* ---------- 01 · Tokens ---------- */
:root{
	--color-primario:#FF4D00;
	--sp-accent:var(--color-primario);
	--sp-ink:#0D0F12;
	--sp-ink-soft:#4A4F57;
	--sp-ink-faint:#8A9098;
	--sp-line:#E8EAED;
	--sp-bg:#FFFFFF;
	--sp-bg-soft:#F5F6F7;
	--sp-precio:#0D0F12;
	--sp-oferta:#D92D20;
	--sp-exito:#12805C;
	--sp-alerta:#B54708;
	--sp-radius:12px;
	--sp-radius-sm:8px;
	--sp-pill:999px;
	--sp-shadow:0 1px 2px rgba(13,15,18,.05),0 8px 24px rgba(13,15,18,.06);
	--sp-shadow-hover:0 12px 32px rgba(13,15,18,.14);
	--sp-maxw:1320px;
	--sp-font:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
	--sp-font-display:'Archivo','Inter',system-ui,sans-serif;
}

/* ---------- 02 · Base ---------- */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body.sp,body.sp *{box-sizing:border-box}
body.sp{
	margin:0;height:100%;min-height:100%;
	font-family:var(--sp-font);font-size:14px;line-height:1.55;
	color:var(--sp-ink);background:var(--sp-bg);
	-webkit-font-smoothing:antialiased;
}
body.sp h1,body.sp h2{font-family:var(--sp-font-display);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--sp-ink)}
body.sp h1{font-size:28px}
body.sp h2{font-size:21px}
body.sp h3{font-size:16px;font-weight:700;letter-spacing:-.01em}
body.sp h4{font-size:14px;font-weight:700}
body.sp a{text-decoration:none;color:var(--color-enlaces,#0D0F12)}
body.sp a[href^="mailto:"]{text-decoration:none;color:var(--color-enlaces,#0D0F12)}
body.sp img{border:0 none;max-width:100%}
body.sp button,body.sp select,body.sp input[type='radio'],body.sp input[type='checkbox']{cursor:pointer}
body.sp button{margin:0;padding:5px 15px;background:none;border:none;font-family:var(--sp-font)}
body.sp button:disabled{opacity:.8;background:#cfcfcf;color:#545454}
body.sp input,body.sp select{border-radius:var(--sp-radius-sm);font-family:var(--sp-font)}
body.sp input:disabled{background:#eee}
body.sp input[type='radio']{margin:13px 3px}
body.sp textarea{font-family:var(--sp-font)}
body.sp textarea.textarea_form{display:block;width:100%;padding:10px 14px;font-size:14px;line-height:1.5;color:var(--sp-ink);background-color:#fff;border:1.5px solid var(--sp-line);border-radius:var(--sp-radius-sm)}
body.sp textarea.textarea_form:focus{outline:none;border-color:var(--sp-ink)}
body.sp textarea.textarea_form_disabled{width:100%;background:none;border:none;cursor:context-menu;resize:none}
body.sp ::-webkit-input-placeholder{color:var(--sp-ink-faint)}
body.sp ::-moz-placeholder{color:var(--sp-ink-faint)}
body.sp td{padding:5px 10px}
body.sp tr:nth-child(odd){background-color:#fbfbfb}
body.sp tr:nth-child(even){background-color:#fff}
body.sp hr{border:0;border-top:1px solid var(--sp-line)}
body.sp td button{background:#fff;padding:7px;border-radius:var(--sp-radius-sm);width:35px;border:1px solid var(--sp-line)}
body.sp span.msg_success{display:block;background:var(--sp-exito);color:#fff;padding:8px 14px;text-align:center;border-radius:var(--sp-radius-sm);margin:0 auto 20px}
body.sp span.msg_error{display:block;background:var(--sp-oferta);color:#fff;padding:8px 14px;text-align:center;border-radius:var(--sp-radius-sm);margin:0 auto 20px}
body.sp .seccion{width:100%;display:block;text-align:center;margin-bottom:20px;padding:24px;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:#fff;box-shadow:var(--sp-shadow)}
body.sp .seccion h1,body.sp .seccion h2,body.sp .seccion p{text-align:left}
body.sp i.fas{transition:.3s}

/* Formularios estándar */
body.sp input.form-control{display:block;width:100%;height:46px;padding:6px 14px;font-size:14px;color:var(--sp-ink);background-color:#fff;border:1.5px solid var(--sp-line);border-radius:var(--sp-radius-sm);transition:border-color .15s}
body.sp input.form-control:focus{outline:none;border-color:var(--sp-ink)}
body.sp select.form-control{display:block;width:100%;height:46px;padding:6px 14px;font-size:14px;color:var(--sp-ink);background-color:#fff;background-image:none;border:1.5px solid var(--sp-line);border-radius:var(--sp-radius-sm)}
body.sp .form-group{display:flex;margin:15px 0;align-items:center}
body.sp .form-group label{float:left;width:28%;font-weight:600;text-align:right;padding:10px 10px 0 0;font-size:11px}
body.sp .input-form-light{width:100%;border:1.5px solid var(--sp-line);background:#fff;border-radius:var(--sp-radius-sm);margin:5px 10px;padding:5px;position:relative}
body.sp .input-form-light span{font-size:8pt;background:#fff;position:absolute;top:-8px;left:10px;padding:0 10px;border-radius:5px;font-weight:600;color:var(--sp-ink-soft)}
body.sp .input-form-light .form-control-light{display:block;background:none;width:100%;height:45px;border:none;padding:10px}
body.sp .input-form-light .form-control-light:focus{outline:none !important}
body.sp .input-form-light .form-control-light:disabled{background:#f8f8f8;color:#858585;border-radius:var(--sp-radius-sm)}
body.sp .input-form-light .form-control-light[readonly]{background:#fafafa;color:#858585}
body.sp .input-form-clear{width:100%;border:none;background:#fff;border-radius:5px}
body.sp .input-form-clear .form-control-clear{display:block;background:none;width:100%;height:45px;border:none;padding:10px}
body.sp .input-form-clear .form-control-clear:focus{outline:none !important}
body.sp .file-select{position:relative;display:inline-block;width:100%;height:34px;margin:0 0 10px 0;border-radius:var(--sp-radius-sm)}
body.sp .file-select:hover{opacity:.85;transition:.3s}
body.sp .file-select::before{background:var(--sp-bg-soft);color:var(--sp-ink);display:flex;justify-content:center;align-items:center;border:1.5px solid var(--sp-line);border-radius:var(--sp-radius-sm);content:'Seleccionar Archivo';position:absolute;left:0;right:0;top:0;bottom:0;padding:14px;cursor:pointer;font-weight:600}
body.sp .file-select input[type="file"]{opacity:0;width:200px;height:38px;display:inline-block}

/* ---------- 03 · Utilidades ---------- */
body.sp .left{text-align:left !important}
body.sp .center{text-align:center !important}
body.sp .right{text-align:right !important}
body.sp .align-top{vertical-align:top !important}
body.sp .align-middle{vertical-align:middle !important}
body.sp .pointer{cursor:pointer}
body.sp .disabled{opacity:.2}
body.sp .actived:hover{opacity:.8;transition:.3s}
body.sp .rounded{border-radius:var(--sp-radius)}
body.sp .clear{clear:both}
body.sp .nomargin{margin:0}
body.sp .nopadding{padding:0}
body.sp .fullwidth{width:100%;margin:5px 0}
body.sp img.img.fullwidth{width:100%}
body.sp .dashed_line{border-bottom:1px dashed var(--sp-line)}
body.sp .dashed_line i{background:var(--sp-ink);padding:2px;width:22px;height:22px;border-radius:100%;color:#fff;font-size:12px;text-align:center;line-height:22px;margin-right:6px}
body.sp .solid_white_line{border-bottom:2px solid #fff}
body.sp .text_red{color:var(--sp-oferta)}
body.sp .text_gray{color:var(--sp-ink-faint)}
body.sp .text_green{color:var(--sp-exito)}
body.sp .text_yellow{color:var(--sp-alerta)}
body.sp span.amarillo,body.sp span.rojo,body.sp span.verde{padding:2px 10px;border-radius:5px;margin-right:5px;display:block}
body.sp span.amarillo{background:#fcedc3;color:#9c7d11;border:1px solid #9c7d11}
body.sp span.rojo{background:#ffd1d1;color:#8f2828;border:1px solid #8f2828}
body.sp span.verde{background:#d3ead9;color:#0e600b;border:1px solid #0e600b}
body.sp .obs{font-size:10pt}
body.sp .seccion_inline_block{display:inline-block;vertical-align:top;padding:10px;border-radius:var(--sp-radius);margin:.33%}
body.sp .col10{width:8.5% !important}body.sp .col15{width:13.5% !important}body.sp .col20{width:18.5% !important}body.sp .col25{width:23.5% !important}body.sp .col30{width:28.5% !important}body.sp .col33{width:31.5% !important}body.sp .col35{width:33.5% !important}body.sp .col40{width:38.5% !important}body.sp .col45{width:43.5% !important}body.sp .col50{width:48.5% !important}body.sp .col55{width:53.5% !important}body.sp .col60{width:58.5% !important}body.sp .col65{width:63.5% !important}body.sp .col70{width:68.5% !important}body.sp .col75{width:73.5% !important}body.sp .col80{width:78.5% !important}body.sp .col85{width:83.5% !important}body.sp .col90{width:88.5% !important}

/* Utilidades del tema (reemplazan estilos inline) */
body.sp .sp-hidden{display:none}
body.sp .sp-btn-end{float:right}
body.sp .sp-td-label{width:12em}
body.sp .sp-td-w5{width:5em}
body.sp .sp-td-w8{width:8em}
body.sp .sp-td-w10{width:10em}
body.sp .sp-td-w12{width:12em}
body.sp .sp-td-w15{width:15em}
body.sp .sp-img-msg{width:50%;max-width:300px}
body.sp .sp-file-full{width:100%}
body.sp .sp-up-col-15{width:15%}
body.sp .sp-up-col-25{width:25%}
body.sp .sp-up-col-35{width:35%}
body.sp textarea.form-control-light{height:auto}

/* ---------- 04 · Botones ---------- */
body.sp .btn{display:inline-block;background:var(--sp-ink);height:auto;line-height:1.2;color:#fff;margin:5px 0;font-weight:600;text-align:center;vertical-align:middle;padding:11px 22px;cursor:pointer;border:1.5px solid transparent;white-space:nowrap;font-size:13px;user-select:none;border-radius:var(--sp-pill);box-shadow:none;transition:background .2s,transform .15s}
body.sp .btn:hover{background-color:var(--sp-accent);border-color:transparent;transform:translateY(-1px);transition:.2s}
body.sp .btn a{color:#fff;display:block}
body.sp .btn a:hover{color:#fff}
body.sp .btnsegundoplano{background:#fff !important;color:var(--sp-ink) !important;border:1.5px solid var(--sp-ink) !important}
body.sp .btnsegundoplano a{color:var(--sp-ink) !important}
body.sp .mini-btn{cursor:pointer;padding:10px 15px;border:1px solid var(--sp-line);border-radius:var(--sp-radius-sm)}
body.sp .mini-btn-icons{display:inline-block;background:#fff;padding:7px;border-radius:var(--sp-radius-sm);width:35px;border:1px solid var(--sp-line);cursor:pointer}
body.sp .mini-btn-icons i:hover{transform:scale(1.3);transition:.3s}
body.sp .mini-btn-icons.disabled i{color:#eee}
body.sp .c_standard{background-color:var(--sp-ink)}
body.sp .c_positivo{background-color:var(--sp-exito)}
body.sp .c_negativo{background-color:var(--sp-oferta)}
body.sp .c_sugerencia{background-color:#ffbc00}
body.sp .ico_standard,body.sp .ico_positivo,body.sp .ico_negativo,body.sp .ico_sugerencia{font-size:12pt}
body.sp .ico_standard{color:var(--sp-ink)}
body.sp .ico_positivo{color:var(--sp-exito)}
body.sp .ico_negativo{color:var(--sp-oferta)}
body.sp .ico_sugerencia{color:#ffbc00}
body.sp .boton{width:100%;margin:40px 0;text-align:right}
body.sp span.btn_catalogo{margin:10px 0;display:inline-block;background:var(--sp-ink);padding:11px 22px;border-radius:var(--sp-pill);color:#fff;font-weight:600}
body.sp span.btn_catalogo:hover{background:var(--sp-accent);transition:.2s}
body.sp .btncart{position:relative;width:100%;height:46px;font-weight:600;text-align:center;vertical-align:middle;margin:10px 0;padding:0;cursor:pointer;border:1.5px solid transparent;white-space:nowrap;font-size:15px;border-radius:var(--sp-pill);user-select:none;box-shadow:none}
body.sp .btncart:hover{transform:translateY(-1px);transition:.2s}
body.sp .btncart a{width:100%;height:46px;display:block;color:#fff;position:absolute;top:0;left:0}
body.sp .suggest{background:#ffc800;color:#896d09}
body.sp .suggest a{color:#896d09}
body.sp .suggest:hover{background:#f3c829;transition:.3s}
body.sp .confirm{background:var(--sp-ink);color:#fff;font-weight:700}
body.sp .confirm:hover{background:var(--sp-accent);transition:.2s}
body.sp .big-btn{width:100%;background:#fff;border:1.5px solid var(--sp-line);border-radius:var(--sp-radius);margin:20px 0;padding:12px 16px;text-align:left;display:flex;align-items:center;gap:1rem;transition:border-color .15s,box-shadow .15s}
body.sp .big-btn:hover{border-color:var(--sp-ink);box-shadow:var(--sp-shadow);transition:.2s}
body.sp .big-btn i{font-size:16pt;background:var(--sp-ink);border-radius:var(--sp-radius-sm);padding:10px;text-align:center;color:#fff}
body.sp .big-btn span{font-size:11pt;display:block;color:var(--sp-ink);font-weight:600}
body.sp .btnWishlist{display:flex;justify-content:space-between;align-items:center;width:100%;background:#fff;color:var(--sp-ink-soft);height:42px;border:1.5px solid var(--sp-line);border-radius:var(--sp-pill);margin:10px 0;padding:0;box-shadow:none;cursor:pointer;transition:border-color .15s,color .15s}
body.sp .btnWishlist:hover{border-color:var(--sp-oferta);color:var(--sp-oferta);transition:.2s}
body.sp .btnWishlist span{margin:5px 15px;font-weight:600}
body.sp .btnWishlist i{background:transparent;color:var(--sp-ink-faint);width:38px;height:38px;text-align:center;line-height:40px;border-radius:var(--sp-pill)}
body.sp .btnWishlist i.rojo{color:var(--sp-oferta);background:transparent}
body.sp .msg_store{display:block;width:100%;font-size:10pt;text-align:center;margin:0 0 20px;padding:16px 12px;border-radius:var(--sp-radius-sm)}
body.sp .msg_store.success{background:#e6f2ec;border:1px solid var(--sp-exito);color:var(--sp-exito)}
body.sp .msg_store.success a{color:var(--sp-ink)}
body.sp .msg_store.error{background:#fbebe9;border:1px solid var(--sp-oferta);color:var(--sp-oferta)}

/* ---------- 05 · Topbar ---------- */
body.sp .sp-topbar{background:var(--sp-ink);color:#fff;font-size:12.5px;font-weight:500}
body.sp .sp-topbar .sp-wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:16px}
body.sp .sp-topbar span{display:flex;align-items:center;gap:7px;opacity:.92}
body.sp .sp-topbar i{color:var(--sp-accent);font-size:12px}
body.sp .sp-topbar a{color:#fff}
body.sp .sp-topbar a:hover{color:var(--sp-accent)}

/* ---------- 06 · Header ---------- */
.sp-wrap{max-width:var(--sp-maxw);margin:0 auto;padding:0 24px}
body.sp .sp-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--sp-line)}
body.sp .sp-header-row{display:flex;align-items:center;gap:24px;min-height:72px}
body.sp .sp-menu-toggle{cursor:pointer;font-size:19px;color:var(--sp-ink);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}
body.sp .sp-menu-toggle:hover{background:var(--sp-bg-soft)}
body.sp .sp-brand{flex-shrink:0}
body.sp .sp-brand img{max-height:56px;max-width:220px;display:block}
body.sp .sp-search{flex:1;display:flex;align-items:center;background:var(--sp-bg-soft);border:1.5px solid transparent;border-radius:var(--sp-pill);padding:0 6px 0 18px;height:44px;transition:border-color .2s}
body.sp .sp-search:focus-within{border-color:var(--sp-ink);background:#fff}
body.sp .sp-search input{flex:1;border:0;background:transparent;outline:0;font-size:14px;color:var(--sp-ink);height:auto;padding:0}
body.sp .sp-search button{border:0;background:var(--sp-ink);color:#fff;cursor:pointer;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;padding:0}
body.sp .sp-search button:hover{background:var(--sp-accent)}
body.sp .sp-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}
body.sp .sp-action{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 11px;border-radius:var(--sp-radius-sm);font-size:10.5px;font-weight:600;color:var(--sp-ink-soft);cursor:pointer;transition:background .15s}
body.sp .sp-action:hover{background:var(--sp-bg-soft);color:var(--sp-ink)}
body.sp .sp-action i{font-size:17px;color:var(--sp-ink)}
body.sp .sp-action .foto_usuario{width:26px;height:26px;display:block}
body.sp .sp-puntos i{color:var(--sp-exito)}
body.sp .sp-action #num_items_cart span.num_items_cart{right:0;top:-2px}
body.sp span.num_items_cart{position:absolute;background:var(--sp-accent);color:#fff;border:1.5px solid #fff;width:19px;height:19px;font-size:10px;line-height:16px;text-align:center;border-radius:100%;font-weight:700;right:5px;top:5px;z-index:11}
body.sp .sp-nav{border-top:1px solid var(--sp-line)}
body.sp .sp-nav .sp-wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
body.sp .sp-nav .sp-wrap::-webkit-scrollbar{display:none}
body.sp .sp-nav a{padding:11px 13px;font-size:13.5px;font-weight:600;white-space:nowrap;color:var(--sp-ink-soft);border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
body.sp .sp-nav a:hover{color:var(--sp-ink);border-color:var(--sp-ink)}
body.sp .sp-nav a.is-hot{color:var(--sp-oferta)}
body.sp .foto_usuario{padding:0 !important}
body.sp .foto_usuario img{border-radius:100%;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;border:2px solid var(--sp-line);padding:0}
body.sp .cart-circle{position:fixed;width:52px;height:52px;background:var(--sp-ink);border-radius:50%;text-align:center;font-size:17pt;line-height:52px;right:20px;top:auto;bottom:20px;box-shadow:var(--sp-shadow-hover);z-index:10}
body.sp .cart-circle a{color:#fff}
body.sp .x-close{font-size:12pt;color:var(--sp-ink);float:right;cursor:pointer}

/* header compacto al hacer scroll (body.sivo-scrolled lo marca functions-store.js) */
body.sp .sp-header{transition:box-shadow .2s ease}
/* La compactacion es instantanea a proposito: animar min-height/max-height/height provoca
   relayout y movia el scroll fotograma a fotograma. Solo la sombra se anima. */
body.sp.sivo-scrolled .sp-header{box-shadow:0 4px 20px rgba(13,15,18,.08)}
body.sp.sivo-scrolled .sp-nav{display:none}
body.sp.sivo-scrolled .sp-header-row{min-height:56px;gap:16px}
body.sp.sivo-scrolled .sp-brand img{max-height:34px}
body.sp.sivo-scrolled .sp-search{height:38px}
body.sp.sivo-scrolled .sp-search button{width:30px;height:30px}
body.sp.sivo-scrolled .sp-action{padding:4px 11px;font-size:0}
body.sp.sivo-scrolled .sp-action i{font-size:17px}
body.sp.sivo-scrolled .sp-action .foto_usuario{width:22px;height:22px}

/* ---------- 07 · Menú lateral ---------- */
body.sp #wrapper_menu_sidebar{display:none;position:fixed;top:0;z-index:60;width:100%;height:100%}
body.sp .bgPopup{background:#0d0f12b5;width:100%;height:100%;position:absolute}
body.sp #menu_sidebar{position:relative;left:0;top:0;background:#fff;width:350px;height:100%;padding:24px 30px;text-align:center;overflow-y:auto}
body.sp ul.menu_store{list-style:none;padding:0;margin:0;text-align:left;font-size:10pt}
body.sp ul.menu_store li{position:relative;display:inline-block;padding:0 10px;border-left:1px solid var(--sp-line);width:100%;margin:10px 0}
body.sp ul.menu_store li.info-user{font-size:14pt;text-align:center}
body.sp ul.menu_store li.title{font-weight:700;border-left:none;text-transform:uppercase;padding:0;letter-spacing:.04em;font-size:12px}
body.sp ul.menu_store li .mini-search,body.sp ul.menu_store li .btn{width:100%;margin:0 0 5px 0}
body.sp ul.menu_store li a{color:var(--sp-ink-soft)}
body.sp ul.menu_store li a:hover{color:var(--sp-ink)}
body.sp ul.menu_store li .btn a{color:#fff}
body.sp ul.menu_store > li:first-child{border-left:none;margin-bottom:30px}
body.sp ul.menu_store .menuCateg{cursor:pointer}
body.sp ul.menu_store .menuCateg div{height:30px;line-height:30px}
body.sp ul.menu_store .subcategs{display:none}
body.sp .mini-search{float:left;font-size:9pt;border-radius:var(--sp-pill);border:1.5px solid var(--sp-line);padding:5px 12px;background:var(--sp-bg-soft)}
body.sp .search_box{border:none;width:100%;height:40px;padding:0 0 0 10px;color:var(--sp-ink);background:transparent}
body.sp .search_box:focus{outline:none}
body.sp #showMenu p{display:none}
body.sp .social_menu_sidebar .ico_social-minicircle{width:32px;height:32px;font-size:5pt;line-height:14px;margin:10px 5px}
body.sp .ico_social-minicircle{background:var(--sp-ink);width:45px;height:45px;line-height:22px;text-align:center;padding:9px;border-radius:100%;display:inline-block;color:#fff;margin:0 10px}
body.sp .ico_social-minicircle:hover{transition:.3s;transform:scale(1.1)}
body.sp .ico_social-minicircle a{color:#fff}

/* ---------- 08 · Hero (slider del home) ---------- */
body.sp #slider{position:relative;width:100%;margin-bottom:0;background:var(--sp-ink)}
body.sp #slider img{width:100%;height:auto;display:block}
body.sp #slider .content-slide{position:absolute;width:38%;top:50%;left:8%;transform:translateY(-50%);z-index:2}
body.sp #slider .content-slide h2{font-family:var(--sp-font-display);font-size:clamp(30px,4.5vw,58px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05;color:#fff;text-shadow:0 2px 18px rgba(13,15,18,.45);margin:0 0 10px}
body.sp #slider .content-slide p{font-size:clamp(14px,1.4vw,18px);color:#fff;text-shadow:0 1px 10px rgba(13,15,18,.5);margin:0 0 20px}
body.sp .btnSlider{display:inline-block;background:#fff;color:var(--sp-ink);font-size:14px;font-weight:700;text-align:center;vertical-align:middle;margin:5px 0;padding:13px 28px;cursor:pointer;border:none;white-space:nowrap;line-height:1.2;border-radius:var(--sp-pill);user-select:none;box-shadow:0 8px 24px rgba(13,15,18,.25);transition:background .2s,color .2s,transform .15s}
body.sp .btnSlider:hover{background:var(--sp-accent);color:#fff;transform:translateY(-1px)}
body.sp .btnSlider a{color:inherit;display:block}
body.sp .splide__arrow{background:rgba(255,255,255,.85);width:42px;height:42px;opacity:1;transition:background .15s}
body.sp .splide__arrow:hover{background:#fff}
body.sp .splide__arrow svg{fill:var(--sp-ink);width:15px;height:15px}
body.sp .splide__progress__bar{background:var(--sp-accent);height:3px}
body.sp .splide__pagination__page.is-active{background:var(--sp-accent)}
body.sp .default-slider img{width:100%;display:block}

/* ---------- 09 · Layout ---------- */
body.sp #content_fullwidth{width:100%;margin:0 auto;text-align:left}
body.sp #content_fullwidth .content_middle{width:100%;max-width:var(--sp-maxw);margin:0 auto;padding:32px 24px}
body.sp #content_fullwidth .content_middle:last-child{margin-bottom:0;padding-bottom:0}
body.sp.sp-home #content_fullwidth .content_middle{max-width:none;padding:0}
body.sp .sp-block{padding:38px 0}
body.sp .sp-block--tight{padding:22px 0 8px}
body.sp .sp-block--soft{background:var(--sp-bg-soft)}
body.sp .img_box{width:90%}

/* Encabezados de sección (usados por includes y videos) */
body.sp .section_header{display:flex;padding:0;border-bottom:none;margin-bottom:22px;justify-content:flex-start;align-items:center}
body.sp .section_header hr{display:none}
body.sp .section_header_title{font-family:var(--sp-font-display);text-transform:uppercase;margin:0 16px 0 0;padding:0;font-size:clamp(20px,2.4vw,27px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--sp-ink)}
body.sp .section_header_menu{display:flex;flex-direction:row;align-items:center;gap:1em}
body.sp .section_header_menu span{cursor:pointer}
body.sp .row_products{margin:0}
body.sp .header-title{width:100%;display:flex;align-items:center;gap:1rem;text-align:left;padding:0;margin-bottom:30px}
body.sp .mini-pic-title{width:40px;height:40px;border-radius:40px}
body.sp .mini-pic-title img{width:100%;border-radius:40px;border:1px solid #fff}
body.sp .extra-option-title{display:flex;align-items:center;gap:1rem}
body.sp .backlinks{padding:14px 0 4px;margin-bottom:10px;color:var(--sp-ink-faint);font-size:12.5px}
body.sp .backlinks a{color:var(--sp-ink-faint)}
body.sp .backlinks a:hover{color:var(--sp-ink)}
body.sp .backlinks i{font-size:9px}

/* ---------- 10 · Componentes del home ---------- */
body.sp .sp-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:6px 0}
body.sp .sp-trust-item{display:flex;align-items:center;gap:14px}
body.sp .sp-trust-item i{font-size:18px;color:var(--sp-ink);width:46px;height:46px;border-radius:50%;background:var(--sp-bg-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.sp .sp-trust-item b{display:block;font-size:13.5px;font-weight:700}
body.sp .sp-trust-item small{display:block;font-size:12px;color:var(--sp-ink-faint)}

body.sp .sp-cats{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
body.sp .sp-cats::-webkit-scrollbar{display:none}
body.sp .sp-cat-chip{scroll-snap-align:start;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:8px 20px 8px 10px;border-radius:var(--sp-pill);background:#fff;border:1.5px solid var(--sp-line);font-size:13.5px;font-weight:600;color:var(--sp-ink);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
body.sp .sp-cat-chip:hover{border-color:var(--sp-ink);transform:translateY(-2px);box-shadow:var(--sp-shadow)}
body.sp .sp-cat-chip-pic{width:34px;height:34px;border-radius:50%;background:var(--sp-bg-soft);color:var(--sp-ink);display:flex;align-items:center;justify-content:center;font-size:13px;overflow:hidden;flex-shrink:0}
body.sp .sp-cat-chip-pic img{width:100%;height:100%;object-fit:cover;border-radius:50%}

body.sp .sp-home-register{background:var(--sp-bg-soft);padding:28px 24px;margin:0;text-align:center}
body.sp .sp-home-register-title{color:var(--sp-ink);font-size:17px;font-weight:700;line-height:1.3;margin:0 0 14px}
body.sp .sp-home-register .sp-btn,body.sp .sp-home-register .btn,body.sp .sp-home-register .showLogin{display:inline-block;background:var(--sp-ink);color:#fff;font-weight:600;font-size:14px;padding:12px 26px;border-radius:var(--sp-pill);cursor:pointer}
body.sp .sp-home-register-new{font-size:14px;margin:12px 0 0}

body.sp .sp-editorial{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.sp .sp-ed-banner{position:relative;border-radius:var(--sp-radius);overflow:hidden}
body.sp .sp-ed-banner img{width:100%;display:block;border-radius:var(--sp-radius);transition:transform .25s}
body.sp .sp-ed-banner:hover img{transform:scale(1.03)}

body.sp .sp-ad-full{width:100%;margin:0}
body.sp .sp-ad-full img{width:100%;display:block}
body.sp .ad_fullwidth{width:100%;margin:20px 0}
body.sp .ad_fullwidth img{width:100%}

body.sp .sp-cat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
body.sp .sp-cat-tile{position:relative;border-radius:var(--sp-radius);overflow:hidden;background:#fff;border:1px solid var(--sp-line);transition:box-shadow .15s,transform .15s}
body.sp .sp-cat-tile:hover{transform:translateY(-3px);box-shadow:var(--sp-shadow)}
body.sp .sp-cat-tile img{width:100%;display:block}

body.sp .sp-brands .box_marcas{margin-bottom:0}
body.sp .box_marcas{margin-bottom:40px}
body.sp .owl-carousel .owl-item .marca_logo{padding:0 10px}
body.sp .owl-carousel .owl-item .marca_logo img{filter:grayscale(1);opacity:.65;transition:filter .2s,opacity .2s}
body.sp .owl-carousel .owl-item .marca_logo img:hover{filter:none;opacity:1}

body.sp .sp-social-cta{background:var(--sp-ink);color:#fff;padding:44px 0}
body.sp .sp-social-cta .sp-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
body.sp .sp-social-cta h2{font-size:clamp(20px,2.4vw,28px);color:#fff;text-transform:uppercase}
body.sp .sp-social-cta p{color:rgba(255,255,255,.6);margin:6px 0 0;font-size:14px}
body.sp .sp-social-links{display:flex;gap:12px}
body.sp .sp-social-links a{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;transition:background .15s,border-color .15s}
body.sp .sp-social-links a:hover{background:var(--sp-accent);border-color:var(--sp-accent)}

/* ---------- 11 · Cards de producto (overrides del baseline global) ---------- */
body.sp{--sivo-card-accent:var(--color-primario);--sivo-card-accent-hover:var(--sp-ink)}
body.sp #sidebarCart{--sidebar-accent:var(--sp-accent)}
body.sp .seg-v2{--seg-accent:var(--sp-accent)}
body.sp .sivo-card{border:1px solid var(--sp-line);border-radius:var(--sp-radius)}
body.sp .sivo-card:hover{box-shadow:var(--sp-shadow-hover);border-color:transparent}
body.sp .sivo-card__foto{background:var(--sp-bg-soft)}
body.sp .sivo-card__badge{background:var(--sp-oferta);font-family:var(--sp-font-display);font-weight:800;font-size:12px;padding:4px 10px;border-radius:var(--sp-pill)}
body.sp .sivo-card__cat{font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--sp-ink-faint)}
body.sp .sivo-card__brand{font-size:11.5px;font-weight:600;color:var(--sp-accent);text-transform:none;letter-spacing:0}
body.sp .sivo-card__title{font-size:14.5px;color:var(--sp-ink)}
body.sp .sivo-card__now{font-family:var(--sp-font-display);font-weight:800;font-size:19px;color:var(--sp-precio);letter-spacing:-.01em}
body.sp .sivo-card__was{font-size:13px;width:auto}
body.sp .sivo-card__stock--out{color:var(--sp-oferta);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:700}
body.sp .sivo-card__points{color:var(--sp-exito)}
body.sp .sivo-card__btn{border-radius:var(--sp-pill);font-weight:600;font-size:13px}
body.sp .sivo-card__btn--add{background:var(--sp-ink);border-color:var(--sp-ink);color:#fff}
body.sp .sivo-card__btn--add:hover{background:var(--sp-accent);border-color:var(--sp-accent);color:#fff}
body.sp .sivo-card__btn--buynow{background:transparent;color:var(--sp-ink);border-color:var(--sp-line)}
body.sp .sivo-card__btn--buynow:hover{border-color:var(--sp-ink);background:transparent;color:var(--sp-ink)}
body.sp .sivo-card__btn--more{background:var(--sp-bg-soft);color:var(--sp-ink);border-color:transparent}
body.sp .sivo-card__btn--more:hover{background:var(--sp-ink);color:#fff}
body.sp div#sin_datos{text-align:center}
body.sp img#sin_datos{width:155px;display:block;margin:10px auto}
body.sp .sin_resultados{color:var(--sp-ink-faint);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:12px}

/* Cards legacy (markup antiguo aún emitido en algunos listados) */
body.sp .item-tienda{margin:5px 0;padding:5px}
body.sp .item-tienda a{color:var(--sp-ink)}
body.sp .foto-item{padding:5px;margin:5px 0;position:relative;overflow:hidden}
body.sp .foto-item img{width:100%;border-radius:var(--sp-radius-sm)}
body.sp .foto-item .label_oferta{position:absolute;top:0;left:0;background:var(--sp-oferta);font-size:10pt;color:#fff;font-weight:700;text-align:center;padding:5px 10px;border-radius:var(--sp-pill)}
body.sp .display_miniactions{position:absolute;right:10%;top:10%}
body.sp .WishList{background:#ffffffd9;border-radius:30px;width:32px;padding:9px 5px;text-align:center;cursor:pointer}
body.sp .WishList i.rojo{color:var(--sp-oferta)}
body.sp .display_miniactions div:first-child{margin-bottom:10px}
body.sp .unit-item{display:inline-flex;width:100%;justify-content:space-between;margin:10px 0}
body.sp .info-item{padding:5px 10px;text-align:left}
body.sp .title-item{font-size:10pt;margin:5px 0 0 0}
body.sp .marca-item{margin:5px 0;font-size:8pt;color:var(--sp-ink-faint);font-weight:700;letter-spacing:1px}
body.sp .id-item{line-break:anywhere}
body.sp .pack{text-align:right}
body.sp span.label_precio{display:block;padding:2px;color:var(--sp-precio);font-size:12pt;font-weight:700;font-family:var(--sp-font-display)}
body.sp span.label_puntos{display:block;margin:5px;padding:2px 8px;background:var(--sp-exito);color:#fff;border-radius:var(--sp-pill);text-align:center}
body.sp .price-item,body.sp .AddCartExpress{display:inline-block;vertical-align:middle}
body.sp .price-item{width:75%}
body.sp .AddCartExpress{background:var(--sp-ink);color:#fff;border-radius:var(--sp-pill);width:20%;height:35px;line-height:35px;text-align:center;cursor:pointer}
body.sp .AddCartExpress:hover{background:var(--sp-accent);color:#fff;border:none;transition:.2s}
body.sp .item_categ{vertical-align:top;margin:0 5px 10px;padding:5px;background:#fff;border-radius:var(--sp-radius);border:1px solid var(--sp-line)}
body.sp .item_categ:hover{box-shadow:var(--sp-shadow);transition:.2s}
body.sp .item_categ a{color:var(--sp-ink)}
body.sp #list_grid{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:1rem;margin:0 0 40px}
body.sp .title_outstanding{background:var(--sp-ink);color:#fff;padding:2px 12px;margin-right:5px;border-radius:var(--sp-pill);text-transform:uppercase;letter-spacing:1px;font-size:12pt}
body.sp span.sin_stock{background:var(--sp-oferta);padding:3px 8px;font-size:7pt;color:#fff;border-radius:var(--sp-pill);margin:5px 0;display:table;width:min-content;text-transform:uppercase;letter-spacing:1px;font-weight:700}
body.sp span.a_pedido{background:var(--sp-alerta);padding:3px 8px;font-size:7pt;color:#fff;border-radius:var(--sp-pill);margin:5px 0;display:table;width:max-content;text-transform:uppercase;letter-spacing:1px;font-weight:700}
body.sp #canje{background:transparent;max-width:none;padding:0}
body.sp #reviews{margin:0}

/* Carruseles Owl: alturas iguales, sin padding en el item */
body.sp .owl-carousel{display:grid !important}
body.sp .owl-carousel .owl-stage{display:flex}
body.sp .owl-carousel .owl-item{display:flex}
body.sp .owl-carousel .owl-item img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
body.sp .owl-nav{text-align:center;margin:10px 0}
body.sp .owl-carousel .owl-nav button.owl-next,body.sp .owl-carousel .owl-nav button.owl-prev{background:var(--sp-ink) !important;width:32px;height:32px;border-radius:50%;line-height:5px !important;color:#fff !important;margin:0 5px;border:none !important}

/* ---------- 12 · Categoría (overrides del baseline global) ---------- */
body.sp .sivo-cat-title h1{font-family:var(--sp-font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(24px,3vw,34px)}
body.sp .sivo-cat-btn{border-radius:var(--sp-pill);font-weight:600;border:1.5px solid var(--sp-line);background:#fff;color:var(--sp-ink)}
body.sp .sivo-cat-btn:hover{border-color:var(--sp-ink)}
body.sp .sivo-cat-btn--primary{background:var(--sp-ink);border-color:var(--sp-ink);color:#fff}
body.sp .sivo-cat-btn--primary:hover{background:var(--sp-accent);border-color:var(--sp-accent);color:#fff}
body.sp .sivo-filter-box{border:1px solid var(--sp-line);border-radius:var(--sp-radius)}
body.sp .sivo-filter-box h4{font-family:var(--sp-font-display);text-transform:uppercase;letter-spacing:.04em;font-weight:800}
body.sp .sivo-subcat-list a:hover{color:var(--sp-accent)}
body.sp .sivo-clear-filters{color:var(--sp-ink-faint)}
body.sp .sivo-clear-filters:hover{color:var(--sp-oferta)}
body.sp .sivo-sort select{border:1.5px solid var(--sp-line);border-radius:var(--sp-pill);padding:8px 14px}
body.sp .sivo-pager a{border-radius:var(--sp-pill)}

/* ---------- 13 · Producto (detalle) ---------- */
body.sp .producto_single{margin-bottom:20px}
body.sp .box_img_producto_catalogo,body.sp .box_info_producto_catalogo{display:inline-block;vertical-align:top}
body.sp .box_img_producto_catalogo{width:40%}
body.sp .box_info_producto_catalogo{width:57%;padding:0 0 20px 40px;text-align:left}
body.sp .box_info_producto_catalogo h1{padding-left:0;font-size:clamp(24px,2.8vw,34px);letter-spacing:-.02em;margin:6px 0 10px}
body.sp .logo_index_producto{float:left;margin:0 10px 0 0}
body.sp .logo_index_producto img{max-width:70px}
body.sp .gallery{position:relative}
body.sp .img-principal{position:relative;overflow:hidden;border-radius:var(--sp-radius);margin-bottom:16px;background:var(--sp-bg-soft)}
body.sp .img-principal .label_oferta{position:absolute;top:5%;right:5%;background:var(--sp-oferta);color:#fff;font-size:12pt;font-weight:800;font-family:var(--sp-font-display);letter-spacing:0;padding:5px 12px;border-radius:var(--sp-pill);text-align:right;line-height:16px;z-index:2}
body.sp .img-principal img{border-radius:var(--sp-radius);transition:.3s;width:100%}
body.sp .img-principal img:hover{transform:scale(1.06)}
body.sp .items_gallery img{border-radius:var(--sp-radius-sm);transition:.3s;border:1.5px solid var(--sp-line)}
body.sp .items_gallery img:hover{transform:none;border-color:var(--sp-ink)}
body.sp p.sku,body.sp p.mini-sku{display:table;background:var(--sp-bg-soft);color:var(--sp-ink-faint);padding:3px 10px;border:none;border-radius:var(--sp-radius-sm);margin:5px 0;font-size:12px}
body.sp p.mini-sku{font-size:6pt}
body.sp .product_rating{display:inline-flex;margin:6px 0 14px;align-items:center;font-size:13px;color:var(--sp-ink-faint)}
body.sp .product_rating i{margin-right:3px;color:#F5A623}
body.sp .product_description{margin:26px 0 40px;color:var(--sp-ink-soft);line-height:1.7;max-width:760px}
body.sp .top_title_marca{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.sp .armar_producto{margin:30px 0}

/* Bloque de compra estándar (.sivo-*) */
body.sp .sp-buy-wrap{margin:10px 0 26px}
body.sp .sivo-buy{border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:24px;display:flex;flex-direction:column;gap:18px;max-width:560px;background:#fff}
body.sp .sivo-pricebox{display:flex;flex-direction:column;gap:4px}
body.sp .sivo-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
body.sp .sivo-price__off{background:var(--sp-oferta);color:#fff;font-family:var(--sp-font-display);font-weight:800;font-size:13px;padding:3px 10px;border-radius:var(--sp-pill)}
body.sp .sivo-price__now{font-family:var(--sp-font-display);font-weight:900;font-size:32px;letter-spacing:-.02em;color:var(--sp-precio)}
body.sp .sivo-price__was{font-size:16px;color:var(--sp-ink-faint);text-decoration:line-through}
body.sp .sivo-price__from{font-size:12px;color:var(--sp-ink-faint);text-transform:uppercase;font-weight:600}
body.sp .sivo-price__iva{font-size:12px;color:var(--sp-ink-faint)}
body.sp .sivo-price__pack{font-size:13px;color:var(--sp-ink-soft)}
body.sp .sivo-points{font-size:13px;font-weight:600;color:var(--sp-exito)}
body.sp .sivo-variations{display:flex;flex-direction:column;gap:12px}
body.sp .sivo-variation__label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sp-ink-soft)}
body.sp .sivo-variation__select{width:100%;height:46px;padding:0 16px;border:1.5px solid var(--sp-line);border-radius:var(--sp-radius-sm);font-size:14px;color:var(--sp-ink);background:#fff;cursor:pointer;outline:0}
body.sp .sivo-variation__select:focus{border-color:var(--sp-ink)}
body.sp .sivo-cart{display:flex;gap:12px;align-items:stretch}
body.sp .sivo-qty{display:flex;align-items:center;border:1.5px solid var(--sp-line);border-radius:var(--sp-pill);overflow:hidden;flex-shrink:0}
body.sp .sivo-qty__btn{width:42px;height:48px;border:0;background:transparent;cursor:pointer;font-size:15px;color:var(--sp-ink);transition:background .15s;padding:0}
body.sp .sivo-qty__btn:hover{background:var(--sp-bg-soft)}
body.sp .sivo-qty__num{min-width:40px;text-align:center;font-weight:700;font-size:15px;font-family:var(--sp-font-display)}
body.sp .sivo-addcart{flex:1;border:0;cursor:pointer;background:var(--sp-ink);color:#fff;border-radius:var(--sp-pill);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s;min-height:48px}
body.sp .sivo-addcart:hover{background:var(--sp-accent)}
body.sp .sivo-loading{padding:20px 0}

/* Puntos / club en detalle */
body.sp .PuntosBox_item{margin:20px 0;border:1px solid var(--sp-line);border-left:5px solid var(--sp-accent);border-radius:var(--sp-radius)}
body.sp .PuntosBox_item i,body.sp .PuntosBox_item h3{font-size:13pt;color:var(--sp-accent);text-transform:uppercase}
body.sp span.canje_puntos{display:table;font-size:11pt;font-weight:700;margin:20px 0;padding:0 10px 0 0;background:var(--sp-bg-soft);border:none;border-radius:var(--sp-radius-sm)}
body.sp span.canje_puntos i{background:var(--sp-line);width:25px;line-height:20px;text-align:center;border-right:none;padding:5px;border-radius:var(--sp-radius-sm) 0 0 var(--sp-radius-sm)}

/* Reviews / comentarios */
body.sp .review-label{position:fixed;right:0;top:35%;writing-mode:vertical-rl;background:var(--sp-ink);border:none;font-weight:700;letter-spacing:2px;padding:12px 8px;border-top-left-radius:var(--sp-radius-sm);border-bottom-left-radius:var(--sp-radius-sm);color:#fff;z-index:10}
body.sp .review-label a{color:#fff}
body.sp .img_comment{flex-shrink:0;width:15%;min-width:60px}
body.sp .pic_prod_comment img{width:100%;aspect-ratio:1/1;border-radius:50%;border:2px solid var(--sp-line)}
body.sp .ShowHide-DIV{background:#fff;padding:10px 18px;margin:10px;display:inline-block;border:1.5px solid var(--sp-line);border-radius:var(--sp-pill);cursor:pointer;font-weight:600}
body.sp .ShowHide-DIV:hover{border-color:var(--sp-ink)}
body.sp .wrapper_form-comments-product{margin:30px 0;padding:20px 10px}
body.sp .wrapper_form-comments-product > div{margin-bottom:20px}
body.sp .select_img_comment{padding:20px;border-radius:var(--sp-radius);position:relative;cursor:pointer;text-align:center}
body.sp .select_img_comment img{width:100%;transition:.3s}
body.sp .select_img_comment img:hover{opacity:.8}
body.sp .rating_box{display:flex;text-align:left;align-items:center;gap:1rem;margin-bottom:20px}
body.sp .rating_box span.title_rating{font-weight:700;letter-spacing:.5px;font-size:12pt;color:var(--sp-ink)}
body.sp .comment_rating{margin-right:10px;direction:rtl;unicode-bidi:bidi-override}
body.sp .comment_rating label{color:grey;cursor:pointer}
body.sp .comment_rating label i{font-size:16pt}
body.sp .comment_rating label i:hover{transform:scale(1.2);transition:.3s}
body.sp .comment_rating label:hover{color:orange}
body.sp .comment_rating label:hover ~ label{color:orange}
body.sp .comment_rating input[type="radio"]{display:none}
body.sp .comment_rating input[type="radio"]:checked ~ label{color:orange}
body.sp .form-input{margin-bottom:20px}
body.sp .form-title_comment_product{width:100%;height:46px;padding:6px 14px;font-size:15px;font-weight:600;line-height:44px;color:var(--sp-ink);background-color:#fff;border:1.5px solid var(--sp-line);border-radius:var(--sp-radius-sm)}
body.sp .form-comment_product{display:block;width:100%;height:95px;padding:10px 14px;font-size:14px;line-height:1.5;color:var(--sp-ink);background-color:#fff;border:1.5px solid var(--sp-line);border-radius:var(--sp-radius-sm)}

/* Loader */
body.sp .loader{width:50px;height:50px;margin:0 auto;border-radius:50%;border:8px solid #0000;border-right-color:var(--sp-accent);position:relative;animation:sp-spin 1s infinite linear}
body.sp .loader:before,body.sp .loader:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:inherit;animation:inherit;animation-duration:2s}
body.sp .loader:after{animation-duration:4s}
@keyframes sp-spin{100%{transform:rotate(1turn)}}

/* ---------- 14 · Carrito / checkout legacy + seguimiento ---------- */
body.sp .boxCart{display:flex;justify-content:flex-start;gap:1rem;margin:20px 0}
body.sp .CantCart{position:relative;display:inline-flex;border:1.5px solid var(--sp-ink);padding:5px 10px;font-weight:700;color:var(--sp-ink);border-radius:var(--sp-pill);width:130px;height:40px;line-height:20px;font-size:14pt;margin-right:15px}
body.sp .CantCart .tipoCantItem{font-size:7pt;color:#fff;position:absolute;top:-20px;left:-2px;background:var(--sp-ink);padding:0 10px;border-top-left-radius:10px;border-top-right-radius:10px;letter-spacing:.5px}
body.sp .CantCart .num{text-align:center;width:45px}
body.sp .lessCart,body.sp .addCart{width:25px;height:23px;background:var(--sp-ink);text-align:center;color:#fff;margin:0 5px;padding:0;border-radius:var(--sp-radius-sm);cursor:pointer}
body.sp .btnCart{display:flex;align-items:center;background:var(--sp-ink);color:#fff;height:44px;border-radius:var(--sp-pill);padding:0;box-shadow:none}
body.sp .btnCart:hover{background:var(--sp-accent);transition:.2s}
body.sp .btnCart span{width:100%;margin:5px 18px;font-weight:600}
body.sp .btnCart i{background:rgba(255,255,255,.14);width:56px;height:44px;text-align:center;line-height:44px;border-top-right-radius:var(--sp-pill);border-bottom-right-radius:var(--sp-pill)}
body.sp #resultado{display:none;position:fixed;width:285px;top:20%;right:0;z-index:99}
body.sp #resultado.sp-show-block{display:block}
body.sp .wrapperCart{padding:24px;background:var(--sp-bg-soft);border-radius:var(--sp-radius);margin-bottom:15px}
body.sp .wrapperCart h2{font-weight:700;letter-spacing:.02em;color:var(--sp-ink);font-size:13pt;border-bottom:1px solid var(--sp-line);text-transform:uppercase}
body.sp .items-listCart{background:#fff;padding:5px;border-radius:var(--sp-radius-sm)}
body.sp .ResumenCart{font-size:12pt;text-align:left;margin:20px 10px 50px 0;color:var(--sp-ink);font-weight:700}
body.sp .ResumenCart div{display:flex;flex-direction:row;justify-content:flex-end;width:100%;line-height:30px}
body.sp .ResumenCart div:first-child{font-size:10pt;text-transform:uppercase;justify-content:flex-start}
body.sp .InfoCart{width:50%;border-bottom:1px solid var(--sp-line);padding:10px 5px}
body.sp .MontoCart{width:50%;font-size:15pt;border-bottom:1px solid var(--sp-line);padding:10px 5px}
body.sp .InfoCart,body.sp .MontoCart{margin-bottom:10px}
body.sp .payments{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-bottom:20px;padding:20px 0;align-items:center}
body.sp .payments div{margin:0 10px}
body.sp .msgCart{display:block;text-align:center;font-size:11pt;font-weight:700;background:var(--sp-exito);color:#fff;border-radius:var(--sp-pill);padding:6px 16px;width:fit-content;margin:10px auto 20px;letter-spacing:.5px}
body.sp .msgCart i{color:#fff}
body.sp .certificates{display:flex;gap:1rem;align-items:center;justify-content:center}
body.sp .certificates img{width:100%}
body.sp .boxform_cart{margin-bottom:50px}
body.sp .countdown-cart{width:100%;margin-bottom:10px;text-align:center;background:var(--sp-bg-soft);padding:20px 0;border-radius:var(--sp-radius)}
body.sp #countdown_data{position:relative;width:100%;display:flex;max-width:970px;margin:0 auto;justify-content:center;align-items:center}
body.sp span.boxtime{width:50%;background:#fff;color:var(--sp-ink);float:left;text-align:center;padding:10px;border:1px solid var(--sp-line);box-shadow:var(--sp-shadow);border-radius:var(--sp-radius);margin:0 20px;font-size:28pt;font-weight:800;font-family:var(--sp-font-display)}
body.sp span.boxtime p{font-size:8pt;text-align:center;margin:0 0 10px;font-family:var(--sp-font)}
body.sp .container-input{text-align:center;background:var(--sp-bg-soft);border-top:5px solid var(--sp-ink);padding:50px 0;border-radius:var(--sp-radius-sm);width:100%;margin:0 auto 20px;border-right:1px dashed var(--sp-line);border-bottom:1px dashed var(--sp-line);border-left:1px dashed var(--sp-line)}
body.sp .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
body.sp .inputfile + label{max-width:80%;font-size:1.25rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;padding:.625rem 1.25rem}
body.sp .inputfile + label svg{width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-.25em;margin-right:.25em}
body.sp .inputfile-5 + label{color:var(--sp-ink)}
body.sp .inputfile-5:focus + label,body.sp .inputfile-5.has-focus + label,body.sp .inputfile-5 + label:hover{color:#878787}
body.sp .inputfile-5 + label figure{width:100px;height:100px;border-radius:50%;background-color:var(--sp-ink);display:block;padding:20px;margin:0 auto 10px}
body.sp .inputfile-5:focus + label figure,body.sp .inputfile-5.has-focus + label figure,body.sp .inputfile-5 + label:hover figure{background-color:#878787}
body.sp .inputfile-5 + label svg{width:100%;height:100%;fill:#fff}

/* Steps */
body.sp .box_ministeps{display:inline-flex;width:100%;text-align:center;margin:20px 0 40px;padding:15px 0 40px;border-bottom:2px solid var(--sp-line)}
body.sp .item_ministeps{width:100%;margin:0 auto;font-weight:700}
body.sp .linestep{border:1px solid var(--sp-line);width:40.9%;display:inline-block}
body.sp .ministep{display:inline-block;width:40px;height:40px;line-height:36px;background:#fff;border:2px solid var(--sp-line);border-radius:100%}
body.sp .text_ministep{font-size:11pt}
body.sp .item_ministeps.active{color:var(--sp-exito)}
body.sp .item_ministeps.active .linestep{border-color:var(--sp-exito)}
body.sp .item_ministeps.active .ministep{border-color:var(--sp-exito)}

/* Seguimiento / pedidos */
body.sp table.seguimiento-info{width:100%;margin:20px auto 40px}
body.sp table.seguimiento-info tr td{text-align:center;padding:0 0 20px;vertical-align:top;background:#fff}
body.sp td.border-left{border-left:1px solid var(--sp-line)}
body.sp td.border-right{border-right:1px solid var(--sp-line)}
body.sp td.border-bottom{border-bottom:1px solid var(--sp-line)}
body.sp h3.num_orden{color:var(--sp-exito);margin:2px 0;font-size:16px}
body.sp p.txt_num_orden{margin:0 0 20px;color:var(--sp-ink-soft);background:#fff;padding:2px 5px;text-align:center}
body.sp .TotalCart{width:100%;max-width:500px;font-size:12pt;text-align:right;margin:20px 10px 20px auto;color:var(--sp-ink);font-weight:700}
body.sp .TotalCart div{display:flex;width:100%;flex-direction:row;justify-content:flex-end;line-height:30px}
body.sp .TotalCart div:first-child{font-size:9pt;text-transform:uppercase}
body.sp .TotalCart div div:first-child{color:var(--sp-ink-faint)}
body.sp .valorCart{width:50%;font-size:13pt;border-bottom:1px solid var(--sp-line);padding:5px}
body.sp .mini-foto-prod{position:relative;text-align:center;max-width:120px}
body.sp .mini-foto-prod img{border-radius:var(--sp-radius-sm)}
body.sp .progress_bar{width:100%;background:var(--sp-line);border-radius:16px}
body.sp .progress_actual{background:var(--sp-exito);color:#fff;border-radius:16px;padding:.01em 16px}
body.sp .info-pedido{padding:20px 0;border-bottom:1px dashed var(--sp-line)}
body.sp .info-pedido:last-child{border-bottom:none;padding-bottom:0}
body.sp .info-pedido p.txt_num_orden{margin:0 0 10px;color:var(--sp-ink-soft);background:#fff;padding:2px 5px;text-align:center}
body.sp .item-list_pedido{text-align:left;width:100%;display:flex;justify-content:space-between}
body.sp .item-list_pedido div{padding:0 10px;vertical-align:top}
body.sp .item-list_pedido ul{padding:0;font-size:8pt;list-style:none}
body.sp .item-list_pedido ul li{background:var(--sp-bg-soft);padding:5px 8px;border-radius:var(--sp-radius-sm);border:1px solid var(--sp-line);font-weight:600;margin-bottom:5px}
body.sp .item-list_pedido .item-mid_pedido{display:flex;flex-grow:1;width:40%}
body.sp .item-list_pedido .item-mid_pedido div:first-child{width:40%}
body.sp .item-list_pedido .item-mid_pedido div:nth-child(2){width:60%}
body.sp .item-list_pedido .item-final_pedido{display:flex}
body.sp .boxes-precios-item-list_pedido{display:inline-flex}
body.sp .precio-item-list_pedido{color:var(--sp-exito)}
body.sp span.title_item-list_pedido{display:block;font-size:7pt;color:var(--sp-ink-faint);font-weight:700;text-transform:uppercase;letter-spacing:3px;margin-bottom:5px}
body.sp .form_estado_pedidos{width:100%;padding:2%;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:#fff}
body.sp .img_mini_estado{margin-bottom:20px;text-align:center}
body.sp .img_mini_estado img{max-width:100%;height:auto}
body.sp .box_informacion_preview{width:80%;max-width:1600px;margin:0 auto;position:relative}
body.sp .terms_upload{padding-left:20px;text-align:justify !important;height:200px;overflow-y:auto}
body.sp .terms_upload::-webkit-scrollbar{width:5px;height:5px}
body.sp .move_down{text-align:right}

/* Tablas informativas */
body.sp .header_table{background:var(--sp-bg-soft);padding:10px 20px;border:1px solid var(--sp-line);border-top-left-radius:var(--sp-radius-sm);text-align:left;text-transform:uppercase}
body.sp .header_table h3{font-weight:700;margin:0;padding:0;font-size:10pt;letter-spacing:normal}
body.sp table.info_preview.withoutTitle{border-radius:var(--sp-radius);border:1px solid var(--sp-line)}
body.sp table.info_preview{width:100%;background:#fff;font-size:11px;border-bottom-right-radius:var(--sp-radius-sm);border-left:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line);border-right:1px solid var(--sp-line);margin-bottom:40px;text-align:left}
body.sp table.info_preview tr td{padding:10px}
body.sp table.info_preview tr td.campo{font-weight:700}
body.sp table.info_preview img{width:100%;height:auto;padding:5px}
body.sp table.datos_usuario{background:var(--sp-bg-soft);width:100%;border-radius:var(--sp-radius-sm);margin-bottom:10px}
body.sp table.datos_usuario tr td{vertical-align:middle;padding:5px 10px}
body.sp td.campo{background:#fff;font-size:12px;border-bottom:1px solid var(--sp-line)}
body.sp td.dato_usuario{color:var(--sp-ink-soft)}
body.sp i.dato_warning{color:var(--sp-oferta);margin:0 3px}

/* Login de tienda (página) */
body.sp #login_seccion{max-width:450px;width:100%;margin:0 auto;padding:40px 24px;background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow)}

/* Mensajes grandes */
body.sp #big_msg{padding:20px;margin:40px 0}
body.sp #big_msg img{max-width:100%;max-height:160px}
body.sp #big_msg,body.sp #big_msg h1,body.sp #big_msg p{text-align:center}
body.sp #big_msg h1{font-size:40pt;margin:20px}
body.sp .middle-big_msg{padding:20px 0 80px}

/* ---------- 15 · Blog / post / páginas ---------- */
body.sp .list_posts{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:1rem;margin:0 0 40px}
body.sp .item_posts{border:1px solid var(--sp-line);border-radius:var(--sp-radius);overflow:hidden;transition:box-shadow .15s}
body.sp .item_posts:hover{box-shadow:var(--sp-shadow)}
body.sp .pic_posts{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}
body.sp .pic_posts img{transition:.3s;width:100%;height:100%;object-fit:cover}
body.sp .pic_posts img:hover{transform:scale(1.08)}
body.sp .title_posts{padding:0 14px}
body.sp .title_posts h2{font-weight:700;font-size:16px;text-transform:none}
body.sp .detail_posts{padding:0 14px 14px}
body.sp .autor_posts{font-style:italic;font-size:8pt;color:var(--sp-ink-faint)}
body.sp .big_banner_post{width:100%;height:auto;position:relative;overflow:hidden;border-radius:var(--sp-radius)}
body.sp .bg_post img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
body.sp .big_banner_post .title_post{position:absolute;z-index:9;bottom:0;background:linear-gradient(180deg,rgba(13,15,18,0),rgba(13,15,18,.82));padding:16px;width:100%;text-align:left}
body.sp .big_banner_post .title_post h1{margin:0;color:#fff}
body.sp .recommend_post_sidebar{display:flex;align-items:stretch;gap:1rem;min-height:85px;border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:10px;text-align:left;margin-bottom:10px}
body.sp .recommend_post_sidebar:last-child{margin:0}
body.sp .recommend_post_sidebar div:first-child{width:30%;position:relative;overflow:hidden}
body.sp .recommend_post_sidebar div:last-child{width:70%}
body.sp .recommend_post_sidebar img{width:100%;height:100%;aspect-ratio:1/1;position:absolute;left:0;top:0;border-radius:var(--sp-radius-sm)}
body.sp .recommend_post_sidebar h2{font-size:13pt;font-weight:700;margin:0 0 10px;text-transform:none}
body.sp .recommend_post_sidebar .autor_posts{font-style:italic;font-size:7pt}
body.sp .content_post{padding:10px 15px}

/* Boxes informativos (club).
   Diseño en Web Global/css/style-general.css; aquí solo el color del tema. */
body.sp div.box,body.sp .box_info_sidebar{border-radius:var(--sp-radius);box-shadow:var(--sp-shadow)}
body.sp span.num_detalle{font-family:var(--sp-font-display)}
body.sp span.detalle{display:table;margin:5px 0}
body.sp .info_destacada{margin:2% 10%;font-size:10pt;line-height:16pt}
body.sp .info_puntos{margin:20px;font-size:22pt;color:var(--sp-exito);font-weight:700;border:1px dashed var(--sp-exito);padding:20px;border-radius:var(--sp-radius)}
body.sp div.box.color1,body.sp .box_info_sidebar.color1{--c:#de6900;--c2:#da7821;--c-rgb:222,105,0}
body.sp div.box.color2,body.sp .box_info_sidebar.color2{--c:#f39a01;--c2:#da9b3a;--c-rgb:243,154,1}
body.sp div.box.color3,body.sp .box_info_sidebar.color3{--c:#0492ba;--c2:#279ec2;--c-rgb:4,146,186}
body.sp div.box.color4,body.sp .box_info_sidebar.color4{--c:#9d230f;--c2:#811c0b;--c-rgb:157,35,15}
body.sp div.box.color5,body.sp .box_info_sidebar.color5{--c:#12805C;--c2:#0d6247;--c-rgb:18,128,92}
body.sp .ico_color1{background-color:#da7821}
body.sp .ico_color2{background-color:#da9b3a}
body.sp .ico_color3{background-color:#279ec2}
body.sp .ico_color4{background-color:#811c0b}
body.sp .ico_color5{background-color:#0d6247}
body.sp .color6{background-color:#327404}
body.sp .ico_color6{background-color:#408600}
body.sp .color7{background-color:#998956}
body.sp .ico_color7{background-color:#B6A46B}

/* Counters catálogo */
body.sp .sivo_counters{width:100%;margin-bottom:10px;text-align:center;background:var(--sp-bg-soft);padding:20px 0;border-radius:var(--sp-radius)}
body.sp .sivo_row-counters{position:relative;width:100%;display:flex;max-width:970px;margin:0 auto;text-align:center}
body.sp .sivo_col-counter{float:left;width:25%;padding:0 35px 25px 0}
body.sp .sivo_counter{background:#fff;color:var(--sp-ink-soft);float:left;text-align:center;padding:5%;border:1px solid var(--sp-line);width:100%;box-shadow:var(--sp-shadow);border-radius:var(--sp-radius)}
body.sp .sivo_counter span{font-size:64px;font-weight:800;font-family:var(--sp-font-display)}
body.sp .sivo_counter p{text-align:center}
body.sp .firma_sivo{margin:20px auto;color:var(--sp-ink-faint)}

/* Tooltip */
body.sp .tooltip{position:relative;display:inline-block}
body.sp .tooltip .tooltiptext{visibility:hidden;width:auto;background-color:var(--sp-ink);color:#fff;line-height:12px;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}
body.sp .tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--sp-ink) transparent transparent transparent}
body.sp .tooltip:hover .tooltiptext{visibility:visible;opacity:1;transition:.3s}

/* Popups de estado */
body.sp .popup{width:100%;height:100%;position:fixed;background:transparent;backdrop-filter:blur(3px);top:0;left:0;z-index:99999}
body.sp .popup hr{border:0;width:70%;height:1px;background:var(--sp-line);margin:10px auto}
body.sp .mjs_popup > img{display:block;width:50%;margin:0 auto;max-width:450px;border-radius:100px}
body.sp .mjs_popup > p{text-align:center !important}
body.sp .mjs_popup.mini{max-width:420px}
body.sp .mjs_popup .btns-tickets{display:flex;align-items:center;justify-content:center;margin:10px 0}
body.sp .mjs_popup.width_medio{width:35%}
body.sp .popup_wrapper .content_error_popup,body.sp .popup_wrapper .content_success_popup,body.sp .popup_wrapper .content_warning_popup{transform:translate(-50%,-50%) !important}
body.sp .content_error_popup,body.sp .content_success_popup,body.sp .content_warning_popup{position:absolute;top:50%;left:50%;max-height:80%;overflow-y:auto;transform:translate(-50%,-50%);text-align:center;margin-left:auto;margin-right:auto;background:#fff;padding:1.5% 2%;border-radius:var(--sp-radius);border:1px solid var(--sp-line);box-shadow:var(--sp-shadow-hover);z-index:2}
body.sp .content_error,body.sp .content_success,body.sp .content_warning{display:table;margin:0 auto;text-align:center;padding:20px;border-radius:var(--sp-radius)}
body.sp .content_error hr,body.sp .content_success hr,body.sp .content_warning hr{border:0;width:70%;height:1px;background:var(--sp-line);margin:15px auto}
body.sp .fullwidth_popup{transform:translate(-50%,-50%) !important}
body.sp h1.titulo_error,body.sp h1.titulo_success,body.sp h1.titulo_warning{color:#fff;font-weight:700;border-radius:var(--sp-pill);padding:0 25px;margin-bottom:5px;display:inline-block}
body.sp i#ico_error,body.sp i#ico_success,body.sp i#ico_warning{display:block;margin:0 auto}
body.sp i#ico_success,body.sp h1.titulo_success{color:var(--sp-exito)}

/* Encuesta / NOVA */
body.sp .wrapper_full{background:#fff;width:100%;height:100%;position:absolute;padding:20px}
body.sp .wrapper_full .logo{text-align:center;margin-bottom:50px}
body.sp .wrapper_full .logo img{width:60%;max-width:330px}
body.sp .wrapper_full .middle{margin-bottom:50px;text-align:center}
body.sp .wrapper_full .middle audio{display:none;margin:10px auto}

/* Loading screen */
body.sp #load_screen{position:fixed;width:100%;height:100%;top:0;left:0;background:#fdfdfd;z-index:10}
body.sp #loading{text-align:center;position:relative;top:50%;margin-top:-220px}
body.sp #loading img.ico{background:#fff;border-radius:50%;border:2px solid var(--sp-line);margin-bottom:20px}
body.sp #loading h1{font-weight:900;font-size:3.5em;color:var(--sp-accent);margin:0 auto 10px}
body.sp #loading h3{margin:0 auto 10px;color:var(--sp-ink-faint);text-transform:uppercase;letter-spacing:1px}

/* Externos */
body.sp .eapps-instagram-feed-posts-item-template-classic{border-radius:var(--sp-radius)}

/* ---------- 16 · Footer ---------- */
body.sp .sp-footer{width:100%;background:var(--sp-ink);color:rgba(255,255,255,.72);font-size:13.5px;padding:0;margin:60px 0 0}
body.sp.sp-home .sp-footer{margin-top:0}
body.sp .sp-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.4fr 1fr;gap:36px;padding:52px 0 36px}
body.sp .sp-footer h4{font-family:var(--sp-font-display);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin:0 0 14px}
body.sp .sp-footer h4:not(:first-child){margin-top:22px}
body.sp .sp-footer p{margin:0 0 10px;line-height:1.65}
body.sp .sp-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
body.sp .sp-footer a{color:rgba(255,255,255,.72)}
body.sp .sp-footer a:hover{color:var(--sp-accent)}
body.sp .sp-footer-brand img{max-height:60px;max-width:180px;margin-bottom:12px;filter:brightness(0) invert(1)}
body.sp .sp-footer-contact i{color:var(--sp-accent);font-size:13px;width:16px;margin-right:4px}
body.sp .sp-footer-pay .payments{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;padding:0;margin-bottom:16px}
body.sp .sp-footer-pay .payments div{margin:0}
body.sp .sp-footer-pay .payments img{background:#fff;border-radius:6px;padding:4px}
body.sp .sp-footer-pay .certificates img{background:#fff;border-radius:6px;padding:4px}
body.sp .sp-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;font-size:12.5px;color:rgba(255,255,255,.45)}
body.sp .sp-footer-bottom p{margin:0}

/* Firma + flotantes */
body.sp .Sivo{position:inherit;background:#0a0c0e;padding:20px 0;bottom:0;text-align:center;width:100%;color:#7b828b}
body.sp .Sivo img{width:80px;margin-bottom:5px}
body.sp .Sivo a.web{color:#fff;background:var(--sp-accent);border:1px solid var(--sp-accent);padding:3px 8px;border-radius:var(--sp-pill);font-weight:700;letter-spacing:1px}
body.sp .Sivo a.web:hover{opacity:.85;transition:.3s}
body.sp .Sivo_box{margin:20px}
body.sp .Sivo_box img{width:80px}
body.sp .socials{position:fixed;top:50%;right:0;z-index:10}
body.sp span.ico_social{display:block;background:#fff;margin-bottom:10px;padding:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;border-top:1px solid var(--sp-line);border-left:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line)}
body.sp span.ico_social i{font-size:1.5em}
body.sp span.ico_social a{color:var(--sp-ink)}
body.sp span.ico_social a:hover{color:var(--sp-accent)}
body.sp .wsp{position:fixed;right:15px;bottom:90px;z-index:9;text-align:right}
body.sp .wsp span{display:block;background:#fff;border-radius:var(--sp-pill);border:1px solid var(--sp-line);padding:5px 10px}
body.sp .wsp img{width:50px}
body.sp .wsp img:hover{opacity:.8;transition:.3s}
body.sp .cookie-banner{display:none;position:fixed;bottom:0;left:0;width:100%;align-items:center;justify-content:center;background-color:#0d0f12f0;color:#fff;text-align:center;padding:12px;z-index:9}
body.sp .cookie-banner p{margin:0 20px 0 0}
body.sp .cookie-banner button{margin:5px;cursor:pointer;box-shadow:none}

/* ---------- 17 · Popups login / recovery ---------- */
body.sp .wrapper_popup{display:none;position:fixed;width:100%;height:100%;top:0;z-index:99}
body.sp #login-box,body.sp #recovery-box{position:relative;background:#fff;width:400px;padding:40px;text-align:center;border-radius:var(--sp-radius);top:50%;left:50%;transform:translate(-50%,-50%)}

/* ---------- 18 · Responsive ---------- */
@media screen and (max-width:1200px){
	body.sp td{height:25px}
	body.sp table.info_preview{overflow-x:scroll;display:block;width:auto}
	body.sp #list_grid{grid-template-columns:repeat(4,minmax(90px,1fr))}
	body.sp .box_img_producto_catalogo{width:44%}
	body.sp .box_info_producto_catalogo{width:54%;padding-left:24px}
}

@media screen and (max-width:992px){
	body.sp .sp-trust{grid-template-columns:repeat(2,1fr)}
	body.sp .sp-footer-grid{grid-template-columns:1fr 1fr}
	body.sp .item-list_pedido{display:block}
	body.sp .item-list_pedido div{font-size:11pt}
	body.sp span.title_item-list_pedido{font-size:9pt}
	body.sp .mini-foto-prod{display:inline-block;width:35%}
	body.sp .mini-foto-prod img{max-width:200px;width:80%;height:auto}
	body.sp .item-mid_pedido{display:inline-block !important;width:64% !important}
	body.sp .item-list_pedido .item-mid_pedido div:first-child{width:100%}
	body.sp .item-list_pedido .item-mid_pedido div:nth-child(2){width:100%}
	body.sp .item-final_pedido{display:block !important;width:100% !important}
	body.sp .info-item .btn{width:100%}
	body.sp .linestep{width:34.9%}
	body.sp span.after-box_inline{display:none}
	body.sp #content_box_info{grid-template-columns:repeat(3,minmax(90px,1fr))}
	body.sp h3.num_orden{font-size:13px}
}

@media screen and (max-width:768px){
	body.sp .sp-topbar span:nth-child(2){display:none}
	body.sp .sp-header-row{flex-wrap:wrap;gap:10px;padding:10px 0;min-height:0}
	body.sp .sp-search{order:3;flex-basis:100%}
	body.sp .sp-action span{display:none}
	body.sp .sp-action{padding:8px}
	body.sp .sp-brand img{max-height:44px}
	body.sp #slider .content-slide{width:80%;left:6%}
	body.sp .splide__slide img{width:100%;height:100%;object-fit:cover;object-position:center}
	body.sp .sp-editorial{grid-template-columns:1fr}
	body.sp .sp-cat-strip{grid-template-columns:1fr 1fr}
	body.sp .sp-social-cta .sp-wrap{flex-direction:column;text-align:center}
	body.sp .sp-block{padding:28px 0}
	body.sp .seccion_inline_block{display:block;width:100% !important}
	body.sp #list_grid{grid-template-columns:repeat(2,minmax(90px,1fr));gap:.5rem}
	body.sp .price-item{width:100%}
	body.sp .AddCartExpress{display:block;width:100%;margin:10px 0 0;height:30px;line-height:30px;font-size:12px}
	body.sp #content_fullwidth .content_middle{padding:20px 16px}
	body.sp .box_img_producto_catalogo,body.sp .box_info_producto_catalogo{display:block}
	body.sp .box_img_producto_catalogo{width:100%}
	body.sp .box_info_producto_catalogo{width:100%;padding:10px 0;font-size:13px}
	body.sp .sivo-buy{max-width:none}
	body.sp .foto-item{padding:2px;margin:2px}
	body.sp .item-cotizador{display:block;margin-bottom:20px}
	body.sp .box_img_item-cotizador{width:100%}
	body.sp .info_item-cotizador{width:100%;padding:20px 10px}
	body.sp .opciones-cotizador{width:100%;text-align:center}
	body.sp .opciones-cotizador button{width:100%;margin:0}
	body.sp .box_cotizador{text-align:center}
	body.sp .item-list_pedido{display:block;width:100% !important;padding:0}
	body.sp .mini-foto-prod{max-width:100%;text-align:center}
	body.sp .item-list_pedido div{display:block;width:100% !important;padding:10px}
	body.sp .item-list_pedido div img{width:100% !important;height:auto}
	body.sp .precio-item-list_pedido{padding:10px 0 !important}
	body.sp .boxes-precios-item-list_pedido{border-top:2px solid var(--sp-line);border-bottom:2px solid var(--sp-line)}
	body.sp .boxes-precios-item-list_pedido div span{display:initial;padding-right:10px}
	body.sp .box_informacion_preview{width:90%}
	body.sp #big_msg h1{font-size:26pt}
	body.sp #orderBoxs{display:flex;flex-direction:column}
	body.sp .box_Order1{order:1}
	body.sp .box_Order2{order:2}
	body.sp .box_Order3{order:3}
	body.sp div#login-box{width:90%;padding:8%}
	body.sp .img_comment{width:20%}
	body.sp .comment_rating{display:block;margin-bottom:10px}
	body.sp .btnWishlist{position:relative;display:block;line-height:35px;text-align:center}
	body.sp .btnWishlist i{position:absolute;right:0;top:0}
	body.sp .display_miniactions .WishList{width:40px}
	body.sp .display_miniactions .WishList i{font-size:12pt}
	body.sp #resultado{top:0;width:100%;line-height:15pt}
	body.sp .list_posts{grid-template-columns:repeat(2,minmax(250px,1fr))}
	body.sp .sivo_counters{display:table}
	body.sp .sivo_row-counters{display:block}
	body.sp .sivo_col-counter{float:left;width:50%;padding:0 0 20px}
	body.sp .sivo_counter{float:none;width:80%;margin:0 auto}
	body.sp .firma_sivo{display:table-footer-group}
	body.sp #content_box_info{grid-template-columns:repeat(3,minmax(90px,1fr))}
	body.sp .option_payment span:nth-child(2){text-align:left}
}

@media screen and (max-width:480px){
	body.sp .sp-trust{grid-template-columns:1fr;gap:12px}
	body.sp .sp-cat-strip{grid-template-columns:1fr 1fr}
	body.sp .sp-footer-grid{grid-template-columns:1fr;gap:28px}
	body.sp .sp-brand img{max-height:38px}
	body.sp span#closebox{position:absolute;top:3%;right:5%}
	body.sp .linestep{width:26.9%}
	body.sp #big_msg img{width:80%}
	body.sp .form-group{display:block}
	body.sp .input-form-light{margin:20px 0}
	body.sp .option_payment{display:block}
	body.sp .option_payment span{margin:10px 0;vertical-align:middle}
	body.sp .msg_payment{margin-top:20px}
	body.sp .section_header{display:block}
	body.sp .section_header_menu{display:block}
	body.sp .section_header_menu span{margin-bottom:5px}
	body.sp #content_box_info{grid-template-columns:repeat(2,minmax(90px,1fr))}
	body.sp .rating_box{display:block}
	body.sp span.comment_rating{margin:10px 0}
	body.sp .list_posts{grid-template-columns:repeat(1,minmax(250px,1fr))}
}