/* ===== assets/css/prompts-v135-security.css ===== */
/* V135 · prompts-v135-security.css · CSS separado y normalizado. */
.security-toast{position:fixed;left:50%;bottom:18px;z-index:2147483647;transform:translateX(-50%);max-width:min(420px,calc(100vw - 28px));border:1px solid rgba(52,175,35,.24);background:rgba(9,9,10,.94);color:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 20px 70px rgba(0,0,0,.55);font-size:13px;font-weight:800;display:none}
.security-toast.show{display:block}
.json-maintenance-note{display:none}


html body #promptModal #modalPromptSummary,
html body #promptModal #modalPromptFull,
html body #promptModal .prompt-full-box{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:pre-wrap!important;
}


html body #toast-container{
  z-index:2147483647!important;
  pointer-events:none!important;
}
html body #toast-container .ui-card{
  max-width:100%!important;
  pointer-events:auto!important;
}


html body #loginModal .login-support-note a{
  color:#8ab4ff!important;
  font-size:10.5px!important;
  font-weight:800!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
html body #loginModal .login-support-note{
  color:#8b8b93!important;
  font-size:10.5px!important;
}



#toast-container{
  z-index:2147483647!important;
  position:fixed!important;
  pointer-events:none!important;
}
#toast-container .ui-card{pointer-events:auto!important}


#loginModal .login-support-note a{
  color:#8ab4ff!important;
  font-size:10px!important;
  font-weight:800!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
#loginModal .login-support-note{
  font-size:10.5px!important;
  color:#8b8b93!important;
}


#modalPromptSummary,
#modalPromptFull,
.prompt-full-box{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:pre-wrap!important;
}


html,body{min-height:100%!important}
body.page-bg{
  min-height:100dvh!important;
}
body.page-bg > main{
  min-height:calc(100dvh - 92px)!important;
  display:flex!important;
  flex-direction:column!important;
}
body.page-bg > main .app-layout{
  flex:1 0 auto!important;
}
.legal-site-footer{
  margin-top:auto!important;
  align-self:stretch!important;
}
@media(max-width:1023px){
  body.page-bg > main{min-height:calc(100dvh - 76px)!important}
  .legal-site-footer{margin-top:auto!important}
}


#promptModal .prompt-modal-image video,
#promptModal .prompt-modal-image iframe{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}



html body #promptModal .modal-share-icon,
html body #promptModal .prompt-modal-image .modal-share-on-media{
  position:absolute!important;
  top:50%!important;
  right:12px!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(18,18,20,.78)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#f3f4f6!important;
  box-shadow:0 14px 34px rgba(0,0,0,.42)!important;
}
html body #promptModal .modal-share-icon:hover,
html body #promptModal .prompt-modal-image .modal-share-on-media:hover{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.25)!important;
  color:#fff!important;
}
html body #promptModal .modal-share-icon i,
html body #promptModal .prompt-modal-image .modal-share-on-media i{color:inherit!important}


html body #promptModal #modalTitle,
html body #promptModal #modalDesc{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}


html body #promptModal #modalPromptSummary{
  display:block!important;
  max-width:100%!important;
  max-height:5.2em!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
html body #promptModal #modalPromptFull.prompt-full-box,
html body #promptModal #modalPromptFull{
  display:block!important;
  max-width:100%!important;
  max-height:min(240px,32dvh)!important;
  overflow:auto!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:pre-wrap!important;
}
html body #promptModal #modalPromptFull.hidden{display:none!important}
html body #promptModal .prompt-modal-body{min-height:0!important;overflow:hidden!important}
html body #promptModal .prompt-modal-scroll{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}


html body .admin-edit-chip-danger{
  color:#ffd6d6!important;
  border-color:rgba(255,85,85,.28)!important;
  background:rgba(255,85,85,.08)!important;
}
html body .admin-edit-chip-danger:hover{
  color:#fff!important;
  border-color:rgba(255,85,85,.45)!important;
  background:rgba(255,85,85,.14)!important;
}





#promptModal .prompt-modal-card{
  max-width:min(1120px, calc(100vw - 28px))!important;
  width:min(1120px, calc(100vw - 28px))!important;
  overflow:hidden!important;
}
#promptModal .prompt-modal-grid{
  grid-template-columns:minmax(0,1.42fr) minmax(320px,400px)!important;
  min-width:0!important;
}
#promptModal .prompt-modal-body,
#promptModal .prompt-modal-scroll,
#promptModal .prompt-copy-footer{
  min-width:0!important;
}
#modalTitle{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  line-height:1.05!important;
}
#modalDesc{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  max-height:4.8em!important;
  overflow:auto!important;
  line-height:1.45!important;
  padding-right:3px!important;
}
#modalPromptSummary{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  max-height:76px!important;
  overflow:auto!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:pre-wrap!important;
  line-height:1.55!important;
}
#modalPromptFull{
  width:100%!important;
  max-width:100%!important;
  max-height:min(30dvh, 260px)!important;
  overflow:auto!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:pre-wrap!important;
  line-height:1.55!important;
  overscroll-behavior:contain!important;
}
#modalPromptFull.is-expanded-prompt{
  display:block!important;
}
#toggleFullPromptBtn{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  max-width:118px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#f4f4f5!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:999px!important;
  padding:5px 8px!important;
  font-size:9px!important;
  line-height:1!important;
}
#toggleFullPromptBtn:hover{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.24)!important;
}
.instruction-number{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  flex:0 0 24px!important;
  aspect-ratio:1/1!important;
  border-radius:999px!important;
  line-height:1!important;
}
.instruction-card{
  min-width:0!important;
}
.instruction-card p{
  min-width:0!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}


#promptModal .prompt-modal-image{
  min-width:0!important;
  background:#08080c!important;
  display:grid!important;
  place-items:center!important;
}
#promptModal .prompt-modal-image img,
#promptModal .prompt-modal-image video,
#promptModal .prompt-modal-image iframe{
  max-width:100%!important;
  max-height:100%!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
}
#promptModal .prompt-modal-image iframe{
  border:0!important;
}


.modal-share-icon,
.modal-share-on-media,
#promptModal .modal-share-icon,
#promptModal .modal-share-on-media{
  background:rgba(12,12,13,.78)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#f3f4f6!important;
  box-shadow:0 16px 34px rgba(0,0,0,.34)!important;
}
.modal-share-icon:hover,
.modal-share-on-media:hover{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.26)!important;
  color:#fff!important;
}
#promptModal .prompt-modal-image .modal-share-on-media{
  top:50%!important;
  right:12px!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}


.admin-card-btn-danger,
.admin-edit-chip-danger{
  background:rgba(32,10,10,.84)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#f4f4f5!important;
}
.admin-card-btn-danger:hover,
.admin-edit-chip-danger:hover{
  background:rgba(115,20,20,.88)!important;
  border-color:rgba(255,255,255,.28)!important;
}


html,body{
  min-height:100%!important;
}
body.page-bg{
  min-height:100dvh!important;
}
body.page-bg > main{
  min-height:calc(100dvh - 82px)!important;
  display:flex!important;
  flex-direction:column!important;
}
body.page-bg > main > .app-layout{
  flex:1 0 auto!important;
  min-height:calc(100dvh - 96px)!important;
}
body.page-bg > main > .app-layout > section.min-w-0{
  min-height:calc(100dvh - 112px)!important;
  display:flex!important;
  flex-direction:column!important;
}
#contentArea{
  flex:1 0 auto!important;
}
.legal-site-footer{
  margin-top:auto!important;
  width:100%!important;
}
@media(max-width:1023px){
  body.page-bg > main{
    min-height:calc(100dvh - 86px)!important;
    padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;
  }
  body.page-bg > main > .app-layout,
  body.page-bg > main > .app-layout > section.min-w-0{
    min-height:calc(100dvh - 170px)!important;
  }
  .legal-site-footer{
    margin-top:auto!important;
    padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))!important;
  }
}
































@media(max-width:760px){
  #promptModal .prompt-modal-card{
    width:calc(100vw - 18px)!important;
    max-width:430px!important;
  }
  #promptModal .prompt-modal-grid{
    grid-template-columns:1fr!important;
  }
  #promptModal .prompt-modal-image{
    min-height:230px!important;
    max-height:42dvh!important;
  }
  #modalTitle{
    -webkit-line-clamp:2!important;
  }
  #modalDesc{
    max-height:4.2em!important;
  }
  #modalPromptSummary{
    max-height:68px!important;
    font-size:12.5px!important;
  }
  #modalPromptFull{
    max-height:22dvh!important;
    font-size:11.5px!important;
  }
  .instruction-number{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    flex-basis:22px!important;
  }
  
  
  
  
  
  
  
  
  
}



































/* ===== assets/css/prompts-v135-main.css ===== */
/* V135 refactorizado · prompts-v135-main.css · limpieza de duplicados, variables y media queries. */

/* === Tokens y base visual === */

:root {
  color-scheme: dark;
  --eldrin-green-2: var(--el-green-2);
  --eldrin-surface: #0b0b0c;
  --eldrin-teal: var(--el-green-2);
  --eldrin-green: var(--el-green);
  --eldrin-green-soft: #dfffda;
  --eldrin-panel: #111112;
  --eldrin-panel-2: #080809;
  --eldrin-gold: #ffd166;
  --el-green-rgb: 52, 175, 35;
  --el-green-2-rgb: 0, 255, 163;
}

* {
  box-sizing: border-box;
}

html, body {
  overflow-x: clip;
  background: var(--el-bg);
  min-height: 100dvh;
}

body {
  color: var(--el-text);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  font-family: Inter,sans-serif;
}

img {
  -webkit-user-drag: none;
  user-select: none;
}

.selectable, .selectable * {
  user-select: text;
  -webkit-user-select: text;
}

.hide-scroll::-webkit-scrollbar {
  display: none;
}

.hide-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.ui-card {
  background: linear-gradient(180deg,rgba(18,18,18,.96),rgba(8,8,8,.96));
  border: 1px solid rgba(255,255,255,.085);
  box-shadow: 0 14px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);
}

.green-gradient {
  color: transparent;
  background: linear-gradient(90deg,var(--el-green),var(--el-green-2));
  -webkit-background-clip: text;
  background-clip: text;
}

.btn-shine {
  position: relative;
  overflow: hidden;
}

.btn-shine::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 42%,rgba(255,255,255,.25) 58%,transparent 100%);
  transform: translateX(-130%);
  pointer-events: none;
  animation: shine 3.8s infinite ease-in-out;
}

.ui-card,.modal-content,.prompt-modal-card{
  background: linear-gradient(180deg,rgba(17,17,18,.99),rgba(6,6,7,.995));
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 26px 90px rgba(0,0,0,.82),inset 0 1px 0 rgba(255,255,255,.045);
}



.sidebar-unlock-panel .btn-shine {
  min-height: 2.78rem;
  border-radius: 1rem;
}

.page-bg {
  background: radial-gradient(circle at 50% -16%,rgba(255,255,255,.035),transparent 30%),var(--el-bg);
  animation: none;
}

.admin-editor-preview-mode #modalPromptSummary, .admin-editor-preview-mode #modalPromptFull, .admin-editor-preview-mode #toggleFullPromptBtn {
  cursor: pointer;
}

.admin-editor-preview-mode #modalPromptSummary:hover, .admin-editor-preview-mode #modalPromptFull:hover {
  color: #fff;
  text-shadow: 0 0 18px rgba(var(--el-green-rgb, 52, 175, 35), .15);
}

body.page-bg::before, body.page-bg::after {
  display: none;
  content: none;
}

.btn-shine.sidebar-account-main-v28{
  animation: ctaPulseSubtle 3.2s ease-in-out infinite;
}

#libraryIntroTitle .green-gradient {
  color: transparent;
  background: linear-gradient(90deg,var(--el-green),#26d838);
  -webkit-background-clip: text;
  background-clip: text;
}

.prompt-copy-footer .btn-shine, button[onclick="copyActivePrompt()"] {
  background: var(--el-green);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .52);
  box-shadow: 0 0 15px rgba(var(--el-green-rgb, 52, 175, 35), .40),0 16px 34px rgba(0,0,0,.34);
}

.prompt-copy-footer .btn-shine:hover, button[onclick="copyActivePrompt()"]:hover {
  background: #2f9e20;
  box-shadow: 0 0 20px rgba(var(--el-green-rgb, 52, 175, 35), .48),0 18px 40px rgba(0,0,0,.40);
}

.btn-shine[onclick="copyActivePrompt()"], .prompt-copy-footer button {
  background: var(--el-green);
  box-shadow: 0 0 15px rgba(var(--el-green-rgb, 52, 175, 35), .40),0 12px 26px rgba(0,0,0,.30);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .55);
}

.btn-shine[onclick="copyActivePrompt()"], .prompt-copy-footer button[onclick="copyActivePrompt()"] {
  background: var(--el-green);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .55);
  box-shadow: 0 0 15px rgba(var(--el-green-rgb, 52, 175, 35), .40),0 14px 30px rgba(0,0,0,.34);
}

.btn-shine[onclick="copyActivePrompt()"]:hover, .prompt-copy-footer button[onclick="copyActivePrompt()"]:hover {
  background: #2f9e20;
  box-shadow: 0 0 22px rgba(var(--el-green-rgb, 52, 175, 35), .48),0 18px 40px rgba(0,0,0,.40);
}

#promptModal #modalPromptSummary, #promptModal #modalPromptFull {
  color: var(--el-green);
  text-shadow: 0 0 14px rgba(var(--el-green-rgb, 52, 175, 35), .10);
}

#promptModal .text-gray-500:has( + #toggleFullPromptBtn), #promptModal .selectable .text-gray-500 {
  color: #fff;
}

.page-preloader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 50% 38%,rgba(var(--el-green-rgb, 52, 175, 35), .08),transparent 32%),var(--el-bg);
  transition: opacity .35s ease,visibility .35s ease;
}

.page-preloader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* === Tokens y base visual · parte 2 === */

.page-preloader-card {
  display: grid;
  place-items: center;
  gap: .9rem;
  color: #dfffda;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.page-preloader-mark {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .28);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .08);
  display: grid;
  place-items: center;
  box-shadow: 0 0 30px rgba(var(--el-green-rgb, 52, 175, 35), .12);
}

.page-preloader-mark span {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 3px solid rgba(var(--el-green-rgb, 52, 175, 35), .25);
  border-top-color: var(--el-green);
  animation: pageLoaderSpin .82s linear infinite;
}

#modalPromptSummary, #modalPromptFull, .prompt-full-box {
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  letter-spacing: -.015em;
}

.prompt-copy-preview, .prompt-compact-text, #modalPromptPreview, #modalPromptFull {
  font-family: "JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
}

#toast-container .ui-card i {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  color: var(--el-green);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .12);
  font-size: 11px;
}

#toast-container .ui-card span {
  line-height: 1.25;
  font-size: 13px;
}

#toast-container .ui-card.is-leaving {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity .24s ease,transform .24s ease;
  animation: none;
}

#toast-container .favorite-pro-only-toast, #toast-container .ui-card[data-toast-type="pro"] {
  background: linear-gradient(135deg,rgba(255,153,31,.20),rgba(19,12,5,.98));
  border-color: rgba(255,184,77,.42);
  color: #fff7e6;
  box-shadow: 0 22px 76px rgba(0,0,0,.62),0 0 34px rgba(255,153,31,.14);
}

#toast-container .payment-error-toast, #toast-container .ui-card[data-toast-type="payment-error"], #toast-container .ui-card[data-toast-type="error"] {
  background: linear-gradient(135deg,rgba(255,87,34,.20),rgba(18,7,4,.98));
  border-color: rgba(255,123,82,.42);
}

#toast-container .ui-card {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .22);
  max-width: 420px;
  padding: 13px 15px;
  border-left: 4px solid rgba(var(--el-green-rgb, 52, 175, 35), .82);
  color: #fff;
  -webkit-backdrop-filter: blur(18px);
  transform: translateY(-18px);
  animation: v57ToastEnter .28s cubic-bezier(.16,1,.3,1) forwards;
  width: 100%;
  min-height: 56px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg,rgba(20,20,22,.98),rgba(8,8,9,.98));
  box-shadow: 0 22px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);
  opacity: 1;
  pointer-events: auto;
  backdrop-filter: blur(18px);
  border-width: 1px;
}

#toast-container .ui-card[data-toast-type="copied"] {
  background: linear-gradient(180deg,rgba(59,130,246,.22),rgba(8,25,60,.94));
  border-color: rgba(96,165,250,.42);
  box-shadow: 0 18px 55px rgba(59,130,246,.18),0 22px 60px rgba(0,0,0,.52);
  color: #eff6ff;
}

#toast-container .ui-card[data-toast-type="success"] {
  background: linear-gradient(180deg,rgba(var(--el-green-rgb, 52, 175, 35), .20),rgba(8,49,15,.94));
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .38);
  color: #f0fff0;
}

#toast-container .ui-card[data-toast-type="pro"], #toast-container .favorite-pro-only-toast {
  background: linear-gradient(180deg,rgba(var(--el-green-rgb, 52, 175, 35), .22),rgba(6,57,15,.96));
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .46);
  box-shadow: 0 18px 55px rgba(var(--el-green-rgb, 52, 175, 35), .18),0 22px 60px rgba(0,0,0,.52);
  color: #f0fff0;
}

#toast-container .ui-card[data-toast-type="pro"] i, #toast-container .favorite-pro-only-toast i {
  color: #7CFF6B;
}

#toast-container .ui-card[data-toast-type="pro"] {
  background: linear-gradient(180deg,rgba(var(--el-green-rgb, 52, 175, 35), .22),rgba(6,57,15,.96));
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .46);
  box-shadow: 0 18px 55px rgba(var(--el-green-rgb, 52, 175, 35), .18),0 22px 60px rgba(0,0,0,.52);
  color: #f0fff0;
}

#toast-container .ui-card[data-toast-type="pro"] i {
  color: #7CFF6B;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .16);
}

#toast-container .ui-card[data-toast-type="warning"], #toast-container .favorite-pro-only-toast {
  background: linear-gradient(180deg,rgba(255,159,28,.22),rgba(120,63,4,.94));
  border-color: rgba(255,179,107,.42);
  box-shadow: 0 18px 55px rgba(255,159,28,.18),0 22px 60px rgba(0,0,0,.52);
  color: #fff7ed;
}

#toast-container .ui-card[data-toast-type="warning"] i, #toast-container .favorite-pro-only-toast i {
  color: #ffb36b;
  background: rgba(255,159,28,.13);
}

body.page-bg {
  background: var(--el-bg);
  padding-bottom: calc(7.2rem + env(safe-area-inset-bottom));
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

.slider-skeleton-card {
  flex: 0 0 auto;
  width: clamp(310px,31vw,430px);
  aspect-ratio: 16/9;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(110deg,rgba(255,255,255,.025),rgba(var(--el-green-rgb, 52, 175, 35), .07),rgba(255,255,255,.025));
  background-size: 220% 100%;
  animation: mediaSkeletonSweep 1.25s ease-in-out infinite;
}

#modalPromptSummary {
  font-size: 13px;
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 76px;
  overflow: auto;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-wrap;
  line-height: 1.55;
}

/* === Tokens y base visual · parte 3 === */

#modalPromptFull {
  font-size: 11.5px;
  width: 100%;
  max-width: 100%;
  max-height: min(30dvh,260px);
  overflow: auto;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-wrap;
  line-height: 1.55;
  overscroll-behavior: contain;
}

body.page-bg > main {
  width: 100%;
  flex: 1 0 auto;
  min-height: calc(100dvh - 82px);
  display: flex;
  flex-direction: column;
}

body.page-bg > main > .app-layout {
  flex: 1 0 auto;
  min-height: calc(100dvh - 96px);
}

body.page-bg > main > .app-layout > section.min-w-0 {
  min-height: calc(100dvh - 112px);
  display: flex;
  flex-direction: column;
}

#promptModal #modalPromptFull.is-expanded-prompt {
  display: block;
  max-height: 260px;
  overflow: auto;
}

#promptModal #modalPromptSummary.hidden {
  display: none;
}

@keyframes paymentDropOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

@keyframes modalPayShine{0%,62%{left:-60%;opacity:0}70%{opacity:.85}100%{left:122%;opacity:0}}

@keyframes weeklyRotatePulse{0%,100%{transform:rotate(0deg) scale(1);filter:drop-shadow(0 0 0 rgba(var(--el-green-rgb, 52, 175, 35), 0))}38%{transform:rotate(180deg) scale(1.08);filter:drop-shadow(0 0 8px rgba(var(--el-green-rgb, 52, 175, 35), .40))}70%{transform:rotate(360deg) scale(1)}}

@keyframes confettiFall{to{transform:translate3d(var(--x),calc(100vh/**/+40px),0) rotate(var(--r));opacity:0}}

@keyframes weeklyOrbPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,91,69,.34),0 0 16px rgba(255,159,28,.20)}50%{transform:scale(1.075);box-shadow:0 0 0 7px rgba(255,91,69,0),0 0 24px rgba(255,159,28,.36)}}

@keyframes weeklyRotatePulseV23{0%,100%{transform:rotate(0deg)}45%{transform:rotate(190deg)}78%{transform:rotate(360deg)}}

@keyframes weeklySimplePulseV25{0%,100%{transform:scale(1) rotate(0deg);opacity:.82}45%{transform:scale(1.18) rotate(155deg);opacity:1}78%{transform:scale(1.03) rotate(360deg);opacity:.9}}

@keyframes promptBgDrift{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.04)}}

@keyframes elPremiumBgMove{0%{background-position:0% 0%}100%{background-position:100% 40%}}

@keyframes annualPulseSoft{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(var(--el-green-rgb, 52, 175, 35), 0)}50%{transform:scale(1.012);box-shadow:0 0 24px rgba(var(--el-green-rgb, 52, 175, 35), .16)}}

@keyframes softPlanPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(var(--el-green-rgb, 52, 175, 35), 0)}50%{transform:scale(1.012);box-shadow:0 0 18px rgba(var(--el-green-rgb, 52, 175, 35), .10)}}

@keyframes annualSoftPulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--el-green-rgb, 52, 175, 35), .00),0 18px 54px rgba(0,0,0,.40)}50%{box-shadow:0 0 0 1px rgba(var(--el-green-rgb, 52, 175, 35), .18),0 18px 54px rgba(0,0,0,.40),0 0 24px rgba(var(--el-green-rgb, 52, 175, 35), .10)}}

@keyframes annualChoiceGlow{0%,100%{box-shadow:0 18px 52px rgba(0,0,0,.40),0 0 0 rgba(var(--el-green-rgb, 52, 175, 35), 0)}50%{box-shadow:0 18px 52px rgba(0,0,0,.40),0 0 0 1px rgba(var(--el-green-rgb, 52, 175, 35), .16),0 0 28px rgba(var(--el-green-rgb, 52, 175, 35), .16)}}

@keyframes ctaPulseSubtle{0%,100%{filter:brightness(1);box-shadow:0 14px 34px rgba(var(--el-green-rgb, 52, 175, 35), .18)}50%{filter:brightness(1.06);box-shadow:0 16px 42px rgba(var(--el-green-rgb, 52, 175, 35), .30)}}

@keyframes annualSavingPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(var(--el-green-rgb, 52, 175, 35), 0)}50%{transform:scale(1.018);box-shadow:0 0 22px rgba(var(--el-green-rgb, 52, 175, 35), .12)}}

@keyframes v42AnnualShine{0%,100%{filter:brightness(1);box-shadow:0 0 0 rgba(var(--el-green-rgb, 52, 175, 35), 0),0 8px 24px rgba(0,0,0,.18)}50%{filter:brightness(1.12);box-shadow:0 0 22px rgba(var(--el-green-rgb, 52, 175, 35), .22),0 8px 24px rgba(0,0,0,.22)}}

@keyframes v42ToastFromTop{to{transform:translateY(0)}}

@keyframes v43SavePulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 rgba(255,205,86,0)}50%{filter:brightness(1.12);box-shadow:0 0 20px rgba(255,205,86,.24)}}

@keyframes v43ToastDown{to{transform:translateY(0)}}

@keyframes v44SavePulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 rgba(255,209,102,0)}50%{filter:brightness(1.14);box-shadow:0 0 20px rgba(255,209,102,.26)}}

@keyframes toastSlideDownFixed{from{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}

@keyframes v45ToastVisibleDrop{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}

@keyframes v45AnnualGreenPulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 rgba(var(--el-green-rgb, 52, 175, 35), 0)}50%{filter:brightness(1.14);box-shadow:0 0 22px rgba(var(--el-green-rgb, 52, 175, 35), .26)}}

@keyframes v46DiscountPulse{0%,100%{transform:scale(1);filter:brightness(1);box-shadow:0 0 0 rgba(var(--el-green-rgb, 52, 175, 35), 0),inset 0 0 22px rgba(var(--el-green-rgb, 52, 175, 35), .035)}50%{transform:scale(1.012);filter:brightness(1.12);box-shadow:0 0 26px rgba(var(--el-green-rgb, 52, 175, 35), .24),inset 0 0 24px rgba(var(--el-green-rgb, 52, 175, 35), .065)}}

@keyframes v47DiscountPulse{0%,100%{transform:scale(1);box-shadow:0 0 18px rgba(var(--el-green-rgb, 52, 175, 35), .10)}50%{transform:scale(1.012);box-shadow:0 0 34px rgba(var(--el-green-rgb, 52, 175, 35), .24)}}

@keyframes v48DiscountPulse{0%,100%{transform:scale(1);box-shadow:0 0 18px rgba(var(--el-green-rgb, 52, 175, 35), .10)}50%{transform:scale(1.012);box-shadow:0 0 34px rgba(var(--el-green-rgb, 52, 175, 35), .24)}}

@keyframes paywallProShineV49{0%,45%{transform:translateX(-120%);opacity:0}55%{opacity:1}85%,100%{transform:translateX(120%);opacity:0}}

@keyframes discountShineV49{0%,38%{transform:translateX(-120%)}76%,100%{transform:translateX(120%)}}

@keyframes pageLoaderSpin{to{transform:rotate(360deg)}}

@keyframes mediaSkeletonSweep{100%{transform:translateX(110%)}}

@keyframes unlockButtonShineV52{0%,42%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)}}

@keyframes subscriptionProShineV52{0%,45%{transform:translateX(-120%);opacity:0}55%{opacity:1}85%,100%{transform:translateX(120%);opacity:0}}

@keyframes v57ToastEnter{
  from{opacity:0;transform:translateY(-20px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes planPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(246,196,83,.16)}
  50%{transform:scale(1.02);box-shadow:0 0 0 6px rgba(246,196,83,0)}
}

@keyframes mainPaySoftPulseV122{
  0%,100%{
    transform:scale(1);
    box-shadow:0 14px 34px rgba(var(--el-green-rgb, 52, 175, 35), .20),0 0 0 rgba(var(--el-green-rgb, 52, 175, 35), 0);
  }
  50%{
    transform:scale(1.008);
    box-shadow:0 16px 38px rgba(var(--el-green-rgb, 52, 175, 35), .24),0 0 0 5px rgba(var(--el-green-rgb, 52, 175, 35), .035);
  }
}

@keyframes mainPaySoftPulseV123{
  0%,100%{
    transform:scale(1);
    box-shadow:0 8px 18px rgba(0,0,0,.16);
  }
  50%{
    transform:scale(1.008);
    box-shadow:0 10px 20px rgba(0,0,0,.18);
  }
}

@keyframes sliderSkeletonV133{0%{background-position:180% 0}100%{background-position:-60% 0}}

/* === Layout, header, sidebar y navegación === */

.glass-header {
  background: rgba(5,5,5,.90);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

.search-shell:focus-within {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .45);
  background: rgba(255,255,255,.07);
  box-shadow: 0 0 0 1px rgba(var(--el-green-rgb, 52, 175, 35), .10),0 0 28px rgba(var(--el-green-rgb, 52, 175, 35), .08);
}

#mobileSearchPanel {
  transform: translateY(-8px);
  opacity: 0;
  pointer-events: none;
  transition: all .22s ease;
}

#mobileSearchPanel.open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.categories-scroll {
  max-height: 290px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}

.categories-scroll::-webkit-scrollbar {
  width: 4px;
}

.categories-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.categories-scroll::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.12);
  border-radius: 10px;
}

.categories-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--el-green);
}

.app-layout {
  display: grid;
  grid-template-columns: 255px minmax(0,1fr);
  gap: 28px;
  align-items: stretch;
}

.nav-item {
  cursor: pointer;
  transition: all .2s ease;
  border-left: 3px solid transparent;
}

.nav-item:hover, .nav-item.active {
  background: rgba(255,255,255,.052);
  color: #fff;
}

.nav-item.active {
  border-left-color: var(--el-green);
  background: linear-gradient(90deg,rgba(var(--el-green-rgb, 52, 175, 35), .13),transparent);
}

.nav-icon {
  width: 2.15rem;
  height: 2.15rem;
  border-radius: .85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.075);
  color: var(--el-muted);
  transition: all .2s ease;
}

.nav-item.active .nav-icon {
  color: var(--el-green);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .22);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
}

.row-more:hover {
  color: #fff;
}

.section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 .15rem;
  margin-bottom: .58rem;
}

.section-title {
  font-family: "Space Grotesk",Inter,sans-serif;
  font-weight: 950;
  color: #fff;
  line-height: 1.05;
  font-size: clamp(1.02rem,1.55vw,1.28rem);
  letter-spacing: -.03em;
}

.row-more {
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color .2s ease,opacity .2s ease;
  color: rgba(255,255,255,.62);
  font-size: 8.5px;
  letter-spacing: .13em;
}

.mobile-bottom-nav button {
  min-width: 0;
  border-radius: 1rem;
  padding: .55rem .25rem;
  color: #8b8b93;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .2rem;
}

.mobile-bottom-nav button i {
  font-size: 14px;
}

.mobile-bottom-nav button.active, .mobile-bottom-nav button:hover {
  color: #fff;
  background: rgba(255,255,255,.06);
}

.app-sidebar {
  position: sticky;
  top: 5.6rem;
  align-self: stretch;
  height: 100%;
  max-height: calc(100dvh - 6.2rem);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.sidebar-pro-lock-card, .sidebar-pro-status-card {
  background: radial-gradient(circle at 0% 0%,rgba(var(--el-green-rgb, 52, 175, 35), .13),transparent 36%),linear-gradient(180deg,#111112,#070708);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .16);
  box-shadow: 0 18px 48px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04);
}

.sidebar-pro-lock-card h3 span {
  font-size: .72rem;
  color: #8b8b93;
  margin-left: .18rem;
  letter-spacing: 0;
  font-family: Inter,sans-serif;
}

.sidebar-pro-lock-icon {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: .95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--el-green);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .18);
}

.sidebar-category-style-card {
  background: linear-gradient(180deg,rgba(18,18,18,.96),rgba(8,8,8,.96));
  border: 1px solid rgba(255,255,255,.085);
  box-shadow: 0 14px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);
}

/* === Layout, header, sidebar y navegación · parte 2 === */

.sidebar-login-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  width: 100%;
  padding: .78rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.032);
  color: #e4e4e7;
  transition: all .18s ease;
  text-align: left;
}

.sidebar-login-button:hover {
  background: rgba(255,255,255,.06);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .24);
  color: #fff;
}

.sidebar-login-button .nav-icon, .sidebar-category-style-card .nav-icon {
  flex: 0 0 auto;
}

.sidebar-separator {
  height: 1px;
  background: rgba(255,255,255,.065);
  margin: .75rem 0;
}

.weekly-update-chip i {
  animation: weeklyRotatePulse 3.2s ease-in-out infinite;
  transform-origin: center;
}

.sidebar-library-price {
  display: flex;
  align-items: center;
  gap: .68rem;
  min-width: 0;
}

.sidebar-library-icon {
  width: 2.28rem;
  height: 2.28rem;
  border-radius: .95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--el-green);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045),0 0 18px rgba(var(--el-green-rgb, 52, 175, 35), .08);
  flex: 0 0 auto;
}

.sidebar-visitor-note {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.065);
  background: rgba(255,255,255,.028);
  padding: .72rem;
  color: #8d8d96;
  font-size: 10.5px;
  font-weight: 750;
  line-height: 1.35;
}

.sidebar-visitor-note i {
  color: var(--el-green);
  margin-top: .1rem;
}

.sidebar-clean-header {
  padding: .86rem .92rem .78rem;
  border-bottom: 1px solid rgba(255,255,255,.055);
  margin-bottom: .25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
}

.sidebar-clean-kicker {
  display: block;
  color: var(--el-green);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .22em;
  text-transform: uppercase;
  line-height: 1;
}

.sidebar-clean-title {
  margin: .36rem 0 0;
  color: #fff;
  font-family: "Space Grotesk",Inter,sans-serif;
  font-size: 1.12rem;
  line-height: .98;
  font-weight: 950;
  letter-spacing: -.045em;
}

.sidebar-clean-icon {
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  border-radius: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--el-green);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  font-size: .82rem;
}

.sidebar-account-card, .sidebar-pro-card-v22 {
  background: linear-gradient(180deg,rgba(18,18,18,.96),rgba(8,8,8,.96));
  border: 1px solid rgba(255,255,255,.085);
  box-shadow: 0 14px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);
}

.sidebar-pro-card-v22 {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .14);
}

.sidebar-card-body {
  padding: .78rem;
}

.sidebar-account-note {
  display: flex;
  align-items: flex-start;
  gap: .56rem;
  padding: .72rem;
  border-radius: 1rem;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .12);
  background: linear-gradient(90deg,rgba(var(--el-green-rgb, 52, 175, 35), .075),rgba(255,255,255,.025));
  color: #a4a4ad;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.42;
  margin-bottom: .72rem;
}

.sidebar-account-note i {
  color: var(--el-green);
  margin-top: .08rem;
  font-size: .72rem;
}

.sidebar-unlock-panel p {
  margin: 0 0 .64rem;
  color: #a7a7b0;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 760;
}

.pro-subscription-mini-card, .pro-renewal-row, .subscription-ring, .sidebar-library-price, .sidebar-visitor-note {
  display: none;
}

.weekly-update-chip-v23 {
  color: #f1f5f9;
  background: rgba(255,159,28,.075);
  border: 1px solid rgba(255,159,28,.22);
  box-shadow: 0 0 0 1px rgba(255,255,255,.025),0 0 22px rgba(255,159,28,.05);
}

.sidebar-unlock-panel {
  border-radius: 1rem;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .14);
  background: radial-gradient(circle at 0% 0%,rgba(var(--el-green-rgb, 52, 175, 35), .105),transparent 42%),rgba(255,255,255,.026);
  margin-top: .58rem;
  padding: .62rem;
}

/* === Layout, header, sidebar y navegación · parte 3 === */

.sidebar-unlock-button {
  width: 100%;
  min-height: 2.82rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .72rem .7rem;
  text-align: center;
  font-size: 9px;
  line-height: 1.05;
  letter-spacing: .085em;
  white-space: normal;
  overflow: hidden;
}

.sidebar-login-simple {
  min-height: 2.92rem;
  padding: .64rem .7rem;
  border-radius: 1rem;
}

.sidebar-login-simple .account-access-icon {
  width: 1.92rem;
  height: 1.92rem;
  flex-basis: 1.92rem;
}

.sidebar-legal-links {
  margin-top: .66rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  color: #6f6f78;
  font-size: 9px;
  font-weight: 850;
}

.sidebar-legal-links a {
  color: #85858f;
  transition: .18s ease;
}

.sidebar-primary-actions {
  display: grid;
  gap: .58rem;
  margin-bottom: .72rem;
}

.sidebar-unlock-main {
  width: 100%;
  min-height: 3rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .75rem .8rem;
  background: linear-gradient(135deg,var(--el-green),#25891b);
  color: #fff;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .55);
  box-shadow: 0 14px 34px rgba(var(--el-green-rgb, 52, 175, 35), .24),inset 0 1px 0 rgba(255,255,255,.14);
  font-size: 10px;
  line-height: 1.05;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 950;
  white-space: normal;
  overflow: hidden;
}

.sidebar-unlock-main:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(var(--el-green-rgb, 52, 175, 35), .30),inset 0 1px 0 rgba(255,255,255,.16);
}

.sidebar-unlock-main i {
  font-size: .72rem;
}

.sidebar-locked-links {
  padding-top: .12rem;
}

.sidebar-account-card .sidebar-legal-links {
  margin-top: .72rem;
  padding-top: .65rem;
  border-top: 1px solid rgba(255,255,255,.055);
}

.sidebar-account-card .sidebar-login-simple {
  margin-top: 0;
}

.weekly-update-chip-v25 {
  color: var(--el-green);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .20);
  box-shadow: none;
}

.sidebar-account-card-v25 {
  background: linear-gradient(180deg,rgba(18,18,18,.96),rgba(8,8,8,.96));
  border: 1px solid rgba(255,255,255,.085);
  box-shadow: 0 14px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);
}

.sidebar-primary-actions-v25 {
  display: grid;
  gap: .48rem;
  margin-bottom: .62rem;
}

.sidebar-unlock-main-v25 {
  width: 100%;
  min-height: 2.85rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .48rem;
  padding: .74rem .78rem;
  background: linear-gradient(135deg,var(--el-green),#25891b);
  color: #fff;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .50);
  box-shadow: 0 14px 34px rgba(var(--el-green-rgb, 52, 175, 35), .22),inset 0 1px 0 rgba(255,255,255,.14);
  font-size: 9px;
  line-height: 1.05;
  letter-spacing: .115em;
  text-transform: uppercase;
  font-weight: 950;
  text-align: center;
  transition: .18s ease;
}

.sidebar-unlock-main-v25:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(var(--el-green-rgb, 52, 175, 35), .28),inset 0 1px 0 rgba(255,255,255,.16);
}

.sidebar-or-v25 {
  text-align: center;
  color: #696971;
  font-size: 8px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .16em;
  line-height: 1;
  margin: -.02rem 0;
}

.sidebar-login-simple-v25, .sidebar-mini-link-v25 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .62rem;
  border-radius: .92rem;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.032);
  color: #e5e7eb;
  text-align: left;
  transition: .18s ease;
}

.sidebar-login-simple-v25 {
  min-height: 2.78rem;
  padding: .62rem .68rem;
}

.sidebar-login-simple-v25:hover, .sidebar-mini-link-v25:hover {
  background: rgba(255,255,255,.055);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .22);
  color: #fff;
}

.sidebar-mini-links-v25 {
  display: grid;
  gap: .42rem;
}

.sidebar-locked-links-v25 {
  padding-top: .42rem;
  border-top: 1px solid rgba(255,255,255,.055);
}

/* === Layout, header, sidebar y navegación · parte 4 === */

.sidebar-mini-link-v25 {
  min-height: 2.48rem;
  padding: .5rem .58rem;
}

.sidebar-mini-link-v25.is-locked {
  color: #a1a1aa;
}

.sidebar-mini-left-v25 {
  display: flex;
  align-items: center;
  gap: .56rem;
  min-width: 0;
}

.sidebar-mini-icon-v25 {
  width: 1.82rem;
  height: 1.82rem;
  flex: 0 0 1.82rem;
  border-radius: .72rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.075);
  color: var(--el-muted);
  font-size: .72rem;
}

.sidebar-mini-link-v25:hover .sidebar-mini-icon-v25, .sidebar-login-simple-v25:hover .sidebar-mini-icon-v25 {
  color: var(--el-green);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .22);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
}

.sidebar-mini-left-v25 strong {
  display: block;
  color: inherit;
  font-size: .68rem;
  line-height: 1.05;
  font-weight: 950;
}

.sidebar-mini-left-v25 small {
  display: block;
  margin-top: .15rem;
  color: #767680;
  font-size: .50rem;
  line-height: 1.1;
  font-weight: 850;
}

.sidebar-mini-arrow-v25 {
  color: #5f5f68;
  font-size: .62rem;
  flex: 0 0 auto;
}

.sidebar-legal-links-v25 {
  margin-top: .58rem;
  padding-top: .58rem;
  border-top: 1px solid rgba(255,255,255,.055);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  color: #6f6f78;
  font-size: 8.5px;
  font-weight: 850;
}

.sidebar-legal-links-v25 a {
  color: #85858f;
  transition: .18s ease;
}

.sidebar-account-card-v26 {
  background: linear-gradient(180deg,rgba(18,18,18,.90),rgba(8,8,8,.92));
  border: 1px solid rgba(255,255,255,.075);
  box-shadow: 0 12px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03);
  opacity: .96;
}

.sidebar-account-card-v26:hover {
  opacity: 1;
}

.sidebar-primary-actions-v26 {
  display: grid;
  gap: .45rem;
  margin-bottom: .58rem;
}

.sidebar-unlock-main-v26 {
  width: 100%;
  min-height: 2.74rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .7rem .75rem;
  background: linear-gradient(135deg,var(--el-green),#25891b);
  color: #fff;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .46);
  box-shadow: 0 12px 28px rgba(var(--el-green-rgb, 52, 175, 35), .20),inset 0 1px 0 rgba(255,255,255,.13);
  font-size: 9px;
  line-height: 1.05;
  letter-spacing: .105em;
  text-transform: uppercase;
  font-weight: 950;
  text-align: center;
  transition: .18s ease;
}

.sidebar-unlock-main-v26:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(var(--el-green-rgb, 52, 175, 35), .26),inset 0 1px 0 rgba(255,255,255,.16);
}

.sidebar-or-v26 {
  text-align: center;
  color: #65656d;
  font-size: 8px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .16em;
  line-height: 1;
  margin: -.01rem 0;
}

.sidebar-login-simple-v26 {
  width: 100%;
  min-height: 2.62rem;
  padding: .58rem .64rem;
  border-radius: .95rem;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.032);
  color: #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  transition: .18s ease;
}

.sidebar-login-simple-v26:hover {
  background: rgba(255,255,255,.055);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .22);
  color: #fff;
}

.sidebar-login-icon-v26 {
  width: 1.82rem;
  height: 1.82rem;
  flex: 0 0 1.82rem;
  border-radius: .72rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.075);
  color: var(--el-muted);
  font-size: .72rem;
}

.sidebar-login-simple-v26 strong {
  margin-right: auto;
  color: inherit;
  font-size: .69rem;
  line-height: 1.05;
  font-weight: 950;
}

.sidebar-login-arrow-v26 {
  color: #5f5f68;
  font-size: .62rem;
}

.sidebar-mini-grid-v26 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .48rem;
}

/* === Layout, header, sidebar y navegación · parte 5 === */

.sidebar-square-link-v26 {
  min-height: 4.05rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.027);
  color: #c6c6cf;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  transition: .18s ease;
  position: relative;
}

.sidebar-square-link-v26:hover {
  background: rgba(255,255,255,.052);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .20);
  color: #fff;
}

.sidebar-square-link-v26.is-locked::after {
  content: "\\f023";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: .52rem;
  top: .48rem;
  color: #777781;
  font-size: .55rem;
}

.sidebar-square-icon-v26 {
  width: 1.86rem;
  height: 1.86rem;
  border-radius: .78rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.075);
  color: var(--el-muted);
  font-size: .78rem;
}

.sidebar-square-link-v26:hover .sidebar-square-icon-v26 {
  color: var(--el-green);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .22);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
}

.sidebar-square-link-v26 strong {
  font-size: .62rem;
  font-weight: 950;
  line-height: 1;
  text-align: center;
}

.sidebar-community-links-v26 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .42rem;
  margin-top: .58rem;
  padding-top: .58rem;
  border-top: 1px solid rgba(255,255,255,.055);
}

.sidebar-community-links-v26 a {
  min-height: 2rem;
  border-radius: .82rem;
  border: 1px solid rgba(255,255,255,.065);
  background: rgba(255,255,255,.026);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  color: #92929b;
  font-size: .55rem;
  font-weight: 950;
  transition: .18s ease;
}

.sidebar-community-links-v26 a:hover {
  color: var(--el-green);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .20);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .07);
}

.sidebar-legal-links-v26 {
  margin-top: .54rem;
  padding-top: .54rem;
  border-top: 1px solid rgba(255,255,255,.055);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  color: #6f6f78;
  font-size: 8.5px;
  font-weight: 850;
}

.sidebar-legal-links-v26 a {
  color: #85858f;
  transition: .18s ease;
}

.sidebar-account-card-v27 {
  background: linear-gradient(180deg,rgba(18,18,18,.90),rgba(8,8,8,.92));
  border: 1px solid rgba(255,255,255,.075);
  box-shadow: 0 12px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03);
  opacity: .96;
}

.sidebar-primary-actions-v27 {
  display: grid;
  gap: .46rem;
  margin-bottom: .6rem;
}

.sidebar-unlock-main-v27 {
  width: 100%;
  min-height: 2.76rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .72rem .76rem;
  background: linear-gradient(135deg,var(--el-green),#25891b);
  color: #fff;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .46);
  box-shadow: 0 12px 28px rgba(var(--el-green-rgb, 52, 175, 35), .20),inset 0 1px 0 rgba(255,255,255,.13);
  font-size: 9px;
  line-height: 1.05;
  letter-spacing: .105em;
  text-transform: uppercase;
  font-weight: 950;
  text-align: center;
  transition: .18s ease;
}

.sidebar-unlock-main-v27:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(var(--el-green-rgb, 52, 175, 35), .26),inset 0 1px 0 rgba(255,255,255,.16);
}

.sidebar-mini-grid-v27 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .48rem;
}

.sidebar-square-link-v27 {
  min-height: 4.05rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.027);
  color: #c6c6cf;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  transition: .18s ease;
  position: relative;
}

.sidebar-square-link-v27:hover {
  background: rgba(255,255,255,.052);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .20);
  color: #fff;
}

.sidebar-square-link-v27.is-locked::after {
  content: "\\f023";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: .52rem;
  top: .48rem;
  color: #777781;
  font-size: .55rem;
}

/* === Layout, header, sidebar y navegación · parte 6 === */

.sidebar-square-icon-v27 {
  width: 1.86rem;
  height: 1.86rem;
  border-radius: .78rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.075);
  color: var(--el-muted);
  font-size: .78rem;
}

.sidebar-square-link-v27:hover .sidebar-square-icon-v27 {
  color: var(--el-green);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .22);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
}

.sidebar-square-link-v27 strong {
  font-size: .62rem;
  font-weight: 950;
  line-height: 1;
  text-align: center;
}

.sidebar-legal-links-v27 {
  margin-top: .54rem;
  padding-top: .54rem;
  border-top: 1px solid rgba(255,255,255,.055);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  color: #6f6f78;
  font-size: 8.5px;
  font-weight: 850;
}

.sidebar-legal-links-v27 a {
  color: #85858f;
  transition: .18s ease;
}

.sidebar-account-desktop-v28 {
  background: linear-gradient(180deg,rgba(18,18,18,.88),rgba(8,8,8,.92));
  border: 1px solid rgba(255,255,255,.075);
  box-shadow: 0 12px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03);
  opacity: .94;
}

.sidebar-account-main-v28 {
  width: 100%;
  min-height: 2.72rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .46rem;
  padding: .72rem .78rem;
  background: linear-gradient(135deg,var(--el-green),#25891b);
  color: #fff;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .44);
  box-shadow: 0 12px 28px rgba(var(--el-green-rgb, 52, 175, 35), .18),inset 0 1px 0 rgba(255,255,255,.13);
  font-size: 9px;
  line-height: 1.05;
  letter-spacing: .105em;
  text-transform: uppercase;
  font-weight: 950;
  text-align: center;
  transition: .18s ease;
}

.sidebar-account-main-v28:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(var(--el-green-rgb, 52, 175, 35), .24),inset 0 1px 0 rgba(255,255,255,.16);
}

.sidebar-legal-v28 {
  margin-top: .54rem;
  padding-top: .54rem;
  border-top: 1px solid rgba(255,255,255,.055);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  color: #6f6f78;
  font-size: 8.5px;
  font-weight: 850;
}

.sidebar-legal-v28 a {
  color: #85858f;
  transition: .18s ease;
}

.sidebar-pro-card-v28 {
  background: linear-gradient(180deg,rgba(18,18,18,.88),rgba(8,8,8,.92));
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .12);
  box-shadow: 0 12px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.03);
  padding: .75rem;
  opacity: .95;
}

.sidebar-pro-row-v28 {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: .62rem;
  align-items: center;
}

.sidebar-pro-icon-v28 {
  width: 2rem;
  height: 2rem;
  border-radius: .78rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .18);
  color: var(--el-green);
  font-size: .78rem;
}

.sidebar-pro-row-v28 small {
  display: block;
  color: var(--el-green);
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .17em;
  text-transform: uppercase;
  line-height: 1;
}

.sidebar-pro-row-v28 strong {
  display: block;
  color: #fff;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.05;
  margin-top: .22rem;
}

.sidebar-pro-row-v28 button {
  min-height: 1.85rem;
  padding: 0 .62rem;
  border-radius: 999px;
  border: 1px solid rgba(255,159,28,.24);
  background: rgba(255,159,28,.085);
  color: #ffd18b;
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sidebar-pro-track-v28 {
  height: 5px;
  border-radius: 999px;
  background: rgba(255,255,255,.075);
  overflow: hidden;
  margin-top: .62rem;
}

.sidebar-pro-track-v28 span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,#ff9f1c,var(--el-green));
}

.sidebar-pro-card-v28 p {
  margin: .45rem 0 0;
  color: #8c8c96;
  font-size: 9px;
  font-weight: 760;
  line-height: 1.3;
}

.sidebar-or-v29 {
  text-align: center;
  color: #686872;
  font-size: 8px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .16em;
  line-height: 1;
  margin: .52rem 0;
}

/* === Layout, header, sidebar y navegación · parte 7 === */

.sidebar-account-login-v29 {
  width: 100%;
  min-height: 2.62rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .46rem;
  padding: .7rem .76rem;
  background: rgba(255,255,255,.035);
  color: #e5e7eb;
  border: 1px solid rgba(255,255,255,.085);
  font-size: 9px;
  line-height: 1.05;
  letter-spacing: .105em;
  text-transform: uppercase;
  font-weight: 950;
  text-align: center;
  transition: .18s ease;
}

.sidebar-account-login-v29:hover {
  color: #fff;
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .24);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .075);
  transform: translateY(-1px);
}

.admin-editor-preview-mode .section-title {
  cursor: pointer;
}

.admin-editor-preview-mode .section-title:hover {
  color: #dfffda;
}

.section-title:hover .slider-title-edit-icon {
  opacity: 1;
  filter: drop-shadow(0 0 7px rgba(var(--el-green-rgb, 52, 175, 35), .35));
}

#mobileCategories .nav-icon, #mobileCategorySheet .nav-icon {
  color: #8fff7c;
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .20);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .08);
}

#mobileCategoryPanel, #mobileAccountSheet .modal-content, #mobileFavoritesSheet .modal-content, #loginModal .modal-content {
  border: 1px solid rgba(255,255,255,.095);
  background: radial-gradient(circle at 10% 0%,rgba(var(--el-green-rgb, 52, 175, 35), .10),transparent 30%),linear-gradient(180deg,#101011,#070708);
  box-shadow: 0 28px 90px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.035);
}

#mobileCategories .nav-item {
  min-height: 58px;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.032);
  border-radius: 18px;
  padding: 12px;
}

#mobileCategories .nav-item.active, #mobileCategories .nav-item:hover {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .34);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .085);
}

#mobileCategories .nav-icon, .mobile-bottom-nav button.active i, .mobile-bottom-nav button:hover i {
  color: transparent;
  background: linear-gradient(90deg,var(--el-green),var(--el-green-2));
  -webkit-background-clip: text;
  background-clip: text;
}

.account-option-v27, #mobileFavoritesSheet .nav-item {
  border-color: rgba(255,255,255,.085);
  background: radial-gradient(circle at 0% 0%,rgba(var(--el-green-rgb, 52, 175, 35), .06),transparent 38%),rgba(255,255,255,.032);
}

.account-option-v27:hover, #mobileFavoritesSheet .nav-item:hover {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .24);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .07);
}

#mobileCategoryPanel .nav-item.active .nav-icon, #mobileCategoryPanel .nav-item:hover .nav-icon {
  color: #8fff7c;
  filter: drop-shadow(0 0 10px rgba(var(--el-green-rgb, 52, 175, 35), .22));
}

.sidebar-account-main-v28.compact {
  min-height: 48px;
  padding: .65rem .55rem;
  justify-content: center;
  text-align: center;
  border-radius: 1rem;
}

.sidebar-account-main-v28.compact i {
  margin-right: .25rem;
  color: var(--el-green);
}

#mobileCategorySheet.active {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: calc(72px+env(safe-area-inset-top)) 12px 16px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#mobileCategorySheet > .absolute.inset-0 {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#mobileCategories {
  gap: 10px;
}

#mobileCategoryPanel .nav-item .nav-icon {
  background: rgba(var(--el-green-rgb, 52, 175, 35), .11);
  color: #5fe650;
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .20);
}

#mobileCategorySheet {
  align-items: flex-start;
  justify-content: center;
  padding: calc(68px+env(safe-area-inset-top)) 12px 18px;
}

#mobileCategoryPanel {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  transform: none;
  margin: 0 auto;
  width: min(calc(100vw - 24px),430px);
  max-height: min(76dvh,650px);
  background: linear-gradient(180deg,#111112,#070708);
  border: 1px solid rgba(255,255,255,.115);
  box-shadow: 0 28px 90px rgba(0,0,0,.76),inset 0 1px 0 rgba(255,255,255,.035);
  border-radius: 26px;
  padding: 16px;
}

#mobileCategoryPanel .nav-item {
  background: rgba(255,255,255,.038);
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 19px;
  min-height: 66px;
  padding: 12px;
}

#mobileCategoryPanel .nav-item.active {
  background: rgba(var(--el-green-rgb, 52, 175, 35), .075);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .34);
  box-shadow: 0 0 0 1px rgba(var(--el-green-rgb, 52, 175, 35), .06);
}

#mobileCategoryPanel .nav-icon, .mobile-bottom-nav button.active i, .mobile-bottom-nav button:hover i {
  color: var(--eldrin-green);
  filter: drop-shadow(0 0 8px rgba(var(--el-green-rgb, 52, 175, 35), .24));
}

#mobileCategoryPanel .nav-icon {
  color: var(--el-green);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .105);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .20);
}

#mobileCategories .nav-item:hover {
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.09);
}

#mobileCategories .nav-item.active {
  background: linear-gradient(135deg,rgba(var(--el-green-rgb, 52, 175, 35), .14),rgba(var(--el-green-rgb, 52, 175, 35), .035));
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .30);
}

/* === Layout, header, sidebar y navegación · parte 8 === */

#desktopCategories .nav-item:not(.active):hover {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.09);
}

#desktopCategories .nav-item.active {
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .28);
}

#libraryIntroTitle h1, #catalogHeader h1 {
  width: 100%;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  word-break: normal;
  hyphens: none;
  line-height: 1.08;
  padding: 0 0 .08em;
  margin: 0;
}

#libraryIntroTitle p, #catalogHeader p {
  width: 100%;
  max-width: none;
  overflow: visible;
  white-space: normal;
  padding-right: 0;
}

.mobile-bottom-nav button i.fa-bookmark, .account-pro-actions .fa-bookmark, .account-pro-desktop-btn .fa-bookmark {
  color: var(--el-green);
}

#libraryIntroTitle, #libraryIntroTitle * {
  overflow: visible;
  max-height: none;
  min-height: 0;
  white-space: normal;
  text-overflow: clip;
}

.legal-site-footer nav a:not(:first-child) {
  display: none;
}

.sidebar-pro-icon-v28 i::before {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.legal-site-footer nav {
  align-items: center;
  flex-wrap: wrap;
  margin-top: .85rem;
  justify-content: center;
  gap: 0;
  display: none;
}

#libraryIntroTitle, #libraryIntroTitle h1, #libraryIntroTitle p {
  overflow: visible;
  max-height: none;
  height: auto;
  white-space: normal;
  text-overflow: clip;
  max-width: none;
  width: 100%;
}

#libraryIntroTitle {
  overflow: visible;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

#libraryIntroTitle h1 {
  overflow: visible;
  hyphens: none;
  display: block;
  width: 100%;
  max-width: none;
  letter-spacing: -0.055em;
  padding-bottom: .05em;
  line-height: 1.12;
  word-break: normal;
  overflow-wrap: anywhere;
  padding: .06em 0 .14em;
}

#libraryIntroTitle p {
  max-width: none;
  width: 100%;
  line-height: 1.55;
  overflow-wrap: break-word;
}

#mobileAccountSheet .text-brand-green, .sidebar-account-desktop-v28 .text-brand-green {
  color: #8fff7c;
}

.account-subscription-v27, .sidebar-account-desktop-v28, .subscription-manage-card {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .16);
  background: radial-gradient(circle at 0 0,rgba(var(--el-green-rgb, 52, 175, 35), .065),transparent 38%),linear-gradient(180deg,rgba(17,17,18,.99),rgba(7,7,8,.99));
}

.mobile-bottom-nav button[data-nav="favorites"].active i, .mobile-bottom-nav button[data-nav="favorites"]:hover i {
  color: #dfffda;
  filter: none;
}

.sidebar-pro-icon-v28 i, .pro-status-pill i {
  color: var(--el-green);
  filter: drop-shadow(0 0 7px rgba(var(--el-green-rgb, 52, 175, 35), .22));
}

.sidebar-pro-icon-v28 i::before, .pro-status-pill i::before {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.legal-site-footer div {
  box-sizing: border-box;
}

.legal-site-footer p {
  margin-bottom: 10px;
  margin: 0 0 .56rem;
  color: rgba(156,163,175,.58);
  font-size: 10px;
  line-height: 1.25;
  font-weight: 700;
}

.legal-site-footer .flex {
  gap: 1.2rem;
  flex-wrap: wrap;
  line-height: 1.15;
  letter-spacing: .10em;
  font-size: 8.4px;
}

.legal-site-footer a {
  margin: 0;
  font-weight: 900;
  color: rgba(147,197,253,.62);
  text-decoration: none;
}

.legal-site-footer a:hover {
  color: #fff;
}

.account-pro-actions, .sidebar-account-desktop-v28 .grid.grid-cols-2 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .62rem;
  align-items: stretch;
}

.account-pro-actions .fa-bookmark, .account-pro-desktop-btn .fa-bookmark, .mobile-bottom-nav button[data-nav="favorites"] i {
  filter: none;
  color: #9a9fa6;
}

.sidebar-account-main-v28,.sidebar-account-login-v29,.account-subscription-button,.account-login-button-v27{
  font-size: 10px;
  letter-spacing: .105em;
  line-height: 1.05;
}

.sidebar-account-main-v28, .sidebar-account-login-v29 {
  min-height: 46px;
  padding: .76rem .72rem;
  font-size: 9.4px;
  overflow: hidden;
}

.sidebar-account-main-v28 span, .sidebar-account-login-v29 span {
  white-space: normal;
  line-height: 1.05;
}

/* === Layout, header, sidebar y navegación · parte 9 === */

.sidebar-account-desktop-v28 .grid.grid-cols-2, .account-pro-actions {
  display: grid;
  align-items: stretch;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .5rem;
}

#libraryIntroTitle, #catalogHeader {
  position: relative;
  top: auto;
  z-index: auto;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  isolation: auto;
  padding: 0;
}

#libraryIntroTitle::before, #catalogHeader::before {
  content: none;
  display: none;
}

#mobileCategorySheet.active, #notificationsModal.active, #loginModal.active, #mobileFavoritesSheet.active, #mobileAccountSheet.active {
  display: flex;
  align-items: center;
  justify-content: center;
}

#mobileCategoryPanel, #notificationsModal .notification-modal-card, #loginModal .modal-content, #mobileFavoritesSheet .modal-content, #mobileAccountSheet .modal-content {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  transform: none;
  width: min(calc(100vw - 24px),430px);
  max-height: min(78dvh,680px);
  margin: auto;
}

.mobile-bottom-nav {
  display: none;
  grid-template-columns: repeat(5,1fr);
  gap: .25rem;
  border-radius: 1.35rem;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,10,.94);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  box-shadow: 0 20px 50px rgba(0,0,0,.72);
  padding: .42rem;
  position: fixed;
  left: 50%;
  right: auto;
  bottom: max(.45rem,env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 90;
  width: min(calc(100vw - 1rem),430px);
}

#catalogHeader, #libraryIntroTitle {
  max-width: 100%;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
}

#catalogHeader {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: visible;
  padding: 1.15rem;
  border-radius: 1.5rem;
}

#catalogHeader h1, #catalogTitle {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
  line-height: 1.08;
  margin: 0;
}

.mobile-tabbar, .app-mobile-footer, .mobile-bottom-nav {
  position: fixed;
  left: 50%;
  right: auto;
  bottom: calc(8px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  width: min(calc(100vw - 18px),430px);
  z-index: 2147482000;
  margin: 0;
}

.legal-site-footer > div {
  padding-top: .95rem;
  padding-bottom: 0;
  border-top: 1px solid rgba(255,255,255,.055);
  width: min(100%,980px);
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
}

.sidebar-days-visual {
  margin: 12px 10px 10px;
  padding: 11px;
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.075);
}

.desktop-home-category-v135 {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .16);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .055);
  color: #eaffea;
}

.desktop-home-category-v135.active {
  background: linear-gradient(90deg,rgba(var(--el-green-rgb, 52, 175, 35), .18),rgba(var(--el-green-rgb, 52, 175, 35), .04));
  color: #fff;
}

#contentArea {
  flex: 1 0 auto;
}

.legal-site-footer {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 650;
  padding-top: 1.4rem;
  border-top: 0;
  color: inherit;
  background: transparent;
  border: 0;
  text-align: center;
  transform: none;
  max-width: 100%;
  margin: 1.1rem 0 0;
  padding: 0 0 calc(1.05rem+env(safe-area-inset-bottom));
  display: block;
  visibility: visible;
  position: static;
  flex: 0 0 auto;
  padding-bottom: 1.2rem;
  margin-top: auto;
  width: 100%;
}

/* === Cards, sliders, catálogo y prompts === */

.stream-slider::-webkit-scrollbar {
  display: none;
}

.stream-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .55s ease,opacity .25s ease;
}

.stream-card:hover .stream-thumb img {
  transform: scale(1.04);
}

.access-chip.pro {
  color: #ffe08a;
  border-color: rgba(245,158,11,.30);
  background: rgba(245,158,11,.14);
}

.prompt-copy-footer {
  flex: 0 0 auto;
  padding: .85rem 1.35rem 1.15rem;
  border-top: 1px solid rgba(255,255,255,.075);
  background: linear-gradient(180deg,rgba(16,16,16,.90),rgba(8,8,8,.98));
}

.prompt-full-box {
  max-height: 185px;
  overflow-y: auto;
}

.stream-slider.dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}

.stream-meta {
  color: rgba(255,255,255,.58);
  margin-top: 5px;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .14em;
  display: none;
}

.stream-title {
  color: #fff;
  font-weight: 950;
  text-shadow: 0 2px 18px rgba(0,0,0,.80);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.06;
  letter-spacing: -.01em;
}

.access-chip {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.13);
  backdrop-filter: blur(10px);
  border-radius: 999px;
  line-height: 1;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .10em;
  top: 8px;
  left: 8px;
  padding: 4.5px 7px;
  font-size: 7.5px;
  background: rgba(0,0,0,.68);
}

.stream-card:hover .stream-thumb {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .28);
  box-shadow: 0 18px 44px rgba(0,0,0,.58),0 0 0 1px rgba(var(--el-green-rgb, 52, 175, 35), .065);
  transform: translateY(-2px) scale(1.006);
}

.variant-card:hover, .variant-card.is-active {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .55);
  box-shadow: 0 0 0 1px rgba(var(--el-green-rgb, 52, 175, 35), .10),0 12px 28px rgba(0,0,0,.35);
}

.prompt-creator-note {
  display: grid;
  gap: .25rem;
  margin-top: .65rem;
  text-align: center;
  color: #7d7d86;
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1.25;
}

.prompt-creator-note span:first-child {
  color: #b8b8bf;
}

.prompt-creator-note i {
  color: var(--el-green);
  margin-right: .25rem;
}

.prompt-creator-note a {
  font-weight: 950;
}

.variant-card.is-active {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .55);
  box-shadow: 0 0 0 1px rgba(var(--el-green-rgb, 52, 175, 35), .12),0 0 22px rgba(var(--el-green-rgb, 52, 175, 35), .08);
}

.quick-library-link {
  display: flex;
  align-items: center;
  gap: .7rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.032);
  padding: .75rem;
  color: #d4d4d8;
  transition: all .18s ease;
}

.quick-library-link:hover {
  background: rgba(255,255,255,.06);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .25);
  color: #fff;
}

.quick-library-link i {
  color: var(--el-green);
  width: 1.65rem;
  height: 1.65rem;
  border-radius: .65rem;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .78rem;
}

.pro-preview-mini {
  border: 1px solid rgba(255,255,255,.08);
  background: #0b0b0c;
  border-radius: 1.15rem;
  padding: .85rem;
}

.pro-preview-mini p {
  font-size: 8px;
  color: #85858f;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.pro-preview-mini strong {
  display: block;
  color: #fff;
  font-family: "Space Grotesk",Inter,sans-serif;
  font-size: 1rem;
  font-weight: 950;
  margin-top: .15rem;
}

.pro-preview-mini button {
  border-radius: 999px;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .18);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  color: #8fff7c;
  font-size: 8px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .12em;
  padding: .42rem .6rem;
}

/* === Cards, sliders, catálogo y prompts · parte 2 === */

.stream-slider {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-behavior: smooth;
  padding: 2px 2px 14px;
  cursor: grab;
  touch-action: pan-x;
  gap: 11px;
}

.catalog-end-notice {
  position: fixed;
  left: 50%;
  bottom: 1rem;
  transform: translate(-50%,130%);
  opacity: 0;
  pointer-events: none;
  z-index: 118;
  width: min(560px,calc(100vw - 1.5rem));
  transition: opacity .28s ease,transform .34s cubic-bezier(.16,1,.3,1);
}

.catalog-end-notice.show {
  opacity: 1;
  transform: translate(-50%,0);
}

.catalog-end-notice-card {
  position: relative;
  overflow: hidden;
  border-radius: 1.35rem;
  border: 1px solid rgba(255,255,255,.10);
  background: radial-gradient(circle at 12% 0%,rgba(var(--el-green-rgb, 52, 175, 35), .18),transparent 35%),linear-gradient(180deg,rgba(18,18,20,.98),rgba(7,7,8,.98));
  box-shadow: 0 24px 80px rgba(0,0,0,.78),0 0 34px rgba(var(--el-green-rgb, 52, 175, 35), .10),inset 0 1px 0 rgba(255,255,255,.05);
  padding: 1rem 1.15rem;
  text-align: left;
}

.catalog-end-notice-card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--el-green);
  box-shadow: 0 0 22px rgba(var(--el-green-rgb, 52, 175, 35), .72);
}

.catalog-end-kicker {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: #8fff7c;
  font-size: .58rem;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: .35rem;
}

.catalog-end-notice-card strong {
  display: block;
  color: #fff;
  font-family: "Space Grotesk",Inter,sans-serif;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.045em;
}

.catalog-end-notice-card p {
  margin: .35rem 0 0;
  color: #a1a1aa;
  font-size: .78rem;
  font-weight: 720;
  line-height: 1.35;
}

.is-member-pro .stream-thumb::after {
  background: linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.13) 48%,rgba(0,0,0,.05));
}

.is-member-pro .stream-meta {
  display: none;
}

.admin-editor-preview-mode::before {
  content: "MODO EDITAR";
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 9999;
  height: 34px;
  border-radius: 999px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .14);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .32);
  backdrop-filter: blur(14px);
  color: #dfffda;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
  pointer-events: none;
}

.admin-editor-preview-mode .stream-card {
  position: relative;
}

.admin-editor-preview-mode .stream-card:hover {
  outline: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .28);
  outline-offset: 3px;
}

.admin-card-tools {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 8px;
  z-index: 8;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(-4px);
  transition: .16s ease;
  pointer-events: none;
}

.admin-editor-preview-mode .stream-card:hover .admin-card-tools, .admin-editor-preview-mode .stream-card:focus-within .admin-card-tools {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.admin-card-btn {
  height: 24px;
  padding: 0 7px;
  box-shadow: 0 6px 18px rgba(0,0,0,.32);
}

.admin-add-card {
  flex: 0 0 auto;
  width: 188px;
  aspect-ratio: 16/9;
  border-radius: 22px;
  border-style: dashed;
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: center;
  justify-content: center;
  min-height: 106px;
}

.admin-add-card i {
  font-size: 18px;
}

.admin-add-card span {
  font-size: 9px;
  color: #fff;
}

.admin-variant-add {
  width: 88px;
  height: 72px;
  border-style: dashed;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 0 0 auto;
}

.admin-variant-add i {
  font-size: 15px;
}

/* === Cards, sliders, catálogo y prompts · parte 3 === */

.admin-editor-preview-mode #catalogEndNotice {
  display: none;
}

.slider-title-edit-icon {
  font-size: .68em;
  color: var(--el-green);
  margin-left: .45rem;
  opacity: .78;
  vertical-align: middle;
}

.variant-card {
  flex: 0 0 auto;
  width: 96px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  cursor: pointer;
  transition: all .18s ease;
  text-align: left;
  background-size: cover;
  background-position: center;
  min-width: 96px;
  display: block;
  position: relative;
  height: 76px;
  overflow: hidden;
  isolation: isolate;
  padding: 0;
  background: #0a0a0b;
}

.variant-card::before {
  content: "";
  position: absolute;
  inset: -8px;
  background-image: var(--variant-bg);
  background-size: cover;
  background-position: center;
  filter: blur(14px) saturate(1.1);
  opacity: .46;
  transform: scale(1.12);
  z-index: 0;
}

.variant-card img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: transparent;
  padding: 4px;
  z-index: 1;
}

.variant-card span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 6px;
  bottom: 6px;
  z-index: 5;
  min-width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(0,0,0,.78);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  font-size: 8px;
  font-weight: 950;
  line-height: 18px;
  text-align: center;
  padding: 0 5px;
  box-shadow: 0 6px 14px rgba(0,0,0,.45);
}

.variant-card::after {
  inset: auto 0 0 0;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 32px;
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.68));
  z-index: 3;
  pointer-events: none;
}

.stream-title-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 10px 11px;
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.43));
}

.favorite-card-btn {
  position: absolute;
  right: 9px;
  top: 9px;
  z-index: 9;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(5,5,5,.58);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #bfc4bf;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .18s ease;
  box-shadow: 0 8px 22px rgba(0,0,0,.38);
}

.favorite-card-btn:hover {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .42);
  color: #fff;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .16);
  transform: translateY(-1px);
}

.favorite-card-btn.is-favorite {
  color: #fff;
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .55);
  background: linear-gradient(135deg,rgba(var(--el-green-rgb, 52, 175, 35), .32),rgba(var(--el-green-2-rgb, 0, 255, 163), .12));
  box-shadow: 0 0 0 1px rgba(var(--el-green-rgb, 52, 175, 35), .10),0 10px 28px rgba(0,0,0,.45);
}

.favorite-card-btn.is-favorite i {
  color: var(--eldrin-green);
  filter: drop-shadow(0 0 6px rgba(var(--el-green-rgb, 52, 175, 35), .35));
}

.favorite-card-btn i:before {
  content: "";
}

#catalogTitle, #catalogDesc {
  overflow: visible;
  max-height: none;
  white-space: normal;
  line-height: 1.18;
}

#catalogDesc {
  max-width: none;
  line-height: 1.45;
}

.access-chip.free {
  color: #dfffda;
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .34);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .16);
}

.stream-thumb .favorite-card-btn, .stream-thumb .access-chip, .stream-thumb .stream-title-wrap, .stream-thumb .admin-card-tools {
  z-index: 3;
}

.stream-card {
  flex: 0 0 auto;
  scroll-snap-align: start;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  width: clamp(218px,18.5vw,290px);
  content-visibility: auto;
  contain-intrinsic-size: 180px 112px;
}

/* === Cards, sliders, catálogo y prompts · parte 4 === */

.variant-access-chip {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 4;
  border-radius: 999px;
  padding: 3px 6px;
  font-size: 7px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(0,0,0,.62);
  border: 1px solid rgba(255,255,255,.12);
  color: #ddd;
}

.variant-access-chip.free {
  color: #baffb2;
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .35);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .18);
}

.variant-access-chip.pro {
  color: #ffe08a;
  border-color: rgba(245,158,11,.34);
  background: rgba(245,158,11,.18);
}

#catalogEyebrow {
  display: block;
  margin-bottom: .45rem;
}

.instruction-card > div:not(.instruction-number), .instruction-card p {
  text-align: left;
  margin: 0;
  flex: 1 1 auto;
}

.instructions-rail {
  display: grid;
  gap: .65rem;
}

.stream-thumb::before {
  background: linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.42));
  content: "";
  position: absolute;
  inset: -22px;
  background-image: var(--thumb-bg);
  background-size: cover;
  background-position: center;
  filter: blur(22px);
  opacity: .58;
  transform: scale(1.08);
  z-index: 0;
  pointer-events: none;
}

.stream-thumb::before, .stream-thumb.is-loading-media::before, .stream-thumb.media-loaded::before {
  content: "";
  display: block;
  position: absolute;
  inset: -22px;
  z-index: 0;
  background-image: var(--thumb-bg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  filter: blur(20px) saturate(1.12);
  opacity: .68;
  transform: scale(1.11);
  animation: none;
  pointer-events: none;
}

.stream-thumb::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: none;
  display: none;
  background: none;
}

.stream-thumb img, .stream-thumb video {
  display: block;
  will-change: auto;
  backface-visibility: hidden;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  background: transparent;
  padding: 0;
  transform: none;
}

.stream-card:hover .stream-thumb img, .stream-card:hover .stream-thumb video {
  transform: none;
}

.stream-thumb .access-chip, .stream-thumb .favorite-card-btn, .stream-thumb .admin-card-tools, .stream-thumb .stream-title-wrap {
  z-index: 5;
}

.access-paused-card {
  border-color: rgba(255,159,28,.25);
  background: radial-gradient(circle at 80% 0%,rgba(255,159,28,.12),transparent 36%),linear-gradient(180deg,#15110d,#070707);
  box-shadow: 0 24px 90px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.05);
}

.video-play-badge i {
  margin-left: 3px;
}

.stream-thumb .video-play-badge {
  pointer-events: none;
}

.stream-thumb video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.slider-section {
  position: relative;
  content-visibility: auto;
  contain-intrinsic-size: 340px 260px;
}

.slider-loading-row {
  display: flex;
  gap: 16px;
  overflow: hidden;
  padding: 2px 2px 22px;
}

.slider-loading-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #8fff7c;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .16em;
  margin: 0 0 10px 2px;
}

.slider-loading-note i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 2px solid rgba(var(--el-green-rgb, 52, 175, 35), .25);
  border-top-color: var(--el-green);
  animation: pageLoaderSpin .8s linear infinite;
}

.instruction-number {
  background: rgba(var(--el-green-rgb, 52, 175, 35), .12);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .22);
  color: #8fff7c;
  font-size: 10px;
  font-weight: 950;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  flex: 0 0 24px;
  aspect-ratio: 1/1;
  border-radius: 999px;
  line-height: 1;
}

/* === Cards, sliders, catálogo y prompts · parte 5 === */

.instruction-card {
  padding: .75rem;
  border-radius: .95rem;
  border: 1px solid rgba(255,255,255,.07);
  background: #111112;
  border-color: rgba(255,255,255,.085);
  gap: .75rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  min-height: 54px;
  min-width: 0;
}

.instruction-card p {
  font-size: 12px;
  line-height: 1.28;
  margin: 0;
  text-align: left;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.admin-card-btn-danger, .admin-edit-chip-danger {
  background: rgba(32,10,10,.84);
  border-color: rgba(255,255,255,.16);
  color: var(--el-text);
}

.admin-card-btn-danger:hover, .admin-edit-chip-danger:hover {
  background: rgba(115,20,20,.88);
  border-color: rgba(255,255,255,.28);
}

.stream-thumb .card-video-preview, .stream-thumb .card-video-poster, .stream-thumb .card-embed-preview {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  transition: opacity .25s ease,transform .35s ease;
}

.stream-thumb .card-video-preview, .stream-thumb .card-embed-preview {
  opacity: 0;
  z-index: 2;
}

.stream-card.is-previewing .card-video-preview, .stream-card.is-previewing .card-embed-preview {
  opacity: 1;
}

.prompt-creator-note span {
  font-size: 10px;
  line-height: 1.35;
  color: rgba(255,255,255,.48);
}

.stream-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  border-color: rgba(255,255,255,.09);
  box-shadow: 0 12px 28px rgba(0,0,0,.55);
  isolation: isolate;
  background: linear-gradient(120deg,#0b0b0d,#171719,#0b0b0d);
}

.stream-thumb.is-loading-media::before {
  transform: translateX(-110%);
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(100deg,rgba(255,255,255,.03),rgba(255,255,255,.09),rgba(255,255,255,.03));
  background-size: 220% 100%;
  animation: sliderSkeletonV133 1.3s ease-in-out infinite;
}

.stream-thumb.media-loaded::before {
  display: none;
}

.stream-thumb .card-video-preview, .stream-thumb .card-video-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .22s ease,transform .35s ease;
  pointer-events: none;
  z-index: 1;
}

.stream-thumb .card-video-preview {
  opacity: 0;
  z-index: 2;
  transform: scale(1.015);
}

.stream-thumb .card-video-poster {
  opacity: 1;
  z-index: 1;
}

.stream-card.is-previewing .card-video-preview {
  opacity: 1;
}

.stream-card.is-previewing .card-video-poster {
  opacity: 0;
}

.card-video-preview::-webkit-media-controls, .card-video-preview::-webkit-media-controls-panel, .card-video-preview::-webkit-media-controls-start-playback-button {
  display: none;
  -webkit-appearance: none;
  opacity: 0;
}

.stream-card, .stream-thumb {
  cursor: pointer;
}

.video-play-badge {
  position: absolute;
  inset: auto auto 50% 50%;
  transform: translate(-50%,50%);
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.62);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  box-shadow: 0 18px 38px rgba(0,0,0,.45),0 0 0 1px rgba(var(--el-green-rgb, 52, 175, 35), .10);
  backdrop-filter: blur(12px);
  pointer-events: none;
  z-index: 8;
}

.finance-micro-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin: 12px 0;
}

.finance-micro-card {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.028);
  padding: 12px;
}

.finance-micro-card p {
  margin: 0;
  color: #8b8d98;
  font-size: 8px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.finance-micro-card strong {
  display: block;
  margin-top: 6px;
  color: #fff;
  font-size: 22px;
  font-weight: 950;
}

.finance-micro-card.positive {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .18);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .055);
}

.finance-micro-card.info {
  border-color: rgba(59,130,246,.20);
  background: rgba(59,130,246,.055);
}

/* === Cards, sliders, catálogo y prompts · parte 6 === */

.finance-micro-card.warning {
  border-color: rgba(245,158,11,.22);
  background: rgba(245,158,11,.055);
}

.email-history-launch-card {
  min-height: 178px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/* === Modales, pagos, login, cuenta y toasts === */

.modal-content {
  transform: scale(.96) translateY(8px);
  opacity: 0;
  transition: all .25s cubic-bezier(.16,1,.3,1);
}

.prompt-modal-grid {
  display: grid;
  grid-template-columns: 292px minmax(0,1fr);
  max-height: inherit;
}

.prompt-modal-body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 88dvh;
}

.prompt-modal-scroll {
  overflow-y: auto;
  padding: 1.35rem 1.35rem .85rem;
  min-height: 0;
}











.plan-top-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
  min-height: 62px;
}

.plan-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: .34rem .55rem;
  border-radius: 999px;
  font-size: 9px;
  line-height: 1;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .10em;
  white-space: nowrap;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.32);
  color: #d4d4d8;
}

.plan-badge.best {
  color: #baffb2;
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .24);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .12);
}













.selected-plan-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .95rem 1rem;
  border-radius: 1rem;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.08);
  margin-bottom: 1rem;
}

.selected-plan-summary p:first-child {
  font-size: 9px;
  color: #8b8b93;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.selected-plan-summary h4 {
  font-size: 15px;
  color: #fff;
  font-weight: 950;
}

.selected-plan-summary strong {
  font-size: 14px;
  color: #d4d4d8;
  white-space: nowrap;
}







/* === Modales, pagos, login, cuenta y toasts · parte 2 === */















































/* === Modales, pagos, login, cuenta y toasts · parte 3 === */







.prompt-modal-card {
  width: min(820px,calc(100vw - 28px));
  max-height: 88dvh;
  overflow: hidden;
  border-radius: 1.55rem;
  background: #0d0d0e;
}



















.modal-content,.prompt-modal-card{
  background: #0d0d0e;
  border-color: rgba(255,255,255,.10);
}

.modal-backdrop > .absolute {
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.prompt-modal-image.is-vertical img, .prompt-modal-image.is-vertical video {
  object-fit: contain;
  padding: .5rem;
  background: transparent;
}

.prompt-modal-image.is-square img {
  object-fit: contain;
  padding: .35rem;
  background: transparent;
}



















/* === Modales, pagos, login, cuenta y toasts · parte 4 === */



.payment-step-shell {
  width: 100%;
  max-width: 700px;
  margin-inline: auto;
  padding: 1.25rem;
}



.plan-price-center {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: .08rem;
  margin-top: .85rem;
}

.plan-price-center .currency {
  font-size: 1.45rem;
  color: var(--el-green);
  font-weight: 950;
  margin-bottom: .22rem;
}

.plan-price-center .amount {
  font-family: "Space Grotesk",Inter,sans-serif;
  font-size: 3.25rem;
  line-height: .85;
  font-weight: 950;
  color: #fff;
  letter-spacing: -.07em;
}

.plan-price-center .period {
  font-size: .75rem;
  color: #8b8b93;
  font-weight: 900;
  margin-left: .3rem;
  margin-bottom: .35rem;
}

.payment-step-title {
  font-family: "Space Grotesk",Inter,sans-serif;
  font-weight: 950;
  letter-spacing: -.045em;
  color: #fff;
  font-size: 1.75rem;
  line-height: 1;
}

.payment-step-kicker {
  color: var(--el-green);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin-bottom: .45rem;
}

.subscription-pro-card {
  background: radial-gradient(circle at 10% 0%,rgba(var(--el-green-rgb, 52, 175, 35), .16),transparent 38%),linear-gradient(180deg,#111112,#080808);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .18);
  box-shadow: 0 18px 48px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04);
}

.subscription-graph {
  display: grid;
  grid-template-columns: repeat(10,1fr);
  gap: .28rem;
  margin-top: .8rem;
}

.subscription-dot {
  height: .58rem;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.08);
}

.subscription-dot.is-active {
  background: linear-gradient(90deg,var(--el-green),var(--el-green-2));
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .45);
  box-shadow: 0 0 14px rgba(var(--el-green-rgb, 52, 175, 35), .28);
}

.subscription-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .55rem;
  margin-top: .85rem;
}

.subscription-stat {
  border-radius: .95rem;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.035);
  padding: .7rem;
}

.subscription-stat p:first-child {
  font-size: 8px;
  color: #85858f;
  font-weight: 950;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.subscription-stat p:last-child {
  font-size: 1.25rem;
  color: #fff;
  font-family: "Space Grotesk",Inter,sans-serif;
  font-weight: 950;
  line-height: 1;
  margin-top: .2rem;
}



















/* === Modales, pagos, login, cuenta y toasts · parte 5 === */









































.payment-step-title + span{
  white-space: nowrap;
}



.subscription-ring-row {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-width: 0;
}

.subscription-ring {
  --progress: 70;
  width: 76px;
  height: 76px;
  flex: 0 0 76px;
  border-radius: 999px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(var(--el-green) calc(var(--progress) * 1%),rgba(255,255,255,.09) 0);
  box-shadow: 0 0 0 1px rgba(255,255,255,.05),0 0 24px rgba(var(--el-green-rgb, 52, 175, 35), .12);
}

.subscription-ring.small {
  width: 62px;
  height: 62px;
  flex-basis: 62px;
}

/* === Modales, pagos, login, cuenta y toasts · parte 6 === */

.subscription-ring::before {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  background: radial-gradient(circle at 30% 30%,rgba(255,255,255,.05),transparent 55%),linear-gradient(180deg,rgba(12,12,12,.96),rgba(5,5,5,.98));
  border: 1px solid rgba(255,255,255,.06);
}

.subscription-ring-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  display: grid;
  gap: .08rem;
}

.subscription-ring-inner strong {
  font-family: "Space Grotesk",Inter,sans-serif;
  font-size: 1.35rem;
  line-height: 1;
  font-weight: 950;
  color: #fff;
  letter-spacing: -.05em;
}

.subscription-ring.small .subscription-ring-inner strong {
  font-size: 1.08rem;
}

.subscription-ring-inner span {
  color: var(--el-green);
  font-size: .42rem;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.subscription-mini-label {
  font-size: 7px;
  color: #85858f;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 .25rem;
}

.subscription-ring-row h4 {
  color: #fff;
  font-family: "Space Grotesk",Inter,sans-serif;
  font-size: 1.02rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.035em;
  margin: 0;
}

.subscription-mini-copy {
  color: #85858f;
  font-size: 9px;
  font-weight: 800;
  margin-top: .38rem;
}

.subscription-mini-track {
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
  margin-top: .58rem;
  border: 1px solid rgba(255,255,255,.06);
}

.subscription-mini-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,var(--el-green),var(--el-green-2));
  box-shadow: 0 0 14px rgba(var(--el-green-rgb, 52, 175, 35), .35);
}

.subscription-account-link {
  margin-top: .5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  border-radius: .72rem;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .18);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .08);
  color: #8fff7c;
  padding: .38rem .58rem;
  font-size: .52rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: all .18s ease;
}

.subscription-account-link:hover {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .34);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .13);
  color: #fff;
}







.is-member-pro .access-chip, .is-member-pro #modalAccessChip {
  display: none;
}

.pro-subscription-mini-card {
  background: linear-gradient(180deg,rgba(15,15,16,.98),rgba(8,8,8,.98));
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .14);
}

.pro-subscription-mini-card .membership-status-chip {
  min-height: 1.38rem;
  padding: 0 .48rem;
  font-size: 7px;
  letter-spacing: .12em;
}

.pro-renewal-row .subscription-ring {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
}

.pro-renewal-row .subscription-ring-inner {
  width: 43px;
  height: 43px;
}

.pro-renewal-row .subscription-ring-inner strong {
  font-size: 1.12rem;
}

/* === Modales, pagos, login, cuenta y toasts · parte 7 === */

.pro-renewal-row .subscription-ring-inner span {
  font-size: 7px;
}

.subscription-ring.is-expiring {
  background: conic-gradient(#ff9f1c calc(var(--progress) * 1%),rgba(255,255,255,.09) 0);
  box-shadow: 0 0 0 1px rgba(255,255,255,.05),0 0 24px rgba(255,159,28,.14);
}

.subscription-mini-track.is-expiring span {
  background: linear-gradient(90deg,#ff9f1c,var(--el-green));
  box-shadow: 0 0 14px rgba(255,159,28,.28);
}

.subscription-mini-copy.is-expiring {
  color: #d9a45a;
}

.subscription-renew-button {
  flex: 0 0 auto;
  min-height: 1.78rem;
  border-radius: 999px;
  padding: 0 .66rem;
  border: 1px solid rgba(255,159,28,.28);
  background: rgba(255,159,28,.10);
  color: #ffc46c;
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
  transition: .18s ease;
}

.subscription-renew-button:hover {
  background: rgba(255,159,28,.16);
  color: #fff;
}

.account-action-list {
  display: grid;
  gap: .46rem;
}

.account-access-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 3rem;
  padding: .62rem .68rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.032);
  color: #e4e4e7;
  transition: .18s ease;
  text-align: left;
}

.account-access-item:hover {
  background: rgba(255,255,255,.055);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .22);
  color: #fff;
}

.account-access-item.is-locked {
  color: #a1a1aa;
}

.account-access-left {
  display: flex;
  align-items: center;
  gap: .65rem;
  min-width: 0;
}

.account-access-icon {
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  border-radius: .78rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.075);
  color: var(--el-muted);
}

.account-access-item:hover .account-access-icon, .account-access-item.active .account-access-icon {
  color: var(--el-green);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .22);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
}

.account-access-text strong {
  display: block;
  color: inherit;
  font-size: .74rem;
  font-weight: 950;
  line-height: 1.05;
}

.account-access-text small {
  display: block;
  margin-top: .22rem;
  color: #73737d;
  font-size: .56rem;
  font-weight: 850;
  line-height: 1.2;
}

.account-access-arrow {
  color: #5f5f68;
  font-size: .68rem;
  flex: 0 0 auto;
}

.subscription-compact-panel {
  padding: .78rem;
  margin: .72rem .78rem .78rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.03);
}

.subscription-compact-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}

.subscription-compact-label {
  margin: 0;
  color: #85858f;
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .17em;
  text-transform: uppercase;
  line-height: 1;
}

.subscription-compact-days {
  margin: .34rem 0 0;
  color: #fff;
  font-family: "Space Grotesk",Inter,sans-serif;
  font-size: 1.2rem;
  line-height: .95;
  font-weight: 950;
  letter-spacing: -.045em;
}

.subscription-compact-days.is-expiring {
  color: #ffc46c;
}

.subscription-compact-action {
  flex: 0 0 auto;
  min-height: 1.9rem;
  padding: 0 .72rem;
  border-radius: 999px;
  border: 1px solid rgba(255,159,28,.24);
  background: rgba(255,159,28,.085);
  color: #ffd18b;
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: .18s ease;
  white-space: nowrap;
}

.subscription-compact-action:hover {
  background: rgba(255,159,28,.15);
  color: #fff;
}

.subscription-compact-track {
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.055);
  margin-top: .72rem;
}

/* === Modales, pagos, login, cuenta y toasts · parte 8 === */

.subscription-compact-track span {
  display: block;
  height: 100%;
  width: 70%;
  border-radius: inherit;
  background: linear-gradient(90deg,#ff9f1c,var(--el-green));
  box-shadow: 0 0 14px rgba(255,159,28,.18);
}

.subscription-compact-copy {
  margin: .55rem 0 0;
  color: #b88a4e;
  font-size: 9px;
  font-weight: 820;
  line-height: 1.32;
}

.is-member-pro .access-chip, .is-member-pro #modalAccessChip, .is-member-pro .stream-meta {
  display: none;
}

.account-subscription-v27 {
  border-radius: 1.35rem;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .15);
  background: radial-gradient(circle at 0% 0%,rgba(var(--el-green-rgb, 52, 175, 35), .11),transparent 42%),rgba(255,255,255,.026);
  padding: 1rem;
  margin-bottom: .75rem;
}

.account-subscription-track {
  height: 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.075);
  overflow: hidden;
  margin-top: .85rem;
  border: 1px solid rgba(255,255,255,.055);
}

.account-subscription-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,#ff9f1c,var(--el-green));
}

.account-subscription-copy {
  color: #a1a1aa;
  font-size: .72rem;
  line-height: 1.45;
  font-weight: 750;
  margin: .7rem 0 0;
}

.account-subscription-button {
  width: 100%;
  margin-top: .85rem;
  color: #fff;
  background: linear-gradient(135deg,var(--el-green),#25891b);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .42);
}

.account-subscription-lock {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: .9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--el-green);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .18);
}

.account-options-v27 {
  display: grid;
  gap: .55rem;
}

.account-option-v27:hover {
  background: rgba(255,255,255,.055);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .22);
  color: #fff;
}

.account-option-icon-v27.flag img {
  width: 1.55rem;
  border-radius: .22rem;
  border: 1px solid rgba(255,255,255,.18);
}

.account-option-v27 strong {
  display: block;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1;
}

.account-option-v27 small {
  display: block;
  margin-top: .28rem;
  color: #777781;
  font-size: .66rem;
  font-weight: 750;
  line-height: 1.25;
}

.account-option-v27 > i {
  color: #60606a;
  font-size: .7rem;
}



.admin-edit-chip, .admin-card-btn, .admin-add-card, .admin-variant-add, .admin-modal-action, .admin-floating-save button {
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .28);
  background: rgba(5,5,5,.78);
  color: #dfffda;
  border-radius: 999px;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: pointer;
  transition: .15s ease;
}

.admin-edit-chip:hover, .admin-card-btn:hover, .admin-add-card:hover, .admin-variant-add:hover, .admin-modal-action:hover, .admin-floating-save button:hover {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .62);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .16);
  color: #fff;
}

.prompt-modal-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  padding: .45rem;
  background: transparent;
}

.prompt-modal-image video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: transparent;
}

.admin-modal-actions {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 18;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  right: 54px;
  pointer-events: auto;
}

.admin-modal-action {
  height: 27px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.prompt-modal-image.is-vertical img, .prompt-modal-image.is-square img, .prompt-modal-image.is-auto img {
  object-fit: contain;
  padding: .35rem;
  background: transparent;
}

.prompt-modal-image.is-vertical video, .prompt-modal-image.is-square video, .prompt-modal-image.is-auto video {
  object-fit: contain;
  background: transparent;
}

/* === Modales, pagos, login, cuenta y toasts · parte 9 === */







.account-subscription-button, .account-login-button-v27 {
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .11em;
  transition: .18s ease;
  width: 100%;
  min-width: 0;
  height: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  border-radius: 16px;
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
}

.account-login-button-v27 {
  border: 1px solid rgba(255,255,255,.12);
  background: #151516;
  color: #fff;
}

.account-subscription-v27 .grid .account-subscription-button, .account-subscription-v27 .grid .account-login-button-v27 {
  height: 50px;
  min-height: 50px;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#promptModal .instructions-rail {
  gap: .48rem;
}

#promptModal .instruction-card {
  padding: .58rem;
  min-height: 58px;
  border-radius: .85rem;
}

#promptModal .instruction-card p {
  font-size: 10.8px;
  line-height: 1.18;
}

#promptModal .instruction-number {
  width: 1.18rem;
  height: 1.18rem;
  font-size: 8px;
}

#notificationsModal.active {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

#notificationsModal .blue-pill {
  background: rgba(var(--el-green-rgb, 52, 175, 35), .12);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .28);
  color: #dfffda;
}

.account-subscription-v27 .grid.grid-cols-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-items: stretch;
}

.account-subscription-v27 .grid.grid-cols-2 > button {
  height: 50px;
  min-height: 50px;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}





.plan-badge.best, .plan-badge {
  color: #dfffda;
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .24);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
}

.payment-error-toast i {
  color: #ffb020;
}

.subscription-success-card {
  background: radial-gradient(circle at 50% 0%,rgba(var(--el-green-rgb, 52, 175, 35), .22),transparent 42%),linear-gradient(180deg,#121213,#070708);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .22);
  box-shadow: 0 30px 95px rgba(0,0,0,.78),0 0 45px rgba(var(--el-green-rgb, 52, 175, 35), .12);
}

.prompt-modal-image > img, .prompt-modal-image > video {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: .38rem;
  background: transparent;
}

.prompt-modal-image.is-horizontal > img, .prompt-modal-image.is-horizontal > video {
  object-fit: contain;
  padding: .22rem;
}

.prompt-modal-image.is-vertical > img, .prompt-modal-image.is-vertical > video, .prompt-modal-image.is-square > img, .prompt-modal-image.is-square > video, .prompt-modal-image.is-auto > img, .prompt-modal-image.is-auto > video {
  object-fit: contain;
  padding: .38rem;
}

.notification-modal-card {
  border: 1px solid rgba(59,130,246,.28);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .28);
  background: radial-gradient(circle at 0 0,rgba(var(--el-green-rgb, 52, 175, 35), .14),transparent 34%),linear-gradient(180deg,#101112,#070708);
}

/* === Modales, pagos, login, cuenta y toasts · parte 10 === */

.notification-modal-card .blue-pill {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  border: 1px solid rgba(59,130,246,.30);
  border-radius: 999px;
  padding: .35rem .6rem;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .12);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .28);
  color: #dfffda;
}

#loginModal input {
  font-weight: 750;
}

#promptModal .modal-share-on-media {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 14;
  width: 36px;
  height: 36px;
  background: rgba(6,6,6,.62);
  border-color: rgba(255,255,255,.14);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#promptModal .modal-share-on-media:hover {
  background: rgba(var(--el-green-rgb, 52, 175, 35), .18);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .34);
}





.subscription-manage-card {
  background: linear-gradient(180deg,#111112,#070708);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 28px 90px rgba(0,0,0,.70),0 0 0 1px rgba(var(--el-green-rgb, 52, 175, 35), .05);
}

.subscription-mini-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .65rem;
  margin-top: 1rem;
}

.subscription-mini {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
  padding: .85rem;
}

.subscription-mini small {
  display: block;
  color: #8d8d95;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.subscription-mini strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 950;
  margin-top: .18rem;
}

.subscription-action-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .65rem;
  margin-top: 1rem;
}

.subscription-action-row button {
  min-height: 44px;
  border-radius: 16px;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.subscription-renew-btn {
  background: var(--eldrin-green);
  color: #fff;
}

.subscription-cancel-btn {
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.045);
  color: #d6d6dc;
}

.account-pro-actions button {
  min-height: 42px;
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  color: #fff;
}

.account-pro-actions button i {
  color: var(--eldrin-green);
  margin-right: .35rem;
}

.favorite-pro-only-toast {
  background: linear-gradient(135deg,rgba(var(--el-green-rgb, 52, 175, 35), .20),rgba(31,214,161,.13)),#101210;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .32);
}

.modal-share-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: .16s ease;
  box-shadow: 0 12px 28px rgba(0,0,0,.24);
  color: #c9ccd1;
  background: rgba(15,15,16,.72);
  border-color: rgba(255,255,255,.14);
}

.modal-share-icon:hover {
  transform: translateY(-1px);
  color: #fff;
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .34);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .12);
}

#notificationsModal .notification-row {
  transition: .18s ease;
}

#toast-container .copied-toast, #toast-container .favorite-pro-only-toast {
  background: rgba(17,18,18,.96);
  border-color: rgba(255,255,255,.12);
  border-left-color: rgba(var(--el-green-rgb, 52, 175, 35), .76);
  color: #fff;
}

.account-pro-actions button:hover, .account-pro-desktop-btn:hover {
  transform: translateY(-1px);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .07);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .25);
}

#modalVideoBtn.is-hidden-video {
  display: none;
}



/* === Modales, pagos, login, cuenta y toasts · parte 11 === */

.account-pro-desktop-btn, .account-pro-actions button, .account-subscription-button, .account-login-button-v27, .subscription-renew-btn, .subscription-cancel-btn {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  height: 48px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: 0 .75rem;
  border-radius: 16px;
  line-height: 1;
  text-align: center;
  white-space: normal;
}

.pro-status-pill, .account-subscription-lock, .account-option-icon-v27, .account-pro-actions button i, .account-pro-desktop-btn i {
  color: var(--el-green);
  filter: none;
}

.account-option-v27 {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: .75rem;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.032);
  color: #e5e7eb;
  text-align: left;
  transition: .18s ease;
  min-height: 58px;
  padding: .85rem;
  border-radius: 18px;
}

.account-option-icon-v27 {
  border-radius: .82rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.075);
  color: var(--el-green);
  overflow: hidden;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
}

#loginModal.active {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

#loginModal .modal-content {
  max-width: 420px;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  transform: none;
  width: min(420px,calc(100vw - 2rem));
  max-height: min(78dvh,560px);
  margin: auto;
  border-radius: 28px;
}

.account-pro-actions button, .account-pro-desktop-btn {
  border: 1px solid rgba(255,255,255,.095);
  color: var(--el-text);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: .18s ease;
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.095);
  box-shadow: none;
  border-radius: 14px;
  white-space: normal;
  line-height: 1.08;
  text-align: center;
  padding: .62rem .5rem;
  min-height: 48px;
}

.account-pro-actions button i, .account-pro-desktop-btn i {
  font-size: 13px;
  color: #aeb3ad;
  filter: none;
}

#annualSavingPill {
  margin: .2rem 0 .9rem;
  animation: v43SavePulse 2.6s ease-in-out infinite;
}

#loginModal.active, #mobileAccountSheet.active, #mobileFavoritesSheet.active {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

#loginModal .modal-content, #mobileAccountSheet .modal-content, #mobileFavoritesSheet .modal-content {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  transform: none;
  width: min(430px,calc(100vw - 2rem));
  max-height: min(82dvh,620px);
  margin: auto;
  border-radius: 26px;
}

#mobileAccountSheet .modal-content, #mobileFavoritesSheet .modal-content {
  background: radial-gradient(circle at 0 0,rgba(var(--el-green-rgb, 52, 175, 35), .06),transparent 38%),linear-gradient(180deg,#111112,#070708);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 28px 90px rgba(0,0,0,.76);
}

.account-pro-actions button i, .account-pro-desktop-btn i, .account-option-icon-v27 i {
  color: #aeb3ad;
  filter: none;
}

#annualSavingPill{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  width: max-content;
  max-width: 100%;
  border-radius: 999px;
  padding: .4rem .7rem;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .28);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .12);
  color: #dfffda;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
  animation: v44SavePulse 2.55s ease-in-out infinite;
}

.modal-share-icon, .modal-share-on-media {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #dfffda;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .24);
  line-height: 1;
  padding: 0;
}

.modal-share-icon i, .modal-share-on-media i {
  display: block;
  line-height: 1;
  margin: 0;
  font-size: 14px;
}

#paymentSuccessModal .success-orb {
  color: #061006;
  background: linear-gradient(135deg,var(--el-green),var(--el-green-2));
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .32);
  box-shadow: 0 0 24px rgba(var(--el-green-rgb, 52, 175, 35), .22);
}

#paymentSuccessModal .success-orb i {
  font-size: 1.9rem;
  color: #061006;
}

/* === Modales, pagos, login, cuenta y toasts · parte 12 === */



























.account-pro-actions {
  margin-top: .85rem;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .6rem;
  align-items: stretch;
}

.account-pro-actions button span, .account-pro-desktop-btn span {
  display: inline-block;
  min-width: 0;
  white-space: normal;
  line-height: 1.12;
}

#promptModal #toggleFullPromptBtn {
  color: #fff;
}

#promptModal #toggleFullPromptBtn:hover {
  color: #dfffda;
}

.account-pro-actions button:hover i, .account-pro-desktop-btn:hover i {
  color: #dfffda;
}

.account-pro-actions .fa-bookmark, .account-pro-desktop-btn .fa-bookmark {
  color: #9a9fa6;
}



.account-pro-actions button, .account-pro-desktop-btn, .account-subscription-button, .account-login-button-v27 {
  text-overflow: clip;
  height: auto;
  word-break: normal;
  overflow-wrap: anywhere;
  width: 100%;
  min-width: 0;
  min-height: 54px;
  border-radius: 14px;
  padding: .55rem .42rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .32rem;
  text-align: center;
  overflow: hidden;
  white-space: normal;
  line-height: 1.03;
  font-size: 8.2px;
  font-weight: 950;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.account-pro-actions button span, .account-pro-desktop-btn span, .account-subscription-button span, .account-login-button-v27 span {
  display: block;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow: visible;
  word-break: normal;
  overflow-wrap: normal;
  line-height: 1.03;
}

.account-pro-actions button i, .account-pro-desktop-btn i, .account-subscription-button i, .account-login-button-v27 i {
  flex: 0 0 auto;
  margin: 0;
  font-size: 10px;
  color: #9a9fa6;
  filter: none;
}



/* === Modales, pagos, login, cuenta y toasts · parte 13 === */



























.account-pro-desktop-btn, .account-pro-actions button {
  min-height: 54px;
  padding: .48rem .28rem;
  border-radius: 13px;
  flex-direction: column;
  gap: .22rem;
  overflow: hidden;
}

.account-pro-desktop-btn span, .account-pro-actions button span {
  font-size: 7.3px;
  letter-spacing: .035em;
  line-height: 1;
  white-space: nowrap;
  overflow: visible;
  max-width: 100%;
  text-align: center;
}

.account-pro-desktop-btn i, .account-pro-actions button i {
  font-size: 10px;
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}















/* === Modales, pagos, login, cuenta y toasts · parte 14 === */







.account-pro-desktop-btn-vip {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(180deg,rgba(26,26,28,.98),rgba(10,10,11,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.28);
}

.account-pro-desktop-btn-vip::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,0) 45%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));
  pointer-events: none;
}

.account-pro-desktop-btn-vip i, .account-pro-desktop-btn-vip span {
  position: relative;
  z-index: 1;
}

.account-pro-desktop-btn-vip span {
  color: #f5f5f7;
}









.account-pro-desktop-btn-premium {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(180deg,rgba(27,27,29,.98),rgba(10,10,11,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.28);
}

.account-pro-desktop-btn-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,0) 48%);
  pointer-events: none;
}

.account-pro-desktop-btn-premium i, .account-pro-desktop-btn-premium span {
  position: relative;
  z-index: 1;
}

.account-pro-desktop-btn-premium span {
  color: #f5f5f7;
}

.account-pro-desktop-btn-vip .account-vip-chip {
  position: absolute;
  top: 7px;
  right: 8px;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 16px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
  color: #f5f5f7;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  display: none;
}

#subscriptionDetailsModal .subscription-manage-card {
  border: 1px solid rgba(255,255,255,.13);
  background: radial-gradient(circle at 20% 0%,rgba(255,255,255,.075),transparent 34%),linear-gradient(180deg,rgba(20,20,22,.98),rgba(7,7,8,.99));
  box-shadow: 0 28px 90px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.08);
}

#subscriptionDetailsModal .subscription-manage-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg,transparent 0%,transparent 42%,rgba(255,255,255,.055) 50%,transparent 58%,transparent 100%);
  transform: translateX(-120%);
  animation: subscriptionProShineV52 5.5s ease-in-out infinite;
}





.modal-backdrop.active {
  opacity: 1;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.modal-backdrop.active > .absolute.inset-0 {
  z-index: 0;
}

.modal-backdrop.active .modal-content {
  transform: scale(1) translateY(0);
  opacity: 1;
  z-index: 1;
  margin: auto;
}

/* === Modales, pagos, login, cuenta y toasts · parte 15 === */

#paymentSuccessModal.active,#subscriptionDetailsModal.active,#subscriptionCancelModal.active,#accessRevokedModal.active,#contactModal.active,#langModal.active,#promptModal.active{
  align-items: center;
  justify-content: center;
}

#paymentSuccessModal .modal-content,#subscriptionDetailsModal .modal-content,#subscriptionCancelModal .modal-content,#accessRevokedModal .modal-content,#contactModal .modal-content,#langModal .modal-content,#promptModal .prompt-modal-card{
  margin: auto;
}

#notificationsModal .notification-modal-card {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  transform: none;
  width: min(430px,calc(100vw - 32px));
  max-height: 82dvh;
  border-radius: 26px;
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .26);
  background: linear-gradient(180deg,rgba(18,18,18,.98),rgba(8,8,8,.99));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 28px 80px rgba(0,0,0,.72);
}

#toast-container .favorite-pro-only-toast {
  background: linear-gradient(135deg,rgba(245,158,11,.16),rgba(251,191,36,.08)),rgba(17,15,10,.97);
  border-color: rgba(251,191,36,.26);
  border-left-color: #f59e0b;
  color: #fff8e6;
  box-shadow: 0 22px 64px rgba(0,0,0,.68),0 0 30px rgba(245,158,11,.14);
}

#toast-container .favorite-pro-only-toast i {
  color: #111;
  background: linear-gradient(135deg,#fbbf24,#f59e0b);
  box-shadow: 0 0 18px rgba(245,158,11,.26);
}

#toast-container .payment-error-toast {
  background: linear-gradient(135deg,rgba(239,68,68,.14),rgba(245,158,11,.08)),rgba(18,12,10,.97);
  border-color: rgba(248,113,113,.22);
  border-left-color: #fb923c;
  color: #fff4e8;
}

#toast-container .payment-error-toast i {
  color: #111;
  background: linear-gradient(135deg,#fb923c,#f97316);
}

#toast-container .copied-toast {
  border-left-color: var(--el-green);
}

.account-email-change-box {
  margin-top: 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.025);
  padding: 12px;
}

.account-email-change-box p {
  margin: 0 0 4px;
  color: #85858f;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.account-email-change-box strong {
  display: block;
  color: #fff;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-email-change-box button {
  margin-top: 10px;
  width: 100%;
  height: 38px;
  border-radius: 13px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.045);
  color: #dfffda;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#paymentSelectedContent .w-11{
  background: linear-gradient(135deg,rgba(var(--el-green-rgb, 52, 175, 35), .18),rgba(5,5,5,.96));
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .28);
  color: var(--el-green);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 0 18px rgba(var(--el-green-rgb, 52, 175, 35), .10);
}



#paymentSuccessModal .modal-content {
  animation-duration: .32s;
}

.favorite-pro-only-toast, .toast-pro, [data-toast-type="pro"] {
  background: linear-gradient(180deg,rgba(255,159,28,.22),rgba(120,63,4,.94));
  border-color: rgba(255,179,107,.42);
  box-shadow: 0 18px 55px rgba(255,159,28,.18),0 22px 60px rgba(0,0,0,.52);
  color: #fff7ed;
}

.payment-error-toast {
  background: linear-gradient(180deg,rgba(255,122,26,.20),rgba(55,24,7,.94));
  border-color: rgba(255,179,107,.35);
  color: #fff7ed;
}

.subscription-email-mini {
  grid-column: 1/-1;
}

.subscription-policy-note {
  margin-top: 1rem;
  padding: .9rem;
  border-radius: 18px;
  background: rgba(255,159,28,.075);
  border: 1px solid rgba(255,159,28,.18);
  color: #ffd8a8;
  font-size: 10.5px;
  line-height: 1.45;
}

.subscription-policy-note a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}













#paymentMethodDisplay .paypal-brand-icon, #paymentDropdown .paypal-brand-icon {
  color: #0070BA;
  background: rgba(0,112,186,.12);
  border-color: rgba(0,112,186,.30);
}

/* === Modales, pagos, login, cuenta y toasts · parte 16 === */

.prompt-modal-image.is-horizontal img, .prompt-modal-image.is-horizontal video {
  padding: 0;
  object-fit: cover;
}

.toast-stack {
  top: 14px;
  bottom: auto;
  z-index: 9999;
}

.toast {
  min-height: 54px;
  font-size: 13px;
}

.prompt-modal-image {
  min-height: 100%;
  --modal-media-bg: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  overflow: hidden;
  background: var(--el-bg);
}

.prompt-modal-image::before {
  content: "";
  position: absolute;
  inset: -26px;
  background-image: var(--modal-media-bg);
  background-size: cover;
  background-position: center;
  filter: blur(30px);
  opacity: .52;
  transform: scale(1.08);
  z-index: 0;
  pointer-events: none;
}

.prompt-modal-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.28));
  z-index: 0;
  pointer-events: none;
}

.prompt-modal-image img, .prompt-modal-image video {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.prompt-modal-image.is-horizontal img, .prompt-modal-image.is-horizontal video, .prompt-modal-image.is-vertical img, .prompt-modal-image.is-vertical video, .prompt-modal-image.is-square img, .prompt-modal-image.is-square video {
  object-fit: contain;
}





#paymentSelectedContent .paypal-brand-icon{
  background: rgba(0,112,186,.12);
  border: 1px solid rgba(0,112,186,.30);
  color: #0070BA;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

#paymentSelectedContent .paypal-brand-icon i{
  color: #0070BA;
}

.refund-disabled-note {
  display: block;
  margin-top: 5px;
  color: #85858f;
  font-size: 9px;
  line-height: 1.3;
}

.payments-mini-actions .btn[disabled] {
  opacity: .46;
  cursor: not-allowed;
  filter: grayscale(.6);
  transform: none;
}

.payments-mini-actions .btn[disabled]:hover {
  transform: none;
  border-color: rgba(255,255,255,.10);
}





.paypal-brand-icon, .paypal-brand-icon i, .paypal-tag {
  color: #0070BA;
}

.paypal-tag {
  background: rgba(0,112,186,.14);
  border-color: rgba(0,112,186,.35);
}

.subscription-progress-ok {
  background: var(--el-green);
  box-shadow: 0 0 18px rgba(var(--el-green-rgb, 52, 175, 35), .36);
}

.subscription-progress-warn {
  background: #f59e0b;
  box-shadow: 0 0 18px rgba(245,158,11,.30);
}

.subscription-progress-danger {
  background: #ef6c35;
  box-shadow: 0 0 18px rgba(239,108,53,.28);
}

.subscription-progress-paused {
  background: #6b7280;
  box-shadow: none;
}

#promptModal .prompt-modal-image.is-horizontal img, #promptModal .prompt-modal-image.is-horizontal video, #promptModal .prompt-modal-image.is-vertical img, #promptModal .prompt-modal-image.is-vertical video, #promptModal .prompt-modal-image.is-square img, #promptModal .prompt-modal-image.is-square video {
  object-fit: contain;
}

#promptModal .prompt-modal-image::before {
  background: none;
  content: "";
  display: block;
  position: absolute;
  inset: -30px;
  z-index: 0;
  background-image: var(--modal-media-bg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  filter: blur(24px) saturate(1.12);
  opacity: .62;
  transform: scale(1.12);
  pointer-events: none;
}

#promptModal .prompt-modal-image::after {
  content: none;
  display: none;
  background: none;
}

/* === Modales, pagos, login, cuenta y toasts · parte 17 === */

#promptModal .prompt-modal-image img, #promptModal .prompt-modal-image video {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  background: transparent;
  border: 0;
  padding: 0;
  transform: none;
}

#promptModal .prompt-modal-image img.hidden, #promptModal .prompt-modal-image video.hidden {
  display: none;
}

#promptModal .prompt-modal-image.is-horizontal {
  place-items: start center;
  align-content: start;
}

#promptModal .prompt-modal-image.is-horizontal img, #promptModal .prompt-modal-image.is-horizontal video {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  object-position: center top;
}

#promptModal .prompt-modal-image.is-vertical {
  place-items: center;
  align-content: center;
}

#promptModal .prompt-modal-image.is-vertical img, #promptModal .prompt-modal-image.is-vertical video {
  width: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}

#promptModal .prompt-modal-image.is-square img, #promptModal .prompt-modal-image.is-square video, #promptModal .prompt-modal-image.is-auto img, #promptModal .prompt-modal-image.is-auto video {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}

.account-subscription-track span.subscription-progress-paused, .subscription-mini-track span.subscription-progress-paused {
  background: linear-gradient(90deg,#6b7280,#a1a1aa);
  box-shadow: none;
}

.login-support-note {
  margin-top: .85rem;
  text-align: center;
  color: #85858f;
  font-size: 10px;
  line-height: 1.55;
  font-weight: 700;
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
  word-break: normal;
  overflow-wrap: break-word;
}

.login-support-note span {
  display: block;
  margin-top: .1rem;
}

.login-support-note a {
  color: var(--el-green);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 950;
}

.subscription-email-btn {
  grid-column: 1/-1;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.045);
  color: var(--el-text);
  border-radius: 16px;
  padding: .82rem 1rem;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .12em;
  white-space: normal;
  line-height: 1.15;
}

.subscription-days-visual {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: .75rem;
  align-items: center;
  margin-top: .85rem;
  padding: .75rem;
  border-radius: 1rem;
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.07);
}

.subscription-days-ring {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(var(--ring-color,var(--el-green)) calc(var(--ring-pct,100)*1%),rgba(255,255,255,.08) 0);
  position: relative;
  box-shadow: 0 0 22px rgba(var(--el-green-rgb, 52, 175, 35), .10);
}

.subscription-days-ring::after {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: inherit;
  background: #080909;
  border: 1px solid rgba(255,255,255,.06);
}

.subscription-days-ring strong {
  position: relative;
  z-index: 1;
  font-size: 12px;
  font-weight: 950;
  color: #fff;
  line-height: 1;
}

.subscription-days-copy small {
  display: block;
  color: #85858f;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.subscription-days-copy b {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 1.25;
}

.subscription-days-copy span {
  display: block;
  color: var(--el-muted);
  font-size: 10px;
  margin-top: 2px;
  line-height: 1.25;
}

.account-subscription-track span, .subscription-mini-track span {
  transition: width .45s ease,background .35s ease,box-shadow .35s ease;
  transform-origin: left center;
}

.account-subscription-track span.subscription-progress-ok, .subscription-mini-track span.subscription-progress-ok {
  box-shadow: 0 0 16px rgba(var(--el-green-rgb, 52, 175, 35), .22);
  background: linear-gradient(90deg,var(--el-green),#76ff67);
}

.account-subscription-track span.subscription-progress-warn, .subscription-mini-track span.subscription-progress-warn {
  box-shadow: 0 0 18px rgba(255,176,32,.28);
  background: linear-gradient(90deg,#f59e0b,#ffd166);
}

.account-subscription-track span.subscription-progress-danger, .subscription-mini-track span.subscription-progress-danger {
  box-shadow: 0 0 20px rgba(255,95,87,.30);
  background: linear-gradient(90deg,#ff8a3d,#ff5f57);
}

.system-status-toast.show {
  display: block;
}

/* === Modales, pagos, login, cuenta y toasts · parte 18 === */

.prompt-modal-image iframe {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  min-height: 240px;
  border: 0;
  border-radius: 0;
  background: var(--el-bg);
}

.prompt-modal-image iframe.hidden {
  display: none;
}

#promptModal .prompt-modal-card.video-modal {
  width: min(1040px,calc(100vw - 28px));
  max-height: calc(100dvh - 24px);
}

#promptModal .prompt-modal-card.video-modal .prompt-modal-grid {
  grid-template-columns: minmax(360px,46%) minmax(0,1fr);
}

#promptModal .prompt-modal-card.video-modal.video-vertical .prompt-modal-grid {
  grid-template-columns: minmax(330px,40%) minmax(0,1fr);
}

#promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-grid {
  grid-template-columns: minmax(420px,52%) minmax(0,1fr);
}

#promptModal .prompt-modal-image.is-video.is-horizontal iframe, #promptModal .prompt-modal-image.is-video.is-horizontal video {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: calc(88dvh - 34px);
  border-radius: 16px;
}

#promptModal .prompt-modal-image.is-video.is-vertical iframe, #promptModal .prompt-modal-image.is-video.is-vertical video {
  width: auto;
  height: min(78dvh,640px);
  aspect-ratio: 9/16;
  max-width: 100%;
  max-height: calc(88dvh - 34px);
  border-radius: 20px;
}

#promptModal .prompt-modal-image.is-video.is-square iframe, #promptModal .prompt-modal-image.is-video.is-square video, #promptModal .prompt-modal-image.is-video.is-auto iframe, #promptModal .prompt-modal-image.is-video.is-auto video {
  width: min(100%,520px);
  height: auto;
  aspect-ratio: 1/1;
  max-height: calc(88dvh - 34px);
  border-radius: 18px;
}

#promptModal .prompt-modal-image.is-image {
  padding: 0;
}

#promptModal .prompt-modal-image.is-video::before {
  background-image: var(--modal-media-bg);
  content: "";
  position: absolute;
  inset: -24px;
  background: var(--modal-media-bg);
  background-size: cover;
  background-position: center;
  filter: blur(34px) saturate(1.15) brightness(.72);
  transform: scale(1.16);
  opacity: .86;
  z-index: 0;
  pointer-events: none;
}

#promptModal .prompt-modal-image.is-video::after {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 45%,rgba(0,0,0,.08),rgba(0,0,0,.58) 72%,rgba(0,0,0,.84));
  z-index: 1;
  pointer-events: none;
}

#modalVideoBlurPreview {
  position: absolute;
  inset: -22px;
  width: calc(100% + 44px);
  height: calc(100% + 44px);
  object-fit: cover;
  filter: blur(30px) saturate(1.15) brightness(.56);
  transform: scale(1.08);
  opacity: .76;
  z-index: 0;
  pointer-events: none;
}

#promptModal .prompt-modal-image.is-video iframe, #promptModal .prompt-modal-image.is-video #modalVideoPreview {
  position: relative;
  z-index: 3;
  border: 0;
  background: #000;
  box-shadow: 0 24px 70px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.10);
  overflow: hidden;
  object-fit: contain;
}

#promptModal .prompt-modal-card.video-vertical {
  width: min(960px,calc(100vw - 28px));
}

#promptModal .prompt-modal-card.video-vertical .prompt-modal-grid {
  grid-template-columns: minmax(310px,390px) minmax(0,1fr);
}

#promptModal .prompt-modal-image.is-video.is-vertical iframe, #promptModal .prompt-modal-image.is-video.is-vertical #modalVideoPreview {
  width: auto;
  height: min(78dvh,650px);
  aspect-ratio: 9/16;
  max-width: 100%;
  max-height: calc(88dvh - 34px);
  border-radius: 20px;
}

#promptModal .prompt-modal-image.is-video.is-horizontal iframe, #promptModal .prompt-modal-image.is-video.is-horizontal #modalVideoPreview {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: calc(88dvh - 34px);
  border-radius: 16px;
}

#promptModal .prompt-modal-image.is-video.is-square iframe, #promptModal .prompt-modal-image.is-video.is-square #modalVideoPreview, #promptModal .prompt-modal-image.is-video.is-auto iframe, #promptModal .prompt-modal-image.is-video.is-auto #modalVideoPreview {
  width: min(100%,520px);
  height: auto;
  aspect-ratio: 1/1;
  max-height: calc(88dvh - 34px);
  border-radius: 18px;
}

#promptModal .prompt-modal-image.is-video img {
  display: none;
}

#toast-container {
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(100vw - 24px),460px);
  max-width: 460px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  top: calc(env(safe-area-inset-top) + 78px);
  pointer-events: none;
  z-index: 999999;
  bottom: calc(env(safe-area-inset-bottom,0px) + 18px);
  position: fixed;
}

.modal-backdrop {
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  z-index: 9000;
}

.prompt-modal-card{
  z-index: 9002;
}

/* === Modales, pagos, login, cuenta y toasts · parte 19 === */

.system-status-toast {
  position: fixed;
  left: 50%;
  bottom: calc(env(safe-area-inset-bottom,0px) + 92px);
  transform: translateX(-50%);
  max-width: min(92vw,460px);
  padding: .8rem 1rem;
  border-radius: 1rem;
  background: rgba(19,14,8,.94);
  border: 1px solid rgba(245,158,11,.24);
  color: #ffe8c2;
  font-size: .78rem;
  font-weight: 800;
  box-shadow: 0 20px 70px rgba(0,0,0,.55);
  display: none;
  z-index: 999998;
}

#modalVideoFullscreenBtn {
  position: absolute;
  right: 13px;
  bottom: 13px;
  z-index: 8;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: rgba(0,0,0,.66);
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  display: none;
  place-items: center;
  box-shadow: 0 18px 42px rgba(0,0,0,.46);
  backdrop-filter: blur(12px);
}

#promptModal .prompt-modal-image.is-video #modalVideoFullscreenBtn {
  display: grid;
}

.video-fullscreen-modal {
  position: fixed;
  inset: 0;
  z-index: 999990;
  background: #000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
}

.video-fullscreen-modal.active {
  display: flex;
}

.video-fullscreen-modal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center,rgba(var(--el-green-rgb, 52, 175, 35), .08),rgba(0,0,0,.94));
  pointer-events: none;
}

.video-fullscreen-close {
  position: absolute;
  right: 14px;
  top: calc(env(safe-area-inset-top,0px) + 14px);
  z-index: 4;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.62);
  color: #fff;
  display: grid;
  place-items: center;
}

.video-fullscreen-stage {
  position: relative;
  z-index: 2;
  width: 100vw;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-fullscreen-stage iframe, .video-fullscreen-stage video {
  border: 0;
  background: #000;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08);
}

.video-fullscreen-stage.vertical iframe, .video-fullscreen-stage.vertical video {
  height: 100dvh;
  width: auto;
  max-width: 100vw;
  aspect-ratio: 9/16;
}

.video-fullscreen-stage.horizontal iframe, .video-fullscreen-stage.horizontal video {
  width: 100vw;
  height: auto;
  aspect-ratio: 16/9;
  max-height: 100dvh;
}

.video-fullscreen-stage.square iframe, .video-fullscreen-stage.square video, .video-fullscreen-stage.auto iframe, .video-fullscreen-stage.auto video {
  width: min(100vw,100dvh);
  height: auto;
  aspect-ratio: 1/1;
  max-height: 100dvh;
}

#promptModal .prompt-modal-image.is-video {
  background: var(--el-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  isolation: isolate;
  box-sizing: border-box;
  overflow: hidden;
}

#promptModal .prompt-modal-image.is-video iframe, #promptModal .prompt-modal-image.is-video video {
  position: relative;
  z-index: 3;
  box-shadow: 0 24px 70px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.08);
  overflow: hidden;
  display: block;
  border: 0;
  background: #000;
  object-fit: contain;
  object-position: center center;
}

#promptModal .prompt-modal-image.is-video.is-horizontal {
  align-items: center;
  justify-content: center;
}

#promptModal .prompt-modal-image.is-video.is-horizontal iframe, #promptModal .prompt-modal-image.is-video.is-horizontal video, #promptModal .prompt-modal-image.is-video.is-horizontal #modalVideoPreview {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: min(72dvh,720px);
  object-fit: contain;
}

#promptModal .prompt-modal-card {
  border-radius: 28px;
  max-height: calc(100dvh - 24px);
  max-width: min(1120px,calc(100vw - 28px));
  width: min(1120px,calc(100vw - 28px));
  overflow: hidden;
}

#promptModal .prompt-modal-grid {
  overflow: hidden;
  max-height: calc(100dvh - 24px);
  grid-template-columns: minmax(0,1.42fr) minmax(320px,400px);
  min-width: 0;
}

#promptModal .prompt-modal-body, #promptModal .prompt-modal-scroll, #promptModal .prompt-copy-footer {
  min-width: 0;
}

#modalTitle {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.05;
}

#modalDesc {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-height: 4.8em;
  overflow: auto;
  line-height: 1.45;
  padding-right: 3px;
}

/* === Modales, pagos, login, cuenta y toasts · parte 20 === */

#promptModal .prompt-modal-image {
  max-width: 100%;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  align-content: center;
  justify-content: center;
  --modal-media-bg: radial-gradient(circle at center,rgba(var(--el-green-rgb, 52, 175, 35), .16),rgba(0,0,0,.96));
  min-width: 0;
  background: #08080c;
  display: grid;
  place-items: center;
}

#promptModal .prompt-modal-image img, #promptModal .prompt-modal-image video, #promptModal .prompt-modal-image iframe {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: transparent;
}

.modal-share-icon, .modal-share-on-media, #promptModal .modal-share-icon, #promptModal .modal-share-on-media {
  background: rgba(12,12,13,.78);
  border: 1px solid rgba(255,255,255,.16);
  color: #f3f4f6;
  box-shadow: 0 16px 34px rgba(0,0,0,.34);
}

.modal-share-icon:hover, .modal-share-on-media:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.26);
  color: #fff;
}

#promptModal .prompt-modal-image .modal-share-on-media {
  top: 50%;
  right: 12px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}































/* === Modales, pagos, login, cuenta y toasts · parte 21 === */







































/* === Modales, pagos, login, cuenta y toasts · parte 22 === */























































/* === Modales, pagos, login, cuenta y toasts · parte 23 === */









































/* === Modales, pagos, login, cuenta y toasts · parte 24 === */







































.copied-toast {
  color: #fff;
  background: linear-gradient(135deg,rgba(var(--el-green-rgb, 52, 175, 35), .20),rgba(var(--el-green-2-rgb, 0, 255, 163), .10)),#0b120b;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .36);
}

.copied-toast i {
  color: #8fff7c;
}

.cancel-orb {
  width: 56px;
  height: 56px;
  margin: 0 auto;
  border-radius: 20px;
  display: grid;
  place-items: center;
  background: rgba(251,146,60,.10);
  border: 1px solid rgba(251,146,60,.24);
  color: #fdba74;
  font-size: 20px;
}

/* === Modales, pagos, login, cuenta y toasts · parte 25 === */

.cancel-warning-list {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  text-align: left;
}

.cancel-warning-list div {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  padding: 10px 11px;
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.07);
  color: #d8d8dc;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.cancel-warning-list i {
  color: #fb923c;
  margin-top: 2px;
  flex: 0 0 auto;
}

#resendLoginCodeBtn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.finance-micro-card.cancel {
  border-color: rgba(251,146,60,.20);
  background: rgba(251,146,60,.055);
}

.payments-stat-grid .subscription-cancel-stat {
  transform: scale(.92);
  transform-origin: left top;
  border-color: rgba(251,146,60,.22);
  background: rgba(251,146,60,.055);
}

.payments-stat-grid .subscription-renew-stat {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .20);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .055);
}

.payments-stat-grid .payments-blue-stat {
  border-color: rgba(59,130,246,.22);
  background: rgba(59,130,246,.055);
}

.payments-month-filter {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.payments-month-filter input {
  height: 38px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.26);
  color: #fff;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 800;
}

.email-history-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(0,0,0,.76);
  backdrop-filter: blur(12px);
}

.email-history-modal.active {
  display: flex;
}

.email-history-modal-card {
  width: min(760px,calc(100vw - 28px));
  max-height: 82dvh;
  overflow: auto;
  border-radius: 28px;
  padding: 18px;
}

.email-history-modal-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.email-history-modal-head h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-family: "Space Grotesk",Inter,sans-serif;
  font-weight: 950;
}

.email-history-modal-head button {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.35);
  color: #fff;
}

/* === Admin, finanzas y utilidades restantes === */

.mc-dot-left {
  background: #ff5f00;
  margin-right: -3px;
}

.mc-dot-right {
  background: #f79e1b;
}

.contact-option {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  transition: all .2s ease;
}

.contact-option:hover {
  background: rgba(255,255,255,.06);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .28);
}

.secure-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  color: #8fff7c;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: .75rem;
}

.end-of-content {
  margin-top: 1.5rem;
  border-radius: 1.5rem;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg,#101011,#080808);
  padding: 1.35rem;
  text-align: center;
}

.end-of-content h3 {
  font-family: "Space Grotesk",Inter,sans-serif;
  font-size: 1.45rem;
  font-weight: 950;
  letter-spacing: -.045em;
  color: #fff;
}

.end-of-content p {
  margin-top: .4rem;
  color: var(--el-muted);
  font-size: .82rem;
  font-weight: 700;
}

.end-of-content a {
  color: var(--el-green);
  font-weight: 950;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.pro-ring-mini {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .72rem;
  border-radius: 1rem;
  background: var(--el-bg-2);
}

.pro-ring-mini button {
  margin-top: .45rem;
  display: inline-flex;
}

.membership-status-chip {
  display: inline-flex;
  align-items: center;
  gap: .34rem;
  min-height: 1.55rem;
  border-radius: 999px;
  padding: 0 .6rem;
  color: #dfffdc;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .105);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .22);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
}

.membership-status-chip i {
  color: var(--el-green);
  font-size: 9px;
}

.confetti-layer {
  position: fixed;
  inset: 0;
  z-index: 220;
  pointer-events: none;
  overflow: hidden;
}

.confetti-piece {
  position: absolute;
  top: -14px;
  width: 8px;
  height: 14px;
  border-radius: 3px;
  opacity: .95;
  animation: confettiFall 1.65s cubic-bezier(.16,1,.3,1) forwards;
  transform: translate3d(0,0,0) rotate(0deg);
}

.pro-member-icon {
  width: 2.15rem;
  height: 2.15rem;
  flex: 0 0 2.15rem;
  border-radius: .85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--el-green);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  font-size: .86rem;
}

.pro-renewal-row {
  gap: .68rem;
  align-items: center;
  padding: .62rem;
  border-radius: 1rem;
  background: rgba(255,255,255,.032);
  border: 1px solid rgba(255,255,255,.065);
}

.membership-status-chip.is-active i, .pro-status-pill i {
  color: var(--el-green);
}

.pro-status-mini {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  min-height: 1.38rem;
  padding: 0 .52rem;
  border-radius: 999px;
  color: #dfffdc;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .105);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .22);
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.weekly-update-orb {
  width: 1.28rem;
  height: 1.28rem;
  flex: 0 0 1.28rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg,#ff3b30,#ffb020);
  box-shadow: 0 0 0 0 rgba(255,91,69,.42),0 0 16px rgba(255,159,28,.22);
  animation: weeklyOrbPulse 1.9s ease-in-out infinite;
}

.weekly-update-orb i {
  font-size: .58rem;
  animation: weeklyRotatePulseV23 3.1s ease-in-out infinite;
  transform-origin: center;
}

/* === Admin, finanzas y utilidades restantes · parte 2 === */

.weekly-simple-update-icon {
  color: var(--el-green);
  filter: none;
  animation: weeklySimplePulseV25 1.75s ease-in-out infinite;
  transform-origin: center;
}

.admin-edit-controls {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}

.admin-edit-chip {
  height: 26px;
  padding: 0 9px;
}

.admin-floating-save {
  position: fixed;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  z-index: 9998;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .24);
  background: rgba(5,5,5,.78);
  border-radius: 999px;
  box-shadow: 0 18px 55px rgba(0,0,0,.48);
  backdrop-filter: blur(16px);
}

.admin-floating-save button {
  height: 34px;
  padding: 0 13px;
}

.admin-floating-save .save {
  background: linear-gradient(135deg,var(--el-green),#248a1a);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .52);
  color: white;
}

.notification-row {
  display: flex;
  align-items: center;
  gap: .8rem;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
  border-radius: 1rem;
  padding: .8rem;
}





body::before {
  content: "";
  position: fixed;
  inset: -20%;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 14% 8%,rgba(31,120,24,.16),transparent 28%),radial-gradient(circle at 82% 32%,rgba(var(--el-green-rgb, 52, 175, 35), .075),transparent 30%),linear-gradient(115deg,transparent 0%,rgba(18,92,20,.08) 40%,transparent 62%);
  filter: blur(8px);
  animation: promptBgDrift 18s ease-in-out infinite alternate;
}

.notification-row i {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .8rem;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .12);
  color: #8fff7c;
}

.success-orb {
  width: 64px;
  height: 64px;
  border-radius: 22px;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .28);
  color: var(--el-green);
  font-size: 42px;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .12);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .24);
}

.notification-row.is-read {
  display: none;
}

.notification-row:hover {
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .28);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .07);
}

.pro-status-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .20);
  font-size: 8px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .14em;
  padding: .32rem .5rem;
  white-space: nowrap;
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .22);
  color: #dfffda;
}

.checkout-email-mini summary {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 13px;
  cursor: pointer;
  list-style: none;
  color: #c7c7ce;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.checkout-email-mini summary::-webkit-details-marker {
  display: none;
}

.checkout-email-mini summary small {
  color: var(--el-green);
  background: rgba(var(--el-green-rgb, 52, 175, 35), .10);
  border: 1px solid rgba(var(--el-green-rgb, 52, 175, 35), .22);
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 8px;
}

.checkout-email-mini-body {
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 11px 13px;
}

.checkout-email-mini-body input {
  width: 100%;
  background: transparent;
  outline: none;
  color: #fff;
  font-size: 13px;
}

.checkout-email-mini-body input::placeholder {
  color: #5f6169;
}

/* === Admin, finanzas y utilidades restantes · parte 3 === */

.checkout-email-mini-body p {
  margin: 7px 0 0;
  color: #777b85;
  font-size: 10px;
  line-height: 1.35;
}

.checkout-email-mini {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.025);
  border-radius: 16px;
  overflow: hidden;
  display: none;
}

.mobile-tabbar {
  position: fixed;
  bottom: calc(10px + env(safe-area-inset-bottom));
  left: 50%;
  transform: translateX(-50%);
  z-index: 80;
}

.email-change-warning {
  margin-top: .85rem;
  border: 1px solid rgba(245,158,11,.22);
  background: rgba(245,158,11,.075);
  border-radius: 16px;
  padding: .75rem;
  color: #e7d3ad;
  font-size: 11px;
  line-height: 1.45;
  font-weight: 750;
  display: flex;
  gap: .55rem;
  align-items: flex-start;
}

.email-change-warning i {
  color: #f59e0b;
  margin-top: .1rem;
  flex: 0 0 auto;
}

#endContentSentinel {
  margin-top: 0;
  display: block;
  flex: 1 1 auto;
  min-height: clamp(7rem,28vh,18rem);
}

.video-source-chip {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 4;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.62);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  box-shadow: 0 14px 30px rgba(0,0,0,.42);
  backdrop-filter: blur(10px);
}

.video-source-chip.youtube {
  color: #ff4b4b;
}

.video-source-chip.tiktok {
  color: #fff;
}

.video-source-chip.shorts {
  color: #ff4b4b;
}

.is-hidden-video {
  display: none;
}

#toggleFullPromptBtn {
  flex: 0 0 auto;
  white-space: nowrap;
  max-width: 118px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--el-text);
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.035);
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 9px;
  line-height: 1;
}

#toggleFullPromptBtn:hover {
  color: #fff;
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.24);
}

.premium-contact-option {
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 18px;
}

.premium-contact-option:hover {
  background: rgba(var(--el-green-rgb, 52, 175, 35), .08);
  border-color: rgba(var(--el-green-rgb, 52, 175, 35), .20);
}

.no-results-premium {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,255,255,.10);
  background: radial-gradient(circle at 50% 0%,rgba(255,0,0,.12),transparent 35%),linear-gradient(180deg,rgba(18,18,18,.98),rgba(6,6,6,.98));
}

.no-results-premium .no-results-icon {
  width: 50px;
  height: 50px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  margin: 0 auto 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
}

.no-results-premium h3 {
  font-family: "Space Grotesk",Inter,sans-serif;
  font-size: clamp(1.4rem,4vw,2.15rem);
  font-weight: 950;
  letter-spacing: -.055em;
  color: #fff;
  margin: 0 0 8px;
}

.no-results-premium p {
  max-width: 430px;
  margin: 0 auto;
  color: #aeb0b8;
  line-height: 1.55;
}

.no-results-premium a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 18px;
  border-radius: 18px;
  padding: 13px 18px;
  background: linear-gradient(135deg,#ff0033,#a40014);
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
  box-shadow: 0 18px 42px rgba(255,0,51,.18);
}

.email-history-collapsed {
  display: none;
}

/* === Responsive y media queries consolidados === */

/* === Responsive y media queries consolidados · parte 2 === */



/* === Responsive y media queries consolidados · parte 3 === */





/* === Responsive y media queries consolidados · parte 4 === */



/* === Responsive y media queries consolidados · parte 5 === */











/* === Responsive y media queries consolidados · parte 6 === */



/* === Responsive y media queries consolidados · parte 7 === */



/* === Responsive y media queries consolidados · parte 8 === */











/* === Responsive y media queries consolidados · parte 9 === */



/* === Responsive y media queries consolidados · parte 10 === */



/* === Responsive y media queries consolidados · parte 11 === */

/* === Responsive: prefers-reduced-motion === */

@media (prefers-reduced-motion: reduce) {
  /* Modales, pagos, login, cuenta y toasts */
  

  /* Admin, finanzas y utilidades restantes */
  *, *::before, *::after {
    animation-duration: .01ms;
    animation-iteration-count: 1;
    transition-duration: .01ms;
    scroll-behavior: auto;
  }
}

/* === Responsive: max-width: 390px === */

@media (max-width: 390px) {
  /* Modales, pagos, login, cuenta y toasts */
  

  

  

  

  

  

  

  

  
}

@media (max-width: 390px), (max-height: 760px) {
  /* Modales, pagos, login, cuenta y toasts */
  

  
}

/* === Responsive: max-width: 420px === */

@media (max-width: 420px) {
  /* Layout, header, sidebar y navegación */
  #mobileCategorySheet.active {
    padding-left: 10px;
    padding-right: 10px;
  }

  #mobileCategoryPanel {
    width: 100%;
    border-radius: 22px;
  }

  /* Cards, sliders, catálogo y prompts */
  .stream-card {
    width: min(62vw,218px);
  }

  .stream-title {
    font-size: 11.2px;
  }

  .stream-meta {
    font-size: 8px;
  }

  /* Modales, pagos, login, cuenta y toasts */
  #promptModal .prompt-modal-image {
    height: min(26dvh,190px);
  }

  #promptModal .prompt-modal-scroll {
    max-height: calc(91dvh - 200px);
  }
}

/* === Responsive: max-width: 520px === */

@media (max-width: 520px) {
  /* Cards, sliders, catálogo y prompts */
  .stream-title-wrap {
    padding: 10px;
  }

  .stream-thumb {
    border-radius: 11px;
  }

  .stream-title {
    font-size: 11.5px;
  }

  .access-chip {
    padding: 4.5px 7px;
    font-size: 7px;
  }

  .stream-card {
    width: min(56vw,218px);
  }

  /* Modales, pagos, login, cuenta y toasts */
  .modal-share-icon {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }

  .account-subscription-v27 .grid.grid-cols-2 {
    gap: .55rem;
  }

  .account-subscription-button, .account-login-button-v27 {
    height: 50px;
    min-height: 50px;
    font-size: 10px;
  }
}

/* === Responsive: max-width: 640px === */

@media (max-width: 640px) {
  /* Tokens y base visual */
  html, body {
    overscroll-behavior-y: auto;
  }

  #toast-container .ui-card {
    min-height: 52px;
    padding: 12px 13px;
    border-radius: 16px;
  }

  #toast-container .ui-card span {
    font-size: 12.5px;
  }

  body.page-bg {
    padding-bottom: calc(5.2rem + env(safe-area-inset-bottom));
  }

  .slider-skeleton-card {
    width: min(46vw,190px);
  }

  /* Layout, header, sidebar y navegación */
  .row-more {
    font-size: 9px;
    letter-spacing: .12em;
  }

  

  

  .mobile-category-quick {
    padding: .55rem .75rem;
    border-radius: 999px;
    font-size: 9px;
    letter-spacing: .10em;
    background: rgba(255,255,255,.035);
  }

  #mobileCategories {
    display: grid;
    grid-template-columns: 1fr;
    gap: .55rem;
    max-height: 70dvh;
  }

  #mobileCategoryPanel {
    bottom: 0;
    padding: 1rem;
    top: calc(58px+env(safe-area-inset-top));
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: min(calc(100vw - 18px),430px);
    max-height: 78dvh;
    background: linear-gradient(180deg,#101111,#070707);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 24px;
    box-shadow: 0 24px 78px rgba(0,0,0,.70);
  }

  #mobileCategories .nav-item {
    min-height: 76px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.035);
    border-radius: 18px;
    padding: 12px;
  }

  #libraryIntroTitle h1 {
    font-size: clamp(2rem,9vw,2.75rem);
    letter-spacing: -.055em;
    line-height: 1.07;
  }

  .legal-site-footer nav {
    gap: 1rem;
    margin-top: .65rem;
  }

  #mobileCategoryPanel, #notificationsModal .notification-modal-card, #loginModal .modal-content, #mobileFavoritesSheet .modal-content, #mobileAccountSheet .modal-content {
    max-height: calc(100dvh - 84px);
  }

  #mobileCategoryPanel, #mobileFavoritesPanel {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    transform: none;
    width: 100%;
    border-radius: 28px 28px 0 0;
    max-height: 82dvh;
  }

  .legal-site-footer .flex {
    gap: 1rem;
    flex-wrap: wrap;
  }

  #catalogHeader {
    padding: 1rem;
    border-radius: 1.35rem;
    margin-inline: 0;
  }

  #catalogHeader h1, #catalogTitle {
    font-size: clamp(1.85rem,9vw,2.55rem);
    line-height: 1.08;
  }

  .mobile-bottom-nav {
    border-left: 0;
    border-right: 0;
    border: 1px solid rgba(255,255,255,.10);
    padding: .42rem;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    max-width: none;
    border-radius: 0;
    margin: 0;
    z-index: 80;
    height: calc(4.8rem + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    background: rgba(8,8,9,.985);
    border-top: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 -10px 30px rgba(0,0,0,.38);
  }

  .legal-site-footer {
    padding: .95rem .85rem calc(5.7rem+env(safe-area-inset-bottom));
    font-size: 10.5px;
    position: static;
    padding-bottom: calc(5.6rem + env(safe-area-inset-bottom));
    margin-top: 1.2rem;
  }

  .legal-site-footer > div {
    margin-top: .75rem;
  }

  .sidebar-days-visual {
    display: none;
  }

  .section-title {
    font-size: 1.03rem;
  }

  .section-head {
    margin-bottom: .55rem;
  }

  /* Cards, sliders, catálogo y prompts */
  .prompt-copy-footer {
    padding: .75rem 1rem 1rem;
  }

  .prompt-full-box {
    max-height: 118px;
  }

  .instructions-rail {
    display: flex;
    overflow-x: auto;
    gap: .55rem;
    padding-bottom: .2rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    align-items: stretch;
  }

  .instructions-rail::-webkit-scrollbar {
    display: none;
  }

  .catalog-end-notice {
    bottom: 5.4rem;
    width: calc(100vw - 1.5rem);
  }

  .catalog-end-notice-card {
    border-radius: 1.15rem;
    padding: .9rem 1rem;
  }

  .catalog-end-notice-card strong {
    font-size: 1.08rem;
  }

  .catalog-end-notice-card p {
    font-size: .72rem;
  }

  #variantList {
    gap: .45rem;
  }

  .variant-card {
    width: 82px;
    min-width: 82px;
    height: 70px;
    border-radius: 13px;
  }

  .stream-title-wrap {
    padding: .62rem .62rem .55rem;
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.58));
  }

  .stream-title {
    font-size: 11px;
    line-height: 1.06;
  }

  .stream-meta {
    font-size: 8px;
  }

  .access-chip {
    font-size: 7px;
    padding: .22rem .42rem;
  }

  .favorite-card-btn {
    width: 28px;
    height: 28px;
    right: 7px;
    top: 7px;
    font-size: 12px;
  }

  .instruction-card {
    flex: 0 0 78%;
    scroll-snap-align: start;
    align-items: center;
    min-height: 48px;
  }

  .stream-thumb::before {
    filter: blur(18px);
    opacity: .6;
  }

  .access-paused-card {
    margin-bottom: calc(.65rem + env(safe-area-inset-bottom));
  }

  .stream-thumb::before, .stream-thumb.is-loading-media::before, .stream-thumb.media-loaded::before {
    filter: blur(18px) saturate(1.1);
    opacity: .66;
  }

  .slider-loading-row {
    padding-bottom: 12px;
  }

  .slider-section {
    contain-intrinsic-size: 170px 150px;
    margin-bottom: .25rem;
  }

  .stream-thumb {
    box-shadow: 0 13px 34px rgba(0,0,0,.34);
    border-radius: 11px;
  }

  .stream-card {
    scroll-snap-align: none;
    width: min(52vw,210px);
  }

  .stream-slider {
    scroll-snap-type: none;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: auto;
    padding-bottom: 12px;
    gap: 8px;
  }

  /* Modales, pagos, login, cuenta y toasts */
  .prompt-modal-card {
    width: calc(100vw - 20px);
    max-height: 92dvh;
    border-radius: 1.25rem;
  }

  .prompt-modal-grid {
    display: flex;
    flex-direction: column;
    max-height: inherit;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  .payment-step-shell {
    padding: .95rem;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .payment-step-title {
    font-size: 1.45rem;
    text-align: left;
  }

  

  .plan-price-center {
    margin-top: .55rem;
  }

  .plan-price-center .currency {
    font-size: 1rem;
  }

  .plan-price-center .amount {
    font-size: 2.05rem;
  }

  .plan-price-center .period {
    font-size: .58rem;
    margin-bottom: .18rem;
  }

  .prompt-modal-image.is-vertical {
    height: 240px;
    min-height: 240px;
  }

  .prompt-modal-image.is-horizontal {
    height: 170px;
    min-height: 170px;
  }

  

  

  

  

  

  .modal-content,.prompt-modal-card{
    background: linear-gradient(180deg,#111112 0%,#070708 100%);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 26px 90px rgba(0,0,0,.86),inset 0 1px 0 rgba(255,255,255,.045);
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  #promptModal .prompt-modal-image.is-vertical {
    height: 270px;
    min-height: 270px;
  }

  #promptModal .instructions-rail::-webkit-scrollbar {
    display: none;
  }

  

  

  

  

  

  #promptModal .instructions-rail {
    -webkit-overflow-scrolling: touch;
    display: flex;
    overflow-x: auto;
    gap: .45rem;
    scroll-snap-type: x mandatory;
    padding-bottom: .15rem;
  }

  #promptModal .instruction-card {
    min-height: 70px;
    flex: 0 0 70%;
    min-width: 70%;
    scroll-snap-align: start;
  }

  

  #promptModal .prompt-full-box {
    max-height: 112px;
  }

  

  #promptModal .prompt-modal-body {
    max-height: calc(92dvh - 168px);
    min-height: 0;
  }

  #promptModal .prompt-modal-scroll {
    padding: .84rem .92rem .55rem;
  }

  #promptModal .prompt-full-box:not(.expanded) {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    border: 0;
  }

  

  

  

  .subscription-action-row {
    grid-template-columns: 1fr;
  }

  

  

  .account-pro-actions button, .account-pro-desktop-btn {
    border-radius: 12px;
    font-size: 9px;
    letter-spacing: .055em;
    padding: .58rem .42rem;
    min-height: 48px;
    white-space: normal;
  }

  

  

  .account-pro-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .56rem;
  }

  .account-pro-actions button, .account-pro-desktop-btn, .account-subscription-button, .account-login-button-v27 {
    white-space: normal;
    line-height: 1.12;
    min-height: 52px;
    border-radius: 13px;
    padding: .52rem .34rem;
    font-size: 7.4px;
    letter-spacing: 0;
    gap: .24rem;
  }

  .account-pro-actions button i, .account-pro-desktop-btn i {
    margin: 0;
    font-size: 9px;
  }

  .account-pro-actions button, .account-subscription-button, .account-login-button-v27 {
    border-radius: 13px;
    letter-spacing: .055em;
    line-height: 1.12;
    white-space: normal;
    min-height: 50px;
    font-size: 8.2px;
    padding: .55rem .36rem;
  }

  .account-pro-actions button span {
    white-space: nowrap;
    font-size: 7.8px;
  }

  

  

  .modal-backdrop {
    align-items: flex-end;
    justify-content: center;
    padding: 0;
  }

  .modal-backdrop > .modal-content:not(.prompt-modal-card) {
    width: 100%;
    max-width: 100%;
    border-radius: 28px 28px 0 0;
    margin: 0;
    max-height: 88dvh;
    overflow-y: auto;
  }

  

  .modal-backdrop.active {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 12px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }

  #toast-container {
    top: calc(env(safe-area-inset-top) + 66px);
    width: calc(100vw - 20px);
  }

  .modal-backdrop.active .modal-content {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    border-radius: 28px 28px 0 0;
    max-height: 90dvh;
    overflow: auto;
  }

  #promptModal .prompt-modal-grid {
    height: auto;
    max-height: 92dvh;
    flex-direction: column;
    display: block;
  }

  .prompt-modal-image img, .prompt-modal-image video {
    object-fit: contain;
  }

  .prompt-modal-image.is-horizontal img, .prompt-modal-image.is-horizontal video {
    object-fit: cover;
  }

  .prompt-modal-image {
    height: min(42vh,340px);
    min-height: 210px;
  }

  .prompt-modal-body {
    max-height: calc(88dvh - min(42vh,340px));
  }

  .prompt-modal-scroll {
    padding: 1rem;
  }

  #promptModal .prompt-modal-card {
    height: auto;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    max-height: calc(100dvh - env(safe-area-inset-top));
    border-radius: 28px 28px 0 0;
    margin: 0;
  }

  #promptModal .prompt-copy-footer {
    padding: .66rem .92rem calc(.8rem+env(safe-area-inset-bottom));
    position: sticky;
    bottom: 0;
    z-index: 35;
    padding-bottom: calc(.9rem + env(safe-area-inset-bottom));
  }

  #promptModal {
    justify-content: center;
    z-index: 2147482500;
    padding: 0;
    align-items: flex-end;
  }

  #promptModal .prompt-modal-image {
    max-height: 225px;
    height: min(38dvh,310px);
    min-height: 210px;
  }

  #promptModal .prompt-modal-image.is-horizontal {
    height: 205px;
    min-height: 205px;
    place-items: center;
    align-content: center;
  }

  #promptModal .prompt-modal-image::before {
    filter: blur(20px) saturate(1.08);
    opacity: .62;
  }

  #promptModal .prompt-modal-image.is-horizontal img, #promptModal .prompt-modal-image.is-horizontal video {
    width: 100%;
    height: auto;
    object-position: center center;
  }

  .login-support-note {
    max-width: 260px;
    font-size: 9.5px;
  }

  #promptModal .prompt-modal-image.is-video {
    height: min(46dvh,430px);
    min-height: 230px;
    padding: 12px;
  }

  #promptModal .prompt-modal-image.is-video.is-horizontal {
    height: min(30dvh,280px);
    min-height: 190px;
  }

  #promptModal .prompt-modal-image.is-video.is-vertical {
    height: min(54dvh,520px);
    min-height: 300px;
  }

  #promptModal .prompt-modal-image.is-video.is-horizontal iframe, #promptModal .prompt-modal-image.is-video.is-horizontal video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }

  #promptModal .prompt-modal-image.is-video.is-vertical iframe, #promptModal .prompt-modal-image.is-video.is-vertical video {
    height: 100%;
    width: auto;
    aspect-ratio: 9/16;
    max-width: 100%;
  }

  #promptModal .prompt-modal-image.is-video.is-square iframe, #promptModal .prompt-modal-image.is-video.is-square video, #promptModal .prompt-modal-image.is-video.is-auto iframe, #promptModal .prompt-modal-image.is-video.is-auto video {
    height: 100%;
    width: auto;
    aspect-ratio: 1/1;
    max-width: 100%;
  }

  #promptModal .prompt-modal-card.video-modal .prompt-modal-body {
    max-height: calc(100dvh - min(46dvh,430px) - env(safe-area-inset-top));
  }

  .prompt-modal-card.video-vertical {
    width: calc(100vw - 18px);
    max-height: 94dvh;
  }

  .prompt-modal-card.video-vertical .prompt-modal-grid {
    display: flex;
    flex-direction: column;
  }

  .prompt-modal-card.video-vertical .prompt-modal-image {
    height: min(58dvh,560px);
    min-height: 330px;
  }

  .prompt-modal-card.video-horizontal .prompt-modal-image {
    height: 205px;
    min-height: 205px;
  }

  .prompt-modal-card.video-horizontal .prompt-modal-body {
    max-height: calc(94dvh - 205px);
  }

  .prompt-modal-image.is-video.is-vertical iframe, .prompt-modal-image.is-video.is-vertical #modalVideoPreview {
    height: 100%;
    width: auto;
    max-width: 100%;
    aspect-ratio: 9/16;
    border-radius: 18px;
  }

  .prompt-modal-image.is-video.is-horizontal {
    height: auto;
    min-height: 0;
    padding: 8px;
  }

  .prompt-modal-image.is-video.is-horizontal iframe, .prompt-modal-image.is-video.is-horizontal #modalVideoPreview {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 16px;
  }

  .prompt-modal-image.is-video.is-vertical {
    height: min(52dvh,540px);
    padding: 10px;
  }

  #promptModal .prompt-modal-card.video-modal {
    width: 100%;
    max-width: 100%;
    max-height: calc(100dvh - env(safe-area-inset-top));
    border-radius: 28px 28px 0 0;
    overflow: hidden;
  }

  #promptModal .prompt-modal-card.video-modal .prompt-modal-grid {
    display: flex;
    flex-direction: column;
    max-height: inherit;
    overflow: hidden;
  }

  #promptModal .prompt-modal-card.video-modal.video-vertical .prompt-modal-body {
    max-height: calc(100dvh - min(58dvh,620px) - env(safe-area-inset-top));
  }

  #promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-body {
    max-height: calc(100dvh - ((100vw - 16px) * 0.5625) - env(safe-area-inset-top));
  }

  #promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-image.is-video {
    height: auto;
    min-height: 0;
    aspect-ratio: 16/9;
    padding: 8px;
    flex: 0 0 auto;
  }

  #promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-image.is-video iframe, #promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-image.is-video video {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    border-radius: 16px;
  }

  #promptModal .prompt-modal-card.video-modal.video-vertical .prompt-modal-image.is-video {
    height: min(58dvh,620px);
    min-height: 330px;
    padding: 9px;
    flex: 0 0 auto;
  }

  #promptModal .prompt-modal-card.video-modal.video-vertical .prompt-modal-image.is-video iframe, #promptModal .prompt-modal-card.video-modal.video-vertical .prompt-modal-image.is-video video {
    height: 100%;
    width: auto;
    max-width: 100%;
    aspect-ratio: 9/16;
    border-radius: 18px;
  }

  #promptModal .prompt-modal-card.video-modal.video-square .prompt-modal-image.is-video, #promptModal .prompt-modal-card.video-modal.video-auto .prompt-modal-image.is-video {
    height: min(46dvh,430px);
    min-height: 260px;
    aspect-ratio: 1/1;
    padding: 9px;
    flex: 0 0 auto;
  }

  #promptModal .prompt-modal-card.video-modal.video-square .prompt-modal-image.is-video iframe, #promptModal .prompt-modal-card.video-modal.video-square .prompt-modal-image.is-video video, #promptModal .prompt-modal-card.video-modal.video-auto .prompt-modal-image.is-video iframe, #promptModal .prompt-modal-card.video-modal.video-auto .prompt-modal-image.is-video video {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: 16px;
  }

  #promptModal .prompt-modal-card.video-modal.video-square .prompt-modal-body, #promptModal .prompt-modal-card.video-modal.video-auto .prompt-modal-body {
    max-height: calc(100dvh - min(46dvh,430px) - env(safe-area-inset-top));
  }

  #modalVideoFullscreenBtn {
    display: grid;
    right: 12px;
    bottom: 12px;
  }

  #promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-image.is-video, #promptModal .prompt-modal-image.is-video.is-horizontal {
    height: auto;
    min-height: 0;
    aspect-ratio: 16/9;
    padding: 8px;
  }

  #promptModal .prompt-modal-image.is-video.is-horizontal iframe, #promptModal .prompt-modal-image.is-video.is-horizontal video, #promptModal .prompt-modal-image.is-video.is-horizontal #modalVideoPreview {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    border-radius: 16px;
  }

  #promptModal .prompt-modal-image.is-video .modal-share-on-media {
    top: 50%;
    right: 12px;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    z-index: 16;
    background: rgba(0,0,0,.72);
    border-color: rgba(255,255,255,.20);
    box-shadow: 0 16px 34px rgba(0,0,0,.44);
  }

  #promptModal .prompt-modal-image .modal-share-on-media {
    top: 50%;
    right: 12px;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    z-index: 18;
    background: rgba(0,0,0,.72);
    border-color: rgba(255,255,255,.20);
    box-shadow: 0 16px 34px rgba(0,0,0,.44);
  }

  #loginModal.active {
    align-items: flex-start;
    padding-top: max(10px,env(safe-area-inset-top));
  }

  #loginModal input {
    font-size: 16px;
  }

  #loginModal button {
    min-height: 46px;
  }

  #loginModal .modal-content {
    border-radius: 24px;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    transform: none;
    width: min(100%,430px);
    max-height: min(78dvh,560px);
    overflow: auto;
    margin: 0 auto;
    padding: 16px;
  }

  #loginModal {
    align-items: flex-start;
    justify-content: center;
    padding: calc(env(safe-area-inset-top) + 10px) 12px 12px;
  }

  #loginCodeInput {
    font-size: 16px;
  }

  /* Admin, finanzas y utilidades restantes */
  main {
    padding-left: .9rem;
    padding-right: .9rem;
  }

  .lg\:hidden.flex.items-center.justify-between.gap-3.mb-5 {
    justify-content: flex-start;
    margin-bottom: .85rem;
  }

  

  .email-change-warning {
    font-size: 10.5px;
  }

  #endContentSentinel {
    min-height: clamp(4rem,22vh,14rem);
  }
}

/* === Responsive: max-width: 720px === */

@media (max-width: 720px) {
  /* Layout, header, sidebar y navegación */
  #libraryIntroTitle {
    margin-top: .45rem;
    margin-bottom: 1rem;
  }

  #libraryIntroTitle h1 {
    font-size: 2.35rem;
    line-height: .9;
  }

  #libraryIntroTitle p {
    font-size: .8rem;
    line-height: 1.45;
    margin-top: .65rem;
  }

  .section-head {
    margin-bottom: .75rem;
  }

  .mobile-bottom-nav {
    grid-template-columns: repeat(4,1fr);
    left: .7rem;
    right: .7rem;
    padding: .38rem;
  }

  .mobile-bottom-nav button {
    min-height: 48px;
    border-radius: .95rem;
    font-size: 8.5px;
  }

  /* Cards, sliders, catálogo y prompts */
  .admin-card-tools {
    opacity: 1;
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    gap: 4px;
  }

  .admin-card-btn {
    height: 22px;
    font-size: 7px;
    padding: 0 6px;
  }

  .admin-add-card {
    width: 150px;
  }

  .slider-section {
    margin-top: 1.05rem;
  }

  #variantList {
    gap: .5rem;
  }

  .variant-card {
    width: 86px;
    min-width: 86px;
    border-radius: 13px;
  }

  .variant-card img {
    height: 56px;
  }

  /* Modales, pagos, login, cuenta y toasts */
  .admin-modal-actions {
    top: 10px;
    left: 10px;
    right: 50px;
  }

  .admin-modal-action {
    font-size: 7px;
    height: 24px;
    padding: 0 7px;
  }

  .modal-content {
    max-width: calc(100vw - 1.15rem);
  }

  #promptModal .prompt-modal-card {
    max-height: 92dvh;
  }

  #promptModal .prompt-modal-image {
    min-height: 220px;
    max-height: 34dvh;
  }

  #promptModal .instructions-rail {
    display: flex;
    overflow-x: auto;
    gap: .65rem;
    padding-bottom: .35rem;
    scroll-snap-type: x mandatory;
  }

  #promptModal .instruction-card {
    min-width: 82%;
    scroll-snap-align: start;
    padding: .82rem;
    border-radius: 1rem;
  }

  #promptModal .instruction-card p {
    font-size: 12.5px;
    line-height: 1.36;
  }

  

  

  

  

  

  

  

  

  

  

  /* Admin, finanzas y utilidades restantes */
  .admin-floating-save {
    left: 10px;
    right: 10px;
    transform: none;
    justify-content: center;
  }
}

/* === Responsive: max-width: 760px / 767px / 768px === */

@media (max-width: 760px) {
  /* Tokens y base visual */
  #modalPromptSummary {
    max-height: 68px;
    font-size: 12.5px;
  }

  #modalPromptFull {
    max-height: 22dvh;
    font-size: 11.5px;
  }

  body.page-bg > main {
    min-height: calc(100dvh - 86px);
    padding-bottom: calc(84px + env(safe-area-inset-bottom));
  }

  body.page-bg > main > .app-layout, body.page-bg > main > .app-layout > section.min-w-0 {
    min-height: calc(100dvh - 170px);
  }

  /* Layout, header, sidebar y navegación */
  .legal-site-footer {
    margin-top: auto;
    padding-bottom: calc(1.2rem + env(safe-area-inset-bottom));
  }

  /* Cards, sliders, catálogo y prompts */
  .instruction-number {
    width: 22px;
    height: 22px;
    min-width: 22px;
    flex-basis: 22px;
  }

  /* Modales, pagos, login, cuenta y toasts */
  #promptModal .prompt-modal-card {
    width: calc(100vw - 18px);
    max-width: 430px;
  }

  #promptModal .prompt-modal-grid {
    grid-template-columns: 1fr;
  }

  #promptModal .prompt-modal-image {
    min-height: 230px;
    max-height: 42dvh;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  
}

@media (max-height: 720px) and (max-width: 760px) {
  /* Modales, pagos, login, cuenta y toasts */
  

  
}

@media (max-height: 700px) and (max-width: 760px) {
  /* Modales, pagos, login, cuenta y toasts */
  
}

@media (max-width: 767px) {
  /* Modales, pagos, login, cuenta y toasts */
  

  

  

  

  

  

  

  

  
}

@media (max-width: 768px) {
  /* Modales, pagos, login, cuenta y toasts */
  

  

  

  

  

  

  

  

  

  

  

  

  

  

  
}

/* === Responsive: max-width: 900px === */

@media (max-width: 900px) {
  /* Cards, sliders, catálogo y prompts */
  .finance-micro-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  /* Modales, pagos, login, cuenta y toasts */
  

  

  

  

  

  
}

/* === Responsive: max-width: 1023px === */

@media (max-width: 1023px) {
  /* Tokens y base visual */
  body {
    padding-bottom: calc(5.15rem+env(safe-area-inset-bottom));
  }

  body.page-bg {
    min-height: 100dvh;
    padding-bottom: 0;
  }

  body.page-bg > main > .app-layout, body.page-bg > main > .app-layout > section.min-w-0 {
    min-height: auto;
    display: block;
    flex: none;
  }

  .slider-skeleton-card {
    width: min(52vw,240px);
    border-radius: 14px;
  }

  body.page-bg > main {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
  }

  body.page-bg > main > .app-layout {
    flex-direction: column;
    display: block;
    flex: 1 0 auto;
    min-height: calc(100dvh - 5rem);
  }

  body.page-bg > main > .app-layout > section.min-w-0 {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    min-height: calc(100dvh - 6.6rem);
  }

  body.page-bg > main, body.page-bg > main > .app-layout, body.page-bg > main > .app-layout > section.min-w-0 {
    min-height: auto;
    display: block;
    flex: none;
  }

  /* Layout, header, sidebar y navegación */
  .app-layout {
    display: block;
  }

  .app-sidebar {
    display: none;
  }

  .section-head {
    padding-inline: .1rem;
  }

  .mobile-bottom-nav button.active {
    background: rgba(var(--el-green-rgb, 52, 175, 35), .105);
  }

  .mobile-bottom-nav button.active i, .mobile-bottom-nav button:hover i {
    color: var(--el-green);
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    filter: drop-shadow(0 0 8px rgba(var(--el-green-rgb, 52, 175, 35), .28));
  }

  .legal-site-footer nav {
    gap: 1rem;
    margin-top: .75rem;
  }

  .legal-site-footer .flex {
    gap: 1rem;
    flex-wrap: wrap;
  }

  #libraryIntroTitle, #catalogHeader {
    position: relative;
    top: auto;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }

  .mobile-bottom-nav {
    position: fixed;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding: .42rem .62rem calc(.42rem+env(safe-area-inset-bottom));
    height: calc(4.8rem + env(safe-area-inset-bottom));
    background: rgba(8,8,9,.98);
    border-top: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 -10px 32px rgba(0,0,0,.42);
  }

  .mobile-bottom-nav button {
    height: 50px;
    min-height: 50px;
    justify-content: center;
    border-radius: 1rem;
  }

  .mobile-bottom-nav, .mobile-tabbar, .app-mobile-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    z-index: 80;
    padding-bottom: env(safe-area-inset-bottom);
  }

  #loginModal,#mobileCategorySheet,#mobileAccountSheet,#mobileFavoritesSheet,#notificationsModal,#subscriptionDetailsModal,#subscriptionCancelModal,#accessRevokedModal,#contactModal,#langModal,#emailChangeModal,#paymentSuccessModal{
    z-index: 2147483000;
  }

  #promptModal.active .mobile-bottom-nav {
    display: none;
  }

  .legal-site-footer {
    padding: 1.2rem .9rem calc(5.7rem+env(safe-area-inset-bottom));
    max-width: 100%;
    border-top: 1px solid rgba(255,255,255,.055);
    position: static;
    flex: 0 0 auto;
    margin-top: .85rem;
    padding-bottom: calc(6.4rem + env(safe-area-inset-bottom));
  }

  .legal-site-footer > div {
    padding-bottom: 0;
    padding-top: .85rem;
    margin-top: 0;
    margin-bottom: 0;
  }

  #contentArea {
    padding-bottom: .65rem;
    min-height: 0;
    flex: 0 0 auto;
  }

  /* Cards, sliders, catálogo y prompts */
  .stream-card, .stream-thumb, .stream-thumb img, .stream-thumb video {
    touch-action: pan-x pan-y;
  }

  .stream-slider.dragging {
    scroll-behavior: auto;
  }

  .slider-section {
    contain-intrinsic-size: 190px 170px;
    margin-bottom: .35rem;
  }

  .stream-thumb {
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(0,0,0,.34);
  }

  .stream-meta {
    font-size: 8px;
    margin-top: 3px;
  }

  .favorite-card-btn {
    top: 7px;
    right: 7px;
    width: 28px;
    height: 28px;
    border-radius: 10px;
  }

  .video-play-badge {
    width: 38px;
    height: 38px;
  }

  .slider-loading-row {
    gap: 10px;
    padding-bottom: 10px;
  }

  .stream-card {
    scroll-snap-align: none;
    contain-intrinsic-size: 150px 84px;
    width: min(58vw,255px);
  }

  .stream-slider {
    overscroll-behavior-x: contain;
    cursor: auto;
    scroll-snap-type: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    scroll-behavior: auto;
    padding: 1px 2px 10px;
    gap: 10px;
    padding-bottom: 13px;
  }

  .stream-title-wrap {
    padding: 10px;
  }

  .stream-title {
    line-height: 1.12;
    -webkit-line-clamp: 2;
    font-size: 12px;
  }

  .access-chip {
    top: 8px;
    left: 8px;
    font-size: 7.5px;
    padding: 4px 7px;
  }

  /* Modales, pagos, login, cuenta y toasts */
  

  

  

  #toast-container {
    top: calc(3.85rem+env(safe-area-inset-top));
    width: calc(100vw - 1rem);
  }

  #promptModal.modal-backdrop.active {
    align-items: center;
    justify-content: center;
    padding: 8px;
    overflow-y: auto;
  }

  #promptModal .prompt-modal-card {
    width: calc(100vw - 16px);
    max-width: 430px;
    max-height: 91dvh;
    border-radius: 22px;
  }

  #promptModal #modalTitle {
    font-size: 1.28rem;
    line-height: 1.02;
  }

  #promptModal #modalDesc {
    font-size: .78rem;
    line-height: 1.32;
    margin-top: .42rem;
  }

  #promptModal #variantWrap {
    margin-top: .7rem;
  }

  #promptModal .rounded-2xl.border {
    padding: .72rem;
    margin-top: .8rem;
  }

  #promptModal .instructions-rail {
    display: flex;
    overflow-x: auto;
    gap: .55rem;
    padding-bottom: .12rem;
    scroll-snap-type: none;
    -webkit-overflow-scrolling: touch;
  }

  #promptModal .instruction-card {
    min-width: 78%;
    padding: .72rem;
    border-radius: 14px;
  }

  #promptModal .instruction-card p {
    font-size: .72rem;
    line-height: 1.26;
  }

  #promptModal .modal-share-on-media {
    right: 10px;
    bottom: 10px;
    width: 34px;
    height: 34px;
  }

  #promptModal .prompt-modal-grid {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
    max-height: inherit;
  }

  #promptModal .prompt-modal-image {
    max-height: 210px;
    height: min(34dvh,300px);
    min-height: 190px;
    flex: 0 0 auto;
  }

  #promptModal .prompt-modal-body {
    max-height: calc(100dvh - min(34dvh,300px) - env(safe-area-inset-top));
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  #promptModal .prompt-modal-scroll {
    max-height: calc(91dvh - 220px);
    padding: 1rem 1rem .75rem;
    min-height: 0;
    overflow-y: auto;
  }

  #promptModal .prompt-copy-footer {
    position: sticky;
    bottom: 0;
    z-index: 25;
    padding: .75rem 1rem calc(.9rem + env(safe-area-inset-bottom));
    background: linear-gradient(180deg,rgba(12,12,13,.94),rgba(5,5,5,.99));
  }

  #promptModal {
    z-index: 2147483001;
    padding: 0;
    align-items: flex-end;
  }

  #promptModal .prompt-modal-card.modal-content {
    width: 100%;
    max-width: 100%;
    max-height: calc(100dvh - env(safe-area-inset-top));
    border-radius: 28px 28px 0 0;
    overflow: hidden;
    margin: 0;
  }

  /* Admin, finanzas y utilidades restantes */
  main {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .video-source-chip {
    width: 28px;
    height: 28px;
    right: 7px;
    top: 42px;
  }

  #endContentSentinel {
    margin-top: 0;
    display: block;
    height: 0;
    min-height: 0;
    flex: 0 0 0;
    margin: 0;
  }
}

/* === Responsive: min-width: 641px / 761px / 768px / 769px === */

@media (min-width: 641px) {
  /* Modales, pagos, login, cuenta y toasts */
  #promptModal .prompt-modal-image {
    height: auto;
    max-height: calc(100dvh - 24px);
  }

  .prompt-modal-grid {
    grid-template-columns: minmax(270px,36%) minmax(0,1fr);
  }

  #promptModal .prompt-modal-image.is-horizontal {
    display: grid;
    place-items: center;
    align-content: center;
    justify-content: center;
  }

  #promptModal .prompt-modal-image.is-horizontal img, #promptModal .prompt-modal-image.is-horizontal video {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center center;
    border-bottom: 0;
  }

  #promptModal .prompt-modal-card.video-modal {
    width: min(1040px,calc(100vw - 28px));
    max-height: calc(100dvh - 24px);
  }

  #promptModal .prompt-modal-card.video-modal .prompt-modal-grid {
    display: grid;
    max-height: calc(100dvh - 24px);
    overflow: hidden;
  }

  #promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-grid {
    grid-template-columns: minmax(480px,58%) minmax(0,1fr);
  }

  #promptModal .prompt-modal-card.video-modal.video-vertical .prompt-modal-grid {
    grid-template-columns: minmax(330px,38%) minmax(0,1fr);
  }

  #promptModal .prompt-modal-card.video-modal.video-square .prompt-modal-grid, #promptModal .prompt-modal-card.video-modal.video-auto .prompt-modal-grid {
    grid-template-columns: minmax(390px,45%) minmax(0,1fr);
  }

  #promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-image.is-video {
    height: auto;
    min-height: 0;
    aspect-ratio: 16/9;
    align-self: center;
    padding: 14px;
  }

  #promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-image.is-video iframe, #promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-image.is-video video {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: calc(100dvh - 58px);
    aspect-ratio: 16/9;
    border-radius: 16px;
  }

  #promptModal .prompt-modal-card.video-modal.video-vertical .prompt-modal-image.is-video {
    height: min(82dvh,700px);
    min-height: 480px;
    padding: 16px;
  }

  #promptModal .prompt-modal-card.video-modal.video-vertical .prompt-modal-image.is-video iframe, #promptModal .prompt-modal-card.video-modal.video-vertical .prompt-modal-image.is-video video {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 9/16;
    border-radius: 20px;
  }

  #promptModal .prompt-modal-card.video-modal.video-square .prompt-modal-image.is-video, #promptModal .prompt-modal-card.video-modal.video-auto .prompt-modal-image.is-video {
    height: auto;
    min-height: 0;
    aspect-ratio: 1/1;
    padding: 16px;
    align-self: center;
  }

  #promptModal .prompt-modal-card.video-modal.video-square .prompt-modal-image.is-video iframe, #promptModal .prompt-modal-card.video-modal.video-square .prompt-modal-image.is-video video, #promptModal .prompt-modal-card.video-modal.video-auto .prompt-modal-image.is-video iframe, #promptModal .prompt-modal-card.video-modal.video-auto .prompt-modal-image.is-video video {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: calc(100dvh - 58px);
    aspect-ratio: 1/1;
    border-radius: 18px;
  }

  #promptModal .prompt-modal-card.video-modal .prompt-modal-body {
    max-height: calc(100dvh - 24px);
  }

  #modalVideoFullscreenBtn {
    display: none;
  }
}

@media (min-width: 761px) {
  /* Modales, pagos, login, cuenta y toasts */
  

  

  
}

@media (min-width: 768px) {
  /* Modales, pagos, login, cuenta y toasts */
  

  

  

  #loginModal .modal-content {
    left: 50%;
    right: auto;
    bottom: auto;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 420px;
  }
}

@media (min-width: 769px) {
  /* Modales, pagos, login, cuenta y toasts */
  

  

  
}

/* === Responsive: min-width: 1024px === */

@media (min-width: 1024px) {
  /* Tokens y base visual */
  .app-sidebar > .ui-card, .app-sidebar > .subscription-pro-card {
    margin-bottom: .72rem;
    border-radius: 1.25rem;
  }

  .app-sidebar > .ui-card:first-child {
    padding: .38rem;
  }

  .app-sidebar > .ui-card:first-child .p-3 {
    padding: .68rem;
    margin-bottom: .2rem;
  }

  .app-sidebar > .ui-card:first-child h2 {
    font-size: 1.05rem;
    line-height: 1;
  }

  .app-sidebar .ui-card.border {
    padding: .85rem;
    border-radius: 1.25rem;
  }

  .app-sidebar .ui-card.border .w-11 {
    width: 2.15rem;
    height: 2.15rem;
    border-radius: .85rem;
  }

  .app-sidebar .ui-card.border button.btn-shine {
    padding: .78rem .8rem;
    border-radius: 1rem;
    font-size: 10px;
  }

  .app-sidebar-sticky > .ui-card, .app-sidebar-sticky > .subscription-pro-card {
    flex: 0 0 auto;
  }

  .app-sidebar-sticky > .ui-card {
    margin-bottom: 0;
  }

  .app-sidebar-sticky > .ui-card:first-child .categories-scroll {
    flex: 1 1 auto;
    max-height: none;
    overflow-y: auto;
  }

  .app-sidebar-sticky > .ui-card:first-child #desktopCategories, .app-sidebar-sticky > .ui-card:first-child .categories-scroll {
    min-height: 0;
    overscroll-behavior: contain;
    flex: 1 1 auto;
    max-height: none;
    overflow-y: auto;
  }

  .app-sidebar-sticky > .ui-card:first-child {
    margin-bottom: 0;
    border-color: rgba(255,255,255,.105);
    box-shadow: 0 18px 52px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.045);
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .app-sidebar-sticky > .ui-card:first-child .categories-scroll, .app-sidebar-sticky > .ui-card:first-child #desktopCategories {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  body.page-bg > main {
    flex-direction: column;
    display: block;
    min-height: calc(100dvh - 3.6rem);
  }

  body.page-bg > main > .app-layout {
    flex: 1 0 auto;
    align-items: stretch;
    min-height: calc(100dvh - 6.2rem);
  }

  body.page-bg {
    min-height: 100dvh;
    padding-bottom: 0;
  }

  body.page-bg > main > .app-layout > section.min-w-0 {
    flex-direction: column;
    min-height: calc(100dvh - 6.2rem);
    display: block;
  }

  body.page-bg > main, body.page-bg > main > .app-layout, body.page-bg > main > .app-layout > section.min-w-0 {
    min-height: auto;
  }

  /* Layout, header, sidebar y navegación */
  

  #desktopCategories {
    padding: .35rem;
    gap: .18rem;
  }

  #desktopCategories .nav-item span {
    font-size: .76rem;
    line-height: 1.05;
  }

  .app-sidebar .quick-library-link {
    padding: .64rem .72rem;
    border-radius: .9rem;
  }

  .app-sidebar .quick-library-link i {
    width: 1.6rem;
    height: 1.6rem;
    font-size: .75rem;
  }

  .app-sidebar .quick-library-link span {
    font-size: .72rem;
  }

  .app-sidebar .subscription-pro-card {
    padding: .85rem;
  }

  .app-sidebar .subscription-pro-card h3 {
    font-size: 1.08rem;
    line-height: 1;
  }

  .app-sidebar .subscription-graph {
    margin-top: .7rem;
    gap: .25rem;
  }

  .app-sidebar .subscription-dot {
    height: .42rem;
  }

  .app-sidebar .subscription-stat-grid {
    gap: .45rem;
    margin-top: .65rem;
  }

  .app-sidebar .subscription-stat {
    padding: .55rem;
    border-radius: .8rem;
  }

  .app-sidebar .subscription-stat p:first-child {
    font-size: 7px;
  }

  .app-sidebar .subscription-stat p:last-child {
    font-size: .9rem;
  }

  .app-sidebar .pro-preview-mini {
    padding: .62rem;
    border-radius: .9rem;
    margin-top: .55rem;
  }

  .app-sidebar .pro-preview-mini strong {
    font-size: .86rem;
  }

  #desktopCategories .nav-item {
    gap: .55rem;
    padding: .72rem .78rem;
    border-radius: 1rem;
  }

  #desktopCategories .nav-icon {
    font-size: .78rem;
    width: 2rem;
    height: 2rem;
    border-radius: .78rem;
  }

  .categories-scroll {
    max-height: 260px;
  }

  .sidebar-account-card-v26 {
    transform: scale(.985);
    transform-origin: top center;
  }

  .sidebar-account-card-v27 {
    transform: scale(.985);
    transform-origin: top center;
  }

  .app-layout {
    display: grid;
    grid-template-columns: 280px minmax(0,1fr);
    gap: 1.5rem;
    align-items: start;
  }

  .app-sidebar-sticky {
    width: 100%;
    overflow: hidden;
    gap: .85rem;
    padding-bottom: .35rem;
    align-self: start;
    padding-right: 2px;
    position: relative;
    top: auto;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }

  .app-sidebar-sticky::-webkit-scrollbar {
    display: none;
  }

  .sidebar-bottom-v28 {
    flex: 0 0 auto;
    display: grid;
    gap: .68rem;
    margin-top: auto;
  }

  #libraryIntroTitle, #catalogHeader {
    position: sticky;
    top: 5.55rem;
    z-index: 24;
    margin-bottom: 1.1rem;
    padding: .35rem 0 .95rem;
    background: linear-gradient(180deg,rgba(5,5,5,1) 0%,rgba(5,5,5,.995) 72%,rgba(5,5,5,.94) 88%,rgba(5,5,5,0) 100%);
    box-shadow: 0 18px 28px rgba(5,5,5,.95);
    backdrop-filter: blur(10px);
    isolation: isolate;
  }

  #libraryIntroTitle::before, #catalogHeader::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--el-bg);
    opacity: .78;
    z-index: -1;
    pointer-events: none;
  }

  .app-sidebar {
    display: block;
    overscroll-behavior: auto;
    align-self: start;
    height: calc(100dvh - 6.05rem);
    max-height: calc(100dvh - 6.05rem);
    overflow: hidden;
    z-index: 40;
    position: sticky;
    top: 5.55rem;
  }

  .legal-site-footer > div {
    padding-bottom: .75rem;
    margin-top: .85rem;
    margin-bottom: 0;
  }

  .legal-site-footer {
    position: static;
    flex: 0 0 auto;
    padding-bottom: 1rem;
    margin-top: 1rem;
  }

  #contentArea {
    flex: 0 0 auto;
    padding-bottom: 0;
  }

  /* Cards, sliders, catálogo y prompts */
  .slider-section:last-child {
    margin-bottom: .35rem;
  }

  /* Modales, pagos, login, cuenta y toasts */
  

  

  

  

  

  

  

  #loginModal.active, #mobileFavoritesSheet.active, #mobileHistorySheet.active, #mobileAccountSheet.active {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
  }

  #loginModal .modal-content, #mobileFavoritesSheet .modal-content, #mobileHistorySheet .modal-content, #mobileAccountSheet .modal-content {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: min(460px,calc(100vw - 2rem));
    max-height: min(78dvh,680px);
    overflow-y: auto;
    border-radius: 1.5rem;
    background: linear-gradient(180deg,rgba(18,18,18,.96),rgba(8,8,8,.96));
    border: 1px solid rgba(255,255,255,.085);
    box-shadow: 0 26px 90px rgba(0,0,0,.82),inset 0 1px 0 rgba(255,255,255,.045);
    transform: scale(.96) translateY(8px);
  }

  #loginModal.active .modal-content, #mobileFavoritesSheet.active .modal-content, #mobileHistorySheet.active .modal-content, #mobileAccountSheet.active .modal-content {
    transform: scale(1) translateY(0);
  }

  #mobileAccountSheet .modal-content {
    width: min(520px,calc(100vw - 2rem));
  }

  #promptModal .prompt-modal-image.is-horizontal img, #promptModal .prompt-modal-image.is-horizontal video {
    border-bottom: 1px solid rgba(255,255,255,.055);
  }

  #promptModal .prompt-modal-card.video-modal.video-horizontal {
    width: min(1120px,calc(100vw - 42px));
  }

  #promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-grid {
    grid-template-columns: minmax(560px,64%) minmax(330px,1fr);
  }

  #promptModal .prompt-modal-card.video-modal.video-horizontal .prompt-modal-image.is-video {
    min-height: 0;
    height: auto;
    aspect-ratio: 16/9;
    padding: 16px;
  }

  /* Admin, finanzas y utilidades restantes */
  #endContentSentinel {
    margin-top: 0;
    display: none;
    height: 0;
    min-height: 0;
    flex: 0 0 0;
  }
}

/* ===== assets/css/prompts-v136-front.css ===== */
/*
 * V136 Front-end limpio
 * Capa única para modales, media, cuenta, login y responsive.
 * Sustituye las cargas duplicadas de prompts-v135-streaming-modals.css y prompts-v1351-stabilization.css.
 */
:root{
  --el-green:#34AF23;
  --el-green-soft:rgba(52,175,35,.12);
  --el-bg:#050505;
  --el-card:#0b0b0d;
  --el-border:rgba(255,255,255,.10);
  --el-text:#f5f5f7;
  --el-muted:#a1a1aa;
  --vvh:100dvh;
}

/* Base modal estable */
.modal-backdrop{align-items:center;justify-content:center;overflow:hidden;padding:18px;}
.modal-backdrop > .absolute.inset-0{position:absolute;inset:0;}
.modal-content{will-change:transform,opacity;}
.elx-modal-shell{display:flex;align-items:center;justify-content:center;padding:14px;}
.elx-centered-card{position:relative;width:min(430px,calc(100vw - 24px));max-height:min(78dvh,660px);overflow:auto;border-radius:28px;padding:18px;}
.elx-login-card{width:min(410px,calc(100vw - 24px));}
.elx-small-card{width:min(390px,calc(100vw - 24px));}
.elx-account-card{width:min(465px,calc(100vw - 24px));max-height:min(82dvh,720px);}
#loginModal.active,#mobileFavoritesSheet.active,#mobileAccountSheet.active{display:flex!important;}
#loginModal .modal-content,#mobileFavoritesSheet .modal-content,#mobileAccountSheet .modal-content{left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;}
#loginModal input,#loginCodeInput{font-size:16px;}
#loginModal .fa-envelope{color:var(--el-green)!important;filter:drop-shadow(0 0 10px rgba(52,175,35,.22));}

/* Prompt modal: una sola estructura para imagen/video/variantes */
#promptModal{padding:18px!important;align-items:center!important;justify-content:center!important;}
#promptModal .prompt-modal-card{
  width:min(1180px,calc(100vw - 42px))!important;
  max-width:min(1180px,calc(100vw - 42px))!important;
  max-height:min(86dvh,760px)!important;
  height:auto!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(18,18,20,.98),rgba(7,7,8,.99))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#promptModal .prompt-modal-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(360px,430px)!important;
  gap:0!important;
  max-height:inherit!important;
  height:auto!important;
  min-width:0!important;
  overflow:hidden!important;
}
#promptModal .prompt-modal-image{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#050506!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  isolation:isolate;
}
#promptModal .prompt-modal-image::before{
  content:"";
  position:absolute;
  inset:-30px;
  z-index:0;
  background:var(--modal-media-bg,radial-gradient(circle at center,rgba(52,175,35,.20),rgba(0,0,0,.95)));
  background-size:cover;
  background-position:center;
  filter:blur(26px) saturate(1.08);
  transform:scale(1.08);
  opacity:.52;
}
#promptModal .prompt-modal-image::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.30)),radial-gradient(circle at center,transparent 34%,rgba(0,0,0,.34));
}
#promptModal .prompt-modal-image img,
#promptModal .prompt-modal-image video,
#promptModal .prompt-modal-image iframe{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border:0!important;
  background:#000!important;
}
#promptModal .prompt-modal-image.is-image:not(.is-vertical) img{object-fit:cover!important;}
#promptModal .prompt-modal-image.is-image.is-vertical img{width:auto!important;height:100%!important;object-fit:contain!important;border-radius:18px!important;box-shadow:0 18px 52px rgba(0,0,0,.45);}
#promptModal .prompt-modal-image.is-video iframe,
#promptModal .prompt-modal-image.is-video video{object-fit:contain!important;border-radius:0!important;}
#promptModal .prompt-modal-image.is-video.is-horizontal,
#promptModal .prompt-modal-image.is-image.is-horizontal,
#promptModal .prompt-modal-image.is-image.is-auto,
#promptModal .prompt-modal-image.is-video.is-auto{aspect-ratio:16/9!important;}
#promptModal .prompt-modal-image.is-square{aspect-ratio:1/1!important;}
#promptModal .prompt-modal-card.video-vertical{width:min(980px,calc(100vw - 42px))!important;}
#promptModal .prompt-modal-card.video-vertical .prompt-modal-grid{grid-template-columns:minmax(280px,520px) minmax(340px,430px)!important;}
#promptModal .prompt-modal-image.is-vertical{aspect-ratio:9/16!important;height:min(82dvh,720px)!important;justify-self:center!important;width:min(44vw,430px)!important;max-width:100%!important;background:#030303!important;}
#promptModal .prompt-modal-image.is-vertical iframe,
#promptModal .prompt-modal-image.is-vertical video{width:100%!important;height:100%!important;object-fit:contain!important;}
#promptModal .prompt-modal-body{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  max-height:min(86dvh,760px)!important;
  background:linear-gradient(180deg,rgba(15,15,17,.98),rgba(8,8,9,.99))!important;
}
#promptModal .prompt-modal-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:24px 24px 16px!important;
}
#promptModal .prompt-copy-footer{
  flex:0 0 auto!important;
  padding:14px 24px 18px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(12,12,14,.96),rgba(6,6,7,.99))!important;
}
.prompt-action-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:center;}
.prompt-copy-main{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;}
.prompt-share-mini{
  width:48px;height:48px;border-radius:16px;
  display:inline-grid;place-items:center;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(28,28,30,.95),rgba(9,9,10,.95));
  color:#fff;font-size:15px;
  box-shadow:0 14px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.prompt-share-mini:hover{transform:translateY(-1px);border-color:rgba(52,175,35,.34);background:rgba(52,175,35,.10);}
#promptModal .modal-share-on-media{display:none!important;}
#modalVideoFullscreenBtn{z-index:5!important;right:14px!important;bottom:14px!important;display:none!important;width:44px!important;height:44px!important;border-radius:16px!important;background:rgba(0,0,0,.62)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;}
#promptModal .prompt-modal-image.is-video #modalVideoFullscreenBtn{display:grid!important;place-items:center!important;}
#promptModal .access-chip{z-index:5!important;}
#modalPromptSummary{max-height:96px;overflow:hidden;}
#modalPromptFull{max-height:260px!important;overflow:auto!important;}
#modalPromptFull.is-expanded-prompt{max-height:36dvh!important;}
.instructions-rail{display:grid!important;gap:10px!important;overflow:visible!important;}
.instruction-card{min-height:56px;align-items:center!important;}
.variant-card{position:relative!important;flex:0 0 auto!important;width:74px!important;height:48px!important;border-radius:12px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.04)!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important;}
.variant-card img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.variant-card.is-active{border-color:rgba(52,175,35,.85)!important;box-shadow:0 0 0 1px rgba(52,175,35,.22),0 0 18px rgba(52,175,35,.18)!important;}
.variant-media-chip{position:absolute;right:6px;bottom:5px;z-index:5;width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.66);border:1px solid rgba(255,255,255,.12);font-size:8px;color:#fff;}
.admin-variant-add{flex:0 0 auto!important;width:74px!important;height:48px!important;border-radius:12px!important;border:1px dashed rgba(52,175,35,.34)!important;background:rgba(52,175,35,.06)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;}

/* Fullscreen video limpio */
.video-fullscreen-modal{position:fixed;inset:0;z-index:140;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.90);backdrop-filter:blur(14px);}
.video-fullscreen-modal.active{display:flex;}
.video-fullscreen-stage{width:min(1100px,calc(100vw - 30px));aspect-ratio:16/9;background:#000;border-radius:22px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.8);}
.video-fullscreen-stage.vertical{width:min(430px,calc(100vw - 34px));height:min(86dvh,780px);aspect-ratio:9/16;}
.video-fullscreen-stage.square{width:min(720px,calc(100vw - 34px));aspect-ratio:1/1;}
.video-fullscreen-stage iframe,.video-fullscreen-stage video{width:100%;height:100%;border:0;display:block;background:#000;}
.video-fullscreen-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:18px;width:44px;height:44px;border-radius:999px;background:rgba(18,18,20,.86);border:1px solid rgba(255,255,255,.15);color:#fff;z-index:2;}

/* Cuenta / favoritos / configuración: mismo lenguaje visual que categorías */
.account-subscription-v27{border:1px solid rgba(255,255,255,.10)!important;border-radius:24px!important;background:radial-gradient(circle at 16% 0%,rgba(52,175,35,.10),transparent 40%),rgba(255,255,255,.035)!important;padding:15px!important;}
.account-pro-actions,.elx-account-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important;}
.account-pro-actions button,.account-options-v27 .account-option-v27,.account-subscription-button,.account-login-button-v27{
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(22,22,24,.92),rgba(10,10,11,.95))!important;
  border-radius:18px!important;
  color:#f4f4f5!important;
  min-height:54px!important;
  font-weight:950!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.account-pro-actions button{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.12em!important;}
.account-pro-actions button i{color:var(--el-green)!important;}
.account-pro-actions button.is-subscription{border-color:rgba(251,146,60,.24)!important;background:linear-gradient(180deg,rgba(34,24,14,.82),rgba(12,10,8,.95))!important;color:#ffe8c2!important;}
.account-pro-actions button.is-subscription i{color:#f59e0b!important;}
.account-pro-actions button:hover,.account-options-v27 .account-option-v27:hover{transform:translateY(-1px);border-color:rgba(52,175,35,.28)!important;}
.account-options-v27{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important;}
.account-option-v27{display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;text-align:left!important;}
.account-option-v27 small{display:block!important;color:#85858f!important;font-size:10px!important;margin-top:2px!important;}
.account-option-v27>i{margin-left:auto;color:#61616b;font-size:11px;}
.account-option-icon-v27{width:34px!important;height:34px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(52,175,35,.10)!important;border:1px solid rgba(52,175,35,.18)!important;color:var(--el-green)!important;flex:0 0 auto!important;}
.account-email-change-box{margin-top:12px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.09)!important;background:rgba(0,0,0,.24)!important;padding:12px!important;}
.account-email-change-box p{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.16em!important;color:#808089!important;font-weight:950!important;margin:0 0 4px!important;}
.account-email-change-box strong{display:block!important;color:#fff!important;font-size:12px!important;word-break:break-word!important;}
.account-email-change-box button{margin-top:10px!important;width:100%!important;min-height:42px!important;border-radius:14px!important;background:rgba(52,175,35,.10)!important;border:1px solid rgba(52,175,35,.22)!important;color:#baffb2!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.12em!important;}
.subscription-cancel-card-v132{border-color:rgba(251,146,60,.26)!important;background:radial-gradient(circle at 50% 0%,rgba(251,146,60,.12),transparent 42%),linear-gradient(180deg,rgba(18,18,20,.98),rgba(7,7,8,.99))!important;}
.subscription-cancel-card-v132 #cancelSubscriptionCopy.is-success{color:#baffb2!important;}
#confirmCancelSubscriptionBtn{background:rgba(239,68,68,.14)!important;border:1px solid rgba(239,68,68,.28)!important;color:#fecaca!important;}
#confirmCancelSubscriptionBtn.is-cancelled{background:rgba(52,175,35,.12)!important;border-color:rgba(52,175,35,.28)!important;color:#baffb2!important;}
#subscriptionCancelModal button[onclick="closeModal('subscriptionCancelModal')"]{background:rgba(52,175,35,.12)!important;border-color:rgba(52,175,35,.24)!important;color:#d8ffd3!important;}

/* Botones positivos en advertencias */
.access-paused-actions .btn-positive,
button[data-positive="true"],
.warning-modal button:not(.danger):not(.destructive){background:rgba(52,175,35,.12)!important;border-color:rgba(52,175,35,.24)!important;color:#d8ffd3!important;}

/* Colores coherentes de suscripción */
.subscription-days-ring{border-color:rgba(52,175,35,.35)!important;background:rgba(52,175,35,.08)!important;}
.account-subscription-track span.subscription-progress-ok,.subscription-mini-track span.subscription-progress-ok{background:linear-gradient(90deg,#34AF23,#78ff67)!important;}
.account-subscription-track span.subscription-progress-warn,.subscription-mini-track span.subscription-progress-warn{background:linear-gradient(90deg,#f59e0b,#ffd166)!important;}
.account-subscription-track span.subscription-progress-danger,.subscription-mini-track span.subscription-progress-danger{background:linear-gradient(90deg,#ff8a3d,#ff5f57)!important;}
.account-subscription-track span.subscription-progress-paused,.subscription-mini-track span.subscription-progress-paused{background:linear-gradient(90deg,#71717a,#a1a1aa)!important;}

/* Performance y navegación móvil */
.slider-section{content-visibility:auto;contain-intrinsic-size:360px;}
.stream-card{content-visibility:auto;contain-intrinsic-size:180px 112px;}
.stream-thumb img,.stream-thumb video{will-change:auto;backface-visibility:hidden;}
#modalPromptSummary,#modalPromptFull,.prompt-full-box{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;letter-spacing:-.015em!important;}

@media (max-width: 1023px){
  .app-layout{display:block!important;}
  .app-sidebar{display:none!important;}
  .stream-slider{gap:10px!important;padding-bottom:16px!important;}
  .stream-card{width:clamp(178px,58vw,255px)!important;}
  .stream-thumb{border-radius:15px!important;}
  .stream-title-wrap{padding:12px!important;}
  .stream-title{font-size:12.5px!important;}
}

@media (max-width: 760px){
  .modal-backdrop{padding:10px!important;}
  #promptModal{align-items:flex-start!important;padding:6px!important;padding-top:max(6px,env(safe-area-inset-top))!important;}
  #promptModal .prompt-modal-card{
    width:calc(100vw - 12px)!important;
    max-width:430px!important;
    height:calc(var(--vvh,100dvh) - 12px)!important;
    max-height:calc(var(--vvh,100dvh) - 12px)!important;
    border-radius:24px!important;
  }
  #promptModal .prompt-modal-grid{display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;overflow:hidden!important;}
  #promptModal .prompt-modal-image{
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
  #promptModal .prompt-modal-image.is-image.is-horizontal img,
  #promptModal .prompt-modal-image.is-image.is-auto img{object-fit:cover!important;}
  #promptModal .prompt-modal-image.is-vertical{
    width:100%!important;
    height:min(52dvh,430px)!important;
    aspect-ratio:auto!important;
  }
  #promptModal .prompt-modal-image.is-vertical img,
  #promptModal .prompt-modal-image.is-vertical video,
  #promptModal .prompt-modal-image.is-vertical iframe{width:auto!important;height:100%!important;max-width:100%!important;border-radius:18px!important;}
  #promptModal .prompt-modal-body{flex:1 1 auto!important;max-height:none!important;min-height:0!important;}
  #promptModal .prompt-modal-scroll{padding:16px 16px 12px!important;}
  #promptModal #modalTitle{font-size:24px!important;line-height:1.02!important;}
  #promptModal #modalDesc{font-size:12.5px!important;line-height:1.45!important;}
  #variantWrap{margin-top:14px!important;}
  .variant-card{width:72px!important;height:45px!important;border-radius:11px!important;}
  #modalPromptSummary{max-height:74px!important;font-size:12px!important;}
  #modalPromptFull{max-height:22dvh!important;font-size:11px!important;}
  #modalPromptFull.is-expanded-prompt{max-height:30dvh!important;}
  .instruction-card{min-height:50px!important;padding:10px!important;}
  .instruction-card p,.instruction-card span{font-size:11px!important;line-height:1.25!important;}
  .prompt-copy-footer{padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important;}
  .prompt-action-row{grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important;}
  .prompt-copy-main{min-height:46px!important;border-radius:18px!important;font-size:10px!important;}
  .prompt-share-mini{width:46px!important;height:46px!important;border-radius:16px!important;}
  .prompt-creator-note{font-size:9px!important;line-height:1.25!important;margin-top:8px!important;}
  #modalVideoFullscreenBtn{display:grid!important;}
}

@media (max-width: 640px){
  .elx-modal-shell{align-items:flex-start!important;padding:calc(env(safe-area-inset-top) + 10px) 10px 10px!important;}
  .elx-centered-card{width:min(430px,calc(100vw - 18px))!important;max-height:min(82dvh,620px)!important;border-radius:24px!important;padding:16px!important;}
  .elx-account-card{max-height:min(84dvh,680px)!important;}
  .account-options-v27{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .account-option-v27{padding:10px!important;min-height:58px!important;}
  .account-option-icon-v27{width:30px!important;height:30px!important;border-radius:10px!important;}
  .account-option-v27 strong{font-size:12px!important;}
  .account-option-v27 small{font-size:9px!important;}
  .account-pro-actions{gap:8px!important;}
  .account-pro-actions button{min-height:52px!important;font-size:10px!important;letter-spacing:.10em!important;}
  .login-support-note{max-width:280px!important;font-size:9.5px!important;}
  .video-fullscreen-modal{padding:10px!important;}
  .video-fullscreen-stage{border-radius:18px!important;}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* ===== assets/css/prompts-v138-05-account-login.css ===== */
/* V138 · 05 Login / cuenta / favoritos / contacto */
.elx-modal-shell{display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;}
.elx-centered-card{position:relative!important;width:min(430px,calc(100vw - 24px))!important;max-height:min(78dvh,680px)!important;overflow-y:auto!important;border-radius:28px!important;padding:18px!important;background:linear-gradient(180deg,rgba(18,18,19,.985),rgba(8,8,9,.995))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 26px 80px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.045)!important;}
.elx-login-card{width:min(410px,calc(100vw - 24px))!important;}
.elx-small-card{width:min(390px,calc(100vw - 24px))!important;}
.elx-account-card{width:min(470px,calc(100vw - 24px))!important;max-height:min(82dvh,720px)!important;}
#loginModal input,#loginCodeInput{font-size:16px!important;font-weight:750!important;}
#loginModal .fa-envelope{color:var(--el-green)!important;filter:drop-shadow(0 0 10px rgba(52,175,35,.22))!important;}
.login-support-note{color:rgba(255,255,255,.48)!important;font-size:10px!important;line-height:1.42!important;text-align:center!important;margin-top:12px!important;}
.login-support-note a{color:#8fff7c!important;text-decoration:underline!important;text-underline-offset:2px!important;}
#resendLoginCodeBtn:disabled{opacity:.55!important;cursor:not-allowed!important;}
.account-subscription-v27{border:1px solid rgba(255,255,255,.10)!important;background:radial-gradient(circle at 0% 0%,rgba(52,175,35,.12),transparent 40%),rgba(255,255,255,.035)!important;border-radius:24px!important;padding:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;}
.pro-status-pill,.account-subscription-lock{border:1px solid rgba(52,175,35,.25)!important;background:rgba(52,175,35,.12)!important;color:#baffb2!important;}
.account-subscription-track{height:8px!important;background:rgba(255,255,255,.07)!important;border-radius:999px!important;overflow:hidden!important;margin-top:14px!important;}
.account-subscription-track span{display:block;height:100%;background:linear-gradient(90deg,var(--el-green),var(--el-green-2))!important;border-radius:999px!important;}
.subscription-days-visual{display:flex!important;align-items:center!important;gap:12px!important;margin-top:13px!important;}
.subscription-days-ring{width:54px!important;height:54px!important;border-radius:20px!important;display:grid!important;place-items:center!important;background:rgba(52,175,35,.10)!important;border:1px solid rgba(52,175,35,.22)!important;color:#fff!important;}
.subscription-days-ring strong{font-size:18px!important;}
.subscription-days-copy small{display:block!important;color:rgba(255,255,255,.48)!important;font-size:9px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.14em!important;}
.subscription-days-copy b{display:block!important;color:#fff!important;font-size:13px!important;line-height:1.25!important;}
.subscription-days-copy span{display:block!important;color:rgba(255,255,255,.48)!important;font-size:10px!important;line-height:1.25!important;margin-top:2px!important;}
.account-pro-actions.elx-account-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:13px!important;}
.account-pro-actions button,.account-subscription-button,.account-login-button-v27{min-height:46px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.045)!important;color:#fff!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.12em!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important;}
.account-pro-actions button:hover,.account-subscription-button:hover,.account-login-button-v27:hover{transform:translateY(-1px)!important;border-color:rgba(52,175,35,.24)!important;background:rgba(52,175,35,.10)!important;}
.account-pro-actions .is-subscription{background:rgba(52,175,35,.11)!important;border-color:rgba(52,175,35,.24)!important;color:#d9ffd6!important;}
.account-email-change-box{margin-top:12px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(0,0,0,.22)!important;border-radius:18px!important;padding:12px!important;}
.account-email-change-box p{color:rgba(255,255,255,.48)!important;font-size:9px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.14em!important;}
.account-email-change-box strong{display:block;color:#fff!important;font-size:12px!important;margin-top:3px!important;word-break:break-word!important;}
.account-email-change-box button{margin-top:8px!important;color:#8fff7c!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.12em!important;}
.account-options-v27{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:12px!important;}
.account-option-v27{min-height:76px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:10px!important;padding:12px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important;text-align:left!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important;}
.account-option-v27:hover{transform:translateY(-1px)!important;border-color:rgba(52,175,35,.22)!important;background:rgba(255,255,255,.055)!important;}
.account-option-icon-v27{width:36px!important;height:36px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;color:#d4d4d8!important;overflow:hidden!important;}
.account-option-icon-v27.flag img{width:26px!important;height:auto!important;border-radius:4px!important;}
.account-option-v27 strong{display:block!important;color:#fff!important;font-size:12px!important;font-weight:950!important;}
.account-option-v27 small{display:block!important;color:rgba(255,255,255,.48)!important;font-size:9px!important;line-height:1.25!important;margin-top:2px!important;}
.contact-premium-card,.notification-modal-card,#contactModal .modal-content,#langModal .modal-content,#emailChangeModal .modal-content{background:linear-gradient(180deg,rgba(18,18,19,.985),rgba(8,8,9,.995))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 26px 80px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.045)!important;}
.contact-option,.premium-contact-option{border-radius:18px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important;}

/* Access password onboarding · requested surgical update */
.password-field-wrap{position:relative!important;display:flex!important;align-items:center!important;}
.password-field-wrap input{font-size:16px!important;}
.password-field-wrap>button{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;border-radius:999px!important;display:grid!important;place-items:center!important;color:rgba(255,255,255,.58)!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;z-index:3!important;}
#loginModal .password-field-wrap>button{position:static!important;transform:none!important;flex:0 0 auto!important;}
.setup-email-box{border:1px solid rgba(124,255,107,.28)!important;background:linear-gradient(180deg,rgba(52,175,35,.12),rgba(52,175,35,.055))!important;color:#eaffea!important;border-radius:18px!important;padding:13px 14px!important;font-size:14px!important;font-weight:900!important;word-break:break-word!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;}
.setup-link-btn{margin-top:8px!important;color:#9CFF8F!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.12em!important;text-decoration:underline!important;text-underline-offset:3px!important;}
.access-setup-card{width:min(410px,calc(100vw - 24px))!important;max-height:min(86dvh,720px)!important;}
.modal-x-btn{display:grid!important;place-items:center!important;min-width:36px!important;min-height:36px!important;line-height:1!important;aspect-ratio:1/1!important;z-index:4!important;}
@media (max-width:520px){
  .elx-modal-shell{align-items:center!important;padding:12px!important;}
  .elx-centered-card,.access-setup-card{width:calc(100vw - 22px)!important;max-height:calc(100dvh - 96px)!important;border-radius:26px!important;padding:18px!important;}
  .modal-x-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:999px!important;}
  .setup-email-box{font-size:13px!important;padding:12px!important;}
  .login-support-note{font-size:10px!important;}
}

/* ===== assets/css/prompts-v139-design-fix.css ===== */
/* V139 · Correcciones quirúrgicas de diseño
   Cargado después de V136. No toca backend ni estructura de datos. */
:root{
  --el-green:#34AF23;
  --el-green-rgb:52,175,35;
  --el-green-2:#00FFA3;
}

/* Toasts y notificaciones siempre arriba de cualquier modal */
#toast-container{
  top:18px!important;
  bottom:auto!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:2147483000!important;
  align-items:center!important;
  pointer-events:none!important;
}
#toast-container .ui-card{
  pointer-events:auto!important;
  transform-origin:top center!important;
}
#notificationsModal{
  z-index:2147482500!important;
}
#notificationsModal.active{
  display:flex!important;
}
.video-fullscreen-modal{
  z-index:2147482400!important;
}

/* Títulos y degradados originales */
.green-gradient{
  background:linear-gradient(90deg,var(--el-green),var(--el-green-2))!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
#catalogTitle,.section-title,#promptModal #modalTitle{
  font-family:"Space Grotesk",Inter,system-ui,sans-serif!important;
  font-weight:950!important;
  letter-spacing:-.06em!important;
}
#catalogEyebrow,
#modalCategory{
  color:#8fff7c!important;
}

/* La tarjeta del administrador “Nueva publicación” vuelve a tener la misma medida visual que una card del slider. */
.admin-editor-preview-mode .stream-slider .admin-add-card,
.stream-slider .admin-add-card{
  flex:0 0 auto!important;
  width:clamp(218px,18.5vw,290px)!important;
  min-width:clamp(218px,18.5vw,290px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  border-radius:12px!important;
  border:1px dashed rgba(var(--el-green-rgb),.34)!important;
  background:linear-gradient(180deg,rgba(12,22,12,.74),rgba(5,5,6,.96))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.035)!important;
  color:#fff!important;
  padding:0!important;
}
.stream-slider .admin-add-card i{
  font-size:20px!important;
  color:#fff!important;
  margin:0 0 6px!important;
}
.stream-slider .admin-add-card span{
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  color:#fff!important;
  text-transform:uppercase!important;
}
@media(max-width:1023px){
  .stream-slider .admin-add-card{
    width:clamp(178px,58vw,255px)!important;
    min-width:clamp(178px,58vw,255px)!important;
    border-radius:15px!important;
  }
}
@media(max-width:640px){
  .stream-slider .admin-add-card{
    width:min(56vw,218px)!important;
    min-width:min(56vw,218px)!important;
  }
}

/* Modal: imagen y video no se pisan. Todo el media se ve completo, sin recortes. */
#promptModal{
  z-index:2147482000!important;
}
#promptModal .prompt-modal-card{
  width:min(1180px,calc(100vw - 42px))!important;
  max-height:min(86dvh,760px)!important;
}
#promptModal .prompt-modal-image{
  background:#050506!important;
  overflow:hidden!important;
}
#promptModal .prompt-modal-image img,
#promptModal .prompt-modal-image video,
#promptModal .prompt-modal-image iframe{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#000!important;
  border:0!important;
  padding:0!important;
}
#promptModal .prompt-modal-image.is-image img{
  object-fit:contain!important;
  background:transparent!important;
}
#promptModal .prompt-modal-image.is-video iframe,
#promptModal .prompt-modal-image.is-video video{
  display:block!important;
  object-fit:contain!important;
  background:#000!important;
}
#promptModal .prompt-modal-image.is-video #modalImage,
#promptModal .prompt-modal-image.is-image #modalVideoPreview,
#promptModal .prompt-modal-image.is-image #modalVideoBlurPreview,
#promptModal .prompt-modal-image.is-image #modalEmbedPreview{
  display:none!important;
}
#promptModal .prompt-modal-image.is-horizontal,
#promptModal .prompt-modal-image.is-auto{
  aspect-ratio:16/9!important;
}
#promptModal .prompt-modal-image.is-square{
  aspect-ratio:1/1!important;
}
#promptModal .prompt-modal-image.is-vertical{
  aspect-ratio:9/16!important;
  width:min(44vw,430px)!important;
  height:min(82dvh,720px)!important;
  justify-self:center!important;
}
#promptModal .prompt-modal-image.is-vertical img,
#promptModal .prompt-modal-image.is-vertical video,
#promptModal .prompt-modal-image.is-vertical iframe{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
}
#modalVideoFullscreenBtn{
  z-index:10!important;
}

/* Prompt: una sola vista previa de una línea; al abrir, solo scrollea el texto del prompt. */
#promptModal .selectable{
  overflow:hidden!important;
}
#modalPromptSummary{
  display:block!important;
  max-height:none!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  line-height:1.45!important;
}
#modalPromptSummary.hidden{
  display:none!important;
}
#modalPromptFull{
  max-height:210px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  font-family:Inter,system-ui,sans-serif!important;
  white-space:pre-wrap!important;
}
#modalPromptFull.hidden{
  display:none!important;
}
#modalPromptFull.is-expanded-prompt{
  display:block!important;
  max-height:min(32dvh,260px)!important;
}
#toggleFullPromptBtn{
  flex:0 0 auto!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  padding:.35rem .65rem!important;
  color:#f5f5f7!important;
  background:rgba(255,255,255,.045)!important;
}
#toggleFullPromptBtn:hover{
  border-color:rgba(var(--el-green-rgb),.28)!important;
  background:rgba(var(--el-green-rgb),.10)!important;
}

/* Cards Pro y configuración: negro premium, no verde sólido. */
.sidebar-pro-card-v28,
.account-subscription-v27,
.sidebar-account-desktop-v28,
.subscription-manage-card{
  background:linear-gradient(180deg,rgba(18,18,20,.97),rgba(7,7,8,.99))!important;
  border-color:rgba(255,255,255,.095)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.sidebar-pro-card-v28::before,
.account-subscription-v27::before{
  display:none!important;
}
.sidebar-pro-track-v28 span,
.account-subscription-track span.subscription-progress-ok,
.subscription-mini-track span.subscription-progress-ok{
  background:linear-gradient(90deg,var(--el-green),#78ff67)!important;
}
.account-pro-actions button,
.account-options-v27 .account-option-v27,
.account-pro-desktop-btn,
.account-subscription-button,
.account-login-button-v27{
  background:linear-gradient(180deg,rgba(22,22,24,.92),rgba(9,9,10,.96))!important;
  border-color:rgba(255,255,255,.10)!important;
}
.account-pro-actions button.is-subscription,
.account-pro-desktop-btn-premium{
  background:linear-gradient(180deg,rgba(24,19,12,.86),rgba(10,9,8,.97))!important;
  border-color:rgba(245,184,59,.22)!important;
}

@media(max-width:760px){
  #toast-container{
    top:max(10px,env(safe-area-inset-top))!important;
    width:calc(100vw - 20px)!important;
    max-width:430px!important;
  }
  #promptModal .prompt-modal-card{
    width:calc(100vw - 12px)!important;
    max-width:430px!important;
    height:calc(var(--vvh,100dvh) - 12px)!important;
    max-height:calc(var(--vvh,100dvh) - 12px)!important;
  }
  #promptModal .prompt-modal-image{
    width:100%!important;
    aspect-ratio:16/9!important;
    max-height:38dvh!important;
  }
  #promptModal .prompt-modal-image.is-vertical{
    width:100%!important;
    height:min(50dvh,430px)!important;
    max-height:50dvh!important;
    aspect-ratio:auto!important;
  }
  #promptModal .prompt-modal-image.is-image img,
  #promptModal .prompt-modal-image.is-video video,
  #promptModal .prompt-modal-image.is-video iframe{
    object-fit:contain!important;
  }
  #modalPromptSummary{
    max-height:none!important;
    font-size:12px!important;
  }
  #modalPromptFull,
  #modalPromptFull.is-expanded-prompt{
    max-height:20dvh!important;
    font-size:11px!important;
  }
}

/* ===== assets/css/prompts-v140-modal-paywall-fix.css ===== */
/* V140 · Ajuste final de modal, prompt preview, videos, badges y CTAs.
   Cargado después de V139 para aislar diseño sin tocar backend. */
:root{
  --el-green:#34AF23;
  --el-green-hover:#2d9d1f;
  --el-green-bright:#65ff5c;
  --el-green-rgb:52,175,35;
  --el-alert:#ff3b30;
  --el-alert-2:#ff9f0a;
}

/* Badge de notificaciones: debe verse como alerta, no negro/blanco. */
#notif-badge{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--el-alert),#c91111)!important;
  color:#fff!important;
  border:2px solid #050506!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 18px rgba(255,59,48,.52)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  z-index:8!important;
}
#notif-badge.hidden{display:none!important;}

/* Los títulos de sliders no deben heredar degradado. Solo catálogo/paywall conservan degradado. */
.section-title,
.slider-section .section-title,
.slider-section .section-title *{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#f7f7f8!important;
  text-shadow:none!important;
  filter:none!important;
}
#catalogTitle .green-gradient{
  background:linear-gradient(90deg,var(--el-green),#00FFA3)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

/* CTAs verdes siempre visibles: no solo en active/click. */
.btn-shine,button.bg-brand-green,button[class*="bg-brand-green"],a.bg-brand-green,a[class*="bg-brand-green"],.sidebar-unlock-main,.sidebar-unlock-main-v25,.sidebar-unlock-main-v26,.sidebar-unlock-main-v27,.sidebar-unlock-main-v28,.sidebar-unlock-button,.account-subscription-button,.account-login-button-v27,.account-email-change-box button,#accessRenewBtn,.prompt-copy-main,button[onclick="showPaymentPlanStep()"],button[onclick="requestLoginCode()"],button[onclick="verifyLoginCode()"],button[onclick="requestEmailChange()"],button[onclick="verifyEmailChange()"]{
  background:linear-gradient(180deg,var(--el-green),#208e17)!important;
  color:#fff!important;
  border:1px solid rgba(135,255,124,.32)!important;
  box-shadow:0 14px 28px rgba(52,175,35,.20),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.btn-shine:hover,button.bg-brand-green:hover,button[class*="bg-brand-green"]:hover,a.bg-brand-green:hover,a[class*="bg-brand-green"]:hover,.sidebar-unlock-main:hover,.sidebar-unlock-main-v25:hover,.sidebar-unlock-main-v26:hover,.sidebar-unlock-main-v27:hover,.sidebar-unlock-main-v28:hover,.sidebar-unlock-button:hover,.account-subscription-button:hover,.account-login-button-v27:hover,.account-email-change-box button:hover,#accessRenewBtn:hover,.prompt-copy-main:hover,button[onclick="showPaymentPlanStep()"]:hover,button[onclick="requestLoginCode()"]:hover,button[onclick="verifyLoginCode()"]:hover,button[onclick="requestEmailChange()"]:hover,button[onclick="verifyEmailChange()"]:hover{
  background:linear-gradient(180deg,var(--el-green-bright),var(--el-green))!important;
  border-color:rgba(180,255,174,.46)!important;
}

/* Modal prompt: layout estable. El prompt no puede estirar el modal completo. */
#promptModal{
  align-items:center!important;
  justify-content:center!important;
  z-index:2147482000!important;
}
#promptModal .prompt-modal-card{
  width:min(1180px,calc(100vw - 44px))!important;
  height:auto!important;
  max-height:min(86dvh,760px)!important;
  overflow:hidden!important;
}
#promptModal .prompt-modal-grid{
  min-height:0!important;
  overflow:hidden!important;
}
#promptModal .prompt-modal-body{
  min-height:0!important;
  overflow:hidden!important;
}
#promptModal .prompt-modal-scroll{
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
#promptModal .selectable{
  display:block!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
#promptModal .selectable.is-locked-prompt{
  border-color:rgba(245,184,59,.24)!important;
  background:linear-gradient(180deg,rgba(20,16,9,.58),rgba(0,0,0,.34))!important;
}

/* Previa del prompt: exactamente dos líneas visuales. */
#modalPromptSummary{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-height:calc(1.45em * 2)!important;
  line-height:1.45!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:12px!important;
  color:#c9c9d1!important;
}
#modalPromptSummary.hidden{display:none!important;}
#modalPromptFull{
  display:block!important;
  max-height:0!important;
  overflow:hidden!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-width:0!important;
  opacity:0!important;
  pointer-events:none!important;
  font-family:Inter,system-ui,sans-serif!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
#modalPromptFull.hidden{
  display:block!important;
  max-height:0!important;
  overflow:hidden!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-width:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
#modalPromptFull.is-expanded-prompt{
  max-height:min(30dvh,230px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  padding:.75rem!important;
  border-width:1px!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#toggleFullPromptBtn{
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  padding:.34rem .68rem!important;
  min-width:max-content!important;
}
#promptModal .selectable.is-locked-prompt #toggleFullPromptBtn{
  background:rgba(52,175,35,.16)!important;
  border-color:rgba(52,175,35,.35)!important;
  color:#baffb2!important;
}

/* Variantes: tamaño fijo para que no ensanchen la columna ni el modal. */
#variantWrap{min-width:0!important;}
#variantList{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
  padding-bottom:4px!important;
}
#variantList .variant-card,
#variantList .admin-variant-add{
  flex:0 0 82px!important;
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  height:52px!important;
  min-height:52px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
#variantList .variant-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
#variantList .admin-variant-add{
  display:grid!important;
  place-items:center!important;
  background:rgba(52,175,35,.10)!important;
  border:1px dashed rgba(52,175,35,.42)!important;
}

/* Media del modal: video e imagen aislados, sin blur heredado ni recortes raros. */
#promptModal .prompt-modal-image{
  background:#050506!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
}
#promptModal .prompt-modal-image::before,
#promptModal .prompt-modal-image::after{
  content:none!important;
  display:none!important;
}
#promptModal .prompt-modal-image.is-video{
  background:#000!important;
}
#promptModal .prompt-modal-image.is-image{
  background:#050506!important;
}
#modalVideoBlurPreview{
  display:none!important;
}
#promptModal .prompt-modal-image img,
#promptModal .prompt-modal-image video,
#promptModal .prompt-modal-image iframe{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#000!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  transform:none!important;
  margin:0!important;
}
#promptModal .prompt-modal-image.is-image img{
  background:transparent!important;
}
#promptModal .prompt-modal-image.is-video img,
#promptModal .prompt-modal-image.is-image video,
#promptModal .prompt-modal-image.is-image iframe{
  display:none!important;
}
#promptModal .prompt-modal-image.is-horizontal,
#promptModal .prompt-modal-image.is-auto{
  aspect-ratio:16/9!important;
}
#promptModal .prompt-modal-image.is-square{
  aspect-ratio:1/1!important;
}
#promptModal .prompt-modal-image.is-vertical{
  aspect-ratio:9/16!important;
  width:min(44vw,430px)!important;
  height:min(82dvh,720px)!important;
  justify-self:center!important;
  align-self:center!important;
}
#modalVideoFullscreenBtn{
  z-index:20!important;
  background:rgba(0,0,0,.58)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

/* Paywall video: controles de pausar/silenciar visibles después de activar. */










@media(max-width:760px){
  #promptModal{
    align-items:flex-start!important;
    padding:6px!important;
    padding-top:max(6px,env(safe-area-inset-top))!important;
  }
  #promptModal .prompt-modal-card{
    width:calc(100vw - 12px)!important;
    max-width:430px!important;
    height:calc(var(--vvh,100dvh) - 12px)!important;
    max-height:calc(var(--vvh,100dvh) - 12px)!important;
    border-radius:24px!important;
  }
  #promptModal .prompt-modal-grid{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    max-height:100%!important;
  }
  #promptModal .prompt-modal-image{
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    max-height:36dvh!important;
    aspect-ratio:16/9!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  #promptModal .prompt-modal-image.is-vertical{
    width:100%!important;
    height:min(44dvh,390px)!important;
    max-height:44dvh!important;
    aspect-ratio:auto!important;
  }
  #promptModal .prompt-modal-body{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  #promptModal .prompt-modal-scroll{
    padding:14px 14px 10px!important;
    overflow-y:auto!important;
  }
  #promptModal #modalTitle{
    font-size:23px!important;
    line-height:1.02!important;
  }
  #modalPromptSummary{
    font-size:11.5px!important;
    max-height:calc(1.38em * 2)!important;
    line-height:1.38!important;
  }
  #modalPromptFull.is-expanded-prompt{
    max-height:16dvh!important;
    font-size:10.5px!important;
    line-height:1.45!important;
  }
  #variantList .variant-card,
  #variantList .admin-variant-add{
    flex-basis:68px!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:43px!important;
    min-height:43px!important;
  }
  .instruction-card{
    min-height:46px!important;
    padding:9px!important;
  }
  .instruction-card p{
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  .prompt-copy-footer{
    flex:0 0 auto!important;
  }
  
}

/* ===== assets/css/prompts-v141-modal-clean.css ===== */
/* V141 · Modal limpio: prompt único, video estable, colores sin cambios no pedidos. */
:root{
  --el-green:#34AF23;
  --el-green-rgb:52,175,35;
  --el-alert-orange:#ff9f0a;
  --el-alert-yellow:#ffd166;
}

/* El badge numérico de notificaciones es alerta naranja/amarillo; el botón del ícono NO se vuelve verde. */
#navbar button[onclick="handleNotification()"],
#navbar button[onclick="openLoginModal()"],
#navbar button[onclick="openMobileAccountSheet()"]{
  background:rgba(255,255,255,.03)!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#9ca3af!important;
  box-shadow:none!important;
}
#navbar button[onclick="handleNotification()"]:hover,
#navbar button[onclick="openLoginModal()"]:hover,
#navbar button[onclick="openMobileAccountSheet()"]:hover{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
#notif-badge{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--el-alert-yellow),var(--el-alert-orange))!important;
  color:#141006!important;
  border:2px solid #050506!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 18px rgba(255,159,10,.48)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  z-index:9!important;
}
#notif-badge.hidden{display:none!important;}

/* Los títulos de sliders quedan blancos/sólidos; solo el título principal conserva su degradado intencional. */
.section-title,
.slider-section .section-title,
.slider-section .section-title span,
.slider-section .section-title .green-gradient,
.slider-section h2,
.slider-section h2 span{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#f7f7f8!important;
  text-shadow:none!important;
  filter:none!important;
}
#catalogTitle .green-gradient{
  background:linear-gradient(90deg,var(--el-green),#00FFA3)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

/* No convertir botones de cuenta/login en verdes por accidente. Solo CTAs reales. */
.account-login-button-v27,
.account-options-v27 .account-option-v27,
.account-pro-actions button:not(.is-subscription){
  background:linear-gradient(180deg,rgba(22,22,24,.92),rgba(9,9,10,.96))!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f5f5f7!important;
  box-shadow:none!important;
}
button[onclick="showPaymentPlanStep()"],.prompt-copy-main,button[onclick="requestLoginCode()"],button[onclick="verifyLoginCode()"],button[onclick="requestEmailChange()"],button[onclick="verifyEmailChange()"]{
  background:linear-gradient(180deg,var(--el-green),#208e17)!important;
  color:#fff!important;
  border:1px solid rgba(135,255,124,.32)!important;
  box-shadow:0 14px 28px rgba(52,175,35,.20),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* Modal de prompt: una sola estructura, sin scroll del modal completo. */
#promptModal{
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  z-index:2147482000!important;
}
#promptModal .prompt-modal-card{
  width:min(1180px,calc(100vw - 44px))!important;
  max-width:min(1180px,calc(100vw - 44px))!important;
  max-height:calc(100dvh - 40px)!important;
  height:auto!important;
  overflow:hidden!important;
  border-radius:30px!important;
}
#promptModal .prompt-modal-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(340px,420px)!important;
  align-items:stretch!important;
  gap:0!important;
  min-width:0!important;
  min-height:0!important;
  max-height:inherit!important;
  overflow:hidden!important;
}
#promptModal .prompt-modal-body{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  max-height:calc(100dvh - 40px)!important;
  overflow:hidden!important;
}
#promptModal .prompt-modal-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
#promptModal .prompt-copy-footer{
  flex:0 0 auto!important;
}

/* Media del modal: imagen/video independientes. Nunca cover para video. */
#promptModal .prompt-modal-image{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#000!important;
  align-self:center!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  padding:0!important;
}
#promptModal .prompt-modal-image::before,
#promptModal .prompt-modal-image::after{
  content:none!important;
  display:none!important;
}
#promptModal .prompt-modal-image.is-horizontal,
#promptModal .prompt-modal-image.is-auto{
  aspect-ratio:16/9!important;
  height:auto!important;
  max-height:calc(100dvh - 72px)!important;
}
#promptModal .prompt-modal-image.is-square{
  aspect-ratio:1/1!important;
  height:auto!important;
  max-height:calc(100dvh - 72px)!important;
}
#promptModal .prompt-modal-image.is-vertical{
  aspect-ratio:9/16!important;
  width:min(42vw,420px)!important;
  max-width:100%!important;
  height:min(82dvh,720px)!important;
  justify-self:center!important;
}
#promptModal .prompt-modal-image img,
#promptModal .prompt-modal-image video,
#promptModal .prompt-modal-image iframe{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#000!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}
#promptModal .prompt-modal-image.is-image img{
  object-fit:contain!important;
  background:#000!important;
}
#promptModal .prompt-modal-image.is-video video,
#promptModal .prompt-modal-image.is-video iframe{
  object-fit:contain!important;
  background:#000!important;
}
#promptModal .prompt-modal-image.is-video #modalImage,
#promptModal .prompt-modal-image.is-image #modalVideoPreview,
#promptModal .prompt-modal-image.is-image #modalVideoBlurPreview,
#promptModal .prompt-modal-image.is-image #modalEmbedPreview,
#modalVideoBlurPreview{
  display:none!important;
}
#modalVideoFullscreenBtn{
  z-index:20!important;
  background:rgba(0,0,0,.58)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

/* Variantes: tamaño fijo y sin ensanchar columna/modal. */
#variantWrap{min-width:0!important;}
#variantList{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  min-width:0!important;
  padding-bottom:4px!important;
}
#variantList .variant-card,
#variantList .admin-variant-add{
  flex:0 0 78px!important;
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:48px!important;
  min-height:48px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
#variantList .variant-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Prompt: UN SOLO bloque visible. Colapsado = 2 líneas. Expandido = scroll interno del prompt. */
#promptModal .selectable{
  overflow:hidden!important;
  min-height:0!important;
  max-height:none!important;
}
#promptModal .selectable.is-prompt-collapsed #modalPromptSummary,
#modalPromptSummary{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  height:auto!important;
  max-height:calc(1.38em * 2)!important;
  line-height:1.38!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:12px!important;
  color:#c9c9d1!important;
}
#promptModal .selectable.is-prompt-expanded #modalPromptSummary,
#modalPromptSummary.hidden{
  display:none!important;
}
#modalPromptFull,
#modalPromptFull.hidden{
  display:none!important;
}
#modalPromptFull.is-expanded-prompt{
  display:block!important;
  max-height:min(30dvh,230px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  opacity:1!important;
  pointer-events:auto!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:#8fff7c!important;
  padding:.75rem!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.28)!important;
  margin-top:0!important;
}
#toggleFullPromptBtn{
  flex:0 0 auto!important;
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  padding:.34rem .68rem!important;
  min-width:max-content!important;
}
#promptModal .selectable.is-locked-prompt #toggleFullPromptBtn{
  background:rgba(255,159,10,.12)!important;
  border-color:rgba(255,159,10,.38)!important;
  color:#ffd166!important;
}

/* Paywall video: conservar “Activar sonido”; después usar controles nativos, sin botones flotantes en el centro. */





@media(max-width:760px){
  #promptModal{
    align-items:flex-start!important;
    padding:6px!important;
    padding-top:max(6px,env(safe-area-inset-top))!important;
  }
  #promptModal .prompt-modal-card{
    width:calc(100vw - 12px)!important;
    max-width:430px!important;
    max-height:calc(var(--vvh,100dvh) - 12px)!important;
    height:auto!important;
    border-radius:24px!important;
  }
  #promptModal .prompt-modal-grid{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    max-height:calc(var(--vvh,100dvh) - 12px)!important;
    overflow:hidden!important;
  }
  #promptModal .prompt-modal-image{
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  #promptModal .prompt-modal-image.is-vertical{
    width:100%!important;
    height:min(42dvh,380px)!important;
    max-height:42dvh!important;
    aspect-ratio:auto!important;
  }
  #promptModal .prompt-modal-body{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:calc(var(--vvh,100dvh) - 12px - 30vw)!important;
    overflow:hidden!important;
  }
  #promptModal .prompt-modal-scroll{
    padding:14px 14px 8px!important;
    overflow:hidden!important;
  }
  #promptModal #modalTitle{
    font-size:23px!important;
    line-height:1.02!important;
  }
  #modalDesc{display:none!important;}
  #modalPromptSummary{
    font-size:11.5px!important;
    line-height:1.34!important;
    max-height:calc(1.34em * 2)!important;
  }
  #modalPromptFull.is-expanded-prompt{
    max-height:17dvh!important;
    font-size:10.5px!important;
    line-height:1.42!important;
  }
  #variantList .variant-card,
  #variantList .admin-variant-add{
    flex-basis:64px!important;
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:40px!important;
    min-height:40px!important;
  }
  .instruction-card{
    min-height:44px!important;
    padding:9px!important;
  }
  .instruction-card p{
    font-size:10px!important;
    line-height:1.22!important;
  }
  .prompt-copy-footer{
    padding:12px 14px 14px!important;
  }
  .prompt-action-row{
    grid-template-columns:minmax(0,1fr) 48px!important;
  }
}

/* ===== assets/css/prompts-v142-paywall-login-slider.css ===== */
/* V142 · Solo paywall/desbloqueo, login móvil y título de sliders. No toca modal de prompt. */
:root{
  --el-green:#34AF23;
  --el-green-rgb:52,175,35;
}

/* Slider: título sólido, siempre por encima de fondos/gradientes decorativos. */
#contentArea .slider-section{
  position:relative!important;
  z-index:4!important;
  isolation:isolate!important;
  overflow:visible!important;
}
#contentArea .slider-section::before,
#contentArea .slider-section::after,
#contentArea .slider-section .section-head::before,
#contentArea .slider-section .section-head::after{
  content:none!important;
  display:none!important;
}
#contentArea .slider-section .section-head{
  position:relative!important;
  z-index:8!important;
  background:transparent!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
}
#contentArea .slider-section .section-title,
#contentArea .slider-section .section-title *,
#contentArea .slider-section .section-title .green-gradient{
  position:relative!important;
  z-index:9!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:100%!important;
  opacity:1!important;
  visibility:visible!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#f8fafc!important;
  color:#f8fafc!important;
  text-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* Desbloquear biblioteca / paywall: modal compacto y sin controles custom en el centro. */











/* Login móvil: centrado por defecto; solo sube cuando hay teclado/foco real. */
#loginModal.active{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#loginModal .modal-content{
  margin:auto!important;
}

@media (max-width:640px){
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  #loginModal,
  #loginModal.active,
  .elx-modal-shell#loginModal{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:14px!important;
    padding-top:max(14px,env(safe-area-inset-top))!important;
    padding-bottom:max(14px,env(safe-area-inset-bottom))!important;
  }
  #loginModal .modal-content,
  #loginModal .elx-login-card{
    width:min(410px,calc(100vw - 28px))!important;
    max-height:min(78dvh,560px)!important;
    overflow:auto!important;
    margin:auto!important;
    transform:none!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
  }
  body.elx-keyboard-open #loginModal,
  body.elx-keyboard-open #loginModal.active{
    align-items:flex-start!important;
    padding-top:max(8px,env(safe-area-inset-top))!important;
  }
  body.elx-keyboard-open #loginModal .modal-content{
    max-height:calc(var(--vvh,100dvh) - 18px)!important;
  }
}

/* Flechas profesionales para sliders: sin barras de scroll y sin alterar el drag existente. */
.slider-shell{position:relative!important;isolation:isolate!important;}
.slider-shell .stream-slider{position:relative!important;z-index:1!important;}
.slider-nav-btn{
  position:absolute!important;
  top:50%!important;
  z-index:12!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(9,9,10,.70)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 0 1px rgba(52,175,35,.08)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  transform:translateY(-50%) scale(1)!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer!important;
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease,background .18s ease,border-color .18s ease!important;
}
.slider-nav-btn i{font-size:13px!important;line-height:1!important;pointer-events:none!important;}
.slider-nav-prev{left:6px!important;}
.slider-nav-next{right:6px!important;}
.slider-nav-btn:hover{background:rgba(18,18,19,.88)!important;border-color:rgba(52,175,35,.34)!important;transform:translateY(-50%) scale(1.045)!important;}
.slider-nav-btn:active{transform:translateY(-50%) scale(.96)!important;}
.slider-nav-btn.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
.slider-shell.has-slider-nav::before,.slider-shell.has-slider-nav::after{content:""!important;position:absolute!important;top:0!important;bottom:18px!important;width:64px!important;z-index:10!important;pointer-events:none!important;opacity:.88!important;}
.slider-shell.has-slider-nav::before{left:0!important;background:linear-gradient(to right,rgba(5,5,6,.82),rgba(5,5,6,0))!important;}
.slider-shell.has-slider-nav::after{right:0!important;background:linear-gradient(to left,rgba(5,5,6,.82),rgba(5,5,6,0))!important;}
@media(max-width:760px){
  .slider-nav-btn{width:36px!important;height:36px!important;background:rgba(10,10,11,.76)!important;}
  .slider-nav-btn i{font-size:11px!important;}
  .slider-nav-prev{left:2px!important;}
  .slider-nav-next{right:2px!important;}
  .slider-shell.has-slider-nav::before,.slider-shell.has-slider-nav::after{width:42px!important;bottom:14px!important;}
}

/* ===== assets/css/prompts-v143-paywall-media-admin.css ===== */
/* V143 · Media del modal Pro configurable desde backend. No toca modales de prompts. */












/* ===== assets/css/prompts-v144-mobile-payments-search-seo.css ===== */
/* V144 · Ajustes finales: pagos móvil, buscador, favicon/SEO visual y modal cancelar renovación. */
:root{
  --elx-green-deep:#22951a;
  --elx-green-action:#2aaa20;
  --elx-green-soft:#7dff72;
  --elx-blue-action:#2563eb;
  --elx-orange-action:#f97316;
  --elx-orange-soft:#ffb35c;
}

/* Toast de copiar: verde de marca, nunca azul. */
html body #toast-container .ui-card[data-toast-type="copied"],
html body #toast-container .copied-toast{
  background:linear-gradient(180deg,rgba(42,170,32,.24),rgba(7,30,10,.96))!important;
  border:1px solid rgba(95,255,82,.34)!important;
  border-left:4px solid var(--elx-green-action)!important;
  color:#f4fff2!important;
  box-shadow:0 18px 50px rgba(42,170,32,.18),0 24px 70px rgba(0,0,0,.54)!important;
}
html body #toast-container .ui-card[data-toast-type="copied"] i,
html body #toast-container .copied-toast i{
  color:#9bff8e!important;
}

/* Botones de pago: verde premium menos fluorescente. */



/* El enlace/botón "Cambiar plan" no debe verse como CTA verde. */



/* Checkout móvil: texto legible y sin bloques cortados. */


/* Resultado de búsqueda: sin encabezado grande "Explorando / Resultados para". */
body.elx-searching #catalogHeader{
  display:none!important;
}
body.elx-searching #contentArea{
  padding-top:0!important;
}
.no-results-premium{
  border:1px solid rgba(255,255,255,.08)!important;
  background:radial-gradient(circle at 50% 0%,rgba(249,115,22,.10),transparent 42%),linear-gradient(180deg,rgba(18,18,20,.96),rgba(7,7,8,.98))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.38)!important;
}
.no-results-premium .no-results-icon{
  width:52px!important;
  height:52px!important;
  margin:0 auto 14px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  color:#ffb35c!important;
  background:rgba(249,115,22,.12)!important;
  border:1px solid rgba(249,115,22,.22)!important;
}
.no-results-premium h3{
  color:#fff!important;
  font-family:"Space Grotesk",Inter,system-ui,sans-serif!important;
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
  margin:0 0 7px!important;
}
.no-results-premium p{
  color:#a1a1aa!important;
  font-size:13px!important;
  line-height:1.45!important;
  margin:0 auto 16px!important;
  max-width:360px!important;
}
.no-results-premium a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  background:linear-gradient(180deg,#ff2f2f,#c91414)!important;
  border:1px solid rgba(255,118,118,.34)!important;
  box-shadow:0 14px 30px rgba(220,38,38,.18)!important;
}
.no-results-premium a:hover{
  filter:brightness(1.06)!important;
}

/* Modal de cancelar renovación: más premium y con jerarquía de colores. */
#subscriptionCancelModal .subscription-cancel-card-v132{
  border:1px solid rgba(255,255,255,.10)!important;
  background:radial-gradient(circle at 50% -10%,rgba(249,115,22,.13),transparent 42%),linear-gradient(180deg,rgba(18,18,20,.98),rgba(7,7,8,.99))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.03) inset!important;
}
#subscriptionCancelModal .cancel-orb{
  color:#ffb35c!important;
  background:rgba(249,115,22,.12)!important;
  border:1px solid rgba(249,115,22,.24)!important;
  box-shadow:0 16px 34px rgba(249,115,22,.12)!important;
}
#subscriptionCancelModal #cancelSubscriptionCopy{
  color:rgba(255,255,255,.76)!important;
  font-size:13.5px!important;
  line-height:1.48!important;
}
#subscriptionCancelModal .cancel-warning-list{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.025)!important;
  border-radius:18px!important;
  padding:12px!important;
  margin-top:14px!important;
  text-align:left!important;
}
#subscriptionCancelModal .cancel-warning-list div{
  display:flex!important;
  gap:10px!important;
  align-items:flex-start!important;
  color:rgba(255,255,255,.72)!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:760!important;
}
#subscriptionCancelModal .cancel-warning-list div + div{
  margin-top:10px!important;
}
#subscriptionCancelModal .cancel-warning-list i{
  color:#ffb35c!important;
  margin-top:2px!important;
}
#subscriptionCancelModal #confirmCancelSubscriptionBtn{
  background:linear-gradient(180deg,#fb923c,#ea580c)!important;
  color:#160801!important;
  border:1px solid rgba(255,190,128,.38)!important;
  box-shadow:0 16px 34px rgba(249,115,22,.20),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
#subscriptionCancelModal #confirmCancelSubscriptionBtn:hover{
  background:linear-gradient(180deg,#fd9f4c,#f97316)!important;
}
#subscriptionCancelModal button[onclick*="mailto:"]{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
#subscriptionCancelModal button[onclick="closeModal('subscriptionCancelModal')"]{
  background:linear-gradient(180deg,#2f78ff,#245bd6)!important;
  color:#fff!important;
  border:1px solid rgba(126,177,255,.34)!important;
  box-shadow:0 14px 30px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

@media (max-width:640px){
  #subscriptionCancelModal .subscription-cancel-card-v132{
    max-width:min(394px,calc(100vw - 24px))!important;
    padding:18px!important;
    border-radius:24px!important;
  }
  #subscriptionCancelModal #cancelSubscriptionCopy{
    font-size:13px!important;
  }
  #subscriptionCancelModal .cancel-warning-list div{
    font-size:12px!important;
  }
}

/* ===== assets/css/prompts-v147-recovery-requested.css ===== */
/* V147 · Recuperación estable desde V144. Solo: título principal, badge notificación, CTA intro Pro, overlay inferior slider y planes móvil. */
:root{
  --v147-green:#34AF23;
  --v147-green-soft:#00e887;
  --v147-yellow:#ffd166;
  --v147-orange:#ff9f1c;
}

/* Título principal con la misma base tipográfica del modal Pro. */
#catalogTitle,
#catalogHeader h1#catalogTitle{
  font-family:"Space Grotesk",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:950!important;
  letter-spacing:-.065em!important;
  line-height:.96!important;
  color:#fff!important;
  text-shadow:none!important;
}
#catalogTitle .green-gradient,
#catalogHeader h1#catalogTitle .green-gradient{
  background:linear-gradient(90deg,var(--v147-green) 0%,var(--v147-green-soft) 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}

/* Notificaciones: botón oscuro integrado; solo el contador va amarillo/naranja. */
button[aria-label="Notificaciones"]{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(255,255,255,.11)!important;
  color:rgba(255,255,255,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
button[aria-label="Notificaciones"]:hover{
  color:#ffd166!important;
  border-color:rgba(255,209,102,.34)!important;
  background:rgba(255,209,102,.08)!important;
}
#notif-badge{
  background:linear-gradient(180deg,var(--v147-yellow) 0%,var(--v147-orange) 100%)!important;
  color:#130d05!important;
  border:1px solid rgba(0,0,0,.72)!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.72),0 8px 16px rgba(255,159,28,.32)!important;
  font-weight:950!important;
}

/* Slider: degradado leve SOLO abajo para leer título y categoría. */
#contentArea .stream-thumb{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
#contentArea .stream-thumb::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  height:46%!important;
  z-index:3!important;
  pointer-events:none!important;
  background:linear-gradient(to top,
    rgba(0,0,0,.66) 0%,
    rgba(0,0,0,.44) 28%,
    rgba(0,0,0,.18) 62%,
    rgba(0,0,0,0) 100%)!important;
}
#contentArea .stream-thumb > img,
#contentArea .stream-thumb > video,
#contentArea .stream-thumb > .card-video-preview,
#contentArea .stream-thumb > .card-video-poster,
#contentArea .stream-thumb > .card-embed-preview{
  z-index:1!important;
}
#contentArea .stream-title-wrap{
  position:absolute!important;
  z-index:5!important;
  background:transparent!important;
  text-shadow:none!important;
}
#contentArea .stream-title,
#contentArea .stream-meta{
  position:relative!important;
  z-index:6!important;
  text-shadow:0 2px 10px rgba(0,0,0,.85)!important;
}
#contentArea .access-chip,
#contentArea .favorite-card-btn,
#contentArea .video-play-badge,
#contentArea .video-source-chip,
#contentArea .admin-card-tools{
  z-index:7!important;
}

/* Intro Pro: botón CONTINUAR destacado dentro del modal de desbloqueo. */




/* Planes móvil: limpiar el layout sin agrandar todo. Base 12px, jerarquía sobria y sin solapes. */




/* ===== assets/css/prompts-v148-title-config-unlock.css ===== */
/* V148 · Solo dos ajustes: fuente del título principal y cierre de Config al abrir desbloqueo. */

/* Título principal de la página: misma familia tipográfica del título del modal Pro.
   No se cambia tamaño, color, degradado, peso, espaciado ni layout. */
#libraryIntroTitle > h1,
#libraryIntroTitle > h1 *{
  font-family:"Space Grotesk",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

/* ===== assets/css/prompts-v149-cancel-renewal-warning.css ===== */
/* V149 · Ajustes puntuales: cancelar renovación y aviso de días restantes. */
:root{
  --v149-orange:#ff9f1c;
  --v149-orange-soft:#ffbf73;
  --v149-green:#34AF23;
  --v149-green-soft:#baffb2;
  --v149-card:#101011;
  --v149-border:rgba(255,255,255,.10);
}

/* Modal cancelar renovación: quitar azul accidental del cierre y mantener jerarquía de colores. */
#subscriptionCancelModal{
  z-index:2147483400!important;
}
#subscriptionCancelModal .subscription-cancel-card-v132{
  border-color:rgba(255,255,255,.11)!important;
  background:
    radial-gradient(circle at 50% -12%,rgba(255,159,28,.13),transparent 44%),
    linear-gradient(180deg,rgba(17,17,18,.98),rgba(7,7,8,.995))!important;
  box-shadow:0 28px 88px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.035) inset!important;
}
#subscriptionCancelModal .subscription-cancel-card-v132 > button.absolute[onclick="closeModal('subscriptionCancelModal')"]{
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.34)!important;
}
#subscriptionCancelModal .subscription-cancel-card-v132 > button.absolute[onclick="closeModal('subscriptionCancelModal')"]:hover{
  background:rgba(255,159,28,.10)!important;
  color:#fff!important;
  border-color:rgba(255,159,28,.26)!important;
}
#subscriptionCancelModal #cancelSubscriptionCopy:not(.is-success){
  color:rgba(255,191,115,.90)!important;
}
#subscriptionCancelModal #cancelSubscriptionCopy.is-success{
  color:var(--v149-green-soft)!important;
}
#subscriptionCancelModal #confirmCancelSubscriptionBtn{
  background:linear-gradient(180deg,#ffae57 0%,#f97316 100%)!important;
  color:#170a02!important;
  border:1px solid rgba(255,204,153,.40)!important;
  box-shadow:0 16px 34px rgba(249,115,22,.22),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
#subscriptionCancelModal #confirmCancelSubscriptionBtn:hover{
  background:linear-gradient(180deg,#ffba6c 0%,#fb923c 100%)!important;
}
#subscriptionCancelModal #confirmCancelSubscriptionBtn.is-cancelled,
#subscriptionCancelModal #confirmCancelSubscriptionBtn:disabled.is-cancelled{
  background:linear-gradient(180deg,rgba(52,175,35,.24) 0%,rgba(52,175,35,.14) 100%)!important;
  color:var(--v149-green-soft)!important;
  border:1px solid rgba(52,175,35,.34)!important;
  box-shadow:0 16px 34px rgba(52,175,35,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
  opacity:1!important;
}
#subscriptionCancelModal .subscription-cancel-card-v132 > button[onclick="closeModal('subscriptionCancelModal')"]:not(.absolute){
  background:linear-gradient(180deg,rgba(52,175,35,.18) 0%,rgba(52,175,35,.10) 100%)!important;
  color:#d7ffd1!important;
  border:1px solid rgba(52,175,35,.26)!important;
  box-shadow:0 14px 30px rgba(52,175,35,.10),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#subscriptionCancelModal .subscription-cancel-card-v132 > button[onclick="closeModal('subscriptionCancelModal')"]:not(.absolute):hover{
  background:linear-gradient(180deg,rgba(52,175,35,.24) 0%,rgba(52,175,35,.14) 100%)!important;
  color:#fff!important;
}

/* Aviso de días restantes / acceso por finalizar: siempre encima, centrado y sin cortes. */
#accessRevokedModal{
  z-index:2147483500!important;
  padding:18px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
#accessRevokedModal.active{
  align-items:center!important;
  justify-content:center!important;
}
#accessRevokedModal .modal-content.access-paused-card{
  width:min(420px,calc(100vw - 36px))!important;
  max-width:min(420px,calc(100vw - 36px))!important;
  max-height:calc(var(--vvh,100dvh) - 36px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:auto!important;
  padding:22px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,159,28,.24)!important;
  background:
    radial-gradient(circle at 50% -14%,rgba(255,159,28,.15),transparent 44%),
    linear-gradient(180deg,rgba(17,17,18,.98),rgba(7,7,8,.995))!important;
  box-shadow:0 30px 92px rgba(0,0,0,.76),0 0 0 1px rgba(255,255,255,.035) inset!important;
  scrollbar-width:thin!important;
}
#accessRevokedModal #accessCloseBtn{
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.34)!important;
}
#accessRevokedModal #accessStateTitle{
  font-size:clamp(24px,6vw,32px)!important;
  line-height:1.03!important;
}
#accessRevokedModal #accessStateCopy{
  font-size:13.5px!important;
  line-height:1.48!important;
}
#accessRevokedModal #accessRenewBtn{
  background:linear-gradient(180deg,#35b82b 0%,#238f1b 100%)!important;
  color:#fff!important;
  border:1px solid rgba(129,255,117,.28)!important;
  box-shadow:0 16px 34px rgba(52,175,35,.20),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
#accessRevokedModal #accessLogoutBtn{
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

@media (max-width:640px){
  #subscriptionCancelModal,
  #accessRevokedModal{
    padding:14px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #subscriptionCancelModal .subscription-cancel-card-v132{
    width:min(400px,calc(100vw - 28px))!important;
    max-height:calc(var(--vvh,100dvh) - 28px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    margin:auto!important;
    padding:18px!important;
    border-radius:24px!important;
  }
  #accessRevokedModal .modal-content.access-paused-card{
    width:min(400px,calc(100vw - 28px))!important;
    max-width:min(400px,calc(100vw - 28px))!important;
    max-height:calc(var(--vvh,100dvh) - 28px)!important;
    padding:19px!important;
    border-radius:24px!important;
  }
  #accessRevokedModal #accessStateCopy{
    font-size:13px!important;
  }
}

/* ===== assets/css/prompts-v153-layout-price-choice.css ===== */
/*
 * v153 — Ajuste superior biblioteca + ahorro anual corto.
 * Cambio visual aislado: no toca pagos, Pro, webhooks, login, prompts ni APIs.
 */

:root {
    --elx-navbar-height: 64px;
    --elx-library-top-gap: 16px;
}

/* El contenido empieza justo después del navbar, con un margen pequeño y estable. */
body.page-bg > main {
    padding-top: calc(var(--elx-navbar-height) + var(--elx-library-top-gap)) !important;
}

body.page-bg > main > .app-layout {
    margin-top: 0 !important;
}

#libraryIntroTitle,
#catalogHeader {
    margin-top: 0 !important;
}

/* Mantiene el sidebar alineado con el título después del ajuste superior. */
.app-sidebar {
    top: calc(var(--elx-navbar-height) + var(--elx-library-top-gap)) !important;
    max-height: calc(100dvh - var(--elx-navbar-height) - var(--elx-library-top-gap) - 16px) !important;
}

/* Evita que tarjetas/sliders que pasan por debajo del navbar se vean como una franja cortada encima del título. */
#navbar.glass-header {
    background:
        linear-gradient(180deg, rgba(5, 5, 5, 0.992) 0%, rgba(6, 6, 7, 0.975) 100%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
    border-bottom-color: rgba(255, 255, 255, 0.075) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.035),
        0 18px 46px rgba(0, 0, 0, 0.52) !important;
    isolation: isolate;
    overflow: visible;
}

#navbar.glass-header > * {
    position: relative;
    z-index: 3;
}

#navbar.glass-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 26% 50%, rgba(35, 168, 24, 0.10), transparent 32%),
        radial-gradient(circle at 76% 46%, rgba(0, 255, 168, 0.07), transparent 30%),
        rgba(5, 5, 5, 0.88);
}

#navbar.glass-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 1px);
    height: 38px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(5, 5, 5, 0.97) 0%,
        rgba(5, 5, 5, 0.82) 34%,
        rgba(5, 5, 5, 0.40) 68%,
        rgba(5, 5, 5, 0) 100%
    );
}

#navbar .search-shell,
#navbar button,
#navbar a,
#navbar .weekly-update-chip {
    position: relative;
    z-index: 4;
}

#mobileSearchPanel {
    z-index: 5;
    background: rgba(5, 5, 5, 0.985) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
}

/* El ahorro anual ahora es una opción corta: porcentaje O monto USD, no ambos. */


@media (min-width: 1024px) {
    :root {
        --elx-library-top-gap: 14px;
    }
}

@media (max-width: 767px) {
    :root {
        --elx-navbar-height: 64px;
        --elx-library-top-gap: 12px;
    }

    #navbar.glass-header::after {
        height: 28px;
        background: linear-gradient(
            180deg,
            rgba(5, 5, 5, 0.96) 0%,
            rgba(5, 5, 5, 0.64) 54%,
            rgba(5, 5, 5, 0) 100%
        );
    }
}

/* Fix producción: header móvil, logo a la izquierda e íconos a la derecha */
#navbar.glass-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

#navbar .site-brand-wrap {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

#navbar .site-brand-wrap a {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#navbar .site-actions {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    min-width: max-content !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

@media (max-width: 767px) {
    #navbar.glass-header {
        width: 100% !important;
        max-width: 100vw !important;
        height: 64px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        gap: 10px !important;
    }

    #navbar .site-actions {
        gap: 8px !important;
    }

    #navbar .site-actions button {
        flex: 0 0 auto !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #navbar .site-actions button[aria-label="Idioma"] {
        width: 44px !important;
        min-width: 44px !important;
    }
}

@media (max-width: 380px) {
    #navbar.glass-header {
        padding-left: 12px !important;
        padding-right: 12px !important;
        gap: 8px !important;
    }

    #navbar .site-actions {
        gap: 6px !important;
    }

    #navbar .site-actions button {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }

    #navbar .site-actions button[aria-label="Idioma"] {
        width: 40px !important;
        min-width: 40px !important;
    }
}

/* ===== assets/css/prompts-v163-production-fixes.css ===== */
/*
 * v161 — Corrección aislada solicitada.
 * Solo presentación: header móvil, check seleccionado y temporizador de promoción.
 * No toca lógica de pagos, PRO, prompts, sliders, login ni webhooks.
 */

/* HEADER MÓVIL: marca explícita, sin nth-of-type ni anchos fijos frágiles. */
@media (max-width: 767px) {
    #navbar.elx-main-navbar,
    #navbar.glass-header.elx-main-navbar {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 64px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: 64px !important;
        align-items: center !important;
        justify-content: initial !important;
        column-gap: 10px !important;
        padding-left: max(14px, env(safe-area-inset-left)) !important;
        padding-right: max(14px, env(safe-area-inset-right)) !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    #navbar.elx-main-navbar .elx-navbar-brand {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
        z-index: 7 !important;
    }

    #navbar.elx-main-navbar .elx-navbar-brand > a {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        line-height: 1 !important;
        font-size: clamp(16px, 4.2vw, 18px) !important;
    }

    #navbar.elx-main-navbar .elx-navbar-brand .weekly-update-chip {
        display: none !important;
    }

    #navbar.elx-main-navbar > .search-shell {
        display: none !important;
    }

    #navbar.elx-main-navbar .elx-navbar-actions {
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        align-self: center !important;
        margin-left: 0 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        white-space: nowrap !important;
        overflow: visible !important;
        z-index: 8 !important;
    }

    #navbar.elx-main-navbar .elx-navbar-actions > button {
        flex: 0 0 auto !important;
        margin: 0 !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #navbar.elx-main-navbar .elx-navbar-actions > button[aria-label="Idioma"] {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
    }

    #mobileSearchPanel {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 380px) {
    #navbar.elx-main-navbar,
    #navbar.glass-header.elx-main-navbar {
        column-gap: 8px !important;
        padding-left: max(12px, env(safe-area-inset-left)) !important;
        padding-right: max(12px, env(safe-area-inset-right)) !important;
    }

    #navbar.elx-main-navbar .elx-navbar-actions {
        gap: 6px !important;
    }

    #navbar.elx-main-navbar .elx-navbar-actions > button {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
    }

    #navbar.elx-main-navbar .elx-navbar-actions > button[aria-label="Idioma"] {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
    }
}

@media (max-width: 340px) {
    #navbar.elx-main-navbar .elx-navbar-brand > a {
        font-size: 15px !important;
    }

    #navbar.elx-main-navbar .elx-navbar-actions {
        gap: 5px !important;
    }

    #navbar.elx-main-navbar .elx-navbar-actions > button {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
    }

    #navbar.elx-main-navbar .elx-navbar-actions > button[aria-label="Idioma"] {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
    }
}

/* Modales móviles: centrado visual estable sin tocar funciones JS. */
@media (max-width: 767px) {
    #paymentSuccessModal.active,#subscriptionDetailsModal.active,#subscriptionCancelModal.active,#accessRevokedModal.active,#contactModal.active,#langModal.active,#loginModal.active,#notificationsModal.active,#promptModal.active{
        align-items: center !important;
        justify-content: center !important;
        padding-top: max(18px, env(safe-area-inset-top)) !important;
        padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        overflow: hidden !important;
    }

    #paymentSuccessModal .modal-content,#subscriptionDetailsModal .modal-content,#subscriptionCancelModal .modal-content,#accessRevokedModal .modal-content,#contactModal .modal-content,#langModal .modal-content,#loginModal .modal-content,#notificationsModal .notification-modal-card,#promptModal .prompt-modal-card{
        margin: auto !important;
        max-height: calc(100dvh - 36px) !important;
    }

    #promptModal .prompt-modal-card{
        width: min(100%, calc(100vw - 24px)) !important;
    }

    #promptModal .prompt-modal-grid,#promptModal .prompt-modal-scroll,#promptModal .prompt-modal-body{
        min-height: 0 !important;
    }
}

/* CHECK DE SELECCIÓN: anual y mensual usan el mismo círculo verde en la esquina. */














/* TEMPORIZADOR: horario HH:MM:SS, sin días y sin línea/barra inferior. */




































@keyframes promoCountdownHeatV161 {
    0% { transform: rotate(0deg) scale(1); }
    100% { transform: rotate(360deg) scale(1); }
}

@keyframes promoCountdownSweepV161 {
    0%, 42% { transform: translateX(-86%); opacity: 0; }
    58% { opacity: .9; }
    100% { transform: translateX(86%); opacity: 0; }
}

@keyframes promoFirePulseV161 {
    0%, 100% { transform: scale(1); opacity: .85; }
    50% { transform: scale(1.22); opacity: 1; }
}

@keyframes promoSecondPulseV161 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.18); }
}

@keyframes promoUrgentGlowV161 {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.14); }
}

@keyframes promoColonBlinkV161 {
    0%, 49% { opacity: .38; }
    50%, 100% { opacity: 1; }
}







/* v162 — Método de pago móvil compacto. Corrección aislada: no toca lógica de pagos. */


































/* ===== assets/css/prompts-v166-paywall-sound.css ===== */
/* V166 �� Bot��n Activar sonido para embeds del modal Pro.
   Aislado al #paymentModal. No toca videos de prompts/cards/sliders. */














@keyframes paywallSoundPulseV166{
  0%,100%{transform:scale(.98);opacity:.42;}
  50%{transform:scale(1.08);opacity:.9;}
}

@keyframes paywallSoundFloatV166{
  0%,100%{transform:translate(-50%,-50%) scale(1);}
  50%{transform:translate(-50%,calc(-50% - 3px)) scale(1.015);}
}



/* ===== assets/css/prompts-v171-cta-pulse.css ===== */
/*
 * prompts-v171-cta-pulse.css
 * Corrección visual aislada para CTA de suscripción.
 * Objetivo: pulso/titileo leve y visible, sin destello diagonal nuevo y sin tocar JS ni pagos.
 */







/* Pulso externo real, no línea diagonal. */


/* Titileo sutil sobre el botón completo: no es el brillo diagonal de btn-shine. */






/* Botón lateral de desbloquear: atención más suave, sin mano extra. */
.elx-unlock-attention-v171 {
    position: relative !important;
    transform-origin: center center !important;
    will-change: transform, box-shadow, filter !important;
    animation: elxUnlockSoftPulseV171 2.9s ease-in-out infinite !important;
}

@keyframes elxCtaPulseV171 {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1) saturate(1);
        box-shadow:
            0 15px 34px rgba(33, 202, 31, .30),
            0 0 0 1px rgba(255, 255, 255, .08) inset;
    }
    42% {
        transform: scale(1.026);
        filter: brightness(1.13) saturate(1.10);
        box-shadow:
            0 19px 45px rgba(33, 202, 31, .46),
            0 0 30px rgba(82, 255, 77, .24),
            0 0 0 1px rgba(255, 255, 255, .14) inset;
    }
    58% {
        transform: scale(1.014);
        filter: brightness(1.06) saturate(1.06);
    }
}

@keyframes elxCtaOuterPulseV171 {
    0% {
        opacity: 0;
        transform: scale(.985);
    }
    38% {
        opacity: .78;
    }
    100% {
        opacity: 0;
        transform: scale(1.075);
    }
}

@keyframes elxCtaGlowBlinkV171 {
    0%, 100% { opacity: 0; }
    42% { opacity: .30; }
    58% { opacity: .12; }
}

@keyframes elxCtaHandTapV171 {
    0%, 100% {
        transform: translateY(0) rotate(0deg) scale(1);
    }
    36% {
        transform: translateY(-1px) rotate(-9deg) scale(1.15);
    }
    52% {
        transform: translateY(1px) rotate(-4deg) scale(1.04);
    }
}

@keyframes elxUnlockSoftPulseV171 {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1);
        box-shadow: 0 10px 24px rgba(35, 190, 32, .12);
    }
    50% {
        transform: scale(1.012);
        filter: brightness(1.06);
        box-shadow: 0 14px 32px rgba(35, 190, 32, .22);
    }
}



@media (prefers-reduced-motion: reduce) {
    .elx-unlock-attention-v171{
        animation: none !important;
    }
}

/* ===== assets/css/prompts-v176-paywall-performance.css ===== */
/* V174 · Reproductor personalizado ÚNICO para el MP4 del modal Pro.
   Aislado a #paymentModal #paywallVideoFrame.paywall-provider-mp4.
   Objetivo: sin controles nativos, sin doble play, solo barra roja + play propio + activar sonido. */









/* Oculta controles nativos WebKit/Chromium si algún script antiguo intenta activar video.controls=true. */


/* Elimina controles viejos añadidos por versiones anteriores. */






/* Solo se muestra mientras el video reproduce en autoplay silenciado. En pausa NO vuelve a aparecer. */










/* El único play visible cuando el usuario pausa. */










@keyframes paywallDirectSoundFloatV174{
  0%,100%{transform:translate(-50%,-50%) scale(1);}
  50%{transform:translate(-50%,-52%) scale(1.025);}
}

@keyframes paywallDirectSoundPulseV174{
  0%,100%{transform:scale(.98);opacity:.42;}
  50%{transform:scale(1.08);opacity:.9;}
}

@keyframes paywallPlayPulseV174{
  0%,100%{transform:scale(.98);opacity:.32;}
  50%{transform:scale(1.12);opacity:.72;}
}



/* V175 rendimiento: la barra roja se anima con transform, no con width constante. */



/* V176 · Rendimiento del video del modal Pro.
   Mantiene el reproductor rojo personalizado, pero reduce trabajo visual del modal en móviles lentos. */








@keyframes paywallPreparingV176{
  0%,100%{opacity:.58; transform:translate(-50%,-50%) scale(.985);}
  50%{opacity:1; transform:translate(-50%,-50%) scale(1);}
}




/* ==========================================================================
   PROMPTS V203 · INTERFAZ UNIFICADA Y RENDIMIENTO
   Layout tipo aplicación, modales, navegación y acceso.
   ========================================================================== */

:root{
  --app-green:#29b920;
  --app-green-bright:#52e944;
  --app-green-soft:rgba(41,185,32,.14);
  --app-bg:#090a0b;
  --app-card:#121315;
  --app-card-2:#0c0d0f;
  --app-line:rgba(255,255,255,.105);
  --app-copy:#a6adba;
  --app-muted:#747d8d;
  --app-radius:24px;
  --app-vv-height:100dvh;
  --app-vv-top:0px;
}
html,body,button,input,textarea,select{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html.app-modal-open,body.app-modal-open{overflow:hidden!important}

/* Header fijo y contenido cercano, sin reservar dos veces su altura. */
#navbar,#navbar.glass-header,#navbar.elx-main-navbar{
  position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:900!important;
}
#navbar>#mobileSearchPanel{
  position:absolute!important;inset:100% 0 auto 0!important;width:100%!important;z-index:901!important;grid-column:unset!important;transform:none!important;
}
body.page-bg>.app-main-shell{
  box-sizing:border-box!important;margin:0 auto!important;padding-top:76px!important;padding-bottom:12px!important;min-height:100dvh!important;
}

/* Escritorio: sidebar y cabecera de biblioteca inmóviles; solo el catálogo se desplaza. */
@media(min-width:1024px){
  html,body,body.page-bg{height:100%;overflow:hidden}
  body.page-bg>.app-main-shell{height:100dvh!important;min-height:0!important;padding-top:78px!important;padding-bottom:14px!important;display:block!important;overflow:hidden!important}
  body.page-bg>.app-main-shell>.app-layout{height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:24px!important;align-items:stretch!important}
  .app-sidebar{display:block!important;position:static!important;top:auto!important;height:100%!important;max-height:none!important;min-height:0!important;overflow:hidden!important}
  .app-sidebar-sticky{position:static!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:12px!important;overflow:hidden!important}
  .sidebar-categories-card{flex:1 1 auto!important;min-height:0!important;margin:0!important;display:flex!important;flex-direction:column!important}
  #desktopCategories{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:4px!important}
  .sidebar-bottom-v28{flex:0 0 auto!important;margin:0!important}
  .app-library-pane{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  #libraryIntroTitle,#catalogHeader{flex:0 0 auto!important;margin-top:0!important}
  #libraryIntroTitle{margin-bottom:20px!important}
  .app-library-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:8px!important;padding-bottom:8px!important;scrollbar-gutter:stable}
  .legal-site-footer{margin-top:22px!important}
}

/* Móvil: comportamiento natural de app y título a 10–12 px del header. */
@media(max-width:1023px){
  html,body,body.page-bg{min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto}
  body.page-bg>.app-main-shell{height:auto!important;min-height:100dvh!important;padding-top:76px!important;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  body.page-bg>.app-main-shell>.app-layout{display:block!important;min-height:0!important;margin:0!important}
  .app-sidebar{display:none!important}
  .app-library-pane{display:block!important;min-height:0!important;overflow:visible!important}
  #libraryIntroTitle{margin-top:0!important;margin-bottom:24px!important;padding-top:0!important}
  #libraryIntroTitle h1{font-size:clamp(34px,9.5vw,48px)!important;line-height:.94!important;letter-spacing:-.065em!important}
  #libraryIntroTitle .library-typewriter-line{margin-top:10px!important;min-height:18px!important}
  .app-library-scroll{overflow:visible!important;min-height:0!important}
}
@media(max-width:420px){
  body.page-bg>.app-main-shell{padding-left:18px!important;padding-right:18px!important;padding-top:75px!important}
  #libraryIntroTitle{margin-bottom:22px!important}
  #libraryIntroTitle h1{font-size:clamp(33px,9.2vw,41px)!important}
}

/* Base única de modales. El z-index real lo administra JavaScript. */
.app-modal,.modal-backdrop{
  position:fixed!important;top:var(--app-vv-top)!important;left:0!important;right:0!important;width:100%!important;height:var(--app-vv-height)!important;
  display:flex;align-items:center!important;justify-content:center!important;padding:clamp(14px,2.5vw,28px)!important;overflow:hidden!important;isolation:isolate;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;
}
.app-modal.hidden,.modal-backdrop.hidden{display:none!important}
.app-modal.active,.modal-backdrop.active{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.app-modal .modal-content,.app-modal .app-modal-card{opacity:0;transform:scale(.97) translateY(8px);transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1)}
.app-modal.active .modal-content,.app-modal.active .app-modal-card{opacity:1!important;transform:none!important}
.app-modal-overlay,.app-modal>.absolute.inset-0,.modal-backdrop>.absolute.inset-0{
  position:absolute!important;inset:0!important;background:rgba(0,0,0,.78)!important;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);
}
.app-modal-card,.app-modal .modal-content{
  position:relative!important;inset:auto!important;transform:none!important;z-index:1!important;width:min(100%,430px)!important;max-width:430px!important;
  max-height:calc(var(--app-vv-height) - 28px)!important;margin:0!important;overflow:auto!important;overscroll-behavior:contain!important;
  border:1px solid var(--app-line)!important;border-radius:var(--app-radius)!important;
  background:radial-gradient(circle at 14% 0%,rgba(65,218,51,.065),transparent 35%),linear-gradient(180deg,#151618 0%,#0c0d0f 100%)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.025)!important;padding:24px!important;color:#fff!important;
}
.app-modal-card::before,.app-modal-card::after,.app-modal .modal-content::before,.app-modal .modal-content::after{content:none!important;display:none!important;animation:none!important}
.app-modal-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-right:0!important;margin-bottom:18px}
.app-modal-header--row{align-items:center}
.app-modal-kicker{margin:0 0 6px;color:var(--app-green-bright);font-size:9.5px;line-height:1.2;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.app-modal-title{margin:0;color:#fff;font-family:Inter,sans-serif!important;font-size:21px!important;line-height:1.13!important;font-weight:820!important;letter-spacing:-.035em!important}
.app-modal-title--green{color:var(--app-green-bright)!important}
.app-modal-title--large{font-size:clamp(22px,2.3vw,27px)!important}
.app-modal-copy,.app-modal-subtitle{margin:8px 0 0;color:var(--app-copy);font-size:12.5px;line-height:1.52}
.app-modal-copy--left{text-align:left}
.app-modal-close,.app-modal-close--static{
  position:static!important;flex:0 0 38px;width:38px!important;height:38px!important;min-width:38px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.1)!important;border-radius:999px!important;background:rgba(0,0,0,.34)!important;color:#8e96a4!important;transition:.18s ease!important
}
.app-modal-close:hover{color:#fff!important;border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.06)!important}

/* Categorías y notificaciones, siempre centradas dentro del viewport. */
#mobileCategoryPanel,.app-modal--notifications .app-notification-card,.app-modal--support .app-support-card{
  position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;width:min(100%,430px)!important;max-width:430px!important;
}
#mobileCategoryPanel{max-height:min(calc(var(--app-vv-height) - 28px),650px)!important;padding:20px!important;overflow:hidden!important}
#mobileCategories{max-height:min(58dvh,470px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:2px}
.app-modal--notifications .app-notification-card{max-height:min(calc(var(--app-vv-height) - 28px),620px)!important;overflow:hidden!important}
#notificationList{max-height:min(49dvh,390px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:2px}
.notification-row{width:100%;min-width:0}
.app-support-card{max-height:min(calc(var(--app-vv-height) - 28px),660px)!important}
.app-support-card .contact-option{min-height:60px}

/* Login compacto y premium. */
#loginModal .elx-login-card{
  width:min(100%,420px)!important;max-width:420px!important;max-height:calc(var(--app-vv-height) - 28px)!important;margin:0!important;overflow:auto!important;
  border:1px solid var(--app-line)!important;border-radius:24px!important;background:radial-gradient(circle at 12% 0%,rgba(59,215,45,.07),transparent 36%),linear-gradient(180deg,#151618,#0c0d0f)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.025)!important;padding:24px!important;
}
#loginModal h3{font-family:Inter,sans-serif!important;font-size:21px!important;line-height:1.14!important;letter-spacing:-.035em!important;font-weight:820!important}
#loginModal>div.modal-content>p.text-sm{font-size:12.5px!important;line-height:1.48!important;margin-bottom:17px!important}
#loginModal label{font-size:9.5px!important;line-height:1.2!important;letter-spacing:.095em!important;color:#858d9c!important}
.login-field-shell,#loginModal .password-field-wrap{
  min-height:54px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.105)!important;border-radius:16px!important;
  background:linear-gradient(180deg,rgba(5,6,7,.76),rgba(10,11,12,.94))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important
}
.login-field-shell:focus-within,#loginModal .password-field-wrap:focus-within{border-color:rgba(71,221,57,.55)!important;box-shadow:0 0 0 3px rgba(41,185,32,.09),inset 0 1px 0 rgba(255,255,255,.025)!important;background:#0a0b0c!important}
.login-field-shell>i,#loginModal .password-field-wrap>i{flex:0 0 auto;color:#38c92b!important;font-size:14px!important}
.login-field-shell input,#loginModal .password-field-wrap input{min-height:52px!important;height:52px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font-size:15px!important;font-weight:650!important;outline:0!important}
.login-field-shell input::placeholder,#loginModal .password-field-wrap input::placeholder{color:#505968!important;opacity:1}
#loginModal .login-support-note{min-height:0!important;margin:12px 0 0!important;color:#818997!important;font-size:10.5px!important;line-height:1.4!important;text-align:center!important;white-space:normal!important;overflow-wrap:normal!important}
#loginModal .login-support-note a{color:#9fc4ff!important;font-size:inherit!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important}
#loginModal button:not(.modal-x-btn):not(.password-field-wrap button){min-height:48px;font-size:10.5px!important;letter-spacing:.06em!important}

/* Continuar: pulso suave, sin brillo repentino. */
#loginEmailSubmitBtn.login-continue-pulse{position:relative;overflow:hidden!important;box-shadow:0 12px 28px rgba(35,183,27,.2)!important;animation:loginContinuePulse 2.1s ease-in-out infinite!important}
#loginEmailSubmitBtn.login-continue-pulse::before,#loginEmailSubmitBtn.login-continue-pulse::after{content:none!important;display:none!important;animation:none!important}
#loginEmailSubmitBtn.login-continue-pulse.is-loading,#loginEmailSubmitBtn.login-continue-pulse:disabled{animation:none!important}
@keyframes loginContinuePulse{0%,100%{transform:scale(1);box-shadow:0 12px 28px rgba(35,183,27,.18)}50%{transform:scale(1.012);box-shadow:0 15px 36px rgba(59,222,45,.34)}}

/* Estados de carga claros. */
.app-primary-btn,.app-secondary-btn{position:relative;width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:17px;border-radius:15px;padding:11px 16px;overflow:hidden;font-size:10.5px;line-height:1.2;font-weight:850;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;transition:transform .16s ease,filter .2s ease,opacity .2s ease,box-shadow .2s ease}
.app-primary-btn{border:1px solid rgba(91,240,76,.5);background:linear-gradient(180deg,#30c628,#22a91b);color:#fff;box-shadow:0 13px 30px rgba(28,169,22,.2)}
.app-secondary-btn{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);color:#d9dde4}
.app-primary-btn:disabled,.app-secondary-btn:disabled,.is-loading{cursor:wait!important;opacity:.74;pointer-events:none}
.app-btn-spinner{width:15px;height:15px;flex:0 0 auto;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:999px;animation:appSpin .72s linear infinite}
@keyframes appSpin{to{transform:rotate(360deg)}}
.app-action-progress{height:2px;margin:7px 5px 0;overflow:hidden;border-radius:999px;opacity:0;background:rgba(255,255,255,.055);transition:opacity .16s ease}
.app-action-progress.is-active{opacity:1}.app-action-progress>span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#66ef58,transparent);transform:translateX(-120%)}
.app-action-progress.is-active>span{animation:appProgress 1.05s ease-in-out infinite}@keyframes appProgress{to{transform:translateX(320%)}}

/* Sin brillos atravesando botones o modales. La atención visual queda solo en el plan anual. */
.btn-shine::before,.btn-shine::after,.app-modal-card::before,.app-modal-card::after{content:none!important;display:none!important;animation:none!important}



@keyframes annualPlanAttentionV203{0%,100%{border-color:rgba(108,255,91,.28);box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 0 rgba(52,175,35,0)}50%{border-color:rgba(108,255,91,.62);box-shadow:0 16px 42px rgba(0,0,0,.34),0 0 28px rgba(52,175,35,.22)}}

/* Toasts y avisos dentro de la pantalla. */
.app-toast-stack,#toast-container{position:fixed!important;z-index:5000!important;top:max(12px,env(safe-area-inset-top))!important;left:50%!important;right:auto!important;width:min(calc(100vw - 24px),430px)!important;max-width:calc(100vw - 24px)!important;transform:translateX(-50%)!important;pointer-events:none!important}
.app-toast-stack>*,#toast-container>*{max-width:100%!important;overflow-wrap:anywhere!important;pointer-events:auto!important}

/* Formularios y teclado móvil. */
body.app-keyboard-open .app-modal,body.app-keyboard-open #loginModal,body.app-keyboard-open #passwordResetModal,body.app-keyboard-open #passwordChangeModal,body.app-keyboard-open #emailChangeModal{align-items:flex-start!important;padding-top:8px!important;padding-bottom:8px!important}
body.app-keyboard-open .app-modal-card,body.app-keyboard-open #loginModal .modal-content,body.app-keyboard-open #passwordResetModal .modal-content,body.app-keyboard-open #passwordChangeModal .modal-content,body.app-keyboard-open #emailChangeModal .modal-content{max-height:calc(var(--app-vv-height) - 16px)!important}

/* Prompt: acciones lineales y compactas. */
#promptModal .prompt-copy-main,#promptModal .prompt-share-mini{min-height:48px!important;height:48px!important;padding:0 16px!important;font-size:10.5px!important;line-height:1.1!important;letter-spacing:.055em!important;white-space:nowrap!important}
#promptModal .prompt-share-mini{width:48px!important;min-width:48px!important;padding:0!important}
.prompt-category-section{content-visibility:auto;contain-intrinsic-size:560px}

/* SEO público disponible sin duplicar contenido visualmente. */
.seo-public-catalog{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:767px){
  :root{--app-radius:22px}
  .app-modal,.modal-backdrop{padding:12px!important}
  .app-modal-card,.app-modal .modal-content{width:100%!important;max-width:430px!important;max-height:calc(var(--app-vv-height) - 24px)!important;padding:20px 18px!important;border-radius:22px!important}
  .app-modal-title{font-size:20px!important}.app-modal-copy,.app-modal-subtitle{font-size:12.5px!important}
  #mobileCategoryPanel{padding:19px 17px!important}.app-modal--notifications .app-notification-card{max-height:calc(var(--app-vv-height) - 24px)!important}
  #loginModal .elx-login-card{width:100%!important;max-height:calc(var(--app-vv-height) - 24px)!important;padding:21px 18px!important;border-radius:22px!important}
  #loginModal h3{font-size:20px!important}.login-field-shell,#loginModal .password-field-wrap{min-height:52px!important}.login-field-shell input,#loginModal .password-field-wrap input{height:50px!important;min-height:50px!important;font-size:16px!important}
  #loginModal .login-support-note{font-size:10px!important;margin-top:11px!important}
}
@media(max-width:360px){
  .app-modal,.modal-backdrop{padding:10px!important}.app-modal-card,.app-modal .modal-content,#loginModal .elx-login-card{padding:18px 16px!important;border-radius:20px!important}
  .app-modal-title,#loginModal h3{font-size:19px!important}.app-modal-copy,.app-modal-subtitle,#loginModal>div.modal-content>p.text-sm{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
  #loginEmailSubmitBtn.login-continue-pulse,.btn-shine::after,.app-action-progress.is-active>span,.app-btn-spinner{animation:none!important}
  .app-modal,.modal-backdrop{transition:none!important}
}


/* V203 · Separación limpia entre introducción y primer slider. */
#libraryIntroTitle{margin-bottom:0!important}
.app-library-scroll{padding-top:20px!important;mask-image:none!important;-webkit-mask-image:none!important}
#contentArea>.slider-section:first-child{margin-top:0!important}
@media(max-width:767px){.app-library-scroll{padding-top:16px!important}}

/* V203 · Cada card controla su propio estado de carga, sin difuminado invasivo. */
.stream-thumb::before{content:none!important;display:none!important;background:none!important;filter:none!important;animation:none!important}
.stream-thumb{background:#0e1011!important;isolation:isolate}
.card-media-skeleton{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;background:linear-gradient(110deg,#111315 8%,#1b1e21 18%,#111315 33%);background-size:220% 100%;animation:cardSkeletonV203 1.15s linear infinite;transition:opacity .22s ease,visibility .22s ease}
.card-media-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.46))}
.stream-thumb>img,.stream-thumb>video{position:relative;z-index:1;opacity:0;transition:opacity .22s ease}
.stream-thumb.media-loaded>img,.stream-thumb.media-loaded>video{opacity:1}
.stream-thumb.media-loaded .card-media-skeleton{opacity:0;visibility:hidden;animation:none}
.stream-thumb.media-error .card-media-skeleton{opacity:.45;visibility:visible;animation:none}
@keyframes cardSkeletonV203{to{background-position-x:-220%}}

/* V203 · Categorías móviles con estado seleccionado tipo aplicación. */
#mobileCategories .nav-item{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;border:1px solid rgba(255,255,255,.075)!important;background:rgba(255,255,255,.025)!important;min-height:68px!important}
#mobileCategories .nav-item.active{border-color:rgba(75,226,61,.40)!important;background:linear-gradient(180deg,rgba(52,175,35,.16),rgba(52,175,35,.08))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.18)!important}
.category-selected-check{display:none;width:24px;height:24px;border-radius:999px;align-items:center;justify-content:center;color:#081008;background:#4ee33f;font-size:10px;box-shadow:0 0 20px rgba(78,227,63,.28)}
#mobileCategories .nav-item.active .category-selected-check{display:inline-flex}

/* V203 · Novedades premium inspiradas en interfaces iOS. */
.app-modal--notifications .app-notification-card{width:min(100%,500px)!important;padding:22px!important;background:radial-gradient(circle at 12% 0%,rgba(78,227,63,.07),transparent 34%),linear-gradient(180deg,rgba(24,25,28,.985),rgba(10,11,13,.99))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:28px!important;box-shadow:0 34px 110px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.035)!important}
.app-modal--notifications .blue-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;color:#caffc4;background:rgba(52,175,35,.12);border:1px solid rgba(91,240,76,.22);font-size:10px;font-weight:800;letter-spacing:.025em;text-transform:none}
.app-modal--notifications .app-modal-title{margin-top:9px!important;font-size:22px!important;letter-spacing:-.035em!important}
.app-modal--notifications .app-modal-copy{margin:10px 0 16px!important;color:#929aa8!important}
#notificationList{display:grid;gap:9px!important}
.notification-row-v203{display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px!important;align-items:center!important;gap:12px!important;padding:13px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:17px!important;background:rgba(255,255,255,.032)!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
.notification-row-v203:hover{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.13)!important;transform:translateY(-1px)}
.notification-icon-v203{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#5bea4d;background:linear-gradient(180deg,rgba(72,223,58,.16),rgba(72,223,58,.08));border:1px solid rgba(91,240,76,.22);font-size:14px}
.notification-copy-v203{display:block}.notification-copy-v203 strong{display:block;color:#f7f8fa;font-size:13px;line-height:1.28;font-weight:800;letter-spacing:-.01em}.notification-copy-v203 small{display:block;margin-top:4px;color:#9098a7;font-size:11px;line-height:1.4}.notification-meta-v203{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.notification-meta-v203 b{color:#6bef5d;font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.14em}.notification-meta-v203 time{color:#687181;font-size:9px}.notification-arrow-v203{color:#5f6877;font-size:10px}.notification-empty-v203{text-align:center;padding:24px 10px 18px}.notification-empty-v203>span{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#66ef58;background:rgba(52,175,35,.12);border:1px solid rgba(91,240,76,.22)}.notification-empty-v203 strong{display:block;margin-top:12px;color:#f5f6f8;font-size:14px}.notification-empty-v203 p{margin:5px 0 0;color:#8c94a2;font-size:12px}

/* V203 · Ayuda del login perfectamente centrada. */
#loginModal .login-support-note{display:flex!important;justify-content:center!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important;width:100%!important;text-align:center!important}

/* V203 · PWA: las acciones solo aparecen cuando JS confirma que se pueden usar. */
.pwa-install-action.hidden{display:none!important}.pwa-install-action:not(.hidden){display:flex!important}
.account-pro-desktop-btn.pwa-install-action{grid-column:1/-1!important;min-height:42px!important;flex-direction:row!important}

@media(max-width:767px){
  .app-modal--notifications .app-notification-card{padding:19px 17px!important;border-radius:24px!important}
  .notification-row-v203{grid-template-columns:40px minmax(0,1fr) 16px!important;padding:12px!important;border-radius:16px!important}
  .notification-icon-v203{width:40px;height:40px;border-radius:13px}
}
@media(prefers-reduced-motion:reduce){.card-media-skeleton{animation:none!important}}

/* ==========================================================================
   PROMPTS V205 · interfaz, instalación, notificaciones y plan anual
   Sustituye el bloque V204. No se carga junto con versiones anteriores.
   ========================================================================== */
:root{
  --v205-green:#39d52f;
  --v205-green-soft:rgba(57,213,47,.12);
  --v205-card:#141619;
  --v205-card-deep:#0c0e10;
  --v205-line:rgba(255,255,255,.105);
  --v205-copy:#9aa3b2;
}

.hidden{display:none!important}

/* Header y cabecera: aprovecha el espacio sin cubrir el título. */
#navbar,#navbar.glass-header,#navbar.elx-main-navbar{
  box-shadow:0 1px 0 rgba(255,255,255,.055),0 7px 15px rgba(0,0,0,.16)!important;
}
#libraryIntroTitle,#catalogHeader{
  position:static!important;top:auto!important;bottom:auto!important;isolation:isolate!important;
  background:none!important;mask-image:none!important;-webkit-mask-image:none!important;
}
#libraryIntroTitle::before,#libraryIntroTitle::after,#catalogHeader::before,#catalogHeader::after{
  content:none!important;display:none!important;background:none!important;filter:none!important;
}
@media(min-width:1024px){
  body.page-bg>.app-main-shell{padding-top:66px!important;padding-bottom:12px!important}
  .app-library-pane{padding-top:7px!important}
  #libraryIntroTitle{margin:0!important;padding:0!important}
  #libraryIntroTitle h1{margin-top:0!important}
  .app-library-scroll{padding-top:20px!important}
  .app-library-pane.has-context-v205 #libraryIntroTitle{display:none!important}
  .app-library-pane.has-context-v205 .app-library-scroll{padding-top:14px!important}
}
@media(max-width:1023px){
  body.page-bg>.app-main-shell{padding-top:72px!important}
  #libraryIntroTitle{margin-top:0!important;padding-top:0!important}
  #libraryIntroTitle::before,#libraryIntroTitle::after{display:none!important}
  .app-library-pane.has-context-v205 #libraryIntroTitle{display:none!important}
  .app-library-pane.has-context-v205 .app-library-scroll{padding-top:13px!important}
}

/* Cabecera contextual dinámica para todas las categorías. */
.catalog-context-v205{
  flex:0 0 auto;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;
  margin:0;padding:15px 16px;border:1px solid rgba(255,255,255,.085);border-radius:20px;
  background:linear-gradient(135deg,rgba(49,190,39,.09),rgba(255,255,255,.025) 45%,rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.2);
}
.catalog-context-v205.hidden{display:none!important}
.catalog-context-icon-v205{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#72f267;background:linear-gradient(180deg,rgba(69,224,56,.16),rgba(38,153,30,.08));border:1px solid rgba(93,237,81,.22);font-size:15px}
.catalog-context-copy-v205{min-width:0}
.catalog-context-eyebrow-v205{margin:0 0 4px;color:#64e858;font-size:8.5px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.18em}
.catalog-context-title-v205{margin:0;color:#f8f9fb;font-size:20px;line-height:1.12;font-weight:850;letter-spacing:-.035em}
.catalog-context-desc-v205{margin:5px 0 0;color:#929baa;font-size:11.5px;line-height:1.42;max-width:780px}
.catalog-context-reset-v205{height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(0,0,0,.22);color:#a8b0bd;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;transition:.18s ease}
.catalog-context-reset-v205:hover{color:#fff;border-color:rgba(86,228,72,.28);background:rgba(48,184,38,.1)}
@media(max-width:640px){
  .catalog-context-v205{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:13px;border-radius:18px}
  .catalog-context-icon-v205{width:42px;height:42px;border-radius:14px}
  .catalog-context-title-v205{font-size:17px}
  .catalog-context-desc-v205{font-size:10.8px;line-height:1.38}
  .catalog-context-reset-v205{grid-column:1/-1;width:100%;justify-content:center;height:34px;margin-top:1px}
}

/* Precio normal y precio con descuento del plan anual. */



/* Herramientas y tarjetas del modal de novedades. */
.app-modal--notifications .app-notification-card{width:min(100%,520px)!important;max-width:520px!important}
.notification-modal-tools-v205{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.notification-modal-tools-v205 .app-modal-copy{margin:0!important}
.notification-read-all-v205{flex:0 0 auto;border:0;background:transparent;color:#72eb67;font-size:9px;font-weight:800;line-height:1.3;text-decoration:underline;text-underline-offset:3px}
#notificationList{gap:10px!important;padding-right:6px!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
#notificationList::-webkit-scrollbar{width:4px}
#notificationList::-webkit-scrollbar-track{background:transparent}
#notificationList::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:999px}
#notificationList:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}
.notification-item-v205{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.028);color:inherit;outline:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.notification-item-v205.is-read{opacity:.72}
.notification-item-v205.is-actionable{cursor:pointer}
.notification-item-v205.is-actionable:hover,.notification-item-v205.is-actionable:focus-visible{transform:translateY(-1px);border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.05)}
.notification-item-body-v205{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px}
.notification-item-body-v205.no-visual{grid-template-columns:minmax(0,1fr) auto}
.notification-visual-v205{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid rgba(94,236,80,.22);border-radius:13px;background:rgba(54,190,43,.11);color:#68ee5b;font-size:13px}
.notification-visual-v205.is-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:20px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.085)}
.notification-item-copy-v205{min-width:0;text-align:left}
.notification-item-meta-v205{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.notification-item-meta-v205 b{color:#68ed5d;font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.14em}
.notification-item-meta-v205 time{color:#697382;font-size:8.5px;white-space:nowrap}
.notification-item-copy-v205>strong{display:block;color:#f7f8fa;font-size:12.5px;line-height:1.28;font-weight:820;letter-spacing:-.012em}
.notification-item-copy-v205>p{margin:4px 0 0;color:#919aa8;font-size:10.8px;line-height:1.4}
.notification-arrow-v205{position:static!important;width:28px;height:28px;display:grid;place-items:center;border-radius:10px;color:#7ceb70;background:rgba(51,185,40,.12);font-size:9px;align-self:center}
.notification-button-v205{display:inline-flex;margin-top:8px;padding:6px 9px;border-radius:9px;background:rgba(66,213,53,.12);color:#89f47e;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.notification-item--promotion{display:grid;grid-template-columns:96px minmax(0,1fr);border-color:rgba(255,190,61,.22);background:linear-gradient(135deg,rgba(255,173,32,.08),rgba(255,255,255,.025) 55%)}
.notification-item--promotion:not(.has-image){display:block}
.notification-item--promotion .notification-item-meta-v205 b{color:#ffc75f}
.notification-item--promotion .notification-visual-v205{color:#ffc75f;border-color:rgba(255,193,64,.25);background:rgba(255,166,24,.11)}
.notification-item--promotion .notification-arrow-v205,.notification-item--promotion .notification-button-v205{color:#ffd477;background:rgba(255,174,35,.12)}
.notification-promo-image-v205{display:block;width:96px;height:100%;min-height:96px;aspect-ratio:1/1;object-fit:cover;border-right:1px solid rgba(255,255,255,.07);background:#090a0b}
.notification-empty-v205{text-align:center;padding:25px 10px 18px}.notification-empty-v205>span{width:48px;height:48px;display:inline-grid;place-items:center;border:1px solid rgba(93,237,81,.2);border-radius:16px;background:rgba(54,190,43,.1);color:#6aed5d}.notification-empty-v205 strong{display:block;margin-top:11px;color:#f5f7f9;font-size:14px}.notification-empty-v205 p{margin:5px 0 0;color:#8b95a3;font-size:11px}
@media(max-width:640px){
  .notification-modal-tools-v205{align-items:center}.notification-read-all-v205{font-size:8.5px}
  #notificationList{padding-right:0!important;scrollbar-width:none}
  #notificationList::-webkit-scrollbar{display:none;width:0}
  .notification-item-body-v205{gap:10px;padding:12px}
  .notification-visual-v205{width:38px;height:38px;flex-basis:38px;border-radius:12px}
  .notification-item-copy-v205>strong{font-size:12px}
  .notification-item-copy-v205>p{font-size:10.4px}
  .notification-item--promotion{grid-template-columns:82px minmax(0,1fr)}
  .notification-promo-image-v205{width:82px;min-height:82px}
}

/* Login: estado de proceso y ayuda siempre centrados. */
#loginModal .login-action-status-v205,#loginModal .login-support-note-v205{width:100%!important;min-height:18px!important;margin:11px auto 0!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;text-align:center!important;line-height:1.35!important}
#loginModal .login-action-status-v205.hidden,#loginModal .login-support-note-v205.hidden{display:none!important}
#loginModal .login-action-status-v205{color:#aab2bf!important;font-size:10.5px!important;font-weight:650!important}
#loginModal .login-support-note-v205{color:#818a99!important;font-size:10px!important}
#loginModal .login-support-note-v205 a{color:#9fc7ff!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important}
.app-inline-spinner-v205{width:13px;height:13px;border:2px solid rgba(255,255,255,.18);border-top-color:#60e953;border-radius:50%;animation:v205Spin .72s linear infinite}
@keyframes v205Spin{to{transform:rotate(360deg)}}

/* Avisos superiores de instalación y Push: nunca cubren acciones inferiores. */
.pwa-install-secondary-v205{margin-top:10px!important}
.app-promo-banner-v205{
  position:fixed;z-index:2147483300;top:calc(72px + env(safe-area-inset-top));right:18px;left:auto;bottom:auto;
  width:min(calc(100vw - 28px),520px);display:grid;grid-template-columns:42px minmax(0,1fr) auto 32px;align-items:center;gap:11px;
  padding:11px 11px 11px 13px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(18,20,23,.97);
  box-shadow:0 22px 70px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  animation:v205BannerIn .28s cubic-bezier(.16,1,.3,1);transition:.2s ease;
}
.app-promo-banner-v205.hidden{display:none!important}
.app-promo-icon-v205{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(52,190,42,.13);border:1px solid rgba(92,237,79,.21);color:#70ef65}
.app-promo-banner-v205 div{min-width:0}.app-promo-banner-v205 strong{display:block;color:#f8f9fa;font-size:11.5px;line-height:1.2}.app-promo-banner-v205 small{display:block;margin-top:3px;color:#8993a2;font-size:9.8px;line-height:1.3}.app-promo-banner-v205>button:not(.app-promo-dismiss-v205){height:34px;padding:0 13px;border:0;border-radius:11px;background:#2ab522;color:#fff;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.app-promo-dismiss-v205{width:32px;height:32px;border:0;background:transparent;color:#737d8c;border-radius:10px}.app-promo-dismiss-v205:hover{background:rgba(255,255,255,.05);color:#fff}
.app-promo-banner--push-v205 .app-promo-icon-v205{background:rgba(75,136,255,.12);border-color:rgba(100,157,255,.2);color:#9bc3ff}
@keyframes v205BannerIn{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){
  .app-promo-banner-v205{top:calc(68px + env(safe-area-inset-top));left:14px;right:14px;width:auto;grid-template-columns:38px minmax(0,1fr) auto;padding:10px;gap:9px;border-radius:17px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .app-promo-icon-v205{width:38px;height:38px}.app-promo-banner-v205 small{font-size:9px}.app-promo-dismiss-v205{position:absolute;right:4px;top:-34px;background:rgba(15,17,19,.95);border:1px solid rgba(255,255,255,.09)}
}

/* Modal de preferencias Push: limpio y gobernado por estados. */
.push-preferences-card-v205{width:min(100%,445px)!important;max-width:445px!important;overflow:auto!important}
.push-kicker-v205{display:inline-flex;align-items:center;gap:7px;margin:0 0 7px;padding:5px 9px;border:1px solid rgba(90,236,76,.21);border-radius:999px;background:rgba(53,187,42,.1);color:#76ef6a;font-size:8.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.push-permission-state-v205{display:flex;align-items:center;gap:11px;margin:14px 0 12px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.025)}
.push-permission-state-v205>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.045);color:#9aa5b4}.push-permission-state-v205 strong{display:block;color:#f2f4f7;font-size:11.5px}.push-permission-state-v205 small{display:block;margin-top:3px;color:#8993a1;font-size:9.8px;line-height:1.35}.push-permission-state-v205.is-active>span{color:#6bed60;background:rgba(55,194,44,.12)}.push-permission-state-v205.is-denied>span{color:#ff9b69;background:rgba(255,112,42,.11)}
.push-blocked-help-v205{margin:0 0 13px;padding:13px 14px;border:1px solid rgba(255,139,77,.18);border-radius:15px;background:rgba(255,112,42,.06);color:#aeb5c0;font-size:10px;line-height:1.5}.push-blocked-help-v205 strong{display:block;margin-bottom:6px;color:#ffd1ba;font-size:11.5px}.push-blocked-help-v205 ol{margin:7px 0 0;padding-left:18px}.push-blocked-help-v205 li+li{margin-top:4px}
.push-option-list-v205{display:grid;gap:9px}.push-option-v205{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(0,0,0,.18);cursor:pointer}.push-option-v205 span{min-width:0}.push-option-v205 strong{display:block;color:#f5f6f8;font-size:11px}.push-option-v205 small{display:block;margin-top:3px;color:#818b99;font-size:9.5px;line-height:1.32}.push-option-v205 input{position:absolute;opacity:0;pointer-events:none}.push-option-v205>i{position:relative;width:42px;height:24px;flex:0 0 42px;border-radius:999px;background:#33383f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:.18s ease}.push-option-v205>i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.35);transition:.18s ease}.push-option-v205 input:checked+i{background:#2dbf25}.push-option-v205 input:checked+i::after{transform:translateX(18px)}
.push-primary-btn-v205,.push-secondary-btn-v205{width:100%;min-height:45px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.push-primary-btn-v205{border:0;background:linear-gradient(180deg,#35c72b,#219b1a);color:#fff;box-shadow:0 12px 30px rgba(38,181,29,.2)}.push-secondary-btn-v205{border:1px solid rgba(94,235,80,.22);background:rgba(51,184,40,.1);color:#86f47b}.push-link-btn-v205{width:100%;margin-top:10px;border:0;background:transparent;color:#7e8897;font-size:9.5px;text-decoration:underline;text-underline-offset:3px}.push-legal-v205{margin:13px 0 0;color:#697381;font-size:8.8px;line-height:1.45;text-align:center}.push-legal-v205 a{color:#9fc7ff;text-decoration:underline;text-underline-offset:2px}
.push-primary-btn-v205.hidden,.push-secondary-btn-v205.hidden,.push-link-btn-v205.hidden,.push-permission-state-v205.hidden,.push-blocked-help-v205.hidden,.push-option-list-v205.hidden,.push-legal-v205.hidden{display:none!important}

/* Guía de instalación. */
.pwa-guide-card-v205{width:min(100%,440px)!important;max-width:440px!important}
.pwa-guide-steps-v205{display:grid;gap:9px;margin:17px 0 0;padding:0;list-style:none}.pwa-guide-steps-v205 li{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(0,0,0,.2);color:#a3abb7;font-size:10.5px;line-height:1.35}.pwa-guide-steps-v205 li>b{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;background:rgba(52,190,42,.13);color:#75ef69;font-size:10px}.pwa-guide-steps-v205 strong{color:#f1f3f5}

/* Redirección breve y automática hacia promociones. */
.promotion-redirect-v205{position:fixed;inset:0;z-index:2147483500;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.66);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.promotion-redirect-v205.hidden{display:none!important}.promotion-redirect-card-v205{display:flex;align-items:center;gap:12px;width:min(100%,330px);padding:16px 17px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(180deg,#17191c,#0e1012);box-shadow:0 26px 80px rgba(0,0,0,.6)}.promotion-redirect-spinner-v205{width:28px;height:28px;flex:0 0 28px;border:3px solid rgba(255,255,255,.13);border-top-color:#54e947;border-radius:50%;animation:v205Spin .7s linear infinite}.promotion-redirect-card-v205 strong{display:block;color:#fff;font-size:13px}.promotion-redirect-card-v205 small{display:block;margin-top:3px;color:#949daa;font-size:10px}

@media(prefers-reduced-motion:reduce){.notification-item-v205,.app-promo-banner-v205,.app-inline-spinner-v205,.promotion-redirect-spinner-v205{transition:none!important;animation:none!important}}

/* V206 — datos de suscripción, PWA y consentimiento */
.subscription-details-state{min-height:148px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#9ca3af;font-size:13px}
.subscription-details-state.is-loading span{width:26px;height:26px;border:3px solid rgba(52,175,35,.18);border-top-color:#34af23;border-radius:999px;animation:promptsV206Spin .72s linear infinite}
.subscription-details-state.is-error i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(249,115,22,.12);color:#fb923c}
.subscription-details-state.is-error button{border:1px solid rgba(52,175,35,.4);background:rgba(52,175,35,.1);color:#a7f3a0;border-radius:12px;padding:9px 16px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@keyframes promptsV206Spin{to{transform:rotate(360deg)}}
.push-legal-v205{color:#68726a!important}
.push-legal-v205 a,.payment-legal-link{color:#65c95a!important;text-decoration:none!important;font-weight:750}
.push-legal-v205 a:hover,.payment-legal-link:hover{color:#8bea80!important}
.app-promo-banner-v205{box-shadow:0 18px 55px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.03)}
@media(min-width:769px){.app-promo-banner-v205{max-width:430px;left:auto!important;right:24px!important;transform:none!important}}


/* ==========================================================================\n   V208 · Correcciones finales de búsqueda, suscripción y PWA.\n   ========================================================================== */
.desktop-search-shell{display:none!important;min-width:0}
@media(min-width:768px){
  #navbar .desktop-search-shell{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative!important;z-index:4!important}
  #mobileSearchBtn,#mobileSearchPanel{display:none!important}
}
@media(max-width:767px){
  #navbar .desktop-search-shell{display:none!important}
  #mobileSearchPanel.mobile-search-panel-v208{
    display:block!important;position:fixed!important;top:64px!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;
    padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important;
    transform:translateY(-10px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:899!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
  }
  #mobileSearchPanel.mobile-search-panel-v208.open{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  #mobileSearchPanel .search-shell{width:100%!important;box-sizing:border-box!important}
  #mobileSearchPanel input{min-width:0!important;font-size:16px!important}
}
.prompts-pwa-installed [data-pwa-install]{display:none!important}

/* ======================================================================
   V209 · Organización de Configuración + checkout compacto de métodos
   Reemplaza visualmente las secciones equivalentes sin alterar su lógica.
   ====================================================================== */

/* --- Configuración estilo aplicación: escritorio --- */
.settings-panel-v209{
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(17,18,18,.98),rgba(8,8,9,.99))!important;
  border-color:rgba(255,255,255,.09)!important;
}
.settings-panel-head-v209{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 15px 12px;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.settings-panel-head-v209 p{
  margin:0;
  color:var(--el-green,#34af23);
  font-size:8px;
  line-height:1;
  font-weight:950;
  letter-spacing:.21em;
  text-transform:uppercase;
}
.settings-panel-head-v209 h2{
  margin:6px 0 0;
  color:#fff;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:18px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.045em;
}
.settings-panel-head-v209>span{
  width:34px;height:34px;border-radius:12px;
  display:grid;place-items:center;
  color:#8de881;
  background:rgba(52,175,35,.08);
  border:1px solid rgba(52,175,35,.16);
  font-size:12px;
}
.settings-panel-body-v209{padding:10px}
.settings-primary-grid-v209{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.settings-primary-action-v209{
  min-width:0;min-height:58px;
  display:flex;align-items:center;gap:9px;
  padding:9px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.085);
  background:rgba(255,255,255,.033);
  color:#fff;text-align:left;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.settings-primary-action-v209:hover{transform:translateY(-1px);background:rgba(255,255,255,.055);border-color:rgba(52,175,35,.24)}
.settings-primary-action-v209>span{
  width:32px;height:32px;flex:0 0 32px;border-radius:11px;
  display:grid;place-items:center;
  color:#bac0c3;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);
  font-size:11px;
}
.settings-primary-action-v209.is-premium>span{color:#8ef080;background:rgba(52,175,35,.08);border-color:rgba(52,175,35,.17)}
.settings-primary-action-v209 strong,.settings-primary-action-v209 small{display:block;min-width:0}
.settings-primary-action-v209 strong{font-size:10px;line-height:1.08;font-weight:950}
.settings-primary-action-v209 small{margin-top:4px;color:#777d82;font-size:8px;line-height:1.12;font-weight:750}
.settings-list-v209{
  margin-top:9px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.02);
}
.settings-list-v209>button{
  width:100%;min-height:49px;
  display:grid;grid-template-columns:31px minmax(0,1fr) 12px;align-items:center;gap:9px;
  padding:7px 10px;
  border:0;border-bottom:1px solid rgba(255,255,255,.055);
  background:transparent;color:#e9ebec;text-align:left;
  transition:background .16s ease;
}
.settings-list-v209>button:last-child{border-bottom:0}
.settings-list-v209>button:hover{background:rgba(255,255,255,.045)}
.settings-list-v209>button.hidden{display:none!important}
.settings-list-v209>button>span:nth-child(2){min-width:0}
.settings-list-v209 strong,.settings-list-v209 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-list-v209 strong{font-size:9px;line-height:1.05;font-weight:900}
.settings-list-v209 small{margin-top:3px;color:#747981;font-size:7.5px;line-height:1.1;font-weight:720}
.settings-list-v209>button>i{color:#5f666b;font-size:8px}
.settings-list-icon-v209{
  width:29px;height:29px;border-radius:10px;display:grid;place-items:center;
  color:#aeb4b6;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:10px;
}
.settings-list-icon-v209.is-flag img{width:19px;height:auto;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.settings-access-v209{display:grid;gap:8px;margin-bottom:9px}
.settings-unlock-v209,.settings-login-v209{
  width:100%;min-height:43px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;
}
.settings-unlock-v209{color:#fff;background:linear-gradient(135deg,#36bd28,#248d1b);border:1px solid rgba(90,255,74,.30);box-shadow:0 12px 28px rgba(52,175,35,.18)}
.settings-login-v209{color:#d7dbdd;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}

/* --- Configuración móvil como menú agrupado Android/iOS --- */
.account-settings-section-v209{margin-top:10px}
.account-settings-section-head-v209{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0 4px 8px}
.account-settings-section-head-v209 span{color:#dfe3e4;font-size:11px;font-weight:950;letter-spacing:.01em}
.account-settings-section-head-v209 small{color:#686e72;font-size:8px;font-weight:750}
#mobileAccountSheet .account-options-list-v209{
  display:block!important;
  gap:0!important;
  border:1px solid rgba(255,255,255,.085);
  border-radius:20px;
  overflow:hidden;
  background:rgba(255,255,255,.025);
}
#mobileAccountSheet .account-options-list-v209 .account-option-v27{
  min-height:62px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  border-radius:0!important;
  background:transparent!important;
  padding:10px 12px!important;
}
#mobileAccountSheet .account-options-list-v209 .account-option-v27:last-child{border-bottom:0!important}
#mobileAccountSheet .account-options-list-v209 .account-option-v27:active{background:rgba(255,255,255,.045)!important}
#mobileAccountSheet .account-options-list-v209 .account-option-icon-v27{width:38px;height:38px;flex-basis:38px;border-radius:13px}
#mobileAccountSheet .account-options-list-v209 .account-option-v27 strong{font-size:13px;line-height:1.08}
#mobileAccountSheet .account-options-list-v209 .account-option-v27 small{font-size:10px;line-height:1.18;margin-top:4px}
#mobileAccountSheet .account-subscription-v27{
  padding:16px!important;
  margin-bottom:0!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 0 0,rgba(52,175,35,.12),transparent 42%),rgba(255,255,255,.025)!important;
}
#mobileAccountSheet .account-pro-actions{margin-top:12px}
#mobileAccountSheet .account-subscription-copy{font-size:11px;line-height:1.42}
#mobileAccountSheet .subscription-days-visual{margin-top:12px}
#mobileAccountSheet .modal-content{overflow-y:auto!important;overscroll-behavior:contain}

/* --- V210: selector de método de pago igual al sistema de Cursos, sin imagen de producto --- */




















#paymentDropdownChevron{transition:transform .2s ease}
#paymentDropdownChevron.rotate-180{transform:rotate(180deg)}


@keyframes paymentDropOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}




































@keyframes paymentTermsShakeV210{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}












@media(min-width:1024px){
  .sidebar-account-desktop-v28.settings-panel-v209{max-height:min(430px,calc(100dvh - 490px));overflow-y:auto!important;scrollbar-width:none}
  .sidebar-account-desktop-v28.settings-panel-v209::-webkit-scrollbar{display:none}
}

/* ---------- Sidebar: categorías prioritarias + un solo acceso a ajustes ---------- */
@media(min-width:1024px){
  .app-sidebar-sticky{height:calc(100dvh - 82px)!important;display:flex!important;flex-direction:column!important;gap:12px!important;overflow:hidden!important}
  .sidebar-categories-card{flex:1 1 auto!important;min-height:230px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .sidebar-categories-card .categories-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:5px!important}
  .sidebar-bottom-v28{flex:0 0 auto!important;margin-top:0!important;display:grid!important;gap:10px!important}
}
.sidebar-settings-launcher-v211{padding:0!important;background:linear-gradient(180deg,rgba(17,18,18,.98),rgba(8,8,9,.99))!important;border-color:rgba(255,255,255,.09)!important}
.sidebar-settings-button-v211{width:100%;min-height:68px;padding:12px;display:grid;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:10px;border:0;background:transparent;color:#fff;text-align:left;transition:background .18s ease,border-color .18s ease}
.sidebar-settings-button-v211:hover{background:rgba(255,255,255,.045)}
.sidebar-settings-icon-v211{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#84e67a;background:rgba(52,175,35,.08);border:1px solid rgba(52,175,35,.16);font-size:12px}
.sidebar-settings-copy-v211{min-width:0}
.sidebar-settings-copy-v211 small,.sidebar-settings-copy-v211 strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-settings-copy-v211 small{color:#69ce60;font-size:7px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.sidebar-settings-copy-v211 strong{margin-top:5px;color:#fff;font-size:13px;line-height:1;font-weight:950}
.sidebar-settings-chevron-v211{color:#5e656a;font-size:9px}

/* ---------- Modal de Configuración compartido, estilo aplicación ---------- */
#mobileAccountSheet .elx-account-card{width:min(470px,calc(100vw - 24px))!important;max-width:470px!important;max-height:min(760px,calc(100dvh - 30px))!important;border-radius:29px!important;padding:20px!important;background:linear-gradient(180deg,rgba(19,20,21,.99),rgba(7,8,9,.995))!important;border:1px solid rgba(255,255,255,.105)!important;box-shadow:0 34px 100px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.05)!important}
#mobileAccountSheet .account-subscription-v27{position:relative!important;padding:17px!important;border-radius:23px!important;background:radial-gradient(circle at 0 0,rgba(52,175,35,.12),transparent 44%),rgba(255,255,255,.026)!important;border:1px solid rgba(255,255,255,.09)!important;overflow:hidden!important}
#mobileAccountSheet .pro-trophy-v211{color:#d8ffcf!important;background:rgba(52,175,35,.10)!important;border-color:rgba(52,175,35,.22)!important}
#mobileAccountSheet .pro-trophy-v211 i{color:#8aef7f!important}
#mobileAccountSheet .account-pro-actions.elx-account-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:13px!important}
#mobileAccountSheet .account-pro-actions button{min-width:0!important;min-height:56px!important;padding:9px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;text-align:left!important}
#mobileAccountSheet .account-pro-actions button i{width:31px!important;height:31px!important;flex:0 0 31px!important;border-radius:11px!important;display:grid!important;place-items:center!important}
#mobileAccountSheet .account-pro-actions button span{font-size:9px!important;line-height:1.1!important;letter-spacing:.04em!important}
#mobileAccountSheet .account-pro-actions .is-subscription{overflow:hidden!important}
#mobileAccountSheet .account-pro-actions .is-subscription i{color:#96ed8d!important;background:rgba(52,175,35,.10)!important;border:1px solid rgba(52,175,35,.16)!important}
#mobileAccountSheet .subscription-days-visual{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.subscription-days-ring{
  width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;flex:0 0 56px!important;
  border-radius:50%!important;aspect-ratio:1/1!important;padding:0!important;overflow:hidden!important;display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 50% 45%,rgba(52,175,35,.13),rgba(8,15,9,.92))!important;border:1px solid rgba(52,175,35,.27)!important;
  box-shadow:inset 0 0 0 5px rgba(52,175,35,.045),0 0 25px rgba(52,175,35,.07)!important;
}
.subscription-days-ring::after{border-radius:50%!important}
.subscription-days-ring strong{display:block!important;max-width:48px!important;color:#fff!important;font-size:19px!important;line-height:1!important;white-space:nowrap!important;text-align:center!important;letter-spacing:-.05em!important}
.subscription-days-ring[data-digits="2"] strong{font-size:17px!important}.subscription-days-ring[data-digits="3"] strong{font-size:13px!important}.subscription-days-ring[data-digits="4"] strong{font-size:11px!important}
.sidebar-pro-track-v28,.account-subscription-track{height:3px!important;border-radius:999px!important;background:rgba(255,255,255,.075)!important;overflow:hidden!important}
.sidebar-pro-track-v28 span,.account-subscription-track span{height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#34AF23,#79ef6e)!important;box-shadow:0 0 12px rgba(52,175,35,.25)!important}
.sidebar-pro-card-v28>p,#mobileAccountSheet .account-subscription-copy{white-space:normal!important;overflow-wrap:anywhere!important}

/* ======================================================================
   V215 · Checkout premium consolidado.
   Única autoridad visual del modal de suscripción y método de pago.
   ====================================================================== */
#paymentModal,
#paymentModal *{box-sizing:border-box}
#paymentModal{font-family:"Space Grotesk",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;padding:clamp(12px,2.2vw,30px)!important;isolation:isolate}
#paymentModal.hidden{display:none!important}
#paymentModal:not(.hidden){display:flex!important}
.payment-modal-overlay-v215{position:absolute;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(16px) saturate(.78);-webkit-backdrop-filter:blur(16px) saturate(.78)}
.payment-modal-card-v215{position:relative;z-index:2;width:min(1220px,calc(100vw - 48px));max-height:min(890px,88dvh);min-height:620px;border:1px solid rgba(255,255,255,.105);border-radius:34px;background:#0a0c0b!important;background-image:radial-gradient(circle at 8% 0,rgba(38,171,35,.105),transparent 32%),radial-gradient(circle at 100% 100%,rgba(0,255,163,.045),transparent 28%),linear-gradient(145deg,#0d100e 0%,#090b0a 48%,#070908 100%)!important;box-shadow:0 42px 120px rgba(0,0,0,.82),0 0 0 1px rgba(255,255,255,.025) inset;overflow:hidden!important;color:#fff;transform:translateZ(0)}
.payment-modal-card-v215:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 26%,transparent 76%,rgba(52,175,35,.025));z-index:0}
.payment-modal-close-v215{position:absolute;right:20px;top:20px;z-index:20;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:#101311;color:#d7dbd8;display:grid;place-items:center;font-size:17px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.payment-modal-close-v215:hover{transform:rotate(4deg) scale(1.04);border-color:rgba(255,255,255,.25);background:#171b18;color:#fff}
.payment-step-view{display:none;position:relative;z-index:1;width:100%;height:100%}
.payment-step-view.active{display:block}
.payment-plan-experience-v215{overflow:auto;max-height:min(890px,88dvh);scrollbar-width:thin;scrollbar-color:rgba(52,175,35,.45) transparent}
.payment-plan-layout-v215{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);min-height:620px}
.payment-plan-media-v215{min-width:0;padding:clamp(42px,4.2vw,68px);padding-right:clamp(34px,3.5vw,56px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(35,111,32,.12),rgba(8,11,9,.12) 48%,rgba(0,0,0,.12));overflow:visible}
.payment-plan-heading-v215{overflow:visible;padding:2px 0 6px}
.payment-plan-eyebrow-v215{display:inline-flex;align-items:center;gap:8px;color:#8dff78;font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}
.payment-plan-eyebrow-v215 i{font-size:9px}
.payment-library-title-v215{margin:0;display:flex;flex-direction:column;align-items:flex-start;font-family:"Space Grotesk",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(46px,4.5vw,72px);font-weight:950;line-height:1.01;letter-spacing:-.058em;overflow:visible!important;padding:0 5px 8px 0;text-wrap:balance}
.payment-library-line-v215{display:block;color:#fff;overflow:visible}
.payment-library-accent-v215{display:block;color:#31d323;background:linear-gradient(100deg,#91ff7c 0%,#31cc24 48%,#00ffa3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;overflow:visible;padding:0 .045em .08em 0;margin-bottom:-.04em;text-shadow:0 0 32px rgba(52,175,35,.12)}
.payment-plan-heading-v215>p{max-width:650px;margin:9px 0 0;color:#aeb5b0;font-size:clamp(13px,1.1vw,16px);line-height:1.55;font-weight:650}
.payment-plan-video-v215{margin-top:24px;width:100%}
.paywall-video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#050605;border:1px solid rgba(255,255,255,.115);box-shadow:0 24px 54px rgba(0,0,0,.48),0 0 0 1px rgba(52,175,35,.03) inset;cursor:pointer;isolation:isolate}
.paywall-video-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:0 0 0 1px rgba(255,255,255,.035) inset;z-index:8}
.paywall-video-frame>img,.paywall-video-frame>video,.paywall-video-frame>iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.paywall-video-frame #paymentPreviewImage{z-index:1;transition:opacity .32s ease}
.paywall-static-image{z-index:2}
.paywall-direct-video-v174,.paywall-embed-video{z-index:3;background:#000}
.paywall-video-frame.is-playing #paymentPreviewImage{opacity:0;pointer-events:none}
.paywall-play-overlay-v174{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.62);backdrop-filter:blur(12px);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 14px 38px rgba(0,0,0,.45);cursor:pointer}
.paywall-video-frame.is-playing .paywall-play-overlay-v174{opacity:0;pointer-events:none}
.paywall-unmute-badge{position:absolute;z-index:9;left:50%;bottom:50%;transform:translate(-50%,50%);display:flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.17);background:rgba(8,11,9,.88);backdrop-filter:blur(16px);color:#fff;font-size:11px;font-weight:950;letter-spacing:.065em;box-shadow:0 14px 42px rgba(0,0,0,.55);cursor:pointer;white-space:nowrap}
.paywall-unmute-badge i{color:#52eb43}
.paywall-video-frame.is-sound-on .paywall-unmute-badge{opacity:0;pointer-events:none}
.paywall-video-progress-v174{position:absolute;z-index:10;left:12px;right:12px;bottom:9px;height:3px;background:rgba(255,255,255,.18);border-radius:999px;overflow:hidden;pointer-events:none}
.paywall-video-progress-fill-v174{display:block;width:0;height:100%;background:#45d833;border-radius:inherit}
.payment-media-trust-v215{display:flex;align-items:center;gap:clamp(12px,1.7vw,25px);flex-wrap:wrap;margin-top:17px;padding:0 5px;color:#909792;font-size:10px;font-weight:850}
.payment-media-trust-v215 span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.payment-media-trust-v215 i{color:#49df38}
.payment-plan-picker-v215{padding:clamp(54px,5vw,76px) clamp(32px,3.3vw,50px) 38px;display:flex;flex-direction:column;justify-content:center;min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(0,0,0,.12))}
.payment-plan-picker-head-v215{padding-right:38px;margin-bottom:20px}
.payment-plan-picker-head-v215>span{display:block;color:#778079;font-size:9px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}
.payment-plan-picker-head-v215 h3{margin:7px 0 0;color:#fff;font-size:clamp(23px,2vw,31px);font-weight:950;letter-spacing:-.045em;line-height:1.08}
.payment-plan-picker-head-v215 p{margin:8px 0 0;color:#929992;font-size:12px;line-height:1.45;font-weight:600}
.payment-plan-list-v215{display:grid;gap:14px}
.payment-plan-card-v215{position:relative;width:100%;min-height:157px;padding:24px 62px 22px 24px;text-align:left;border-radius:24px;border:1px solid rgba(255,255,255,.115);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));color:#fff;cursor:pointer;overflow:hidden;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}
.payment-plan-card-v215:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 100% 0,rgba(52,175,35,.18),transparent 40%);transition:opacity .22s ease;pointer-events:none}
.payment-plan-card-v215:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}
.payment-plan-card-v215.is-selected{border-color:rgba(52,191,35,.78);background:linear-gradient(140deg,rgba(35,137,29,.24),rgba(17,54,18,.27) 54%,rgba(10,20,12,.56));box-shadow:0 18px 46px rgba(17,105,18,.2),0 0 0 1px rgba(52,175,35,.16) inset}
.payment-plan-card-v215.is-selected:before{opacity:1}
.payment-plan-check-v215{position:absolute;right:18px;bottom:18px;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.065);color:transparent;font-size:12px;z-index:2}
.payment-plan-card-v215.is-selected .payment-plan-check-v215{background:#2ebf21;border-color:#48df3a;color:#fff;box-shadow:0 0 0 7px rgba(52,175,35,.105),0 8px 22px rgba(32,143,26,.32)}
.payment-plan-best-v215{position:absolute;right:16px;top:15px;padding:7px 10px;border-radius:999px;background:#2dbd21;color:#fff;font-size:8px;font-weight:950;letter-spacing:.055em;z-index:2}
.payment-plan-copy-v215{position:relative;z-index:1}
.payment-plan-copy-v215>small{display:block;color:#8f9891;font-size:9px;font-weight:950;letter-spacing:.16em}
.payment-plan-card-v215.is-selected .payment-plan-copy-v215>small{color:#98ff87}
.payment-plan-copy-v215 h4{margin:7px 0 0;font-size:22px;font-weight:950;letter-spacing:-.035em;line-height:1.1}
.payment-plan-price-v215{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap;margin-top:9px;line-height:1}
.payment-plan-price-v215 strong{font-size:39px;font-weight:950;letter-spacing:-.065em}
.payment-plan-price-v215 span{padding-bottom:5px;color:#9ca49e;font-size:10px;font-weight:850}
.payment-plan-price-v215 s{width:100%;color:#747b75;font-size:11px;font-weight:750;margin-bottom:1px}
.payment-plan-saving-v215{display:inline-flex;margin-top:10px;padding:6px 9px;border-radius:999px;background:rgba(52,175,35,.16);border:1px solid rgba(52,175,35,.24);color:#8dff79;font-size:9px;font-weight:950}
.payment-plan-copy-v215 p{margin:11px 0 0;color:#a0a7a2;font-size:11.5px;line-height:1.4;font-weight:600}
.payment-plan-continue-v215,.payment-method-cta-v215{width:100%;min-height:61px;border:1px solid rgba(92,255,77,.2);border-radius:20px;background:linear-gradient(180deg,#34ca28,#23a91c);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;font-size:11px;font-weight:950;letter-spacing:.115em;text-transform:uppercase;cursor:pointer;box-shadow:0 18px 42px rgba(27,164,25,.24),0 1px 0 rgba(255,255,255,.18) inset;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.payment-plan-continue-v215{margin-top:16px}
.payment-plan-continue-v215:hover,.payment-method-cta-v215:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 22px 52px rgba(27,164,25,.32),0 1px 0 rgba(255,255,255,.2) inset}
.payment-plan-renewal-note-v215{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:12px 8px 0;color:#7f8781;font-size:9.5px;line-height:1.4;text-align:center;font-weight:650}
.payment-plan-renewal-note-v215 i{color:#45d636;margin-top:2px}

#paymentModal.payment-method-only .payment-modal-card-v215{width:min(980px,calc(100vw - 48px));min-height:0;max-height:min(820px,88dvh);background:#0a0c0b!important;background-image:radial-gradient(circle at 0 0,rgba(52,175,35,.09),transparent 34%),linear-gradient(145deg,#0e110f,#080a09 58%,#070807)!important}
.payment-method-experience-v215{overflow:auto;max-height:min(820px,88dvh);scrollbar-width:thin;scrollbar-color:rgba(52,175,35,.45) transparent}
.payment-method-header-v215{min-height:98px;padding:24px 78px 20px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.018)}
.payment-method-back-v215{height:42px;padding:0 15px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#111411;color:#c3c9c4;display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer}
.payment-method-back-v215:hover{color:#fff;border-color:rgba(255,255,255,.22)}
.payment-method-brand-v215{text-align:right}
.payment-method-brand-v215 span{display:block;color:#71e763;font-size:8px;font-weight:950;letter-spacing:.17em}
.payment-method-brand-v215 strong{display:block;margin-top:5px;font-size:17px;font-weight:950;letter-spacing:-.025em}
.payment-method-layout-v215{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);min-height:520px}
.payment-method-summary-v215{padding:42px 34px;border-right:1px solid rgba(255,255,255,.075);background:linear-gradient(150deg,rgba(47,143,39,.11),rgba(0,0,0,.12));display:flex;flex-direction:column}
.payment-method-summary-kicker-v215{color:#79ec68;font-size:9px;font-weight:950;letter-spacing:.16em}
.payment-method-plan-v215{margin-top:20px;padding:21px;border-radius:21px;border:1px solid rgba(52,175,35,.26);background:linear-gradient(145deg,rgba(35,135,29,.17),rgba(255,255,255,.025));display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:end}
.payment-method-plan-v215 span{grid-column:1/-1;color:#8c958e;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.payment-method-plan-v215 strong{font-size:19px;font-weight:950;letter-spacing:-.03em}
.payment-method-plan-v215 b{color:#fff;font-size:21px;font-weight:950;letter-spacing:-.04em;text-align:right}
.payment-method-benefits-v215{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:14px}
.payment-method-benefits-v215 li{display:flex;align-items:center;gap:10px;color:#c7cec9;font-size:11.5px;font-weight:700}
.payment-method-benefits-v215 li i{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:rgba(52,175,35,.15);color:#72ec62;font-size:8px}
.payment-method-summary-v215>p{margin:auto 0 0;padding-top:25px;color:#858e87;font-size:10px;line-height:1.5;font-weight:650;display:flex;gap:9px}
.payment-method-summary-v215>p i{color:#49d83a;margin-top:2px}
.payment-method-body-v215{padding:42px 38px 36px;min-width:0}
.payment-method-title-v215>span{color:#7ae96a;font-size:9px;font-weight:950;letter-spacing:.16em}
.payment-method-title-v215 h3{margin:7px 0 0;color:#fff;font-size:30px;font-weight:950;letter-spacing:-.05em;line-height:1.08}
.payment-method-title-v215 p{margin:8px 0 0;color:#8f9791;font-size:11px;line-height:1.5;font-weight:600}
.payment-dropdown-v215{position:relative;margin-top:24px}
.payment-dropdown-trigger-v215{width:100%;min-height:92px;padding:15px 17px;border-radius:20px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}
.payment-dropdown-trigger-v215:hover,.payment-dropdown-trigger-v215.is-open{border-color:rgba(52,175,35,.48);box-shadow:0 0 0 3px rgba(52,175,35,.07)}
.payment-selected-content-v210{min-width:0;flex:1}
.payment-selected-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.payment-selected-main{display:flex;align-items:center;gap:14px;min-width:0}
.payment-method-icon-v210{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.105);background:rgba(255,255,255,.055);font-size:20px;color:#fff}
.payment-method-icon-v210.is-paypal{color:#57a7ff;background:rgba(29,111,198,.12);border-color:rgba(70,145,229,.2)}
.payment-method-copy-v210{min-width:0}
.payment-method-title-row-v210{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.payment-method-title-v210{font-size:13px;font-weight:950;color:#fff}
.payment-method-tag-v210{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.payment-method-tag-v210.is-used{background:rgba(52,175,35,.15);color:#82f171}
.payment-method-tag-v210.is-global{background:rgba(59,130,246,.15);color:#93c5fd}
.payment-method-desc-v210{margin:5px 0 0;color:#89918b;font-size:10px;font-weight:650}
.payment-badges{display:flex;align-items:center;gap:5px;margin-top:8px;flex-wrap:wrap}
.payment-badge{height:20px;min-width:31px;padding:0 6px;border-radius:5px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);display:inline-flex;align-items:center;justify-content:center;gap:3px;color:#e8ece9;font-size:7px;font-weight:950;letter-spacing:.02em}
.payment-badge.mastercard{position:relative;min-width:31px}
.mc-dot{width:10px;height:10px;border-radius:999px;display:block;position:absolute}.mc-dot-left{background:#f97316;left:8px}.mc-dot-right{background:#eab308;right:8px;opacity:.86}
.payment-option-radio{width:23px;height:23px;border-radius:999px;border:1px solid rgba(255,255,255,.22);display:block;flex:0 0 auto;position:relative}
.payment-option-radio.is-selected{border-color:#48d638;box-shadow:0 0 0 4px rgba(52,175,35,.1)}
.payment-option-radio.is-selected:after{content:"";position:absolute;inset:5px;border-radius:999px;background:#37c62a}
.payment-dropdown-menu-v215{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 9px);padding:9px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:#101310;box-shadow:0 24px 65px rgba(0,0,0,.68);overflow:hidden}
.payment-dropdown-menu-v215.hidden{display:none!important}
.payment-dropdown-menu-v215.payment-dropdown-menu-open{display:block!important}
.payment-course-menu-label-v210{padding:5px 8px 9px;color:#747d76;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.payment-dropdown-option{width:100%;padding:12px;border:0;border-radius:15px;background:transparent;color:#fff;text-align:left;cursor:pointer}
.payment-dropdown-option:hover,.payment-dropdown-option.is-current{background:rgba(52,175,35,.075)}
.payment-terms-v215{margin-top:17px;padding:15px;border-radius:17px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);display:flex;align-items:flex-start;gap:11px;transition:border-color .2s ease,background .2s ease}
.payment-terms-v215.is-invalid{border-color:rgba(244,63,94,.62);background:rgba(244,63,94,.065);animation:paymentTermsShakeV215 .3s ease}
.payment-terms-check{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:7px;border:1px solid rgba(255,255,255,.25);background:#090b09;flex:0 0 auto;margin-top:1px;display:grid;place-items:center;cursor:pointer}
.payment-terms-check:checked{background:#31bd25;border-color:#54e246}
.payment-terms-check:checked:after{content:"✓";color:#fff;font-size:13px;font-weight:950}
.payment-terms-v215 label{color:#a7afa9;font-size:10px;line-height:1.48;font-weight:650;cursor:pointer}
.payment-legal-link{color:#8df17d;text-decoration:underline;text-underline-offset:2px}
.payment-course-terms-error-v210{margin:8px 4px 0;color:#fda4af;font-size:10px;font-weight:800}
.payment-method-cta-v215{margin-top:17px;min-height:61px}
.payment-method-cta-v215:disabled{opacity:.62;cursor:wait;transform:none}
.payment-security-v215{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px;color:#7f8881;text-align:left}
.payment-security-v215>i{color:#4dda3b;font-size:16px}
.payment-security-v215 strong{display:block;color:#a8b0aa;font-size:9.5px;font-weight:900}
.payment-security-v215 p{margin:3px 0 0;color:#707872;font-size:8.5px;font-weight:650}
@keyframes paymentTermsShakeV215{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}

@media(max-width:980px){
 #paymentModal{padding:10px!important;align-items:flex-end!important}
 .payment-modal-card-v215,#paymentModal.payment-method-only .payment-modal-card-v215{width:100%;max-height:calc(100dvh - 10px);min-height:0;border-radius:28px 28px 0 0}
 .payment-plan-experience-v215,.payment-method-experience-v215{max-height:calc(100dvh - 10px);overflow:auto;padding-bottom:env(safe-area-inset-bottom)}
 .payment-plan-layout-v215{grid-template-columns:1fr;min-height:0}
 .payment-plan-media-v215{padding:48px 24px 25px;border-right:0;border-bottom:1px solid rgba(255,255,255,.075)}
 .payment-library-title-v215{font-size:clamp(42px,11vw,62px);letter-spacing:-.052em;padding-bottom:9px}
 .payment-plan-video-v215{margin-top:20px}
 .payment-plan-picker-v215{padding:28px 22px calc(24px + env(safe-area-inset-bottom))}
 .payment-plan-picker-head-v215{padding-right:38px}
 .payment-method-header-v215{padding:20px 66px 18px 20px;min-height:82px}
 .payment-method-layout-v215{grid-template-columns:1fr;min-height:0}
 .payment-method-summary-v215{padding:26px 22px;border-right:0;border-bottom:1px solid rgba(255,255,255,.075)}
 .payment-method-benefits-v215{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .payment-method-benefits-v215 li{align-items:flex-start;font-size:10px}
 .payment-method-summary-v215>p{margin:19px 0 0}
 .payment-method-body-v215{padding:28px 22px calc(28px + env(safe-area-inset-bottom))}
}
@media(max-width:620px){
 #paymentModal{padding:0!important}
 .payment-modal-card-v215,#paymentModal.payment-method-only .payment-modal-card-v215{max-height:100dvh;height:100dvh;border:0;border-radius:0}
 .payment-plan-experience-v215,.payment-method-experience-v215{max-height:100dvh}
 .payment-modal-close-v215{position:fixed;right:14px;top:calc(12px + env(safe-area-inset-top));width:42px;height:42px;background:rgba(16,19,17,.92)}
 .payment-plan-media-v215{padding:calc(64px + env(safe-area-inset-top)) 18px 22px}
 .payment-plan-eyebrow-v215{font-size:8px;margin-bottom:12px}
 .payment-library-title-v215{font-size:clamp(39px,12.5vw,52px);line-height:1.02;letter-spacing:-.048em}
 .payment-plan-heading-v215>p{font-size:12px;line-height:1.48;margin-top:5px}
 .paywall-video-frame{border-radius:19px}
 .paywall-unmute-badge{height:43px;padding:0 16px;font-size:9px}
 .payment-media-trust-v215{gap:9px 14px;margin-top:13px;font-size:8.5px}
 .payment-plan-picker-v215{padding:25px 16px calc(23px + env(safe-area-inset-bottom))}
 .payment-plan-picker-head-v215 h3{font-size:24px}
 .payment-plan-card-v215{min-height:143px;border-radius:21px;padding:21px 53px 19px 19px}
 .payment-plan-copy-v215 h4{font-size:20px}
 .payment-plan-price-v215 strong{font-size:35px}
 .payment-plan-best-v215{right:12px;top:12px;font-size:7px}
 .payment-plan-continue-v215,.payment-method-cta-v215{min-height:58px;border-radius:18px;font-size:9.5px;letter-spacing:.08em}
 .payment-method-header-v215{padding:calc(15px + env(safe-area-inset-top)) 60px 15px 15px;align-items:flex-start}
 .payment-method-brand-v215{display:none}
 .payment-method-back-v215{height:39px}
 .payment-method-summary-v215{padding:22px 16px}
 .payment-method-plan-v215{padding:17px;border-radius:18px}
 .payment-method-benefits-v215{grid-template-columns:1fr;gap:9px;margin-top:17px}
 .payment-method-summary-v215>p{font-size:9px}
 .payment-method-body-v215{padding:24px 16px calc(24px + env(safe-area-inset-bottom))}
 .payment-method-title-v215 h3{font-size:27px}
 .payment-dropdown-trigger-v215{min-height:86px;padding:13px;border-radius:18px}
 .payment-method-icon-v210{width:43px;height:43px;border-radius:13px}
 .payment-method-title-v210{font-size:11.5px}
 .payment-badge{height:18px;min-width:28px;font-size:6px}
 .payment-terms-v215{padding:13px}
 .payment-terms-v215 label{font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){#paymentModal *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V215 · Enlaces seguros dentro de las instrucciones de uso. */
.instruction-inline-link-v215{display:inline-flex;align-items:center;gap:4px;color:#8fff7c!important;font-weight:950;text-decoration:underline;text-decoration-color:rgba(143,255,124,.42);text-underline-offset:3px;transition:color .18s ease,text-decoration-color .18s ease}
.instruction-inline-link-v215:hover{color:#fff!important;text-decoration-color:#8fff7c}
.instruction-inline-link-v215 i{font-size:.72em}

/* ======================================================================
   V220 · Modal premium de suscripción y checkout.
   Basado en el dropdown probado del sistema de Guías.
   No modifica endpoints, precios, pasarelas ni lógica de checkout.
   ====================================================================== */

#paymentModal.active,
#paymentModal:not(.hidden){z-index:2147483600!important}
#paymentModal{position:fixed!important;inset:0!important}

.payment-method-mobile-title-v220{display:none}
.payment-media-status-v220{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.62fr);align-items:center;gap:18px;margin-top:16px;padding:0 4px}
.payment-media-status-v220>strong{color:#cfd5d0;font-family:Inter,system-ui,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.01em;line-height:1.35}

@keyframes paymentTrustCycleV220{
  0%,2%{opacity:0;transform:translateY(4px)}
  7%,21%{opacity:1;transform:translateY(0)}
  25%,100%{opacity:0;transform:translateY(-4px)}
}
@keyframes paymentDropdownOpenV220{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

#paymentModal .payment-media-trust-v215{position:relative;display:block;width:100%;height:30px;margin:0;padding:0;overflow:hidden;color:#d7ddd8;font-family:Inter,system-ui,sans-serif;font-size:10.5px;font-weight:800;text-align:right}
#paymentModal .payment-media-trust-v215 span{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;opacity:0;white-space:nowrap;animation:paymentTrustCycleV220 12.8s infinite both}
#paymentModal .payment-media-trust-v215 span:nth-child(1){animation-delay:0s}
#paymentModal .payment-media-trust-v215 span:nth-child(2){animation-delay:3.2s}
#paymentModal .payment-media-trust-v215 span:nth-child(3){animation-delay:6.4s}
#paymentModal .payment-media-trust-v215 span:nth-child(4){animation-delay:9.6s}
#paymentModal .payment-media-trust-v215 i{width:25px;height:25px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(82,221,65,.22);background:rgba(52,175,35,.12);color:#61e650;font-size:10px}

/* Ajustes discretos de la pantalla de planes en escritorio. */
@media(min-width:768px){
  #paymentModal .payment-plan-media-v215{justify-content:flex-start;padding-top:46px;padding-bottom:40px}
  #paymentModal .payment-plan-video-v215{margin-top:17px}
  #paymentModal .payment-plan-picker-head-v215{padding-right:38px;margin-bottom:18px}
  #paymentModal .payment-plan-picker-head-v215 h3{margin-top:0}
  #paymentModal .payment-plan-card-v215{min-height:151px}
  #paymentModal .payment-plan-copy-v215 h4{font-family:Inter,system-ui,sans-serif;font-size:21px;font-weight:760}
  #paymentModal .payment-plan-price-v215 strong{font-family:Inter,system-ui,sans-serif;font-weight:820}
  #paymentModal .payment-plan-continue-v215{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:900;letter-spacing:.075em}

  #paymentModal.payment-method-only .payment-modal-card-v215{width:min(960px,calc(100vw - 48px))}
  #paymentModal .payment-method-header-v215{min-height:84px;padding:20px 72px 18px 30px;justify-content:flex-start}
  #paymentModal .payment-method-brand-v215{text-align:left}
  #paymentModal .payment-method-brand-v215 strong{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.035em}
  #paymentModal .payment-method-layout-v215{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);min-height:500px}
  #paymentModal .payment-method-summary-v215{padding:34px 30px}
  #paymentModal .payment-method-body-v215{padding:34px 36px 30px}
}

/* Dropdown de plan: mismo flujo compacto que Guías. */
.payment-plan-dropdown-v220{position:relative;margin-top:16px;display:flex;flex-direction:column;gap:7px}
.payment-plan-dropdown-trigger-v220{width:100%;min-height:82px;padding:14px 15px;border-radius:20px;border:1px solid rgba(52,175,35,.25);background:linear-gradient(145deg,rgba(35,135,29,.15),rgba(255,255,255,.025));color:#fff;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.payment-plan-dropdown-trigger-v220:hover,.payment-plan-dropdown-trigger-v220.is-open{border-color:rgba(65,207,49,.58);background:radial-gradient(circle at 0 0,rgba(52,175,35,.12),transparent 48%),#121613;box-shadow:0 0 0 1px rgba(52,175,35,.09),0 12px 30px rgba(0,0,0,.18)}
.payment-method-selected-check-v220{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(52,175,35,.16);border:1px solid rgba(82,222,65,.24);color:#72ec61;font-size:11px}
.payment-plan-dropdown-copy-v220{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3px 10px;min-width:0}
.payment-plan-dropdown-copy-v220 small{grid-column:1/-1;color:#7f8881;font-family:Inter,system-ui,sans-serif;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.payment-plan-dropdown-copy-v220 strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:780;letter-spacing:-.02em}
.payment-plan-dropdown-copy-v220 b{color:#fff;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:820;white-space:nowrap;text-align:right}
.payment-plan-dropdown-action-v220{display:inline-flex;align-items:center;gap:7px;color:#7bea69;font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:900;white-space:nowrap;text-transform:uppercase;letter-spacing:.055em}
.payment-plan-dropdown-action-v220 i,.payment-course-chevron-v210 i{transition:transform .2s ease}
.payment-plan-dropdown-menu-v220{position:relative;z-index:12;width:100%;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#111411;box-shadow:0 18px 42px rgba(0,0,0,.38);overflow:hidden}
.payment-plan-dropdown-menu-v220.hidden{display:none!important}
.payment-plan-dropdown-menu-v220.payment-plan-dropdown-menu-open-v220{display:block!important;animation:paymentDropdownOpenV220 .18s ease-out both}
.payment-plan-dropdown-option-v220{width:100%;min-height:63px;padding:10px 11px;border:0;border-radius:13px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;transition:background .16s ease}
.payment-plan-dropdown-option-v220:hover{background:rgba(255,255,255,.055)}
.payment-plan-dropdown-option-v220.is-current{display:none!important}
.payment-plan-dropdown-option-v220>span:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.payment-plan-dropdown-option-v220 strong{font-family:Inter,system-ui,sans-serif;font-size:13.5px;font-weight:780}
.payment-plan-dropdown-option-v220 small{color:#929a94;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:620;white-space:normal}

/* Dropdown de método copiado en comportamiento del sistema de Guías. */
.payment-method-section-label-v220{color:#70e660;font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
#paymentModal .payment-dropdown-v215{position:relative;margin-top:10px;display:flex;flex-direction:column;gap:7px}
#paymentModal .payment-dropdown-trigger-v215{min-height:84px;padding:13px 15px;border-radius:19px;background:#171a18;border:1px solid rgba(255,255,255,.11);box-shadow:none}
#paymentModal .payment-dropdown-trigger-v215:hover,#paymentModal .payment-dropdown-trigger-v215.is-open{border-color:rgba(52,175,35,.53);background:radial-gradient(circle at 0 0,rgba(52,175,35,.1),transparent 44%),#1a1d1b;box-shadow:0 0 0 1px rgba(52,175,35,.08),0 0 24px rgba(52,175,35,.06)}
#paymentModal .payment-course-chevron-v210{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;color:#7d8680}
#paymentModal .payment-dropdown-menu-v215{position:relative!important;left:auto!important;right:auto!important;top:auto!important;z-index:12!important;width:100%;padding:7px;border-radius:18px;background:#111411;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 42px rgba(0,0,0,.38)}
#paymentModal .payment-dropdown-menu-v215.hidden{display:none!important}
#paymentModal .payment-dropdown-menu-v215.payment-dropdown-menu-open{display:block!important;animation:paymentDropdownOpenV220 .18s ease-out both}
#paymentModal .payment-dropdown-option{min-height:65px;padding:10px 11px;border-radius:13px}
#paymentModal .payment-dropdown-option:hover{background:rgba(255,255,255,.055)}
#paymentModal .payment-dropdown-option.is-current{display:none!important}
#paymentModal .payment-selected-wrap{gap:10px}
#paymentModal .payment-selected-main{gap:12px;min-width:0}
#paymentModal .payment-method-icon-v210{width:44px;height:44px;flex-basis:44px;border-radius:13px}
#paymentModal .payment-method-title-v210{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:780}
#paymentModal .payment-method-tag-v210{font-family:Inter,system-ui,sans-serif;font-size:7px;font-weight:900}
#paymentModal .payment-method-desc-v210{font-family:Inter,system-ui,sans-serif;font-size:10.5px}
#paymentModal .payment-badges{margin-top:6px}
#paymentModal .payment-option-radio{width:20px;height:20px}
#paymentModal .payment-option-radio.is-selected:after{inset:4px}

/* Bloque de seguridad final solicitado. */
.payment-security-note-v220{margin-top:17px;padding:0 8px;text-align:center;font-family:Inter,system-ui,sans-serif}
.payment-security-line-v220{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:7px;color:#d2d8d3;font-size:11px;font-weight:760}
.payment-security-line-v220 i{color:#4edb3d;font-size:10px}
.payment-security-note-v220 p{max-width:360px;margin:0 auto;color:#737c75;font-size:9.5px;font-weight:560;line-height:1.45}

#paymentModal .payment-terms-v215{margin-top:14px}
#paymentModal .payment-method-cta-v215{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:900;letter-spacing:.075em}

/* Aplicación móvil: compacta, legible y sin afectar escritorio. */
@media(max-width:767px){
  html.app-modal-open,body.app-modal-open{overflow:hidden!important;overscroll-behavior:none!important}
  #paymentModal{--payment-mobile-height:100dvh;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:rgba(0,0,0,.92)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
  #paymentModal .payment-modal-overlay-v215{position:fixed!important;inset:0!important;background:rgba(0,0,0,.92)!important;backdrop-filter:blur(15px) saturate(.82)!important;-webkit-backdrop-filter:blur(15px) saturate(.82)!important}
  #paymentModal .payment-modal-card-v215,#paymentModal.payment-method-only .payment-modal-card-v215{width:100%!important;max-width:440px!important;height:auto!important;min-height:0!important;max-height:min(calc(var(--payment-mobile-height) - 16px),calc(100dvh - 16px))!important;margin:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:28px!important;overflow:hidden!important;background:#090b0a!important;background-image:radial-gradient(circle at 9% -7%,rgba(52,175,35,.16),transparent 35%),linear-gradient(180deg,#0d100e 0%,#090b0a 55%,#070908 100%)!important;box-shadow:0 32px 96px rgba(0,0,0,.78),0 0 0 1px rgba(255,255,255,.026) inset!important}
  #paymentModal .payment-modal-close-v215{position:absolute!important;top:10px!important;right:10px!important;width:38px!important;height:38px!important;border-radius:999px!important;z-index:50!important;background:rgba(12,15,13,.97)!important;border:1px solid rgba(255,255,255,.14)!important}
  #paymentModal .payment-step-view{width:100%!important;height:auto!important;min-height:0!important}
  #paymentModal .payment-plan-experience-v215{width:100%!important;height:auto!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;scrollbar-width:none!important}
  #paymentModal .payment-plan-experience-v215::-webkit-scrollbar{display:none!important}
  #paymentModal .payment-plan-layout-v215{display:grid!important;grid-template-columns:1fr!important;min-height:0!important}
  #paymentModal .payment-plan-media-v215{min-height:0!important;padding:14px 14px 9px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.075)!important;display:block!important;background:linear-gradient(158deg,rgba(38,132,34,.12),rgba(8,11,9,.025) 68%,transparent)!important}
  #paymentModal .payment-plan-heading-v215{padding:0 43px 0 1px!important}
  #paymentModal .payment-plan-eyebrow-v215{margin:0 0 4px!important;gap:5px!important;font-size:7.3px!important;line-height:1.1!important;letter-spacing:.15em!important}
  #paymentModal .payment-library-title-v215{display:block!important;margin:0!important;padding:0 3px 3px 0!important;font-family:"Space Grotesk",Inter,system-ui,sans-serif!important;font-size:clamp(27px,8.3vw,35px)!important;font-weight:800!important;line-height:1!important;letter-spacing:-.047em!important;white-space:nowrap!important;overflow:visible!important}
  #paymentModal .payment-library-line-v215,#paymentModal .payment-library-accent-v215{display:inline!important;margin:0!important;padding:0!important}
  #paymentModal .payment-library-line-v215::after{content:" "}
  #paymentModal .payment-plan-heading-v215>p{margin:5px 0 0!important;color:#aeb5b0!important;font-size:10px!important;line-height:1.3!important;font-weight:600!important}
  #paymentModal .payment-plan-video-v215{margin:8px 0 0!important;width:100%!important}
  #paymentModal .paywall-video-frame{width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:18px!important;background:#000!important}
  #paymentModal .paywall-video-frame>img,#paymentModal .paywall-video-frame>video,#paymentModal .paywall-video-frame>iframe{object-fit:contain!important;background:#000!important}
  #paymentModal #paywallVideo{pointer-events:none!important;opacity:0!important;transition:opacity .18s ease!important}
  #paymentModal .paywall-video-frame.is-playing #paywallVideo,#paymentModal .paywall-video-frame.is-video-loaded.is-playing #paywallVideo{opacity:1!important}
  #paymentModal #paymentPreviewImage{opacity:1!important;visibility:visible!important}
  #paymentModal .paywall-video-frame.is-playing #paymentPreviewImage{opacity:0!important;visibility:hidden!important}
  #paymentModal #paywallVideo::-webkit-media-controls,#paymentModal #paywallVideo::-webkit-media-controls-enclosure,#paymentModal #paywallVideo::-webkit-media-controls-panel,#paymentModal #paywallVideo::-webkit-media-controls-play-button,#paymentModal #paywallVideo::-webkit-media-controls-start-playback-button,#paymentModal #paywallVideo::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none!important;opacity:0!important}
  #paymentModal .paywall-play-overlay-v174{display:none!important}
  #paymentModal .paywall-unmute-badge{height:39px!important;max-width:calc(100% - 24px)!important;padding:0 16px!important;gap:8px!important;font-size:9px!important;font-weight:900!important}
  #paymentModal .paywall-video-progress-v174{left:8px!important;right:8px!important;bottom:5px!important;height:2px!important}

  #paymentModal .payment-media-status-v220{display:block!important;margin-top:7px!important;padding:0!important}
  #paymentModal .payment-media-status-v220>strong{display:none!important}
  #paymentModal .payment-media-trust-v215{height:31px!important;font-size:11.5px!important;text-align:center!important}
  #paymentModal .payment-media-trust-v215 span{justify-content:center!important;gap:8px!important}
  #paymentModal .payment-media-trust-v215 i{width:23px!important;height:23px!important;border-radius:8px!important;font-size:10px!important}

  #paymentModal .payment-plan-picker-v215{min-height:0!important;padding:10px 13px 13px!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important;background:linear-gradient(180deg,rgba(255,255,255,.006),rgba(0,0,0,.12))!important}
  #paymentModal .payment-plan-picker-head-v215{margin:0!important;padding:0 1px!important}
  #paymentModal .payment-plan-picker-head-v215 h3{margin:0!important;font-family:Inter,system-ui,sans-serif!important;font-size:18px!important;font-weight:820!important;letter-spacing:-.035em!important;line-height:1.12!important}
  #paymentModal .payment-plan-list-v215{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #paymentModal .payment-plan-card-v215{width:100%!important;min-width:0!important;min-height:137px!important;height:137px!important;padding:11px 10px 10px!important;border-radius:19px!important;overflow:hidden!important;transform:none!important}
  #paymentModal .payment-plan-card-v215:hover{transform:none!important}
  #paymentModal .payment-plan-check-v215{right:9px!important;top:9px!important;bottom:auto!important;width:23px!important;height:23px!important;border-radius:8px!important;font-size:8px!important;box-shadow:none!important}
  #paymentModal .payment-plan-card-v215.is-selected .payment-plan-check-v215{box-shadow:0 0 0 4px rgba(52,175,35,.09)!important}
  #paymentModal .payment-plan-best-v215{left:9px!important;right:auto!important;top:9px!important;padding:5px 7px!important;border-radius:7px!important;font-size:6.5px!important;letter-spacing:.045em!important}
  #paymentModal .payment-plan-copy-v215{padding-top:24px!important}
  #paymentModal .elx-yearly .payment-plan-copy-v215{padding-top:26px!important}
  #paymentModal .payment-plan-copy-v215>small{display:block!important;color:#849087!important;font-family:Inter,system-ui,sans-serif!important;font-size:7px!important;font-weight:850!important;letter-spacing:.11em!important}
  #paymentModal .elx-yearly .payment-plan-copy-v215>small{visibility:hidden!important}
  #paymentModal .payment-plan-copy-v215 h4{margin:4px 0 0!important;font-family:Inter,system-ui,sans-serif!important;font-size:15.5px!important;font-weight:720!important;letter-spacing:-.02em!important;line-height:1.1!important}
  #paymentModal .payment-plan-price-v215{display:flex!important;align-items:flex-end!important;gap:4px!important;flex-wrap:wrap!important;margin-top:8px!important;line-height:1!important}
  #paymentModal .payment-plan-price-v215 strong{font-family:Inter,system-ui,sans-serif!important;font-size:29px!important;font-weight:800!important;letter-spacing:-.055em!important}
  #paymentModal .payment-plan-price-v215 span{padding-bottom:3px!important;color:#919b93!important;font-family:Inter,system-ui,sans-serif!important;font-size:7.5px!important;font-weight:720!important}
  #paymentModal .payment-plan-price-v215--yearly s{order:-1;width:100%!important;margin:0 0 1px!important;color:#778079!important;font-family:Inter,system-ui,sans-serif!important;font-size:7.2px!important;font-weight:650!important;line-height:1.1!important;text-decoration-thickness:1px!important}
  #paymentModal .payment-plan-saving-v215{display:inline-flex!important;margin:7px 0 0!important;padding:4px 7px!important;border-radius:7px!important;color:#9dff8c!important;font-family:Inter,system-ui,sans-serif!important;font-size:7.2px!important;font-weight:900!important;line-height:1!important}
  #paymentModal .payment-plan-copy-v215 p{display:none!important}
  #paymentModal .payment-plan-continue-v215{height:53px!important;min-height:53px!important;margin:0!important;border-radius:17px!important;font-family:Inter,system-ui,sans-serif!important;font-size:12.5px!important;font-weight:900!important;letter-spacing:.025em!important;text-transform:none!important;gap:8px!important}

  /* Paso de pago móvil. */
  #paymentModal .payment-method-experience-v215{width:100%!important;height:auto!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;padding:0!important;scrollbar-width:none!important}
  #paymentModal .payment-method-experience-v215::-webkit-scrollbar{display:none!important}
  #paymentModal .payment-method-header-v215{height:62px!important;min-height:62px!important;padding:13px 56px 12px 15px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;border-bottom:1px solid rgba(255,255,255,.075)!important}
  #paymentModal .payment-method-mobile-title-v220{display:block!important;color:#fff!important;font-family:"Space Grotesk",Inter,system-ui,sans-serif!important;font-size:20px!important;font-weight:800!important;letter-spacing:-.035em!important}
  #paymentModal .payment-method-brand-v215{display:none!important}
  #paymentModal .payment-method-layout-v215{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;padding:12px 13px calc(14px + env(safe-area-inset-bottom))!important;gap:10px!important}
  #paymentModal .payment-method-summary-v215{padding:0!important;border:0!important;background:transparent!important;display:block!important}
  #paymentModal .payment-method-summary-kicker-v215{display:none!important}
  #paymentModal .payment-plan-dropdown-v220{margin:0!important;gap:6px!important}
  #paymentModal .payment-plan-dropdown-trigger-v220{min-height:66px!important;padding:10px 11px!important;border-radius:17px!important;grid-template-columns:28px minmax(0,1fr) auto!important;gap:9px!important}
  #paymentModal .payment-method-selected-check-v220{width:27px!important;height:27px!important;border-radius:9px!important;font-size:9px!important}
  #paymentModal .payment-plan-dropdown-copy-v220{gap:2px 7px!important}
  #paymentModal .payment-plan-dropdown-copy-v220 small{font-size:7px!important}
  #paymentModal .payment-plan-dropdown-copy-v220 strong{font-size:13px!important}
  #paymentModal .payment-plan-dropdown-copy-v220 b{font-size:12px!important}
  #paymentModal .payment-plan-dropdown-action-v220{font-size:8px!important;gap:5px!important}
  #paymentModal .payment-plan-dropdown-menu-v220{padding:6px!important;border-radius:15px!important}
  #paymentModal .payment-plan-dropdown-option-v220{min-height:57px!important;padding:9px!important;border-radius:11px!important}
  #paymentModal .payment-plan-dropdown-option-v220 strong{font-size:12.5px!important}
  #paymentModal .payment-plan-dropdown-option-v220 small{font-size:9px!important}
  #paymentModal .payment-method-benefits-v215,#paymentModal .payment-method-summary-v215>p{display:none!important}

  #paymentModal .payment-method-body-v215{padding:0!important;min-width:0!important}
  #paymentModal .payment-method-section-label-v220{margin:1px 1px 0!important;font-size:7.5px!important}
  #paymentModal .payment-dropdown-v215{margin-top:7px!important;gap:6px!important}
  #paymentModal .payment-dropdown-trigger-v215{min-height:74px!important;height:74px!important;padding:10px 11px!important;border-radius:17px!important}
  #paymentModal .payment-selected-main{gap:10px!important}
  #paymentModal .payment-method-icon-v210{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:12px!important;font-size:18px!important}
  #paymentModal .payment-method-title-row-v210{gap:6px!important;flex-wrap:nowrap!important}
  #paymentModal .payment-method-title-v210{font-size:11.5px!important;font-weight:760!important;white-space:nowrap!important}
  #paymentModal .payment-method-tag-v210{font-size:6.2px!important;padding:3px 5px!important;white-space:nowrap!important}
  #paymentModal .payment-method-desc-v210{font-size:9.5px!important;margin-top:4px!important}
  #paymentModal .payment-badges{gap:4px!important;margin-top:5px!important;flex-wrap:nowrap!important}
  #paymentModal .payment-badge{height:18px!important;min-width:27px!important;padding:0 4px!important;font-size:6px!important}
  #paymentModal .payment-course-chevron-v210{width:24px!important;height:24px!important}
  #paymentModal .payment-dropdown-menu-v215{padding:6px!important;border-radius:15px!important}
  #paymentModal .payment-dropdown-option{min-height:59px!important;padding:9px!important;border-radius:11px!important}

  #paymentModal .payment-terms-v215{min-height:64px!important;margin-top:10px!important;padding:10px 11px!important;border-radius:15px!important;gap:9px!important}
  #paymentModal .payment-terms-check{width:22px!important;height:22px!important;flex-basis:22px!important;border-radius:7px!important}
  #paymentModal .payment-terms-v215 label{font-family:Inter,system-ui,sans-serif!important;font-size:9.8px!important;line-height:1.34!important;font-weight:560!important}
  #paymentModal .payment-method-cta-v215{height:52px!important;min-height:52px!important;margin-top:10px!important;border-radius:17px!important;font-family:Inter,system-ui,sans-serif!important;font-size:12px!important;font-weight:900!important;letter-spacing:.035em!important}
  #paymentModal .payment-security-note-v220{margin-top:12px!important;padding:0 4px!important}
  #paymentModal .payment-security-line-v220{gap:7px!important;margin-bottom:5px!important;font-size:10.5px!important}
  #paymentModal .payment-security-note-v220 p{font-size:8.8px!important;line-height:1.35!important}
}

@media(max-width:767px) and (max-height:700px){
  #paymentModal .payment-plan-media-v215{padding-top:10px!important;padding-bottom:7px!important}
  #paymentModal .payment-library-title-v215{font-size:clamp(25px,7.7vw,31px)!important}
  #paymentModal .payment-plan-heading-v215>p{font-size:9px!important}
  #paymentModal .payment-plan-video-v215{margin-top:6px!important}
  #paymentModal .paywall-video-frame{width:94%!important;margin:0 auto!important}
  #paymentModal .payment-media-trust-v215{height:28px!important;font-size:10.5px!important}
  #paymentModal .payment-plan-picker-v215{padding-top:8px!important;padding-bottom:10px!important;gap:7px!important}
  #paymentModal .payment-plan-picker-head-v215 h3{font-size:16.5px!important}
  #paymentModal .payment-plan-card-v215{min-height:121px!important;height:121px!important}
  #paymentModal .payment-plan-copy-v215{padding-top:20px!important}
  #paymentModal .payment-plan-price-v215 strong{font-size:26px!important}
  #paymentModal .payment-plan-continue-v215{height:49px!important;min-height:49px!important;font-size:11.5px!important}
  #paymentModal .payment-method-header-v215{height:56px!important;min-height:56px!important}
  #paymentModal .payment-method-mobile-title-v220{font-size:18px!important}
  #paymentModal .payment-method-layout-v215{padding-top:9px!important;padding-bottom:10px!important;gap:8px!important}
  #paymentModal .payment-plan-dropdown-trigger-v220{min-height:59px!important}
  #paymentModal .payment-dropdown-trigger-v215{height:68px!important;min-height:68px!important}
  #paymentModal .payment-terms-v215{min-height:56px!important;margin-top:8px!important;padding:8px 9px!important}
  #paymentModal .payment-terms-v215 label{font-size:9.1px!important;line-height:1.27!important}
  #paymentModal .payment-method-cta-v215{height:48px!important;min-height:48px!important;margin-top:8px!important;font-size:11.2px!important}
  #paymentModal .payment-security-note-v220{margin-top:8px!important}
}

@media(max-width:350px){
  #paymentModal{padding-left:5px!important;padding-right:5px!important}
  #paymentModal .payment-modal-card-v215,#paymentModal.payment-method-only .payment-modal-card-v215{border-radius:24px!important}
  #paymentModal .payment-plan-media-v215{padding-left:11px!important;padding-right:11px!important}
  #paymentModal .payment-library-title-v215{font-size:25px!important}
  #paymentModal .payment-plan-picker-v215{padding-left:10px!important;padding-right:10px!important}
  #paymentModal .payment-plan-list-v215{gap:6px!important}
  #paymentModal .payment-plan-card-v215{padding-left:8px!important;padding-right:8px!important}
  #paymentModal .payment-plan-price-v215 strong{font-size:25px!important}
  #paymentModal .payment-plan-price-v215 span{font-size:6.8px!important}
  #paymentModal .payment-plan-saving-v215{font-size:6.5px!important;padding:4px 5px!important}
  #paymentModal .payment-plan-continue-v215{font-size:10.8px!important;padding-left:7px!important;padding-right:7px!important}
  #paymentModal .payment-method-layout-v215{padding-left:10px!important;padding-right:10px!important}
  #paymentModal .payment-plan-dropdown-trigger-v220{grid-template-columns:26px minmax(0,1fr) auto!important;padding-left:9px!important;padding-right:9px!important}
  #paymentModal .payment-plan-dropdown-copy-v220 strong{font-size:12px!important}
  #paymentModal .payment-plan-dropdown-copy-v220 b{font-size:11px!important}
  #paymentModal .payment-method-title-v210{font-size:10.7px!important}
  #paymentModal .payment-badges{gap:3px!important}
  #paymentModal .payment-badge{min-width:24px!important;padding:0 3px!important}
  #paymentModal .payment-terms-v215 label{font-size:8.9px!important}
}

@media(prefers-reduced-motion:reduce){
  #paymentModal *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  #paymentModal .payment-media-trust-v215 span{animation:none!important;opacity:0!important;transform:none!important}
  #paymentModal .payment-media-trust-v215 span:first-child{opacity:1!important}
}