/* ============================================
   ALCAPLUS — Producto Premium (independiente)
   Se carga ÚNICAMENTE en la página /producto-premium/ (ver
   alcaplus_pp_enqueue_assets en el plugin) — nunca en la landing, en
   páginas de producto reales ni en carrito/checkout. Todo va anidado bajo
   #alcaplus-product-page con el mismo criterio defensivo que ya funciona
   en alcaplus-landing-plugin contra el tema activo (Nutreko Child).
   Mobile-first: las reglas base son para móvil; dos breakpoints únicos
   (640px y 960px) escalan hacia tablet/desktop en toda la página.
   ============================================ */

#alcaplus-product-page,
#alcaplus-product-page *,
#alcaplus-product-page *::before,
#alcaplus-product-page *::after{box-sizing:border-box !important;margin:0;padding:0;}
#alcaplus-product-page img,
#alcaplus-product-page svg{display:block;max-width:100%;}
#alcaplus-product-page a{color:inherit;text-decoration:none !important;}
#alcaplus-product-page button{font:inherit !important;cursor:pointer;border:none;background:none;color:inherit;}
#alcaplus-product-page ul{list-style:none !important;}
#alcaplus-product-page :where(a,button,[tabindex]):focus-visible{outline:3px solid var(--lima-dark);outline-offset:2px;border-radius:4px;}
@media (prefers-reduced-motion: reduce){
	#alcaplus-product-page *{scroll-behavior:auto !important;animation-duration:.001ms !important;transition-duration:.001ms !important;}
}

/* ============================================
   REVEAL AL HACER SCROLL
   Solo se activa si hay JS (ver <script> que agrega la clase "js" a
   <html> en el <head>) — sin JS, todo queda visible de inmediato, nunca
   oculto. pilot.js agrega "is-visible" vía IntersectionObserver.
   ============================================ */
html.js #alcaplus-product-page .pilot-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease;}
html.js #alcaplus-product-page .pilot-reveal.is-visible{opacity:1;transform:translateY(0);}

/* ============================================
   TOKENS
   ============================================ */
#alcaplus-product-page{
	--lima:#C6FF00;
	--lima-dark:#9FD400;
	--lima-tint:#F2FFCF;
	--black:#13140F;
	--charcoal:#1E1F19;
	--white:#FFFFFF;
	--stone:#F1F2EC;
	--stone-200:#E5E6DD;
	--ink-soft:#5B5C53;
	--alcafast:#FF4B2B;

	/* Tokens nuevos de esta ronda — fondos de apoyo "marfil / gris cálido /
	   verde salvia" para que no todo dependa de blanco+lima+negro. Se usan
	   puntualmente (marco del hero, sección lifestyle, columna resaltada de
	   la comparativa), no reemplazan --stone en el resto de la página. */
	--ivory:#F7F3E9;
	--warm-gray:#EFEAE1;
	--sage:#E4E9DA;
	--sage-pale:#EEF2E6;
	--sage-deep:#C9D4BA;

	--font-display:'Anton',sans-serif;
	--font-body:'Inter',sans-serif;

	--radius-sm:14px;
	--radius-md:20px;
	--radius-lg:28px;
	--radius-pill:999px;

	--shadow-pop:0 6px 0 var(--black);
	--container:1160px;
	--section-py:clamp(40px,7vw,72px);
	--gutter:22px;

	font-family:var(--font-body) !important;
	color:var(--black) !important;
	background:var(--white);
	line-height:1.5;
	-webkit-font-smoothing:antialiased;
	/* overflow-x:clip SIN overflow-y explícito hace que el navegador calcule
	   overflow-y:auto automáticamente (regla del spec de CSS Overflow para
	   longhands mixtos) — eso convierte este wrapper en un contenedor con
	   scroll propio, y si algún ancestro del tema (Nutreko) es un flex/grid
	   con altura restringida (p. ej. min-height:100vh para sticky footer),
	   cualquier hijo con overflow != visible en el eje vertical recibe
	   automáticamente min-height:0 en vez de min-height:auto (regla del
	   spec de Flexbox/Grid) y queda recortado a esa altura en vez de crecer
	   con su contenido real — el resto de la página existe en el DOM pero
	   nunca se ve. overflow-y:visible explícito evita ambas reglas. */
	overflow-x:clip;
	overflow-y:visible;
}
#alcaplus-product-page h1,
#alcaplus-product-page h2,
#alcaplus-product-page h3{font-family:var(--font-display) !important;text-transform:uppercase !important;line-height:1.18;letter-spacing:.01em;color:var(--black) !important;}
/* Anton en mayúsculas se reserva para titulares reales de sección
   (.pilot-title, .pilot-section__headline, h1/h2) — estos h3 viven DENTRO
   de tarjetas (garantía, sección emocional, rutina) y son microcopy, no
   titulares: vuelven a Inter en minúscula normal para que no todo grite al
   mismo volumen. */
#alcaplus-product-page .pilot-guarantee h3,
#alcaplus-product-page .pilot-emotional-card h3,
#alcaplus-product-page .pilot-routine-step__body h3{
	font-family:var(--font-body) !important;text-transform:none !important;
	font-weight:800;letter-spacing:normal;line-height:1.35;
}
#alcaplus-product-page p{color:var(--black) !important;}

#alcaplus-product-page .skip-link{position:fixed;top:10px;left:10px;z-index:1000;padding:10px 16px;background:var(--white);color:var(--black) !important;border-radius:var(--radius-sm);font-weight:800;transform:translateY(-160%);}
#alcaplus-product-page .skip-link:focus{transform:translateY(0);}

#alcaplus-product-page .pilot-container{max-width:var(--container);margin:0 auto;padding-inline:var(--gutter);}
@media (min-width:640px){
	#alcaplus-product-page{--gutter:32px;}
}

/* ============================================
   ESTADO DE ERROR
   ============================================ */
#alcaplus-product-page .pilot-error-state{padding-block:80px 90px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;}
#alcaplus-product-page .pilot-error-state svg{width:48px;height:48px;color:var(--ink-soft);}
#alcaplus-product-page .pilot-error-state h1{font-size:22px;}
#alcaplus-product-page .pilot-error-state p{max-width:360px;color:var(--ink-soft) !important;font-size:14px;margin-bottom:8px;}

/* ============================================
   BOTONES GENÉRICOS
   ============================================ */
#alcaplus-product-page .pilot-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-radius:var(--radius-pill);font-weight:800;font-size:14.5px;text-align:center;transition:transform .15s,box-shadow .15s;}
#alcaplus-product-page .pilot-btn--primary{background:var(--lima);color:var(--black) !important;box-shadow:var(--shadow-pop);}
#alcaplus-product-page .pilot-btn--primary:hover{transform:translateY(3px);box-shadow:0 3px 0 var(--black);}
#alcaplus-product-page .pilot-btn--primary:active{transform:translateY(5px);box-shadow:0 1px 0 var(--black);}
/* Botón secundario/CTA opcional (p.ej. "Ver la rutina" en la sección
   lifestyle) — a propósito NO usa lima sólido: el lima se reserva para el
   CTA principal de compra, no para cualquier botón de la página. */
