/* TuCelebración · Etapa 1 integrada
 * Loader temático, navegación mínima para Elementor Canvas,
 * portada multimedia y transiciones.
 */

/* =========================================================
   LOADER MODERNO
   ========================================================= */
.tc-stage-loader{
  --tc-loader-accent:#ef233c;
  --tc-loader-accent-rgb:239,35,60;
  --tc-loader-bg:#f6f8fb;
  --tc-loader-text:#111827;
  --tc-loader-muted:#667085;
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  min-height:100dvh;
  overflow:hidden;
  padding:max(22px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));
  color:var(--tc-loader-text);
  background:
    radial-gradient(circle at 18% 15%, rgba(var(--tc-loader-accent-rgb),.10), transparent 32%),
    radial-gradient(circle at 82% 82%, rgba(22,32,51,.08), transparent 34%),
    var(--tc-loader-bg);
  opacity:1;
  visibility:visible;
  transition:opacity .44s ease, visibility .44s ease;
  isolation:isolate;
}
.tc-stage-loader::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.34;
  background-image:
    linear-gradient(rgba(15,23,42,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.045) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
}
.tc-stage-loader.is-invitation{
  --tc-loader-bg:#07090f;
  --tc-loader-text:#fff;
  --tc-loader-muted:#b8becb;
  background:
    radial-gradient(circle at 50% 38%, rgba(var(--tc-loader-accent-rgb),.19), transparent 26%),
    radial-gradient(circle at 50% 50%, #171c27 0%, #0b0e15 48%, #05070b 100%);
}
.tc-stage-loader.tc-loader-event-boda{--tc-loader-accent:#d8ad4e;--tc-loader-accent-rgb:216,173,78}
.tc-stage-loader.tc-loader-event-cumple{--tc-loader-accent:#ff6b8e;--tc-loader-accent-rgb:255,107,142}
.tc-stage-loader.tc-loader-event-baby{--tc-loader-accent:#bba7ff;--tc-loader-accent-rgb:187,167,255}
.tc-stage-loader.tc-loader-event-graduacion{--tc-loader-accent:#69a9ff;--tc-loader-accent-rgb:105,169,255}
.tc-stage-loader.tc-loader-event-aniversario{--tc-loader-accent:#e57482;--tc-loader-accent-rgb:229,116,130}
.tc-stage-loader.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.tc-stage-loader-glow{
  position:absolute;
  width:min(620px,110vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(var(--tc-loader-accent-rgb),.18),transparent 65%);
  filter:blur(22px);
  animation:tc-loader-breathe 2.2s ease-in-out infinite alternate;
}
.tc-stage-loader-card{
  position:relative;
  z-index:2;
  width:min(390px,92vw);
  padding:20px 24px 24px;
  text-align:center;
}
.tc-editor-home-logo b{color:#ef233c}
.tc-stage-loader-visual{
  position:relative;
  display:grid;
  place-items:center;
  width:150px;
  height:150px;
  margin:0 auto 22px;
  color:var(--tc-loader-accent);
}
.tc-stage-loader-icon{
  position:relative;
  z-index:3;
  display:grid;
  place-items:center;
  width:82px;
  height:82px;
  padding:10px;
  border:1px solid rgba(var(--tc-loader-accent-rgb),.34);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(var(--tc-loader-accent-rgb),.17),rgba(var(--tc-loader-accent-rgb),.04));
  box-shadow:
    0 18px 50px rgba(var(--tc-loader-accent-rgb),.18),
    inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(9px);
  animation:tc-loader-icon-float 1.9s ease-in-out infinite;
}
.tc-stage-loader.is-editor .tc-stage-loader-icon{
  color:#172033;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 45px rgba(15,23,42,.12);
}
.tc-stage-loader-icon svg{display:block;width:100%;height:100%;overflow:visible}

/* En boda usamos un núcleo luminoso abstracto, sin icono SVG. */
.tc-stage-loader.tc-loader-event-boda .tc-stage-loader-icon:empty{
  width:54px;
  height:54px;
  padding:0;
  border:0;
  border-radius:50%;
  background:radial-gradient(circle at 42% 38%,#fff8d6 0 7%,#f1cf73 16%,rgba(216,173,78,.48) 38%,rgba(216,173,78,.06) 68%,transparent 72%);
  box-shadow:0 0 22px rgba(216,173,78,.72),0 0 65px rgba(216,173,78,.34);
}
.tc-loader-orbit{
  position:absolute;
  inset:9px;
  border:1px solid rgba(var(--tc-loader-accent-rgb),.28);
  border-radius:50%;
}
.tc-loader-orbit::after{
  content:"";
  position:absolute;
  top:-4px;
  left:50%;
  width:8px;
  height:8px;
  margin-left:-4px;
  border-radius:50%;
  background:var(--tc-loader-accent);
  box-shadow:0 0 18px rgba(var(--tc-loader-accent-rgb),.95);
}
.tc-loader-orbit-a{animation:tc-loader-spin 2.2s linear infinite}
.tc-loader-orbit-b{inset:22px;opacity:.55;animation:tc-loader-spin-reverse 3.1s linear infinite}
.tc-loader-spark{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--tc-loader-accent);
  box-shadow:0 0 14px rgba(var(--tc-loader-accent-rgb),.9);
  animation:tc-loader-sparkle 1.45s ease-in-out infinite;
}
.tc-loader-spark-a{left:15px;top:40px}
.tc-loader-spark-b{right:18px;bottom:34px;animation-delay:.45s}
.tc-loader-spark-c{right:29px;top:23px;animation-delay:.85s}
.tc-stage-loader h2{
  margin:0 0 8px;
  color:inherit;
  font:800 clamp(22px,4.6vw,30px)/1.18 Inter,system-ui,sans-serif;
  letter-spacing:-.035em;
}
.tc-stage-loader p{
  min-height:21px;
  margin:0;
  color:var(--tc-loader-muted);
  font:500 13px/1.55 Inter,system-ui,sans-serif;
}
.tc-stage-loader-line{
  position:relative;
  height:5px;
  margin:22px auto 9px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(148,163,184,.18);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
}
.tc-stage-loader-line i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(var(--tc-loader-accent-rgb),.62),var(--tc-loader-accent));
  box-shadow:0 0 18px rgba(var(--tc-loader-accent-rgb),.55);
  transition:width .22s ease;
}
.tc-stage-loader-percent{
  display:block;
  color:var(--tc-loader-muted);
  font:700 11px/1 Inter,system-ui,sans-serif;
  letter-spacing:.08em;
}
@keyframes tc-loader-spin{to{transform:rotate(360deg)}}
@keyframes tc-loader-spin-reverse{to{transform:rotate(-360deg)}}
@keyframes tc-loader-icon-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.025)}}
@keyframes tc-loader-sparkle{0%,100%{opacity:.18;transform:scale(.6)}50%{opacity:1;transform:scale(1.3)}}
@keyframes tc-loader-breathe{from{transform:scale(.88);opacity:.55}to{transform:scale(1.08);opacity:1}}

/* =========================================================
   NAVEGACIÓN MÍNIMA PARA ELEMENTOR CANVAS
   ========================================================= */
.tc-editor-canvas-mode{
  width:min(1440px,calc(100% - 28px));
  margin:14px auto 28px!important;
}
.tc-editor-mini-nav{
  position:relative;
  top:auto;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:58px;
  margin:0 0 18px;
  padding:8px 12px;
  border:1px solid rgba(218,223,231,.92);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 40px rgba(15,23,42,.08);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.tc-editor-home-link{
  display:inline-flex;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:7px 10px;
  border-radius:12px;
  color:#141b2a!important;
  text-decoration:none!important;
  transition:background .2s ease,transform .2s ease;
}
.tc-editor-home-link:hover{background:#f3f5f8;transform:translateX(-2px)}
.tc-editor-home-logo{
  flex:0 0 auto;
  font:900 24px/1 Inter,system-ui,sans-serif;
  letter-spacing:-.08em;
}
.tc-editor-home-copy{display:grid;gap:1px;text-align:left}
.tc-editor-home-copy strong{font:800 13px/1.2 Inter,system-ui,sans-serif}
.tc-editor-home-copy small{color:#7a8394;font:600 10px/1.2 Inter,system-ui,sans-serif}
.tc-editor-mini-nav-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  color:#526071;
  background:#f4f7f8;
  font:700 11px/1 Inter,system-ui,sans-serif;
}
.tc-editor-mini-nav-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#27ae60;
  box-shadow:0 0 0 4px rgba(39,174,96,.12);
}

/* =========================================================
   PORTADA + VIDEO DE INTRODUCCIÓN
   ========================================================= */
.tc-inv-cover{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:22px;
  background:radial-gradient(circle at 50% 25%,rgba(57,72,99,.96),rgba(8,12,20,.99) 70%);
  backdrop-filter:blur(10px);
  opacity:1;
  transition:opacity .42s ease,visibility .42s ease;
  isolation:isolate;
}
.tc-inv-cover.tc-has-poster::before{
  content:"";
  position:absolute;
  inset:-22px;
  z-index:-2;
  background-image:var(--tc-cover-poster);
  background-size:cover;
  background-position:center;
  filter:blur(7px) saturate(.9) brightness(.55);
  transform:scale(1.045);
}
.tc-inv-cover.tc-has-poster::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 50% 40%,transparent 0%,rgba(5,7,11,.25) 38%,rgba(5,7,11,.82) 100%),
    linear-gradient(180deg,rgba(4,6,10,.12),rgba(4,6,10,.52));
}
.tc-inv-cover.tc-cover-leaving{opacity:0;pointer-events:none}
.tc-inv-cover.tc-cover-hide{display:none!important}
.tc-inv-cover-inner{
  position:relative;
  z-index:3;
  width:min(480px,94vw);
  padding:30px 24px 24px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  text-align:center;
  color:#fff;
  background:linear-gradient(180deg,rgba(17,24,39,.72),rgba(7,10,16,.64));
  box-shadow:0 35px 90px rgba(0,0,0,.42);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:opacity .28s ease,transform .4s ease;
}
.tc-inv-cover-inner h2{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(23px,5vw,36px);
  line-height:1.15;
}
.tc-open-inv-btn{
  width:100%;
  min-height:52px;
  padding:13px 18px;
  border:0;
  border-radius:15px;
  background:#fff;
  color:#111827;
  box-shadow:0 12px 35px rgba(0,0,0,.2);
  font-weight:800;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.tc-open-inv-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}
