/* CP Mega Menu — estilos de la web.
   Los selectores llevan "body" delante para ganar a las reglas del tema
   sobre .main-navigation y .mobile-navigation. */

:root{
	--cpmm-ink:#0f172a;
	--cpmm-text:#334155;
	--cpmm-muted:#475569;
	--cpmm-line:#e2e8f0;
	--cpmm-blue:#467ff7;
	--cpmm-link:#2453c9;
	--cpmm-red:#c81e1e;
	--cpmm-yellow:#ffd500;
	--cpmm-purple:#4b0082;
	--cpmm-head:Montserrat,Gilroy,system-ui,sans-serif;
}

/* ---------- Reset frente al tema ---------- */
body .cpmm ul,body .cpmm li,body .cpmm-m ul,body .cpmm-m li{list-style:none;margin:0;padding:0;background:none;border:0;box-shadow:none;float:none;position:static;width:auto;min-width:0;max-width:none;height:auto;opacity:1;visibility:visible;transform:none;text-align:left}
body .cpmm ul,body .cpmm-m ul{display:block}
body .cpmm li,body .cpmm-m li{display:block}
body .cpmm li::before,body .cpmm li::after,body .cpmm a::before,body .cpmm a::after,
body .cpmm-m li::before,body .cpmm-m li::after,body .cpmm-m a::before,body .cpmm-m a::after{content:none}
body .cpmm a,body .cpmm-m a{text-decoration:none;background:none;border:0;padding:0;margin:0;line-height:1.3;text-transform:none;letter-spacing:normal}
.cpmm-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cpmm-ico{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* ---------- Barra (escritorio) ---------- */
body .cpmm .cpmm-bar{display:flex;flex-wrap:wrap;align-items:center;gap:2px}
body .cpmm .cpmm-top{display:flex;align-items:center}
body .cpmm .cpmm-top__link{display:flex;align-items:center;gap:6px;font-family:Gilroy,var(--cpmm-head);font-weight:600;font-size:15px;color:var(--cpmm-ink);padding:12px 2px 12px 10px;border-bottom:3px solid transparent;white-space:nowrap}
body .cpmm .cpmm-top__link--nolink{cursor:pointer}
body .cpmm .cpmm-top:not(.cpmm-top--panel) .cpmm-top__link{padding-right:10px}
body .cpmm .cpmm-top__link:hover,body .cpmm .cpmm-top.is-open .cpmm-top__link{color:var(--cpmm-link)}
body .cpmm .cpmm-top.is-open .cpmm-top__link{border-bottom-color:var(--cpmm-blue)}
body .cpmm .cpmm-top__toggle{display:flex;align-items:center;justify-content:center;width:28px;height:44px;padding:0;margin:0 4px 0 0;border:0;background:none;color:inherit;cursor:pointer;border-radius:6px;box-shadow:none;min-width:0}
body .cpmm .cpmm-top__toggle:hover,body .cpmm .cpmm-top__toggle:focus-visible{background:#f1f5f9;color:var(--cpmm-link)}
body .cpmm .cpmm-top.is-open .cpmm-ico--chev{transform:rotate(180deg)}

body .cpmm .cpmm-top--urgent .cpmm-top__link{color:var(--cpmm-red)}
body .cpmm .cpmm-top--urgent .cpmm-top__link:hover{color:#9b1515}

body .cpmm .cpmm-top--pill{background:var(--cpmm-yellow);border-radius:999px;margin-left:6px;padding:0 4px 0 6px}
body .cpmm .cpmm-top--pill .cpmm-top__link{color:var(--cpmm-purple);border-bottom-color:transparent!important;padding-top:9px;padding-bottom:9px}
body .cpmm .cpmm-top--pill .cpmm-top__toggle{color:var(--cpmm-purple);height:36px}
body .cpmm .cpmm-top--pill .cpmm-top__toggle:hover{background:rgba(255,255,255,.45)}

/* ---------- Panel ---------- */
body .cpmm .cpmm-panel{position:fixed;left:0;right:0;z-index:9990;background:#fff;border-top:1px solid var(--cpmm-line);box-shadow:0 22px 34px -20px rgba(15,23,42,.45);max-height:calc(100vh - 120px);overflow:auto;text-align:left;color:var(--cpmm-ink)}
body .cpmm .cpmm-panel[hidden]{display:none}
/* Puente invisible entre la barra y el panel para que el ratón no lo cierre. */
body .cpmm .cpmm-panel::before{content:"";position:fixed;left:0;right:0;height:var(--cpmm-gap,0px);transform:translateY(calc(-1 * var(--cpmm-gap,0px)))}
body .cpmm .cpmm-panel__in{max-width:1280px;margin:0 auto;padding:30px 32px 30px;display:flex;gap:44px;align-items:stretch;box-sizing:border-box}

body .cpmm .cpmm-links{flex:0 0 220px;display:flex;flex-direction:column;gap:22px}
body .cpmm .cpmm-group__t,body .cpmm-m .cpmm-group__t{margin:0 0 6px;font-family:var(--cpmm-head);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cpmm-muted)}
body .cpmm .cpmm-list a{display:block;padding:5px 0;font-size:15px;color:var(--cpmm-text)}
body .cpmm .cpmm-list a:hover,body .cpmm .cpmm-list a[aria-current]{color:var(--cpmm-link);text-decoration:underline}

body .cpmm .cpmm-thumbs{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:20px}
body .cpmm .cpmm-thumbs__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
body .cpmm .cpmm-thumbs__t{margin:0;font-family:var(--cpmm-head);font-size:21px;font-weight:800;color:var(--cpmm-ink);line-height:1.2}
body .cpmm .cpmm-all{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--cpmm-link);white-space:nowrap}
body .cpmm .cpmm-all:hover{text-decoration:underline}

body .cpmm .cpmm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,170px));justify-content:start;gap:22px 18px}
body .cpmm .cpmm-grid--4{grid-template-columns:repeat(4,minmax(0,150px))}
body .cpmm .cpmm-thumb,body .cpmm-m .cpmm-thumb{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;color:var(--cpmm-ink)}
body .cpmm .cpmm-thumb__ring{display:block;width:116px;height:116px;padding:2px;border:2px solid transparent;border-radius:50%;box-sizing:border-box;transition:border-color .15s}
body .cpmm .cpmm-thumb:hover .cpmm-thumb__ring,body .cpmm .cpmm-thumb:focus-visible .cpmm-thumb__ring{border-color:var(--cpmm-blue)}
body .cpmm .cpmm-thumb img,body .cpmm-m .cpmm-thumb img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#f1f5f9;max-width:none}
body .cpmm .cpmm-thumb__l,body .cpmm-m .cpmm-thumb__l{font-family:var(--cpmm-head);font-weight:700;font-size:14px;line-height:1.25}
body .cpmm .cpmm-thumb:hover .cpmm-thumb__l{color:var(--cpmm-link)}
.cpmm-thumb__icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;border-radius:50%;background:var(--cpmm-blue);color:#fff;font-family:var(--cpmm-head);font-weight:800;font-size:15px}
.cpmm-ico--spark{width:34px;height:34px;stroke-width:1.8}