#alcaplus-product-page .pilot-btn--outline{background:transparent;color:var(--black) !important;border:1.5px solid var(--black);padding:13px 22px;}
#alcaplus-product-page .pilot-btn--outline:hover{background:var(--black);color:var(--white) !important;}

/* ============================================
   1. TOPBAR
   ============================================ */
#alcaplus-product-page .pilot-topbar{background:var(--black);color:var(--white) !important;text-align:center;font-size:12.5px;font-weight:600;padding:9px 16px;}
#alcaplus-product-page .pilot-topbar strong{color:var(--lima) !important;}
#alcaplus-product-page .pilot-topbar__pill{display:inline-block;background:var(--lima);color:var(--black) !important;font-weight:800;font-size:10.5px;padding:3px 9px;border-radius:var(--radius-pill);margin-right:6px;text-transform:uppercase;}

/* ============================================
   2. HEADER
   ============================================ */
#alcaplus-product-page .pilot-header{position:sticky;top:0;z-index:40;background:var(--white);border-bottom:1px solid var(--stone-200);padding-top:env(safe-area-inset-top);}
/* Grid de 3 columnas (no flex + space-between) para que el logo quede
   perfectamente centrado: el grupo izquierdo (1 botón) y el derecho
   (2 botones) no pesan lo mismo, así que space-between lo dejaba
   descentrado hacia la derecha. */
#alcaplus-product-page .pilot-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;}
#alcaplus-product-page .pilot-header__inner > .pilot-logo{justify-self:center;}
#alcaplus-product-page .pilot-header__inner > .pilot-icon-btn{justify-self:start;}
#alcaplus-product-page .pilot-header__actions{justify-self:end;display:flex;align-items:center;gap:2px;}
#alcaplus-product-page .pilot-logo{font-family:var(--font-display);font-size:18px;letter-spacing:.01em;color:var(--black) !important;}
#alcaplus-product-page .pilot-icon-btn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--black) !important;flex-shrink:0;transition:background .15s;}
#alcaplus-product-page .pilot-icon-btn:hover{background:var(--stone);}
#alcaplus-product-page .pilot-icon-btn:active{background:var(--stone-200);}
#alcaplus-product-page .pilot-icon-btn svg{width:21px;height:21px;}
#alcaplus-product-page .pilot-cart-count{position:absolute;top:2px;right:2px;background:var(--lima);color:var(--black) !important;font-size:10px;font-weight:800;min-width:16px;height:16px;padding:0 3px;border-radius:50%;display:flex;align-items:center;justify-content:center;}

/* NAV LATERAL (hamburguesa) */
#alcaplus-product-page .pilot-nav-overlay{position:fixed;inset:0;background:rgba(19,20,15,.5);opacity:0;pointer-events:none;transition:opacity .2s;z-index:90;}
#alcaplus-product-page .pilot-nav-overlay.is-open{opacity:1;pointer-events:auto;}
#alcaplus-product-page .pilot-nav-panel{position:fixed;top:0;left:0;height:100%;width:min(300px,85%);background:var(--white);z-index:91;transform:translateX(-100%);transition:transform .25s ease;display:flex;flex-direction:column;}
#alcaplus-product-page .pilot-nav-panel.is-open{transform:translateX(0);}
#alcaplus-product-page .pilot-nav-panel__head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--stone-200);}
#alcaplus-product-page .pilot-nav-panel nav{display:flex;flex-direction:column;padding:8px 18px;}
#alcaplus-product-page .pilot-nav-panel nav a{padding:13px 0;font-weight:700;font-size:15px;border-bottom:1px solid var(--stone-200);}

/* ============================================
   CARRITO LATERAL
   ============================================ */
#alcaplus-product-page .pilot-cart-overlay{position:fixed;inset:0;background:rgba(19,20,15,.5);opacity:0;pointer-events:none;transition:opacity .2s;z-index:299;}
#alcaplus-product-page .pilot-cart-overlay.is-open{opacity:1;pointer-events:auto;}
#alcaplus-product-page .pilot-cart-drawer{position:fixed;top:0;right:0;height:100%;width:min(400px,100%);background:var(--white);z-index:300;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;box-shadow:-10px 0 30px rgba(19,20,15,.15);}
#alcaplus-product-page .pilot-cart-drawer.is-open{transform:translateX(0);}
#alcaplus-product-page .pilot-cart-drawer__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--stone-200);flex-shrink:0;}
#alcaplus-product-page .pilot-cart-drawer__title{font-family:var(--font-display);text-transform:uppercase;font-size:18px;}
#alcaplus-product-page .pilot-cart-drawer__items{flex:1 1 auto;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px;}
#alcaplus-product-page .pilot-cart-drawer__footer{padding:16px 20px 20px;border-top:1px solid var(--stone-200);flex-shrink:0;display:flex;flex-direction:column;gap:12px;}
#alcaplus-product-page .pilot-cart-drawer__subtotal-row{display:flex;justify-content:space-between;font-weight:800;font-size:15.5px;}
#alcaplus-product-page .pilot-cart-drawer__notice{font-size:12.5px;font-weight:600;color:var(--alcafast) !important;min-height:16px;}
#alcaplus-product-page .pilot-cart-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 0;color:var(--ink-soft) !important;}
#alcaplus-product-page .pilot-cart-empty svg{width:38px;height:38px;}
#alcaplus-product-page .pilot-cart-item{display:flex;gap:12px;align-items:flex-start;}
#alcaplus-product-page .pilot-cart-item__img{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;background:var(--stone);flex-shrink:0;}
#alcaplus-product-page .pilot-cart-item__body{flex:1 1 auto;min-width:0;}
#alcaplus-product-page .pilot-cart-item__name{font-weight:700;font-size:13.5px;margin-bottom:2px;}
#alcaplus-product-page .pilot-cart-item__price{font-size:12.5px;color:var(--ink-soft) !important;margin-bottom:8px;}
#alcaplus-product-page .pilot-cart-item__side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
#alcaplus-product-page .pilot-cart-item__subtotal{font-weight:800;font-size:13px;}
#alcaplus-product-page .pilot-cart-item__remove{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft) !important;border-radius:50%;}
#alcaplus-product-page .pilot-cart-item__remove:hover{background:var(--stone);color:var(--alcafast) !important;}
#alcaplus-product-page .pilot-cart-item__remove svg{width:15px;height:15px;}
#alcaplus-product-page .pilot-qty-stepper{display:inline-flex;align-items:center;gap:4px;border:1.5px solid var(--stone-200);border-radius:var(--radius-pill);padding:2px;}
#alcaplus-product-page .pilot-qty-stepper__btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-weight:800;border-radius:50%;}
#alcaplus-product-page .pilot-qty-stepper__btn:hover{background:var(--stone);}
#alcaplus-product-page .pilot-qty-stepper__value{min-width:16px;text-align:center;font-weight:700;font-size:12.5px;}

