/* =========================================================================
   Vitrina "Disponibles ahora" (shortcode [solucon_stock_destacado]).
   Se encola como stylesheet (no inline) para funcionar también en el INICIO,
   donde el render por Elementor "consumía" el <style> inline.
   ========================================================================= */
.sc-stk{--navy:#13243c;--green:#10B981;--green-2:#34D399;--mono:var(--solucon-font,'Montserrat',system-ui,-apple-system,sans-serif);position:relative;overflow:hidden;background:linear-gradient(180deg,#f3f8f5,#f6f8fb);border-top:3px solid #059669;border-bottom:0;padding:30px 0 0;margin:0 calc(50% - 50vw) 36px;font-family:inherit;color:#13243c}
.sc-stk__ticks{position:absolute;top:0;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,rgba(19,36,60,.10) 0 1px,transparent 1px 12px);-webkit-mask:linear-gradient(180deg,#000,transparent);mask:linear-gradient(180deg,#000,transparent);opacity:.6;pointer-events:none}
.sc-stk__glow{position:absolute;top:-80px;right:-50px;width:340px;height:340px;background:radial-gradient(circle,rgba(5,150,105,.10),transparent 66%);filter:blur(10px);pointer-events:none}
.sc-stk__head{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.sc-stk__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#047857;background:#dcf5e8;border:1px solid #a7e3c5;padding:5px 11px;border-radius:7px}
.sc-stk__dot{width:7px;height:7px;border-radius:50%;background:var(--green-2);box-shadow:0 0 0 0 rgba(52,211,153,.55);animation:sc-stk-pulse 2.2s infinite;flex-shrink:0}
.sc-stk__title{font-size:clamp(23px,3.3vw,31px);font-weight:800;color:#13243c;letter-spacing:-.6px;line-height:1.08;margin:13px 0 7px}
.sc-stk__accent{position:relative;white-space:nowrap}
.sc-stk__accent::after{content:'';position:absolute;left:0;right:6%;bottom:-3px;height:3px;background:linear-gradient(90deg,var(--green),var(--green-2));border-radius:2px}
.sc-stk__sub{font-size:13px;color:#5b6776;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sc-stk__scar{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.04em;color:#d97706}
.sc-stk__cta{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#fff;text-decoration:none;background:#059669;border:1px solid #059669;padding:11px 19px;border-radius:10px;transition:background .25s,border-color .25s,box-shadow .25s,transform .2s;white-space:nowrap;box-shadow:0 6px 16px -8px rgba(5,150,105,.5)}
.sc-stk__cta:hover{background:#047857;border-color:#047857;color:#fff;transform:translateY(-1px);box-shadow:0 10px 26px -8px rgba(5,150,105,.6)}
.sc-stk__arrow{transition:transform .25s}
.sc-stk__cta:hover .sc-stk__arrow{transform:translateX(4px)}
.sc-stk__grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1200px;margin:22px auto 0;padding:0 24px;box-sizing:border-box}
.sc-stk__card{position:relative;background:#fff;border:1px solid #e7eaee;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(11,24,40,.05);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;opacity:0;transform:translateY(16px);animation:sc-stk-rise .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0)*75ms + 180ms)}
.sc-stk__card:hover{transform:translateY(-6px);box-shadow:0 20px 42px -18px rgba(11,24,40,.45)}
.sc-stk__img{position:relative;display:flex;align-items:center;justify-content:center;height:118px;background:#f7f9fb;border-bottom:1px solid #edf0f4}
.sc-stk__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:8px 8px 4px;box-sizing:border-box}
.sc-stk__chip{position:absolute;top:9px;left:9px;z-index:2;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.93);backdrop-filter:blur(5px);color:#047857;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:4px 9px;border-radius:20px;box-shadow:0 2px 7px rgba(0,0,0,.09)}
.sc-stk__dot--sm{width:6px;height:6px;animation:none}
.sc-stk__body{padding:13px 14px 14px;display:flex;flex-direction:column}
.sc-stk__sku{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.05em;color:#8a93a0}
.sc-stk__spec{font-family:var(--mono);font-size:12.5px;font-weight:600;color:#1f2937;margin-top:3px}
.sc-stk__hr{display:block;height:1px;background:#eef1f4;margin:11px 0 9px}
.sc-stk__plabel{font-family:var(--mono);font-size:8.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#9aa4b2}
.sc-stk__price{font-family:var(--mono);font-size:21px;font-weight:700;color:var(--navy);letter-spacing:-.5px;line-height:1.05;margin-top:3px}
.sc-stk__price .woocommerce-Price-amount,.sc-stk__price .amount,.sc-stk__price bdi{font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit}
.sc-stk__price .woocommerce-Price-currencySymbol{color:var(--green);font-weight:600;margin-right:3px}
.sc-stk__acts{display:flex;flex-direction:column;gap:6px;margin-top:13px}
.sc-stk__bt{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:600;padding:9px;border-radius:8px;text-decoration:none;transition:.2s}
.sc-stk__bt--p{background:var(--navy);color:#fff}
.sc-stk__bt--p:hover{background:#25D366;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,211,102,.35)}
.sc-stk__bt--s{background:#fff;color:var(--navy);border:1px solid #d8dde3}
.sc-stk__bt--s:hover{background:#f3f5f8;border-color:#b9c1cb;color:var(--navy)}
.sc-stk__wa{flex-shrink:0}
.sc-stk__bt--p:hover .sc-stk__wa{animation:sc-stk-wa-pulse .5s ease}
@keyframes sc-stk-pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
@keyframes sc-stk-rise{to{opacity:1;transform:translateY(0)}}
@keyframes sc-stk-wa-pulse{0%{transform:scale(1)}50%{transform:scale(1.18)}100%{transform:scale(1)}}
@media(max-width:1024px){.sc-stk__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.sc-stk{padding:22px 0 26px}.sc-stk__head{padding:0 16px}.sc-stk__cta{width:100%;justify-content:center}.sc-stk__grid{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 16px 6px;margin-top:18px}.sc-stk__card{flex:0 0 78%;scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){.sc-stk__card{animation:none;opacity:1;transform:none}.sc-stk__dot{animation:none}.sc-stk__bt--p:hover .sc-stk__wa{animation:none}}
/* Banda navy de cierre — separa la vitrina de la sección clara siguiente */
.sc-stk__close{position:relative;margin-top:34px;background:linear-gradient(180deg,#13243c 0%,#0D1B30 100%);box-shadow:inset 0 1px 0 0 rgba(59,130,246,.28),inset 0 -1px 0 0 #059669}
.sc-stk__close-inner{max-width:1200px;margin:0 auto;padding:16px 24px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:24px}
.sc-stk__trust{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}
.sc-stk__trust li{position:relative;display:inline-flex;align-items:center;gap:8px;color:#cdd6e3;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:0 22px}
.sc-stk__trust li + li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:rgba(255,255,255,.13)}
.sc-stk__tic{display:inline-flex;flex:0 0 auto}
.sc-stk__tic svg{width:15px;height:15px;stroke:#6EE7B7;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.sc-stk__close-inner{padding:14px 16px}.sc-stk__trust{gap:8px 0}.sc-stk__trust li{flex:0 0 50%;justify-content:center;padding:7px 8px;font-size:10.5px}.sc-stk__trust li + li::before{display:none}}

/* Pegar la vitrina al borde inferior del hero: anular el espacio que el wrapper /
   contenedor de Elementor (donde se pegó el shortcode) deja por encima de la línea
   verde. Acotado al contenedor DIRECTO de la vitrina (no afecta el resto). */
.elementor-widget-shortcode:has(> .elementor-shortcode > .sc-stk){margin-top:0!important;padding-top:0!important}
.elementor-shortcode:has(> .sc-stk){margin-top:0!important;padding-top:0!important}
.e-con:has(> .elementor-widget-shortcode > .elementor-shortcode > .sc-stk),
.e-con-inner:has(> .elementor-widget-shortcode > .elementor-shortcode > .sc-stk){padding-top:0!important;row-gap:0!important}
