/* AngelBoy V209 · producto, compartir multiplataforma y visor automático */
.ab-product-v208{position:relative;align-items:start}
.ab-product-gallery-v208{position:sticky;top:92px}
.ab-product-media-v208{position:relative;box-shadow:0 32px 80px rgba(0,0,0,.28)}
.ab-product-media-v208::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ab-product-media-v208 img,.ab-product-media-v208 video{display:block}

.ab-product-preview-actions-v208{margin-top:14px}
.ab-product-preview-actions-v208 a{color:#fff}
.ab-preview-cta-v208{isolation:isolate;position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:66px;padding:10px 16px;border:1px solid rgba(103,232,249,.56);border-radius:18px;overflow:hidden;background:linear-gradient(120deg,rgba(124,58,237,.26),rgba(236,72,153,.22),rgba(34,211,238,.16));box-shadow:0 12px 42px rgba(34,211,238,.10);text-align:left!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.ab-preview-cta-v208::before{content:"";position:absolute;z-index:-1;inset:-80% -20%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.28) 49%,transparent 61%);transform:translateX(-78%) rotate(8deg);animation:abPreviewShineV209 1.25s ease .35s both}
.ab-preview-cta-v208:hover,.ab-preview-cta-v208:focus-visible{transform:translateY(-3px);border-color:#67e8f9;box-shadow:0 18px 52px rgba(124,58,237,.25),0 0 0 4px rgba(103,232,249,.10);outline:0}
.ab-preview-cta-icon-v208{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#7c3aed);box-shadow:0 0 0 7px rgba(236,72,153,.10);font-size:14px}
.ab-preview-cta-v208 strong,.ab-preview-cta-v208 small{display:block}
.ab-preview-cta-v208 strong{font-size:14px}
.ab-preview-cta-v208 small{margin-top:3px;color:#b8b2c6;font-size:11px;font-weight:600}
.ab-preview-cta-arrow-v208{font-size:21px;transition:transform .25s ease}
.ab-preview-cta-v208:hover .ab-preview-cta-arrow-v208{transform:translate(2px,-2px)}

.ab-product-info-v208{min-width:0}
.ab-product-social-v209{display:grid;grid-template-columns:1fr;align-items:center;gap:14px;margin-top:24px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(135deg,rgba(20,16,34,.94),rgba(45,20,44,.78));box-shadow:0 18px 52px rgba(0,0,0,.18)}
.ab-share-copy-v209>span{display:block;color:#d8b4fe;font-size:10px;font-weight:900;letter-spacing:.18em}
.ab-share-copy-v209>strong{display:block;margin-top:5px;font-size:14px}
.ab-share-copy-v209>small{display:block;margin-top:5px;color:#9f98aa;font-size:10px;line-height:1.4}
.ab-product-social-v209 nav{display:grid;grid-template-columns:repeat(4,minmax(74px,1fr));gap:8px}
.ab-product-social-v209 nav button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:0 10px;border:1px solid rgba(255,255,255,.13);border-radius:12px;color:#fff;text-decoration:none;font:800 12px/1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,filter .18s ease,border-color .18s ease,opacity .18s ease}
.ab-product-social-v209 nav button b{display:grid;place-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);font-size:12px}
.ab-product-social-v209 nav button:hover,.ab-product-social-v209 nav button:focus-visible{transform:translateY(-2px);filter:brightness(1.1);outline:0;border-color:rgba(255,255,255,.38)}
.ab-product-social-v209 nav button:active{transform:translateY(0) scale(.98)}
.ab-product-social-v209 nav button.is-sharing{opacity:.7;pointer-events:none}
.ab-product-social-v209 .facebook{background:#1877f2}
.ab-product-social-v209 .instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.ab-product-social-v209 .tiktok{background:#111;box-shadow:inset 2px 0 #25f4ee,inset -2px 0 #fe2c55}
.ab-product-social-v209 .whatsapp{background:#159f55}

.ab-product-frame-v209{padding-top:10px;padding-bottom:100px}
.ab-preview-heading-v208{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.ab-preview-heading-v208>div{max-width:820px}
.ab-preview-heading-v208 span{color:#d8b4fe;font-size:11px;font-weight:900;letter-spacing:.18em}
.ab-preview-heading-v208 h2{margin:8px 0 10px;font-size:clamp(36px,5vw,62px);line-height:.98;letter-spacing:-.05em}
.ab-preview-heading-v208 p{margin:0;color:#bdb8c8;font-size:15px;line-height:1.65}
.ab-preview-heading-v208>a{flex:none;color:#f5d0fe;text-decoration:none;font-weight:900}
.ab-preview-heading-v208>a:hover,.ab-preview-heading-v208>a:focus-visible{color:#fff;text-decoration:underline;outline:0}

.ab-preview-browser-v208{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:#090711;box-shadow:0 35px 100px rgba(0,0,0,.38),0 0 0 1px rgba(236,72,153,.05)}
.ab-preview-toolbar-v208{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:15px;min-height:64px;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#181322,#100d18)}
.ab-preview-browser-dots-v208{display:flex;gap:7px}.ab-preview-browser-dots-v208 i{width:10px;height:10px;border-radius:50%;background:#fb7185}.ab-preview-browser-dots-v208 i:nth-child(2){background:#fbbf24}.ab-preview-browser-dots-v208 i:nth-child(3){background:#4ade80}
.ab-preview-address-v208{display:flex;align-items:center;gap:8px;min-width:0;max-width:560px;margin:auto;padding:9px 14px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0a0810;color:#8f8999;font-size:11px}.ab-preview-address-v208 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ab-preview-tools-v208,.ab-preview-devices-v208{display:flex;align-items:center;gap:6px}
.ab-preview-tools-v208 button{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#201a2b;color:#d8d3df;cursor:pointer;touch-action:manipulation;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.ab-preview-tools-v208 button:hover:not(:disabled),.ab-preview-tools-v208 button:focus-visible,.ab-preview-tools-v208 button.is-active{border-color:#c084fc;background:#39234d;color:#fff;outline:0;transform:translateY(-1px)}
.ab-preview-tools-v208 button:disabled{opacity:.35;cursor:not-allowed;transform:none}

.ab-preview-stage-v209{display:flex;justify-content:center;min-height:0;padding:16px;background:radial-gradient(circle at 18% 18%,rgba(236,72,153,.13),transparent 35%),radial-gradient(circle at 82% 18%,rgba(34,211,238,.11),transparent 32%),#030207}
.ab-preview-viewport-v209{position:relative;width:100%;height:clamp(520px,64vw,760px);overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:#000;transition:width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),border-radius .3s ease;box-shadow:0 20px 70px rgba(0,0,0,.42)}
.ab-preview-browser-v208[data-preview-device="tablet"] .ab-preview-viewport-v209{width:min(768px,100%);height:min(82vh,900px)}
.ab-preview-browser-v208[data-preview-device="mobile"] .ab-preview-viewport-v209{width:min(390px,100%);height:min(82vh,844px);border-radius:28px}
.ab-preview-viewport-v209 iframe{position:relative;z-index:2;display:block;width:100%;height:100%;border:0;background:#000;opacity:0;transition:opacity .35s ease}
.ab-preview-viewport-v209 iframe.is-loaded{opacity:1}
.ab-preview-poster-v209{position:absolute;z-index:1;inset:0;overflow:hidden;background:#08050c;opacity:1;transition:opacity .4s ease,visibility .4s ease}
.ab-preview-poster-v209::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,3,8,.12),rgba(5,3,8,.58)),radial-gradient(circle at center,transparent 0 22%,rgba(3,2,7,.68) 86%)}
.ab-preview-poster-v209 img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.6);transform:scale(1.02)}
.ab-preview-poster-v209.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.ab-preview-loading-v209{position:absolute;z-index:5;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 36px);padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(15,10,22,.86);color:#f4edf7;box-shadow:0 12px 42px rgba(0,0,0,.32);backdrop-filter:blur(12px);font:800 11px/1.2 system-ui,sans-serif}
.ab-preview-loading-v209[hidden]{display:none}
.ab-preview-loading-v209 i{width:15px;height:15px;flex:0 0 15px;border:2px solid rgba(255,255,255,.2);border-top-color:#ec4899;border-radius:50%;animation:abPreviewSpinV209 .8s linear infinite}
.ab-preview-retry-v209{position:absolute;z-index:6;left:50%;bottom:22px;transform:translateX(-50%);min-height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#e82e5e;color:#fff;font-weight:900;cursor:pointer}
.ab-preview-retry-v209[hidden]{display:none}
.ab-preview-footer-v208{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.08);color:#96909f;font-size:11px}.ab-preview-footer-v208>div{display:flex;gap:7px;flex-wrap:wrap}.ab-preview-footer-v208>div span{padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#c8c1ce}
.ab-product-toast-v208{position:fixed;z-index:12000;left:50%;bottom:max(28px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 30px);transform:translateX(-50%);padding:13px 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#171221;color:#fff;box-shadow:0 20px 70px rgba(0,0,0,.45);font:800 13px/1.4 system-ui,sans-serif;text-align:center}.ab-product-toast-v208[hidden]{display:none}

@keyframes abPreviewShineV209{from{transform:translateX(-78%) rotate(8deg)}to{transform:translateX(78%) rotate(8deg)}}
@keyframes abPreviewSpinV209{to{transform:rotate(360deg)}}

@media(max-width:920px){
  .ab-product-gallery-v208{position:relative;top:auto}
  .ab-preview-heading-v208{align-items:start;flex-direction:column}
  .ab-preview-viewport-v209{height:clamp(560px,82vw,760px)}
}
@media(max-width:680px){
  .ab-product-social-v209 nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-preview-toolbar-v208{grid-template-columns:auto 1fr}.ab-preview-address-v208{display:none}
  .ab-preview-tools-v208{justify-content:end}
  .ab-preview-stage-v209{padding:8px}
  .ab-preview-viewport-v209{height:min(78vh,680px);border-radius:14px}
  .ab-preview-footer-v208{align-items:flex-start;flex-direction:column}
}
@media(max-width:430px){
  .ab-preview-devices-v208 button:nth-child(2){display:none}
  .ab-product-social-v209{padding:15px}
  .ab-product-social-v209 nav button{font-size:11px}
  .ab-preview-cta-v208{grid-template-columns:auto 1fr}.ab-preview-cta-arrow-v208{display:none}
  .ab-preview-loading-v209{left:10px;bottom:10px;max-width:calc(100% - 20px)}
}
@media(prefers-reduced-motion:reduce){
  .ab-preview-cta-v208::before,.ab-preview-loading-v209 i{animation:none!important}
  .ab-preview-cta-v208,.ab-preview-tools-v208 button,.ab-product-social-v209 nav button,.ab-preview-viewport-v209,.ab-preview-viewport-v209 iframe,.ab-preview-poster-v209{transition:none!important}
}

/* AngelBoy V211 · composición social en la columna comercial */
.ab-product-v211{
  grid-template-areas:"gallery information";
  align-items:start;
}
.ab-product-gallery-v211{grid-area:gallery;min-width:0}
.ab-product-info-v211{grid-area:information;min-width:0}

/* El módulo social ocupa el espacio inferior de la columna derecha. */
.ab-product-info-v211 .ab-product-social-v211{
  position:relative;
  isolation:isolate;
  width:100%;
  box-sizing:border-box;
  margin:28px 0 0;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(244,114,182,.24);
  border-radius:24px;
  background:
    radial-gradient(circle at 12% 0%,rgba(236,72,153,.19),transparent 35%),
    radial-gradient(circle at 90% 100%,rgba(34,211,238,.12),transparent 34%),
    linear-gradient(145deg,rgba(25,15,35,.97),rgba(39,17,40,.91));
  box-shadow:0 24px 65px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04);
  opacity:1;
  transform:none;
  transition:opacity .5s ease,transform .55s cubic-bezier(.2,.75,.2,1),border-color .3s ease,box-shadow .3s ease;
}
.ab-product-info-v211 .ab-product-social-v211.is-social-enhanced{
  opacity:0;
  transform:translate3d(0,18px,0);
}
.ab-product-info-v211 .ab-product-social-v211.is-social-enhanced.is-social-visible{
  opacity:1;
  transform:none;
}
.ab-product-social-v211::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-55% -30%;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.14) 49%,transparent 58%);
  transform:translateX(-68%) rotate(9deg);
}
.ab-product-social-v211.is-social-visible::before{
  animation:abSocialSweepV211 1.05s ease .18s both;
}
.ab-product-social-v211::after{
  content:"";
  position:absolute;
  z-index:-2;
  width:150px;
  height:150px;
  right:-70px;
  bottom:-85px;
  border-radius:50%;
  background:rgba(236,72,153,.18);
  filter:blur(10px);
  animation:abSocialAuraV211 5s ease-in-out infinite alternate;
}
.ab-share-copy-v211{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:10px;
  align-items:center;
}
.ab-share-copy-v211>span{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(236,72,153,.25),rgba(124,58,237,.24));
  color:#f9a8d4;
  font-size:0;
  letter-spacing:0;
  box-shadow:0 10px 30px rgba(236,72,153,.13);
}
.ab-share-copy-v211>span::before{
  content:"↗";
  font-size:21px;
  font-weight:900;
}
.ab-share-copy-v211>strong{margin:0;font-size:15px;line-height:1.25}
.ab-share-copy-v211>small{margin:4px 0 0;color:#aaa3b2;font-size:10px;line-height:1.45}

.ab-product-social-v211 nav{
  position:relative;
  z-index:2;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:2px;
}
.ab-product-social-v211 nav button{
  position:relative;
  overflow:hidden;
  opacity:1;
  transform:none;
  min-height:48px;
  border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
  transition:opacity .35s ease,transform .22s ease,filter .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.ab-product-social-v211.is-social-enhanced nav button{
  opacity:0;
  transform:translateY(12px) scale(.97);
}
.ab-product-social-v211.is-social-enhanced.is-social-visible nav button{
  animation:abSocialButtonInV211 .42s cubic-bezier(.2,.75,.2,1) both;
}
.ab-product-social-v211.is-social-enhanced.is-social-visible nav button:nth-child(1){animation-delay:.08s}
.ab-product-social-v211.is-social-enhanced.is-social-visible nav button:nth-child(2){animation-delay:.14s}
.ab-product-social-v211.is-social-enhanced.is-social-visible nav button:nth-child(3){animation-delay:.20s}
.ab-product-social-v211.is-social-enhanced.is-social-visible nav button:nth-child(4){animation-delay:.26s}
.ab-product-social-v211 nav button::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);
  transform:translateX(-125%);
  transition:transform .48s ease;
}
.ab-product-social-v211 nav button:hover::after,
.ab-product-social-v211 nav button:focus-visible::after{transform:translateX(125%)}
.ab-product-social-v211 nav button:hover,
.ab-product-social-v211 nav button:focus-visible{
  transform:translateY(-3px) scale(1.015);
  box-shadow:0 15px 32px rgba(0,0,0,.25);
}
.ab-product-social-v211 nav button b{
  width:23px;
  height:23px;
  flex-basis:23px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

@keyframes abSocialSweepV211{
  from{transform:translateX(-68%) rotate(9deg)}
  to{transform:translateX(68%) rotate(9deg)}
}
@keyframes abSocialAuraV211{
  from{transform:translate3d(0,0,0) scale(.95);opacity:.55}
  to{transform:translate3d(-14px,-10px,0) scale(1.08);opacity:.9}
}
@keyframes abSocialButtonInV211{
  from{opacity:0;transform:translateY(12px) scale(.97)}
  to{opacity:1;transform:none}
}

@media(max-width:920px){
  .ab-product-v211{grid-template-areas:"gallery" "information"}
  .ab-product-info-v211 .ab-product-social-v211{margin-top:24px}
}
@media(max-width:560px){
  .ab-product-info-v211 .ab-product-social-v211{padding:16px;border-radius:20px}
  .ab-product-social-v211 nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-share-copy-v211>strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .ab-product-info-v211 .ab-product-social-v211.is-social-enhanced,
  .ab-product-social-v211.is-social-enhanced nav button{opacity:1;transform:none;transition:none!important}
  .ab-product-social-v211::before,.ab-product-social-v211::after,.ab-product-social-v211 nav button{animation:none!important}
  .ab-product-social-v211 nav button::after{display:none}
}