/* ============================================
   LAYOUT PRINCIPAL: 1 columna en móvil, grid de 2 columnas desde 960px.
   Antes escritorio usaba flex con align-items:flex-start (que YA impedía
   que ambas columnas se estiraran a la misma altura) — el "espacio en
   blanco" real no era un problema de stretch, sino contenido genuino sin
   límite (descripción corta y lista de beneficios sin recorte, ver
   pilot-short-desc/pilot-benefits en page-product-premium.php). Se deja
   igual la regla explícita de min-height:0/height:auto/align-self:start en
   .pilot-info como refuerzo defensivo para que ningún ancestro externo
   pueda forzar un stretch en el futuro. */
#alcaplus-product-page .pilot-product{padding-block:16px 36px;display:flex;flex-direction:column;gap:22px;position:relative;}
@media (min-width:960px){
	#alcaplus-product-page .pilot-product{
		display:grid;
		grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
		align-items:start;
		gap:44px;
		padding-block:32px 64px;
	}
	/* Sticky va en .pilot-hero-frame (el hijo real del grid ahora), no en
	   .pilot-gallery-wrap — si se dejara en el hijo interno, su "rango" de
	   sticky quedaría acotado por un padre casi de su misma altura y no
	   haría nada. */
	#alcaplus-product-page .pilot-hero-frame{position:sticky;top:76px;}
	#alcaplus-product-page .pilot-info{min-width:0;min-height:0;height:auto;align-self:start;}
}

/* ============================================
   HERO FRAME — envuelve galería + miniaturas + certificaciones en una sola
   composición sobre fondo marfil→salvia, en vez de "producto flotando en
   blanco" con badges sueltos encima. Reduce la sensación de altura muerta
   porque las certificaciones ya no ocupan su propia fila aparte arriba de
   .pilot-info.
   ============================================ */
#alcaplus-product-page .pilot-hero-frame{
	background:linear-gradient(165deg,var(--ivory) 0%,var(--sage-pale) 100%);
	border-radius:var(--radius-lg);
	padding:16px 16px 14px;
}

/* ============================================
   3. GALERÍA PRINCIPAL
   ============================================ */
#alcaplus-product-page .pilot-gallery-wrap{position:relative;}
#alcaplus-product-page .pilot-gallery__badges{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;gap:7px;}
#alcaplus-product-page .pilot-chip{
	display:flex;align-items:center;gap:6px;background:var(--white);border:none;
	font-size:10.5px;font-weight:800;padding:7px 12px 7px 8px;border-radius:var(--radius-pill);
	box-shadow:0 4px 12px rgba(19,20,15,.1);color:var(--black) !important;
}
#alcaplus-product-page .pilot-chip svg{width:16px;height:16px;flex-shrink:0;color:var(--lima-dark);}
/* El producto real NUNCA se recorta ni se deforma: object-fit:contain en
   vez de cover — el fondo del hero-frame es el que "rellena" alrededor, a
   propósito, para que no se vea como espacio vacío. */
#alcaplus-product-page .pilot-gallery{
	display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
	border-radius:var(--radius-md);aspect-ratio:1/1;scrollbar-width:none;
}
#alcaplus-product-page .pilot-gallery::-webkit-scrollbar{display:none;}
#alcaplus-product-page .pilot-gallery__slide{flex:0 0 100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;height:100%;padding:14px;}
#alcaplus-product-page .pilot-gallery__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
#alcaplus-product-page .pilot-gallery--empty{align-items:center;justify-content:center;color:var(--ink-soft) !important;font-weight:600;background:var(--stone);border-radius:var(--radius-md);}

/* ============================================
   4. MINIATURAS
   ============================================ */
#alcaplus-product-page .pilot-thumbs{display:flex;gap:9px;margin-top:10px;overflow-x:auto;scrollbar-width:none;}
#alcaplus-product-page .pilot-thumbs::-webkit-scrollbar{display:none;}
#alcaplus-product-page .pilot-thumb{flex:0 0 58px;width:58px;height:58px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;opacity:.6;transition:opacity .15s,border-color .15s;}
#alcaplus-product-page .pilot-thumb:hover{opacity:.85;}
#alcaplus-product-page .pilot-thumb.is-active{opacity:1;border-color:var(--lima-dark);}
#alcaplus-product-page .pilot-thumb__img{width:100%;height:100%;object-fit:cover;}
@media (min-width:960px){
	#alcaplus-product-page .pilot-thumb{flex:0 0 68px;width:68px;height:68px;}
}

/* CERTIFICACIONES */
#alcaplus-product-page .pilot-cert-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
#alcaplus-product-page .pilot-cert-row__img{height:22px;width:auto;object-fit:contain;}
/* Variante dentro del hero-frame: ya no vive suelta arriba de .pilot-info,
   ahora es el "pie" de la misma composición marfil/salvia junto a la
   galería — reduce una fila entera de altura muerta en el resumen
   superior. */
#alcaplus-product-page .pilot-cert-row--hero{justify-content:center;gap:20px;margin:14px 0 2px;padding-top:12px;border-top:1px solid rgba(19,20,15,.08);}
#alcaplus-product-page .pilot-cert-row--hero .pilot-cert-row__img{height:20px;opacity:.85;}

/* ============================================
   BLOQUE DE INFO POR PLAN
   ============================================ */
#alcaplus-product-page .pilot-plan-content{display:none;}
#alcaplus-product-page .pilot-plan-content.is-active{display:block;}