/* Recuadro de venta */
body .cpmm .cpmm-promo{flex:0 0 290px;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;color:var(--cpmm-ink)}
body .cpmm .cpmm-promo--red,body .cpmm-m .cpmm-promo--red{background:#fdecec}
body .cpmm .cpmm-promo--blue,body .cpmm-m .cpmm-promo--blue{background:#eaf1ff}
body .cpmm .cpmm-promo--dark,body .cpmm-m .cpmm-promo--dark{background:#0f172a}
body .cpmm .cpmm-promo--yellow,body .cpmm-m .cpmm-promo--yellow{background:var(--cpmm-yellow)}
body .cpmm .cpmm-promo__img{display:block;width:100%;height:150px;object-fit:cover;max-width:none}
.cpmm-promo__b{display:flex;flex-direction:column;gap:7px;padding:16px 20px 20px;flex:1}
.cpmm-promo__k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cpmm-promo__t{font-family:var(--cpmm-head);font-weight:800;font-size:19px;line-height:1.2;color:var(--cpmm-ink)}
.cpmm-promo__x{font-size:14px;line-height:1.45;color:var(--cpmm-text)}
.cpmm-promo__c{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;background:var(--cpmm-ink);color:#fff;font-weight:600;font-size:14px;box-sizing:border-box}
.cpmm-promo:hover .cpmm-promo__c{background:#1e293b}
.cpmm-promo--red .cpmm-promo__k{color:#b91c1c}
.cpmm-promo--blue .cpmm-promo__k{color:#1e4fc2}
.cpmm-promo--dark .cpmm-promo__k,.cpmm-promo--dark .cpmm-promo__t,.cpmm-promo--dark .cpmm-promo__x{color:#fff}
.cpmm-promo--dark .cpmm-promo__c{background:#fff;color:var(--cpmm-ink)}
.cpmm-promo--dark:hover .cpmm-promo__c{background:#e2e8f0}
.cpmm-promo--yellow .cpmm-promo__k,.cpmm-promo--yellow .cpmm-promo__t{color:var(--cpmm-purple)}
.cpmm-promo--yellow .cpmm-promo__c{background:var(--cpmm-purple)}
.cpmm-promo--yellow:hover .cpmm-promo__c{background:#360060}

/* Franja de garantías */
body .cpmm .cpmm-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 32px;padding:11px 32px;background:#f8fafc;border-top:1px solid var(--cpmm-line);font-size:13px;font-weight:500;color:var(--cpmm-text)}
body .cpmm .cpmm-trust li{display:block}

@media (max-width:1199px){
	body .cpmm .cpmm-panel__in{gap:28px;padding:24px}
	body .cpmm .cpmm-links{flex-basis:190px}
	body .cpmm .cpmm-promo{flex-basis:240px}
	body .cpmm .cpmm-thumb__ring{width:100px;height:100px}
}

/* ---------- Móvil (dentro del cajón del tema) ---------- */
body .cpmm-m{display:block;padding:4px 0 12px;color:var(--cpmm-ink);text-align:left}
body .cpmm-m .cpmm-m__chips{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
body .cpmm-m .cpmm-m__chips::-webkit-scrollbar{display:none}
body .cpmm-m .cpmm-chip{flex:0 0 auto;display:flex;align-items:center;min-height:44px;padding:0 15px;border:1.5px solid #cbd5e1;border-radius:999px;background:#fff;color:var(--cpmm-ink);font-family:var(--cpmm-head);font-weight:700;font-size:14px;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}
body .cpmm-m .cpmm-chip[aria-pressed="true"]{background:var(--cpmm-ink);border-color:var(--cpmm-ink);color:#fff}
body .cpmm-m .cpmm-chip--urgent{border-color:#f3b4b4;background:#fdecec;color:#b91c1c}
body .cpmm-m .cpmm-m__body{display:flex;flex-direction:column;gap:20px;padding:4px 16px 8px}
body .cpmm-m .cpmm-m__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
body .cpmm-m .cpmm-m__t{margin:0;font-family:var(--cpmm-head);font-weight:800;font-size:18px;line-height:1.2;color:var(--cpmm-ink)}
body .cpmm-m .cpmm-m__all{font-weight:600;font-size:14px;color:var(--cpmm-link);padding:10px 0}
body .cpmm-m .cpmm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}
body .cpmm-m .cpmm-thumb{gap:7px}
body .cpmm-m .cpmm-thumb__ring{display:block;width:100%;max-width:84px;aspect-ratio:1/1;border-radius:50%}
body .cpmm-m .cpmm-thumb__l{font-size:13px}
body .cpmm-m .cpmm-thumb__icon{font-size:13px}
body .cpmm-m .cpmm-ico--spark{width:26px;height:26px}
body .cpmm-m .cpmm-promo{display:flex;flex-direction:row;align-items:stretch;border-radius:14px;overflow:hidden}
body .cpmm-m .cpmm-promo__img{width:104px;height:auto;min-height:100%;object-fit:cover;flex-shrink:0;max-width:none}
body .cpmm-m .cpmm-promo__b{padding:12px 14px;gap:4px}
body .cpmm-m .cpmm-promo__k{font-size:11px}
body .cpmm-m .cpmm-promo__t{font-size:15px}
body .cpmm-m .cpmm-promo__x{display:none}
body .cpmm-m .cpmm-promo__c{min-height:0;padding:0;background:none!important;color:inherit;font-size:13px;text-decoration:underline;margin-top:2px}
body .cpmm-m .cpmm-promo--dark .cpmm-promo__c{color:#fff}
body .cpmm-m .cpmm-links{display:flex;flex-direction:column;gap:16px}
body .cpmm-m .cpmm-list a,body .cpmm-m .cpmm-m__extra a{display:flex;align-items:center;min-height:46px;border-bottom:1px solid var(--cpmm-line);font-size:15px;color:var(--cpmm-text)}
body .cpmm-m .cpmm-m__extra{margin:8px 16px 0;padding-top:6px;border-top:6px solid #f1f5f9}

/* ---------- Cajón móvil del tema (Ekommart): fondo claro y más ancho ---------- */
body.cpmm-on .ekommart-mobile-nav{background:#fff;padding:0;color:var(--cpmm-ink)}
/* Ancho adaptado al móvil (88 % de la pantalla, máx. 360 px). Se esconde desplazándolo su propio ancho, no los 300 px fijos del tema. */
body.cpmm-on .ekommart-mobile-nav{width:min(360px,88vw);transform:translateX(-100%)}
html.mobile-nav-active body.cpmm-on .ekommart-mobile-nav{transform:none}
body.cpmm-on .ekommart-mobile-nav .mobile-nav-close{display:flex;align-items:center;justify-content:flex-end;min-height:44px;padding:6px 14px 0;color:var(--cpmm-ink)}
body.cpmm-on .ekommart-mobile-nav .mobile-nav-close *{color:var(--cpmm-ink);fill:currentColor}
body.cpmm-on .ekommart-mobile-nav .ekommart-social,body.cpmm-on .ekommart-mobile-nav .ekommart-social a{color:var(--cpmm-text)}
body.cpmm-on .ekommart-mobile-nav .ekommart-social{padding:8px 16px 20px}
body.cpmm-on .mobile-navigation{background:#fff}

/* ---------- Blindaje frente al tema y a Imagify (<picture>) ---------- */
body .cpmm a.cpmm-thumb,body .cpmm-m a.cpmm-thumb{display:flex!important;flex-direction:column;align-items:center;text-align:center}
body .cpmm a.cpmm-promo{display:flex!important;flex-direction:column}
body .cpmm-m a.cpmm-promo{display:flex!important;flex-direction:row}
body .cpmm .cpmm-thumb picture,body .cpmm-m .cpmm-thumb picture{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}
body .cpmm .cpmm-thumb img,body .cpmm-m .cpmm-thumb img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover;margin:0}
body .cpmm .cpmm-promo>picture,body .cpmm .cpmm-promo>img{display:block;flex:0 0 150px;width:100%;height:150px;overflow:hidden}
body .cpmm .cpmm-promo>picture img,body .cpmm .cpmm-promo>img{display:block;width:100%!important;height:150px!important;object-fit:cover;border-radius:0!important;margin:0;max-width:none}
body .cpmm-m .cpmm-promo>picture,body .cpmm-m .cpmm-promo>img{display:block;flex:0 0 104px;width:104px;height:auto;align-self:stretch;overflow:hidden}
body .cpmm-m .cpmm-promo>picture img,body .cpmm-m .cpmm-promo>img{display:block;width:104px!important;height:100%!important;min-height:96px;object-fit:cover;border-radius:0!important;margin:0}