.tc-inv-cover-hint{margin:12px 0 0;font-size:12px;opacity:.68}
.tc-inv-video-stage{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-items:center;
  background:#05070b;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s ease,visibility .35s ease;
}
.tc-inv-intro-video{
  width:100%;
  height:100%;
  object-fit:cover;
  background:#05070b;
}
.tc-cover-playing .tc-inv-cover-inner{opacity:0;transform:scale(.96);pointer-events:none}
.tc-cover-playing .tc-inv-video-stage{opacity:1;visibility:visible}
.tc-skip-intro-btn{
  position:absolute;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(20px,env(safe-area-inset-bottom));
  z-index:4;
  padding:10px 15px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  color:#fff;
  background:rgba(0,0,0,.42);
  backdrop-filter:blur(8px);
  font-weight:700;
  cursor:pointer;
}
.tc-inv-hidden-initial{visibility:hidden!important}
.tc-inv-revealed{animation:tc-inv-reveal .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes tc-inv-reveal{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.tc-intro-video-note{margin-top:-2px!important}

@media (max-width:767px){
  .tc-stage-loader-card{padding:20px 12px}
  .tc-stage-loader-visual{width:138px;height:138px}
  .tc-editor-canvas-mode{width:min(100% - 16px,1440px);margin:8px auto 20px!important}
  .tc-editor-mini-nav{top:auto;min-height:54px;margin-bottom:12px;border-radius:15px}
  .tc-editor-mini-nav-status{display:none}
  .tc-editor-home-copy small{display:none}
  .tc-inv-cover{padding:16px}
  .tc-inv-cover-inner{padding:26px 18px 20px;border-radius:22px}
  .tc-inv-intro-video{object-fit:cover}
}
@media (prefers-reduced-motion:reduce){
  .tc-stage-loader-glow,.tc-stage-loader-icon,.tc-loader-orbit,.tc-loader-spark{animation:none!important}
  .tc-stage-loader,.tc-inv-cover,.tc-inv-cover-inner,.tc-inv-video-stage,.tc-stage-loader-line i{transition:none!important}
  .tc-inv-revealed{animation:none}
}

/* =========================================================
   SELECTOR + VISTA PREVIA DE INTRO DE APERTURA (v1.3)
   ========================================================= */
.tc-intro-picker{
  margin:18px 0 20px;
  padding:16px;
  border:1px solid #dfe4ec;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  box-shadow:0 10px 26px rgba(15,23,42,.055);
}
.tc-intro-picker-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
}
.tc-intro-picker-heading > div{display:grid;gap:3px}
.tc-intro-picker-heading strong{color:#172033;font:800 14px/1.25 Inter,system-ui,sans-serif}
.tc-intro-picker-heading span:not(.tc-intro-picker-badge){color:#6c7687;font:500 11px/1.45 Inter,system-ui,sans-serif}
.tc-intro-picker-badge{
  flex:0 0 auto;
  padding:6px 8px;
  border-radius:999px;
  color:#374151;
  background:#edf1f5;
  font:800 9px/1 Inter,system-ui,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.tc-intro-options{display:grid;gap:9px}
.tc-intro-option{
  position:relative;
  display:grid;
  grid-template-columns:74px minmax(0,1fr) 24px;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:82px;
  padding:8px 10px 8px 8px;
  border:1px solid #e1e5eb;
  border-radius:15px;
  color:#1f2937;
  background:#fff;
  text-align:left;
  cursor:pointer;
  appearance:none;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;
}
.tc-intro-option[hidden]{display:none!important}
.tc-intro-option:hover{transform:translateY(-1px);border-color:#bfc8d5;box-shadow:0 9px 20px rgba(15,23,42,.07)}
.tc-intro-option.is-active{
  border-color:#172033;
  background:#fbfcfd;
  box-shadow:0 0 0 2px rgba(23,32,51,.08),0 10px 24px rgba(15,23,42,.08);
}
.tc-intro-option-media{
  position:relative;
  display:grid;
  place-items:center;
  width:74px;
  height:66px;
  overflow:hidden;
  border-radius:11px;
  background-position:center;
  background-size:cover;
  background-color:#0a0d14;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
}
.tc-intro-option-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.34));
}
.tc-intro-play-icon{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  padding-left:2px;
  border-radius:50%;
  color:#111827;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(0,0,0,.28);
  font-size:11px;
}
.tc-intro-option-classic{
  background:linear-gradient(145deg,#171e2c,#0b0f18);
}
.tc-intro-classic-phone{
  position:relative;
  z-index:2;
  display:grid;
  align-content:center;
  gap:4px;
  width:28px;
  height:48px;
  padding:0 6px;
  border:2px solid #f2d083;
  border-radius:8px;
}
.tc-intro-classic-phone i{display:block;height:3px;border-radius:99px;background:#f2d083;opacity:.82}
.tc-intro-classic-phone i:nth-child(2){width:70%}
.tc-intro-classic-phone i:nth-child(3){width:84%;opacity:.42}
.tc-intro-option-copy{display:grid;gap:3px;min-width:0}
.tc-intro-option-copy strong{color:#202938;font:800 12px/1.25 Inter,system-ui,sans-serif}
.tc-intro-option-copy small{color:#707b8d;font:500 10px/1.35 Inter,system-ui,sans-serif}
.tc-intro-option-copy em{color:#9a6b16;font:800 9px/1 Inter,system-ui,sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.04em}
.tc-intro-option-check{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border:1px solid #d7dde6;
  border-radius:50%;
  color:transparent;
  background:#fff;
  font:900 11px/1 Inter,system-ui,sans-serif;
}
.tc-intro-option.is-active .tc-intro-option-check{border-color:#172033;color:#fff;background:#172033}
.tc-intro-event-note{margin:10px 1px 0!important;color:#667085!important;font:600 10px/1.45 Inter,system-ui,sans-serif!important}
.tc-intro-event-note.is-warning{color:#8a661c!important}
.tc-intro-test-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:#172033;
  box-shadow:0 10px 24px rgba(23,32,51,.16);
  font:800 11px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.tc-intro-test-btn{width:100%;min-height:42px;margin-top:12px;padding:11px 13px}
.tc-intro-test-btn:hover{transform:translateY(-1px);background:#0f1624;box-shadow:0 13px 27px rgba(23,32,51,.22)}
.tc-intro-picker.is-cover-disabled .tc-intro-options{opacity:.48}
.tc-intro-picker.is-cover-disabled .tc-intro-event-note::after{content:" La portada está desactivada, por lo que la invitación abrirá directamente."}


#tc_preview{position:relative}
.tc-opening-preview{
  --tc-opening-accent:#d8ad4e;
  --tc-opening-accent-rgb:216,173,78;
  position:absolute;
  inset:0;
  z-index:9000;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:16px;
  border-radius:inherit;
  color:#fff;
  background:
    radial-gradient(circle at 50% 34%,rgba(var(--tc-opening-accent-rgb),.22),transparent 32%),
    linear-gradient(180deg,#121824,#05070b 78%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .34s ease,visibility .34s ease;
  isolation:isolate;
}
.tc-opening-preview::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-2;
  opacity:0;
  background-image:var(--tc-opening-poster);
  background-position:center;
  background-size:cover;
  filter:blur(7px) brightness(.48) saturate(.9);
  transform:scale(1.06);
  transition:opacity .35s ease;
}
.tc-opening-preview::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 50% 42%,transparent,rgba(3,5,9,.72) 78%);
}
.tc-opening-preview.has-poster::before{opacity:1}
.tc-opening-preview.is-active{opacity:1;visibility:visible;pointer-events:auto}
.tc-opening-preview.is-closing{opacity:0;pointer-events:none}
.tc-opening-preview.tc-opening-event-cumple{--tc-opening-accent:#ff6b8e;--tc-opening-accent-rgb:255,107,142}
.tc-opening-preview.tc-opening-event-boda{--tc-opening-accent:#d8ad4e;--tc-opening-accent-rgb:216,173,78}
.tc-opening-preview.tc-opening-event-baby{--tc-opening-accent:#bba7ff;--tc-opening-accent-rgb:187,167,255}
.tc-opening-preview.tc-opening-event-graduacion{--tc-opening-accent:#69a9ff;--tc-opening-accent-rgb:105,169,255}
.tc-opening-preview.tc-opening-event-aniversario{--tc-opening-accent:#e57482;--tc-opening-accent-rgb:229,116,130}
.tc-opening-loader-panel,
.tc-opening-cover-panel{
  position:relative;
  z-index:3;
  width:min(290px,92%);
  text-align:center;
}
.tc-opening-loader-panel[hidden],.tc-opening-cover-panel[hidden],.tc-opening-video-panel[hidden]{display:none!important}
.tc-opening-loader-icon{
  position:relative;
  display:grid;
  place-items:center;
  width:96px;
  height:96px;
  margin:0 auto 18px;
  border:1px solid rgba(var(--tc-opening-accent-rgb),.34);
  border-radius:29px;
  color:var(--tc-opening-accent);
  background:linear-gradient(145deg,rgba(var(--tc-opening-accent-rgb),.17),rgba(var(--tc-opening-accent-rgb),.035));
  box-shadow:0 18px 50px rgba(var(--tc-opening-accent-rgb),.2),inset 0 1px 0 rgba(255,255,255,.14);
  animation:tc-opening-float 1.8s ease-in-out infinite;
}
.tc-opening-loader-icon::before,
.tc-opening-loader-icon::after{
  content:"";
  position:absolute;
  inset:-17px;
  border:1px solid rgba(var(--tc-opening-accent-rgb),.26);
  border-radius:50%;
  animation:tc-loader-spin 2.5s linear infinite;
}
.tc-opening-loader-icon::after{inset:-29px;opacity:.45;animation-direction:reverse;animation-duration:3.4s}
.tc-opening-loader-icon svg{width:66px;height:66px;overflow:visible}
.tc-opening-loader-icon svg path,.tc-opening-loader-icon svg circle{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.tc-opening-loader-icon svg .tc-icon-fill{fill:currentColor;stroke:none}

.tc-opening-preview.tc-opening-event-boda .tc-opening-loader-icon:empty{
  width:64px;
  height:64px;
  border:0;
  border-radius:50%;
  background:radial-gradient(circle at 42% 38%,#fff8d6 0 7%,#f1cf73 16%,rgba(216,173,78,.5) 38%,rgba(216,173,78,.07) 67%,transparent 72%);
  box-shadow:0 0 24px rgba(216,173,78,.72),0 0 72px rgba(216,173,78,.32);
}
.tc-opening-loader-panel strong{display:block;margin-bottom:17px;color:#fff;font:800 15px/1.35 Inter,system-ui,sans-serif}
.tc-opening-loader-line{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.13)}
.tc-opening-loader-line i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--tc-opening-accent-rgb),.55),var(--tc-opening-accent));box-shadow:0 0 18px rgba(var(--tc-opening-accent-rgb),.65);transition:width .12s linear}
.tc-opening-loader-panel small{display:block;margin-top:8px;color:rgba(255,255,255,.6);font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.07em}
@keyframes tc-opening-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.025)}}

.tc-opening-cover-panel{
  padding:23px 18px 18px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(17,24,39,.75),rgba(6,9,15,.68));
  box-shadow:0 25px 65px rgba(0,0,0,.38);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  animation:tc-opening-panel-in .35s ease both;
}
.tc-opening-cover-panel h3{margin:0 0 16px!important;color:#fff!important;font:800 20px/1.2 Inter,system-ui,sans-serif!important}
.tc-opening-open-btn{
  width:100%;
  min-height:46px;
  padding:12px 15px;
  border:0;
  border-radius:13px;
  color:#111827;
  background:#fff;
  font:800 12px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(0,0,0,.22);
}
.tc-opening-cover-panel p{margin:10px 0 0!important;color:rgba(255,255,255,.62)!important;font:600 9px/1.35 Inter,system-ui,sans-serif!important}
@keyframes tc-opening-panel-in{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}

.tc-opening-video-panel{position:absolute;inset:0;z-index:4;background:#05070b;animation:tc-opening-panel-in .28s ease both}
.tc-opening-preview-video{display:block;width:100%;height:100%;object-fit:cover;background:#05070b}
.tc-opening-skip-btn{
  position:absolute;
  right:12px;
  bottom:12px;
  min-height:34px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:#fff;
  background:rgba(4,7,12,.58);
  font:700 9px/1 Inter,system-ui,sans-serif;
  backdrop-filter:blur(8px);
  cursor:pointer;
}
.tc-opening-close-btn{
  position:absolute;
  top:10px;
  right:10px;
  z-index:8;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  color:#fff;
  background:rgba(4,7,12,.52);
  font:500 20px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  backdrop-filter:blur(8px);
}

@media (max-width:640px){
  .tc-intro-picker{padding:13px}
  .tc-intro-picker-heading{display:grid}
  .tc-intro-picker-badge{justify-self:start}
  .tc-intro-option{grid-template-columns:66px minmax(0,1fr) 22px}
  .tc-intro-option-media{width:66px;height:61px}
}

@media (prefers-reduced-motion:reduce){
  .tc-opening-loader-icon,.tc-opening-loader-icon::before,.tc-opening-loader-icon::after{animation:none!important}
  .tc-opening-preview,.tc-intro-option,.tc-intro-test-btn{transition:none!important}
}


/* =========================================================
   COMPATIBILIDAD DEL ENCABEZADO/TUTORIAL EN ELEMENTOR CANVAS
   Se conservan los estilos nativos de Gutenberg y se normaliza
   el contenido que aparece antes del shortcode.
   ========================================================= */
body.elementor-template-canvas .wp-site-blocks,
body.elementor-template-canvas .entry-content{
  width:100%;
}
body.elementor-template-canvas .entry-content > h1,
body.elementor-template-canvas .entry-content > h2,
body.elementor-template-canvas .entry-content > p,
body.elementor-template-canvas .entry-content > .wp-block-buttons{
  width:min(1180px,calc(100% - 32px));
  margin-left:auto;
  margin-right:auto;
}
body.elementor-template-canvas .entry-content > h1,
body.elementor-template-canvas .entry-content > h2{
  margin-top:24px;
  margin-bottom:8px;
  text-align:center;
  font-size:clamp(26px,3vw,38px);
  line-height:1.15;
}
body.elementor-template-canvas .entry-content > h1 + p,
body.elementor-template-canvas .entry-content > h2 + p{
  margin-top:0;
  margin-bottom:16px;
  text-align:center;
  color:#5f6878;
  font-size:15px;
  line-height:1.55;
}
body.elementor-template-canvas .entry-content > .wp-block-buttons{
  justify-content:center;
  margin-bottom:24px;
}
body.elementor-template-canvas .entry-content > .wp-block-buttons .wp-block-button__link{
  min-height:44px;
  padding:12px 24px;
  border-radius:999px;
  color:#fff;
  background:#20242d;
  font-weight:700;
  text-decoration:none;
}

body.elementor-template-canvas .wp-block-heading{
  width:min(1180px,calc(100% - 32px));
  margin:24px auto 8px;
  text-align:center;
  font-size:clamp(26px,3vw,38px);
  line-height:1.15;
}
body.elementor-template-canvas .wp-block-heading + p{
  width:min(1180px,calc(100% - 32px));
  margin:0 auto 16px;
  text-align:center;
  color:#5f6878;
  font-size:15px;
  line-height:1.55;
}
body.elementor-template-canvas .wp-block-buttons{
  width:min(1180px,calc(100% - 32px));
  justify-content:center;
  margin:0 auto 24px;
}
body.elementor-template-canvas .wp-block-buttons .wp-block-button__link{
  min-height:44px;
  padding:12px 24px;
  border-radius:999px;
  color:#fff;
  background:#20242d;
  font-weight:700;
  text-decoration:none;
}


/* =========================================================
   AJUSTES VISUALES v1.3.2
   - Vista previa en modal independiente de la altura de la tarjeta.
   - Video vertical contenido y centrado.
   - Portadas con contraste fijo, independiente del template.
   ========================================================= */
html.tc-opening-preview-open,
html.tc-opening-preview-open body,
body.tc-opening-preview-open{
  overflow:hidden!important;
  overscroll-behavior:none;
}

.tc-opening-preview{
  position:fixed!important;
  inset:0!important;
  z-index:1000002!important;
  display:grid!important;
  place-items:center!important;
  padding:16px!important;
  border-radius:0!important;
  background:transparent!important;
  isolation:isolate;
}
.tc-opening-preview-backdrop{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(5,8,14,.74);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  cursor:pointer;
}
.tc-opening-preview-stage{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:min(430px,calc(100vw - 32px),calc((100dvh - 32px) * .5625));
  aspect-ratio:9 / 16;
  max-height:calc(100dvh - 32px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(circle at 50% 34%,rgba(var(--tc-opening-accent-rgb),.22),transparent 32%),
    linear-gradient(180deg,#121824,#05070b 78%);
  box-shadow:0 34px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.12);
  isolation:isolate;
}
.tc-opening-preview-stage::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-2;
  opacity:0;
  background-image:var(--tc-opening-poster);
  background-position:center;
  background-size:cover;
  filter:blur(9px) brightness(.42) saturate(.86);
  transform:scale(1.08);
  transition:opacity .35s ease;
}
.tc-opening-preview-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 50% 42%,transparent,rgba(3,5,9,.74) 80%);
  pointer-events:none;
}
.tc-opening-preview.has-poster .tc-opening-preview-stage::before{opacity:1}
.tc-opening-preview::before,
.tc-opening-preview::after{content:none!important}
.tc-opening-loader-panel,
.tc-opening-cover-panel{width:min(310px,84%)}
.tc-opening-cover-panel h3,
.tc-inv-cover-inner h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.66)!important;
}
.tc-opening-video-panel{
  display:grid;
  place-items:center;
  background:rgba(3,5,9,.72);
}
.tc-opening-preview-video{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  background:#05070b;
}
.tc-opening-close-btn{z-index:10}

.tc-inv-video-stage{
  background:rgba(3,5,9,.76);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.tc-inv-video-stage::before{
  content:"";
  position:absolute;
  inset:-24px;
  z-index:0;
  background-image:var(--tc-cover-poster);
  background-position:center;
  background-size:cover;
  filter:blur(18px) brightness(.38) saturate(.85);
  transform:scale(1.08);
  opacity:.92;
}
.tc-inv-video-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:rgba(3,5,9,.28);
}
.tc-inv-intro-video{
  position:relative;
  z-index:1;
  display:block;
  width:min(100vw,calc(100dvh * .5625));
  height:auto;
  max-width:100vw;
  max-height:100dvh;
  aspect-ratio:9 / 16;
  object-fit:contain!important;
  background:#05070b;
  box-shadow:0 0 70px rgba(0,0,0,.42);
}
.tc-skip-intro-btn{z-index:4}

@media (max-width:640px){
  .tc-opening-preview{padding:10px!important}
  .tc-opening-preview-stage{
    width:min(calc(100vw - 20px),calc((100dvh - 20px) * .5625));
    max-height:calc(100dvh - 20px);
    border-radius:22px;
  }
}