/* 5. VALORACIÓN */
#alcaplus-product-page .pilot-rating{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
#alcaplus-product-page .pilot-stars{display:inline-flex;gap:2px;color:var(--lima-dark);}
#alcaplus-product-page .pilot-stars svg{width:15px;height:15px;}
#alcaplus-product-page .pilot-rating__text{font-size:13.5px;font-weight:700;color:var(--ink-soft) !important;}
#alcaplus-product-page .pilot-rating--empty{width:100%;justify-content:flex-start;margin-bottom:10px;text-align:left;}
#alcaplus-product-page .pilot-rating--empty .pilot-rating__text{font-family:var(--font-body);font-size:14px;font-style:normal;font-weight:700;color:#5E5E5E !important;text-align:left;}
@media (max-width:480px){#alcaplus-product-page .pilot-rating--empty .pilot-rating__text{font-size:13px;}}

/* 6, 7. NOMBRE / SUBTÍTULO */
#alcaplus-product-page .pilot-title{font-size:clamp(22px,5.5vw,32px);margin-top:16px;max-width:26ch;}
#alcaplus-product-page .pilot-subtitle{margin-top:12px;font-size:12.5px;font-weight:700;color:var(--ink-soft) !important;text-transform:uppercase;letter-spacing:.03em;padding-bottom:20px;border-bottom:1px solid var(--stone-200);}

/* 9, 10, 11. PRECIO */
#alcaplus-product-page .pilot-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-top:20px;}
#alcaplus-product-page .pilot-price__old{font-size:15px;color:var(--ink-soft) !important;text-decoration:line-through;}
#alcaplus-product-page .pilot-price__now{font-family:var(--font-display);font-size:clamp(24px,6vw,30px);color:var(--black) !important;font-variant-numeric:tabular-nums;}
#alcaplus-product-page .pilot-price__now .woocommerce-Price-amount,
#alcaplus-product-page .pilot-price__old .woocommerce-Price-amount{color:inherit !important;font-family:inherit;}
#alcaplus-product-page .pilot-badge{font-size:12.5px;font-weight:800;padding:4px 11px;border-radius:var(--radius-pill);background:var(--lima);color:var(--black) !important;}

/* 8. DESCRIPCIÓN CORTA */
#alcaplus-product-page .pilot-short-desc{margin-top:20px;font-size:14.5px;line-height:1.6;color:var(--black) !important;}
#alcaplus-product-page .pilot-short-desc p{margin-bottom:8px;color:var(--black) !important;}
#alcaplus-product-page .pilot-short-desc ul{list-style:disc !important;padding-left:20px;margin:8px 0;}
#alcaplus-product-page .pilot-short-desc li{list-style:disc;margin-bottom:3px;}
#alcaplus-product-page .pilot-short-desc span{color:inherit !important;}

/* 12. BENEFICIOS */
#alcaplus-product-page .pilot-benefits{margin-top:24px;display:flex;flex-direction:column;gap:12px;}
#alcaplus-product-page .pilot-benefits li{display:flex;gap:10px;align-items:flex-start;}
#alcaplus-product-page .pilot-benefits svg{width:18px;height:18px;flex-shrink:0;color:var(--lima-dark);margin-top:2px;}
#alcaplus-product-page .pilot-benefits strong{display:block;font-size:14.5px;font-weight:800;color:var(--black) !important;}
#alcaplus-product-page .pilot-benefits__text{display:block;font-size:13.5px;color:var(--ink-soft) !important;margin-top:2px;line-height:1.5;}
#alcaplus-product-page .pilot-benefits--results{margin-top:16px;}
/* "Ver más beneficios" — mismo mecanismo de max-height que los acordeones,
   nunca display:none instantáneo, para que la transición se sienta suave. */
#alcaplus-product-page .pilot-benefits-collapse{max-height:0;overflow:hidden;transition:max-height .3s ease;}
#alcaplus-product-page .pilot-benefits--nested{margin-top:12px;}
#alcaplus-product-page .pilot-benefits-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:800;color:var(--black) !important;}
#alcaplus-product-page .pilot-benefits-toggle:hover{color:var(--lima-dark) !important;}
#alcaplus-product-page .pilot-benefits-toggle__icon{width:16px;height:16px;transition:transform .2s ease;}
#alcaplus-product-page .pilot-benefits-toggle.is-expanded .pilot-benefits-toggle__icon{transform:rotate(180deg);}

/* 13. DISPONIBILIDAD */
#alcaplus-product-page .pilot-stock{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:13.5px;font-weight:700;}
#alcaplus-product-page .pilot-stock__dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--lima-dark);flex-shrink:0;}
#alcaplus-product-page .pilot-stock--out-of-stock .pilot-stock__dot,
#alcaplus-product-page .pilot-stock--available-on-backorder .pilot-stock__dot{background:var(--alcafast);}
#alcaplus-product-page .pilot-stock--low{color:var(--alcafast) !important;}
#alcaplus-product-page .pilot-stock--low .pilot-stock__dot{background:var(--alcafast);animation:pilot-pulse 1.8s ease-in-out infinite;}
@keyframes pilot-pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
/* Pulse "muy sutil" en el punto verde de disponibilidad normal (no en
   bajo-stock, que ya tiene su propia animación de urgencia) — un anillo que
   se expande y se desvanece, mismo patrón que el indicador de stock de
   Shopify, no un parpadeo de opacidad. */
#alcaplus-product-page .pilot-stock--in-stock:not(.pilot-stock--low) .pilot-stock__dot::after{
	content:"";position:absolute;inset:0;border-radius:50%;background:var(--lima-dark);
	animation:pilot-pulse-ring 2.4s ease-out infinite;
}
@keyframes pilot-pulse-ring{0%{transform:scale(1);opacity:.5;}100%{transform:scale(2.2);opacity:0;}}

/* ============================================
   PLANES DE COMPRA
   ============================================ */
#alcaplus-product-page .pilot-plans{margin-top:24px;display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width:520px){
	#alcaplus-product-page .pilot-plans{grid-template-columns:repeat(3,1fr);}
}
/* Tarjetas de plan con más protagonismo: ~15% más altas (más padding
   vertical), más aire entre nombre/precio/badge, y una selección que se
   siente como una elección deliberada (elevación + transición de 200ms)
   en vez de solo marcar un radio button. */
#alcaplus-product-page .pilot-plan{position:relative;border:2px solid var(--stone-200);border-radius:var(--radius-md);padding:22px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--white);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;}
#alcaplus-product-page .pilot-plan:hover{border-color:var(--lima-dark);transform:translateY(-2px);box-shadow:0 6px 16px rgba(19,20,15,.08);}
#alcaplus-product-page .pilot-plan:active{transform:translateY(0);}
#alcaplus-product-page .pilot-plan.is-selected{border-color:var(--black);background:var(--stone);transform:translateY(-3px);box-shadow:0 12px 24px rgba(19,20,15,.14);}
#alcaplus-product-page .pilot-plan__tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--black);color:var(--lima) !important;font-size:10px;font-weight:800;padding:3px 9px;border-radius:var(--radius-pill);white-space:nowrap;}
#alcaplus-product-page .pilot-plan__name{font-weight:800;font-size:12.5px;margin-top:8px;}
#alcaplus-product-page .pilot-plan__price{font-family:var(--font-display);font-size:17px;margin-top:6px;}
#alcaplus-product-page .pilot-plan__price .woocommerce-Price-amount{color:inherit !important;font-family:inherit;}

/* ============================================
   BOTÓN AGREGAR AL CARRITO
   ============================================ */
#alcaplus-product-page .pilot-add-to-cart{margin-top:24px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:var(--radius-pill);background:var(--black);color:var(--lima) !important;font-weight:800;font-size:15px;box-shadow:0 6px 0 var(--lima-dark);transition:transform .15s,box-shadow .15s,background .2s,color .2s;}
#alcaplus-product-page .pilot-add-to-cart:hover{transform:translateY(3px);box-shadow:0 3px 0 var(--lima-dark);}
#alcaplus-product-page .pilot-add-to-cart:active{transform:translateY(5px);box-shadow:0 1px 0 var(--lima-dark);}
#alcaplus-product-page .pilot-add-to-cart svg{width:19px;height:19px;}
#alcaplus-product-page .pilot-add-to-cart.loading,
#alcaplus-product-page .pilot-sticky-bar__cta.loading{opacity:.6;pointer-events:none;}
#alcaplus-product-page .pilot-add-to-cart.added{background:var(--lima);color:var(--black) !important;box-shadow:0 6px 0 var(--lima-dark);}

/* TRUST ROW + PAGOS */
#alcaplus-product-page .pilot-trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;font-size:12.5px;font-weight:700;color:var(--ink-soft) !important;}
#alcaplus-product-page .pilot-trust-row span{display:flex;align-items:center;gap:6px;}
#alcaplus-product-page .pilot-trust-row svg{width:17px;height:17px;color:var(--lima-dark);}
/* Insignias de pago: mismo alto (28px) para las 7, centradas, separación
   uniforme, se envuelven en varias líneas en móvil sin romper el layout
   (flex-wrap). El SVG interno escala con preserveAspectRatio por defecto
   (xMidYMid meet), así que nunca se deforma sin importar el ancho de cada
   viewBox. */
#alcaplus-product-page .pilot-payment-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:14px;}
#alcaplus-product-page .pilot-payment-badge{display:flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:1px solid var(--stone-200);border-radius:6px;background:var(--white);color:var(--ink-soft) !important;flex-shrink:0;}
#alcaplus-product-page .pilot-payment-badge svg{height:16px;width:auto;display:block;fill:currentColor;color:var(--ink-soft);}

/* ============================================
   SECCIONES GENÉRICAS (fuera del grid de 2 columnas)
   ============================================ */
#alcaplus-product-page .pilot-section{padding-block:var(--section-py);}
#alcaplus-product-page .pilot-section--tint{background:var(--stone);}
#alcaplus-product-page .pilot-section--sage{background:linear-gradient(180deg,var(--sage) 0%,var(--sage-pale) 100%);}
#alcaplus-product-page .pilot-section--dark{background:var(--black);color:var(--white) !important;}
#alcaplus-product-page .pilot-section--dark p{color:var(--white) !important;}
#alcaplus-product-page .pilot-section--dark h2{color:var(--white) !important;}
#alcaplus-product-page .pilot-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border:1.5px solid var(--stone-200);padding:5px 13px;border-radius:var(--radius-pill);margin-bottom:16px;}
#alcaplus-product-page .pilot-eyebrow--on-dark{border-color:rgba(255,255,255,.25);color:var(--white) !important;}
#alcaplus-product-page .pilot-section__headline{font-size:clamp(21px,4.5vw,29px);margin-bottom:24px;max-width:22ch;}

/* COMPLEMENTOS — carrusel cómodo en móvil, grid estable en escritorio. */
#alcaplus-product-page .pilot-crosssell{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none;padding:4px 0 12px;}
#alcaplus-product-page .pilot-crosssell::-webkit-scrollbar{display:none;}
#alcaplus-product-page .pilot-crosssell__card{position:relative;scroll-snap-align:start;flex:0 0 min(58vw,220px);min-width:0;border:1px solid var(--stone-200);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s,border-color .15s;background:var(--white);}
#alcaplus-product-page .pilot-crosssell__card:hover{box-shadow:0 8px 20px rgba(19,20,15,.08);border-color:var(--stone-200);}
#alcaplus-product-page .pilot-crosssell__card-link{position:absolute;inset:0;z-index:1;border-radius:inherit;}
#alcaplus-product-page .pilot-crosssell__media{position:relative;z-index:2;pointer-events:none;aspect-ratio:1/1;border-radius:var(--radius-sm);overflow:hidden;background:var(--stone);}
#alcaplus-product-page .pilot-crosssell__img{width:100%;height:100%;object-fit:cover;display:block;}
#alcaplus-product-page .pilot-crosssell__img--placeholder{object-fit:contain;padding:24%;}
#alcaplus-product-page .pilot-crosssell__badge{position:absolute;top:8px;left:8px;padding:4px 9px;border-radius:var(--radius-pill);background:var(--lima);color:var(--black) !important;font-size:10px;font-weight:800;text-transform:uppercase;}
#alcaplus-product-page .pilot-crosssell__body{position:relative;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:5px;}
#alcaplus-product-page .pilot-crosssell__name{font-weight:700;font-size:13.5px;line-height:1.4;min-height:4.2em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
#alcaplus-product-page .pilot-crosssell__price{font-weight:800;font-family:var(--font-display);min-height:1.4em;}
#alcaplus-product-page .pilot-crosssell__add{position:relative;z-index:3;margin-top:auto;text-align:center;padding:10px;border-radius:var(--radius-pill);background:var(--black);color:var(--lima) !important;font-weight:800;font-size:12px;}
@media (min-width:768px){
	#alcaplus-product-page .pilot-crosssell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible;max-width:1040px;margin-inline:auto;padding-bottom:4px;}
	#alcaplus-product-page .pilot-crosssell__card{width:auto;}
}
@media (min-width:1080px){
	#alcaplus-product-page .pilot-crosssell{grid-template-columns:repeat(4,minmax(0,1fr));}
}

/* BLOQUE PROFESIONAL — editorial "revisado por", no un testimonio de
   cliente: sin comillas grandes de cita, sin la estructura de
   .pilot-testi-card. Badge arriba, foto+nombre como byline, párrafo de
   cuerpo normal (no una frase destacada gigante). */
/* Tarjeta profesional — fondo marfil, borde negro fino + sombra offset
   discreta (mismo lenguaje "neubrutalista" del resto del sitio, pero más
   suave), más padding y una foto de perfil real (no una miniatura
   genérica de 48px) con object-position ajustado para encuadrar rostro +
   hombros, nunca el cuerpo completo comprimido en un círculo chico. */
#alcaplus-product-page .pilot-pro-card{background:var(--ivory);border:1.5px solid var(--black);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:0 5px 0 rgba(19,20,15,.85);max-width:640px;margin:0 auto;}
#alcaplus-product-page .pilot-pro-card__badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--black) !important;background:var(--white);border:1px solid var(--sage-deep);padding:6px 13px;border-radius:var(--radius-pill);}
#alcaplus-product-page .pilot-pro-card__badge svg{width:12px;height:12px;color:var(--lima-dark);flex-shrink:0;}
#alcaplus-product-page .pilot-pro-card__byline{display:flex;align-items:center;gap:16px;margin-top:24px;}
#alcaplus-product-page .pilot-pro-card__photo-frame{display:block;width:82px;height:82px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--stone);border:1px solid rgba(19,20,15,.14);box-shadow:0 5px 14px rgba(19,20,15,.1);}
#alcaplus-product-page .pilot-pro-card__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
#alcaplus-product-page .pilot-pro-card__reviewed{font-size:14.5px;color:var(--ink-soft) !important;}
#alcaplus-product-page .pilot-pro-card__reviewed strong{display:block;font-size:16.5px;color:var(--black) !important;font-weight:800;margin-top:1px;}
#alcaplus-product-page .pilot-pro-card__text{font-size:16px;line-height:1.7;color:var(--black) !important;max-width:52ch;margin-top:20px;padding-top:20px;border-top:1px solid var(--stone-200);}
@media (min-width:520px){
	#alcaplus-product-page .pilot-pro-card__photo-frame{width:96px;height:96px;}
}

/* GARANTÍA */
#alcaplus-product-page .pilot-guarantee{display:flex;gap:14px;align-items:flex-start;background:var(--white);border-radius:var(--radius-md);padding:20px;box-shadow:0 6px 20px rgba(19,20,15,.06);}
#alcaplus-product-page .pilot-guarantee svg{width:28px;height:28px;flex-shrink:0;color:var(--lima-dark);margin-top:2px;}
#alcaplus-product-page .pilot-guarantee h3{font-size:16px;margin-bottom:4px;}
#alcaplus-product-page .pilot-guarantee p{font-size:13.5px;color:var(--ink-soft) !important;line-height:1.5;}
#alcaplus-product-page .pilot-guarantee a{font-weight:700;color:var(--black) !important;text-decoration:underline !important;}

/* DETALLES DEL PRODUCTO — fichas generadas desde el contenido real. */
#alcaplus-product-page .pilot-accordion__item{border-bottom:1px solid var(--stone-200);}
#alcaplus-product-page .pilot-accordion__item:first-child{border-top:1px solid var(--stone-200);}
#alcaplus-product-page .pilot-accordion__trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px;font-weight:800;font-size:14.5px;text-align:left;transition:color .15s;}
#alcaplus-product-page .pilot-accordion__trigger:hover{color:var(--lima-dark) !important;}
#alcaplus-product-page .pilot-accordion__icon{font-size:19px;font-weight:400;transition:transform .2s;}
#alcaplus-product-page .pilot-accordion__trigger[aria-expanded="true"] .pilot-accordion__icon{transform:rotate(45deg);}
#alcaplus-product-page .pilot-accordion__panel{max-height:0;overflow:hidden;transition:max-height .25s ease;font-size:13.5px;line-height:1.65;color:var(--ink-soft) !important;}
#alcaplus-product-page .pilot-accordion__panel p{color:var(--ink-soft) !important;margin-bottom:14px;}
#alcaplus-product-page .pilot-accordion__trigger[aria-expanded="true"] + .pilot-accordion__panel{padding-bottom:20px;}
#alcaplus-product-page #pilot-accordion-section{background:var(--stone);}
#alcaplus-product-page .pilot-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:22px;}
#alcaplus-product-page .pilot-detail-card{min-width:0;border:1px solid rgba(19,20,15,.08);border-radius:var(--radius-sm);background:var(--white);box-shadow:0 2px 8px rgba(19,20,15,.035);overflow:hidden;}
#alcaplus-product-page .pilot-detail-card__head{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;text-align:left;color:var(--black) !important;}
#alcaplus-product-page .pilot-detail-card__icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--lima-tint);color:var(--black) !important;}
#alcaplus-product-page .pilot-detail-card__icon svg{width:15px;height:15px;}
#alcaplus-product-page .pilot-detail-card__head h3{font-family:var(--font-body) !important;font-size:clamp(13.5px,3.6vw,16px);font-weight:800;text-transform:none !important;line-height:1.3;}
#alcaplus-product-page .pilot-detail-card__toggle{font-size:18px;line-height:1;color:var(--ink-soft) !important;}
#alcaplus-product-page .pilot-detail-card__toggle::before{content:"+";}
#alcaplus-product-page .pilot-detail-card__head[aria-expanded="true"] .pilot-detail-card__toggle::before{content:"−";}
#alcaplus-product-page .pilot-detail-card__panel{max-height:0;overflow:hidden;transition:max-height .2s ease;}
#alcaplus-product-page .pilot-detail-card__list{display:flex;flex-direction:column;gap:0;padding:0 14px 13px;}
#alcaplus-product-page .pilot-detail-card__list li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px solid var(--stone-200);font-size:13px;line-height:1.55;color:var(--ink-soft) !important;}
#alcaplus-product-page .pilot-detail-card__list li>span:first-child{color:var(--lima-dark) !important;font-weight:900;}
#alcaplus-product-page .pilot-detail-card__list strong{color:var(--black) !important;font-weight:800;}
@media (min-width:760px){#alcaplus-product-page .pilot-detail-grid{gap:10px;max-width:920px;}#alcaplus-product-page .pilot-detail-card__head{padding:14px 18px;}#alcaplus-product-page .pilot-detail-card__list{padding-inline:18px;}}

/* SECCIÓN EMOCIONAL */
#alcaplus-product-page .pilot-emotional__sub{font-size:15px;color:rgba(255,255,255,.75) !important;max-width:46ch;margin-top:-8px;margin-bottom:28px;}
#alcaplus-product-page .pilot-emotional-cards{display:grid;grid-template-columns:1fr;gap:14px;}
@media (min-width:640px){
	#alcaplus-product-page .pilot-emotional-cards{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:960px){
	#alcaplus-product-page .pilot-emotional-cards{grid-template-columns:repeat(3,1fr);}
}
#alcaplus-product-page .pilot-emotional-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:22px;transition:background .15s,border-color .15s;}
#alcaplus-product-page .pilot-emotional-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);}
#alcaplus-product-page .pilot-emotional-card__icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:rgba(198,255,0,.12);color:var(--lima);margin-bottom:14px;}
#alcaplus-product-page .pilot-emotional-card__icon svg{width:20px;height:20px;}
#alcaplus-product-page .pilot-emotional-card h3{font-size:15.5px;margin-bottom:6px;color:var(--white) !important;}
#alcaplus-product-page .pilot-emotional-card p{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.7) !important;}

/* INGREDIENTES REALES */
#alcaplus-product-page .pilot-ingredient-chips{display:flex;flex-wrap:wrap;gap:9px;}
#alcaplus-product-page .pilot-ingredient-chip{background:var(--white);border:1.5px solid var(--stone-200);border-radius:var(--radius-pill);padding:9px 16px;font-size:13.5px;font-weight:700;}

/* RUTINA DIARIA (timeline) */
#alcaplus-product-page .pilot-routine__sub{font-size:15px;color:rgba(255,255,255,.75) !important;max-width:46ch;margin-top:-8px;margin-bottom:28px;}
#alcaplus-product-page .pilot-routine-timeline{position:relative;display:flex;flex-direction:column;gap:14px;}
#alcaplus-product-page .pilot-routine-timeline::before{content:"";position:absolute;left:21px;top:6px;bottom:6px;width:2px;background:rgba(255,255,255,.15);}
#alcaplus-product-page .pilot-routine-step{position:relative;display:flex;align-items:flex-start;gap:16px;}
/* Íconos SVG lineales propios (ver $routine_timeline en el template) — ya
   no emoji de sistema operativo, que se ven distinto en cada dispositivo
   y no se pueden colorear con la paleta de marca. */
#alcaplus-product-page .pilot-routine-step__icon{position:relative;z-index:1;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--black);border:2px solid rgba(198,255,0,.4);display:flex;align-items:center;justify-content:center;color:var(--lima);}
#alcaplus-product-page .pilot-routine-step__icon svg{width:20px;height:20px;}
#alcaplus-product-page .pilot-routine-step__body{flex:1;min-width:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:14px 16px;margin-top:2px;transition:background .15s,border-color .15s;}
#alcaplus-product-page .pilot-routine-step__body:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);}
#alcaplus-product-page .pilot-routine-step__body h3{font-size:14.5px;color:var(--white) !important;}
#alcaplus-product-page .pilot-routine-step__body p{font-size:13px;color:rgba(255,255,255,.7) !important;line-height:1.5;margin-top:4px;}
@media (min-width:960px){
	#alcaplus-product-page .pilot-routine-timeline{flex-direction:row;gap:12px;}
	#alcaplus-product-page .pilot-routine-timeline::before{left:44px;right:44px;top:22px;bottom:auto;width:auto;height:2px;}
	#alcaplus-product-page .pilot-routine-step{flex:1;flex-direction:column;align-items:center;text-align:center;}
	#alcaplus-product-page .pilot-routine-step__body{margin-top:12px;width:100%;}
}

/* TICKER — mismas métricas, colores y velocidad que /landing-premium/. */
#alcaplus-product-page .pilot-benefit-ticker{width:100%;padding-block:18px;background:var(--black);color:var(--white) !important;overflow:hidden;}
#alcaplus-product-page .pilot-benefit-ticker__track{display:flex;width:max-content;will-change:transform;animation:pilot-ticker-scroll 30s linear infinite;}
#alcaplus-product-page .pilot-benefit-ticker__group{display:flex;align-items:center;gap:48px;padding-right:48px;}
#alcaplus-product-page .pilot-benefit-ticker span{display:flex;align-items:center;gap:10px;color:var(--white) !important;font-weight:800;font-size:14px;text-transform:uppercase;white-space:nowrap;}
#alcaplus-product-page .pilot-benefit-ticker svg{width:16px;height:16px;flex:0 0 auto;color:var(--lima) !important;}
@keyframes pilot-ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Video vertical a sangre: la tarjeta define el encuadre y nunca deja
   franjas de fondo alrededor del contenido. */
#alcaplus-product-page .pilot-lifestyle-video-wrap{width:min(calc(100% - 32px),520px);aspect-ratio:9/16;margin:32px auto 56px !important;overflow:hidden;border-radius:22px;background:transparent;box-shadow:0 18px 40px rgba(19,20,15,.08);display:flex;align-items:center;justify-content:center;}
#alcaplus-product-page .pilot-lifestyle-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;background:transparent;}

/* LIFESTYLE editorial con fotografía protagonista. */
#alcaplus-product-page .pilot-lifestyle__copy{font-size:15.5px;line-height:1.6;color:var(--ink-soft) !important;max-width:52ch;margin-top:-8px;margin-bottom:24px;}
#alcaplus-product-page .pilot-lifestyle__media{width:min(100%,720px);margin-inline:auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 40px rgba(19,20,15,.14);background:var(--sage-pale);display:flex;justify-content:center;}
/* La fotografía es vertical (2:3): se respeta su proporción real para que
   brazos, cuerpo y producto permanezcan visibles en todos los tamaños. */
#alcaplus-product-page .pilot-lifestyle__img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center;}
#alcaplus-product-page .pilot-lifestyle__cta{margin-top:22px;}

/* RESULTADOS — foto grupal seguida de texto y beneficios. */
#alcaplus-product-page .pilot-results{display:flex;flex-direction:column;gap:28px;}
@media (min-width:960px){
	#alcaplus-product-page .pilot-results{max-width:760px;margin-inline:auto;}
}
#alcaplus-product-page .pilot-results__img{width:100%;border-radius:var(--radius-lg);aspect-ratio:4/5;object-fit:cover;}
@media (min-width:640px){
	#alcaplus-product-page .pilot-results__img{aspect-ratio:16/9;}
}

@media (max-width:480px){
	#alcaplus-product-page .pilot-benefit-ticker{padding-block:14px;}
	#alcaplus-product-page .pilot-benefit-ticker__group{gap:38px;padding-right:38px;}
	#alcaplus-product-page .pilot-benefit-ticker span{font-size:12px;}
	#alcaplus-product-page .pilot-lifestyle-video-wrap{margin-top:28px !important;margin-bottom:48px !important;}
}

@media (prefers-reduced-motion:reduce){
	#alcaplus-product-page .pilot-benefit-ticker__track{animation:none;will-change:auto;}
}
/* COMPARATIVA — la imagen pertenece al header de la columna Alcaplus y
   cuenta con espacio vertical real. No flota sobre filas ni bordes. */
#alcaplus-product-page .pilot-compare{background:var(--white);border-radius:var(--radius-md);padding:26px 6px 6px;position:relative;margin-top:20px;overflow:visible;}
#alcaplus-product-page .pilot-compare__row{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:14px 12px;border-bottom:1px solid var(--stone-200);font-size:13.5px;font-weight:600;text-align:center;}
#alcaplus-product-page .pilot-compare__row:last-child{border-bottom:none;}
#alcaplus-product-page .pilot-compare__row span:first-child{text-align:left;font-weight:700;}
#alcaplus-product-page .pilot-compare__row--head{align-items:end;font-weight:800;text-transform:uppercase;font-size:10.5px;letter-spacing:.04em;padding:0 12px;}
#alcaplus-product-page .pilot-compare__row--head > span:not(:nth-child(2)){padding-bottom:14px;}
#alcaplus-product-page .pilot-comparison-product-head{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:92px;padding:76px 4px 14px;text-align:center;z-index:2;}
#alcaplus-product-page .pilot-comparison-product-image{position:absolute;top:-18px;left:50%;transform:translateX(-50%);display:block;width:68px;height:auto;object-fit:contain;z-index:3;filter:drop-shadow(0 6px 10px rgba(19,20,15,.16));pointer-events:none;}
#alcaplus-product-page .pilot-comparison-product-title{position:relative;z-index:2;display:block;text-align:center !important;}
#alcaplus-product-page .pilot-compare__row > span:nth-child(2){
	background:var(--sage-pale);padding-block:14px;
	box-shadow:0 0 0 1px var(--sage-deep) inset;position:relative;z-index:1;
}
#alcaplus-product-page .pilot-compare__row--head > span:nth-child(2){padding:76px 4px 14px;z-index:2;box-shadow:inset 1px 0 var(--sage-deep),inset -1px 0 var(--sage-deep);}
#alcaplus-product-page .pilot-compare__row:first-child > span:nth-child(2){border-top-left-radius:12px;border-top-right-radius:12px;}
#alcaplus-product-page .pilot-compare__row:last-child > span:nth-child(2){border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
#alcaplus-product-page .pilot-compare__mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;}
#alcaplus-product-page .pilot-compare__mark svg{width:14px;height:14px;}
#alcaplus-product-page .pilot-compare__mark--yes{background:var(--lima-dark);color:var(--black);}
#alcaplus-product-page .pilot-compare__mark--no{background:var(--alcafast);color:var(--white);}
#alcaplus-product-page .pilot-compare__mark--partial{display:inline-block;width:auto;height:auto;border-radius:var(--radius-pill);background:var(--stone-200);color:var(--ink-soft) !important;font-size:10.5px;font-weight:800;padding:3px 9px;}
@media (min-width:640px){
	#alcaplus-product-page .pilot-compare{padding-top:30px;}
	#alcaplus-product-page .pilot-comparison-product-head{min-height:108px;padding-top:92px;}
	#alcaplus-product-page .pilot-compare__row--head > span:nth-child(2){padding-top:92px;}
	#alcaplus-product-page .pilot-comparison-product-image{width:82px;top:-20px;}
}

/* TESTIMONIOS — puerto exacto de #alcaplus-landing-app .testi-card /
   .featured-testi (alcaplus-landing-plugin/assets/style.css), mismo
   componente y misma fuente de datos que /landing-premium/. En
   particular: .pilot-testimonial-img usa object-fit:contain (nunca
   "cover") porque los testimonios son fotos ya completas que no deben
   recortarse — a diferencia de otras imágenes de la página que sí cubren
   su contenedor. El bloque antes/después usa el aspect-ratio real de la
   foto (637/1279) en vez de un 3:4 genérico, para que quepa entera sin
   recorte. */
#alcaplus-product-page .pilot-testimonial-img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;}
/* Carrusel editorial: tarjetas grandes con scroll-snap (antes tenía
   scroll-snap-align en la tarjeta pero le faltaba scroll-snap-type aquí,
   así que nunca hacía snap de verdad) — en móvil se ve ~1.1 tarjeta a la
   vez en vez de 3-4 miniaturas simultáneas, con más aire entre ellas. */
#alcaplus-product-page .pilot-testimonials{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:8px;padding-bottom:4px;}
#alcaplus-product-page .pilot-testimonials::-webkit-scrollbar{display:none;}
#alcaplus-product-page .pilot-testi-card{scroll-snap-align:start;flex:0 0 82%;max-width:320px;background:var(--charcoal);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px;}
#alcaplus-product-page .pilot-testi-card__media{aspect-ratio:4/5;border-radius:var(--radius-md);overflow:hidden;background:var(--charcoal);}
/* Variante de dos fotos (antes/después) — mismo mecanismo que
   .testi-card__media--split en la landing, mismo componente visual.
   Mismo footprint (aspect-ratio:4/5) que las tarjetas de una sola foto,
   solo dividido en 2 columnas; sin etiquetas encima, igual que el resto
   de testimonios. Hoy es la única tarjeta que la usa (Valentino Lazaroh). */
#alcaplus-product-page .pilot-testi-card__media--split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:none;}
#alcaplus-product-page .pilot-testi-card__photo{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--charcoal);}
#alcaplus-product-page .pilot-testi-card__photo .pilot-testimonial-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
#alcaplus-product-page .pilot-testi-card blockquote{font-size:14.5px;font-weight:600;line-height:1.55;color:var(--white) !important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
#alcaplus-product-page .pilot-testi-card footer{font-size:13px;font-weight:700;color:var(--lima) !important;}
@media (min-width:640px){
	#alcaplus-product-page .pilot-testi-card{flex:0 0 300px;}
}

#alcaplus-product-page .pilot-featured-testi{margin-top:32px;background:var(--charcoal);border-radius:var(--radius-lg);padding:clamp(24px,5vw,44px);display:grid;gap:24px;text-align:center;}
#alcaplus-product-page .pilot-featured-testi__photos{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:340px;margin-inline:auto;width:100%;}
#alcaplus-product-page .pilot-featured-testi__media{border-radius:var(--radius-sm);overflow:hidden;background:var(--charcoal);aspect-ratio:637/1279;}
#alcaplus-product-page .pilot-featured-testi__body{max-width:480px;margin-inline:auto;}
#alcaplus-product-page .pilot-featured-testi__quote{font-size:17px;font-weight:600;line-height:1.5;color:var(--white) !important;margin:10px 0 8px;}
#alcaplus-product-page .pilot-featured-testi__author{font-size:13px;font-weight:700;color:var(--lima) !important;}
@media (max-width:639px){
	#alcaplus-product-page .pilot-featured-testi{padding:20px 16px;gap:20px;}
	#alcaplus-product-page .pilot-featured-testi__photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:100%;order:0;}
	#alcaplus-product-page .pilot-featured-testi__media{display:block;width:100%;height:auto;aspect-ratio:637/1279;overflow:hidden;}
	#alcaplus-product-page .pilot-featured-testi__media .pilot-testimonial-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
	#alcaplus-product-page .pilot-featured-testi__body{order:1;}
}

/* ============================================
   BARRA FIJA INFERIOR
   ============================================ */
#alcaplus-product-page .pilot-sticky-bar{
	position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--white);
	border-top:1px solid var(--stone-200);box-shadow:0 -6px 20px rgba(19,20,15,.08);
	display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));
	transform:translateY(100%);transition:transform .25s ease;
}
#alcaplus-product-page .pilot-sticky-bar.is-visible{transform:translateY(0);}
#alcaplus-product-page .pilot-sticky-bar__img{width:42px;height:42px;border-radius:var(--radius-sm);object-fit:cover;background:var(--stone);flex-shrink:0;}
#alcaplus-product-page .pilot-sticky-bar__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;}
#alcaplus-product-page .pilot-sticky-bar__info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#alcaplus-product-page .pilot-sticky-bar__price{font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;}
#alcaplus-product-page .pilot-sticky-bar__price .woocommerce-Price-amount{color:inherit !important;}
#alcaplus-product-page .pilot-sticky-bar__cta{flex-shrink:0;background:var(--black);color:var(--lima) !important;font-weight:800;font-size:12.5px;padding:12px 16px;border-radius:var(--radius-pill);white-space:nowrap;transition:transform .15s,box-shadow .15s;}
#alcaplus-product-page .pilot-sticky-bar__cta:active{transform:scale(.96);}
#alcaplus-product-page .pilot-sticky-bar__cta.added{background:var(--lima);color:var(--black) !important;}
