/* Theme Name: DUVEO Stream Creators Theme URI: https://duveostream.com/ Author: DUVEO Stream Description: Tema responsive de DUVEO Stream orientado a contenido original, Estados, Momentos, Estrenos, Explorar, Escenario, Metas creativas e Impulsa tu comunidad. Version: 5.2.48.43 Requires at least: 6.3 Tested up to: 6.6 Requires PHP: 8.0 Text Domain: duveo */ :root { /* Paleta DUVEO extraída del logo oficial incluido en el theme. */ --duveo-blue: #0059f9; --duveo-pink: #c70597; --duveo-purple: #5c28d1; --duveo-navy: #000d36; /* Alias históricos conservados para no romper componentes existentes. */ --duveo-red: var(--duveo-blue); --duveo-red-dark: var(--duveo-navy); --duveo-ink: var(--duveo-navy); --duveo-muted: #66708a; --duveo-line: #e3e8f2; --duveo-soft: #f5f7fc; --duveo-white: #ffffff; --duveo-radius: 16px; --duveo-shadow: 0 10px 30px rgba(0,13,54,.08); --duveo-sidebar: 216px; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: var(--duveo-white); color: var(--duveo-ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; } a { color: inherit; text-decoration: none; } button, input, select, textarea { font: inherit; } img, video, iframe { max-width: 100%; } button { cursor: pointer; } .screen-reader-text { 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; } .duveo-app { min-height: 100vh; } .duveo-topbar { position: sticky; top: 0; z-index: 80; height: 66px; display:flex; align-items:center; gap:18px; padding: 10px 22px; border-bottom:1px solid var(--duveo-line); background:rgba(255,255,255,.96); backdrop-filter: blur(12px); } .duveo-logo { display:flex; align-items:center; min-width:190px; line-height:0; } .duveo-logo__official { display:block; width:178px; height:auto; max-height:46px; object-fit:contain; object-position:left center; } .duveo-menu-brand { display:flex; align-items:center; min-width:0; } .duveo-menu-brand img { display:block; width:158px; height:auto; max-height:44px; object-fit:contain; object-position:left center; } .duveo-search { flex:1; max-width:650px; position:relative; } .duveo-search input { width:100%; height:42px; border:1px solid var(--duveo-line); background:var(--duveo-soft); border-radius:999px; padding:0 46px 0 18px; outline:none; } .duveo-search input:focus { border-color:#cfcfd4; background:#fff; box-shadow:0 0 0 3px rgba(255,31,45,.08); } .duveo-search button { position:absolute; right:4px; top:4px; width:34px; height:34px; border:0; border-radius:50%; background:transparent; display:grid; place-items:center; } .duveo-top-actions { display:flex; align-items:center; gap:10px; margin-left:auto; } .duveo-icon-btn, .duveo-create-btn { border:1px solid var(--duveo-line); background:#fff; height:40px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 14px; font-weight:700; } .duveo-create-btn { background:#111; color:#fff; border-color:#111; } .duveo-avatar { width:34px; height:34px; border-radius:50%; object-fit:cover; background:#eee; } .duveo-shell { display:grid; grid-template-columns:var(--duveo-sidebar) minmax(0,1fr); min-height:calc(100vh - 66px); } .duveo-sidebar { position:sticky; top:66px; height:calc(100vh - 66px); padding:18px 12px 24px; border-right:1px solid var(--duveo-line); overflow:auto; background:#fff; } .duveo-nav { display:grid; gap:4px; } .duveo-nav a { display:flex; align-items:center; gap:12px; min-height:44px; padding:0 13px; border-radius:12px; font-size:14px; font-weight:650; color:#35363a; } .duveo-nav a:hover, .duveo-nav a.is-active { background:#fff1f2; color:var(--duveo-red-dark); } .duveo-nav svg { width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:1.8; } .duveo-nav-separator { height:1px; background:var(--duveo-line); margin:12px 6px; } .duveo-sidebar-footer { margin-top:18px; padding:12px; font-size:11px; color:var(--duveo-muted); line-height:1.55; } /* 5.2.13 · Accesos persistentes bajo el menú lateral */ .duveo-nav-utility{margin-top:14px;padding-top:14px;border-top:1px solid var(--duveo-line)} .duveo-nav-utility a{font-weight:700} .duveo-main { min-width:0; width:100%; max-width:1460px; margin:0 auto; padding:26px 30px 72px; } .duveo-page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:22px; } .duveo-page-head h1 { margin:0; font-size:clamp(28px,3vw,46px); line-height:1; letter-spacing:-.045em; } .duveo-page-head p { margin:8px 0 0; color:var(--duveo-muted); max-width:760px; } .duveo-kicker { text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; color:var(--duveo-red); margin-bottom:6px; } .duveo-section { margin: 0 0 34px; } .duveo-section-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; } .duveo-section-head h2 { margin:0; font-size:20px; letter-spacing:-.025em; } .duveo-section-head small { color:var(--duveo-muted); } .duveo-link-more { color:var(--duveo-red); font-weight:750; font-size:13px; white-space:nowrap; } .duveo-home-intro h1 { margin:0 0 5px; font-size:clamp(28px,3.2vw,48px); letter-spacing:-.05em; line-height:1; } .duveo-home-intro p { margin:0 0 22px; color:var(--duveo-muted); } .duveo-home-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; } .duveo-home-feed { min-width:0; } .duveo-home-aside { position:sticky; top:90px; } .duveo-scroll-row { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(250px, 31%); gap:14px; overflow-x:auto; padding:2px 2px 8px; scroll-snap-type:x proximity; scrollbar-width:thin; } .duveo-scroll-row > * { scroll-snap-align:start; } .duveo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .duveo-grid.duveo-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); } .duveo-card { min-width:0; } .duveo-thumb { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:14px; background:linear-gradient(135deg,#ececef,#d9d9de); display:block; } .duveo-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease; } .duveo-card:hover .duveo-thumb img { transform:scale(1.025); } .duveo-duration { position:absolute; right:8px; bottom:8px; padding:3px 6px; border-radius:6px; background:rgba(0,0,0,.78); color:#fff; font-size:11px; font-weight:700; } .duveo-card-meta { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:9px; padding-top:9px; align-items:start; } .duveo-card-meta .duveo-avatar { width:32px; height:32px; } .duveo-card-title { font-weight:800; font-size:14px; line-height:1.25; margin:0 0 3px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .duveo-card-sub { font-size:11px; color:var(--duveo-muted); line-height:1.35; } .duveo-menu-dots { border:0; background:transparent; padding:1px 5px; color:#4d4f55; font-size:20px; line-height:1; } .duveo-placeholder { display:grid; place-items:center; min-height:145px; border:1px dashed #d8d8dd; border-radius:14px; background:var(--duveo-soft); color:var(--duveo-muted); text-align:center; padding:20px; } .duveo-state-row { display:flex; gap:13px; overflow-x:auto; padding:2px 2px 8px; } .duveo-state { flex:0 0 72px; text-align:center; border:0; background:transparent; padding:0; color:inherit; } .duveo-state-ring { width:58px; height:58px; margin:0 auto 6px; border-radius:50%; padding:3px; background:conic-gradient(var(--duveo-red) 0 22%, #fff 22% 25%, var(--duveo-red) 25% 48%, #fff 48% 51%, var(--duveo-red) 51% 74%, #fff 74% 77%, var(--duveo-red) 77% 100%); } .duveo-state-ring.is-seen { background:#d8d8dd; } .duveo-state-ring img { width:100%; height:100%; border:3px solid #fff; border-radius:50%; object-fit:cover; } .duveo-state span { display:block; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .duveo-progress { height:4px; background:#ececf0; overflow:hidden; border-radius:999px; margin-top:8px; } .duveo-progress > i { display:block; height:100%; background:var(--duveo-red); border-radius:inherit; } .duveo-resume-label { display:block; margin-top:5px; color:var(--duveo-red-dark); font-size:10px; font-weight:750; } .duveo-moments-strip { display:grid; grid-auto-flow:column; grid-auto-columns:150px; gap:12px; overflow-x:auto; padding-bottom:8px; } .duveo-moment-card { position:relative; aspect-ratio:9/16; border-radius:16px; overflow:hidden; background:#222; color:#fff; } .duveo-moment-card img { width:100%; height:100%; object-fit:cover; opacity:.92; } .duveo-moment-card:after { content:""; position:absolute; inset:40% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.72)); } .duveo-moment-card__text { position:absolute; z-index:2; left:10px; right:10px; bottom:10px; font-size:11px; } .duveo-moment-card__text strong { display:block; font-size:12px; margin-bottom:3px; } .duveo-goal { border:1px solid var(--duveo-line); border-radius:16px; overflow:hidden; background:#fff; box-shadow:var(--duveo-shadow); margin-bottom:14px; } .duveo-goal__img { aspect-ratio:16/8; background:#eee; overflow:hidden; } .duveo-goal__img img { width:100%; height:100%; object-fit:cover; } .duveo-goal__body { padding:13px; } .duveo-goal h3 { margin:0 0 6px; font-size:14px; } .duveo-goal__amounts { display:flex; justify-content:space-between; gap:8px; font-size:10px; color:var(--duveo-muted); margin:6px 0; } .duveo-btn { min-height:40px; border-radius:10px; border:1px solid var(--duveo-line); background:#fff; padding:0 15px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:750; } .duveo-btn--primary { background:var(--duveo-red); border-color:var(--duveo-red); color:#fff; } .duveo-btn--dark { background:#111; border-color:#111; color:#fff; } .duveo-btn--ghost { color:var(--duveo-red); border-color:#ffd0d4; background:#fff7f8; } .duveo-btn--block { width:100%; } .duveo-btn:disabled { opacity:.5; cursor:not-allowed; } .duveo-tabs { display:flex; gap:8px; overflow:auto; margin:0 0 18px; padding-bottom:4px; } .duveo-chip { border:1px solid var(--duveo-line); background:#fff; border-radius:999px; padding:8px 14px; font-size:12px; font-weight:700; white-space:nowrap; } .duveo-chip.is-active, .duveo-chip:hover { background:var(--duveo-red); color:#fff; border-color:var(--duveo-red); } .duveo-filterbar { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin:0 0 18px; } .duveo-filterbar select, .duveo-filterbar input { min-height:40px; border:1px solid var(--duveo-line); border-radius:10px; background:#fff; padding:0 12px; } .duveo-hero { border-radius:20px; overflow:hidden; position:relative; min-height:360px; background:#1b1b1e; color:#fff; margin-bottom:24px; } .duveo-hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.65; } .duveo-hero:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.2) 72%); } .duveo-hero__content { position:relative; z-index:2; padding:48px; max-width:650px; } .duveo-hero h2 { font-size:clamp(30px,4vw,56px); margin:0 0 12px; letter-spacing:-.05em; } .duveo-hero p { color:rgba(255,255,255,.82); max-width:580px; } .duveo-countdown { display:flex; gap:8px; margin:20px 0; } .duveo-countdown span { min-width:62px; padding:10px; border-radius:12px; background:rgba(255,255,255,.12); text-align:center; font-weight:800; } .duveo-countdown small { display:block; font-size:9px; font-weight:500; opacity:.7; margin-top:3px; } .duveo-player-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:24px; align-items:start; } .duveo-player { background:#000; border-radius:16px; overflow:hidden; aspect-ratio:16/9; position:relative; } .duveo-player iframe, .duveo-player video { width:100%; height:100%; border:0; display:block; background:#000; } .duveo-player--vertical { max-width:460px; aspect-ratio:9/16; margin:0 auto; } .duveo-content-info { margin-top:14px; } .duveo-content-info h1 { margin:0 0 8px; font-size:24px; letter-spacing:-.03em; } .duveo-actions-row { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:12px 0; } .duveo-action { border:0; background:var(--duveo-soft); min-height:38px; border-radius:999px; padding:0 13px; display:inline-flex; align-items:center; gap:7px; font-weight:750; font-size:12px; } .duveo-action.is-active { background:#fff0f1; color:var(--duveo-red-dark); } .duveo-action svg { width:18px; height:18px; } .duveo-more-menu { position:relative; } .duveo-more-pop { display:none; position:absolute; right:0; top:44px; width:220px; padding:7px; border:1px solid var(--duveo-line); border-radius:12px; background:#fff; box-shadow:var(--duveo-shadow); z-index:20; } .duveo-more-menu.is-open .duveo-more-pop { display:block; } .duveo-more-pop button, .duveo-more-pop a { width:100%; border:0; background:transparent; display:flex; padding:10px; border-radius:8px; text-align:left; font-size:13px; } .duveo-more-pop button:hover, .duveo-more-pop a:hover { background:var(--duveo-soft); } .duveo-creator-line { display:flex; align-items:center; gap:10px; } .duveo-creator-line__meta { min-width:0; flex:1; } .duveo-creator-line__meta strong { display:block; font-size:13px; } .duveo-creator-line__meta small { color:var(--duveo-muted); } .duveo-comments { border:1px solid var(--duveo-line); border-radius:16px; padding:16px; } .duveo-comments h3 { margin-top:0; } .duveo-moment-viewer { min-height:calc(100vh - 120px); display:grid; grid-template-columns:minmax(320px,470px) 64px minmax(280px,1fr); gap:18px; justify-content:center; } .duveo-moment-actions { display:flex; flex-direction:column; justify-content:flex-end; gap:12px; padding-bottom:80px; } .duveo-round-action { width:48px; height:48px; border-radius:50%; border:0; display:grid; place-items:center; background:var(--duveo-soft); } .duveo-round-action svg { width:21px; height:21px; } .duveo-category-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:22px; } .duveo-category { min-height:105px; border-radius:14px; background:#1a1a1d; color:#fff; padding:14px; display:flex; align-items:flex-end; font-weight:800; position:relative; overflow:hidden; } .duveo-category:after { content:""; position:absolute; inset:0; background:linear-gradient(20deg,rgba(0,0,0,.58),rgba(0,0,0,.04)); } .duveo-category span { position:relative; z-index:2; } .duveo-support-box { border:1px solid var(--duveo-line); border-radius:16px; padding:18px; background:#fff; } .duveo-support-box h3 { margin:0 0 7px; } .duveo-support-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:13px; } .duveo-surprise { max-width:980px; margin:0 auto; } .duveo-surprise__media { aspect-ratio:16/9; border-radius:20px; overflow:hidden; background:#111; } .duveo-surprise__media img { width:100%; height:100%; object-fit:cover; } .duveo-reason { border-left:3px solid var(--duveo-red); background:#fff4f5; padding:12px 14px; border-radius:0 10px 10px 0; margin:14px 0; font-size:13px; } .duveo-project-card { border:1px solid var(--duveo-line); border-radius:16px; overflow:hidden; background:#fff; } .duveo-project-card__body { padding:14px; } .duveo-project-card h3 { margin:0 0 7px; font-size:16px; } .duveo-project-card p { color:var(--duveo-muted); font-size:12px; line-height:1.5; } .duveo-support-modes { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0; } .duveo-support-modes span { background:var(--duveo-soft); border-radius:999px; padding:5px 8px; font-size:10px; } .duveo-empty { border:1px dashed #d7d7dc; border-radius:16px; padding:34px; text-align:center; background:#fafafa; } .duveo-empty h3 { margin:0 0 8px; } .duveo-empty p { margin:0 0 16px; color:var(--duveo-muted); } .duveo-notice { border-radius:12px; padding:12px 14px; background:#fff6e5; border:1px solid #ffe3a6; font-size:13px; } .duveo-mobilebar { display:none; } .duveo-mobile-menu-panel { display:none; position:fixed; inset:0; z-index:120; background:rgba(0,0,0,.42); } .duveo-mobile-menu-panel.is-open { display:block; } .duveo-mobile-menu-sheet { position:absolute; left:0; right:0; bottom:0; max-height:78vh; overflow:auto; border-radius:20px 20px 0 0; background:#fff; padding:18px 16px 28px; } .duveo-mobile-menu-sheet .duveo-nav { grid-template-columns:1fr 1fr; } .duveo-state-modal { display:none; position:fixed; inset:0; z-index:150; background:rgba(0,0,0,.86); place-items:center; padding:20px; } .duveo-state-modal.is-open { display:grid; } .duveo-state-viewer { width:min(430px,100%); aspect-ratio:9/16; border-radius:18px; overflow:hidden; background:#111; position:relative; color:#fff; } .duveo-state-viewer img, .duveo-state-viewer video { width:100%; height:100%; object-fit:cover; } .duveo-state-close { position:absolute; right:12px; top:12px; width:38px; height:38px; border-radius:50%; border:0; background:rgba(0,0,0,.45); color:#fff; z-index:3; } .duveo-state-user { position:absolute; left:14px; top:14px; z-index:2; display:flex; align-items:center; gap:8px; font-size:12px; font-weight:800; text-shadow:0 1px 5px rgba(0,0,0,.6); } @media (max-width:1180px) { :root { --duveo-sidebar: 84px; } .duveo-logo { min-width:142px; } .duveo-logo__official { width:132px; max-height:39px; } .duveo-nav span, .duveo-sidebar-footer { display:none; } .duveo-nav a { justify-content:center; padding:0; } .duveo-home-grid { grid-template-columns:minmax(0,1fr) 260px; } .duveo-grid.duveo-grid--4 { grid-template-columns:repeat(3,minmax(0,1fr)); } .duveo-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } } @media (max-width:900px) { .duveo-topbar { height:58px; padding:8px 12px; gap:10px; } .duveo-logo { min-width:118px; } .duveo-logo__official { width:112px; max-height:36px; } .duveo-search { max-width:none; } .duveo-search input { height:38px; padding-left:13px; } .duveo-top-actions .duveo-create-btn, .duveo-top-actions .duveo-icon-btn:first-of-type { display:none; } .duveo-shell { display:block; } .duveo-sidebar { display:none; } .duveo-main { padding:18px 14px 88px; } .duveo-home-grid { display:block; } .duveo-home-aside { position:static; margin-top:28px; } .duveo-scroll-row { grid-auto-columns:minmax(255px,82%); } .duveo-grid, .duveo-grid.duveo-grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .duveo-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .duveo-player-layout { grid-template-columns:1fr; } .duveo-moment-viewer { grid-template-columns:minmax(0,1fr); min-height:auto; } .duveo-moment-actions { position:absolute; right:18px; bottom:106px; z-index:4; padding:0; } .duveo-moment-viewer .duveo-comments { display:none; } .duveo-hero { min-height:430px; } .duveo-hero__content { padding:28px 22px; position:absolute; bottom:0; } .duveo-mobilebar { display:grid; grid-template-columns:repeat(5,1fr); position:fixed; left:0; right:0; bottom:0; z-index:95; height:66px; border-top:1px solid var(--duveo-line); background:rgba(255,255,255,.98); padding-bottom:max(3px,env(safe-area-inset-bottom)); } .duveo-mobilebar a, .duveo-mobilebar button { border:0; background:transparent; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; font-size:9px; color:#4b4c51; } .duveo-mobilebar svg { width:20px; height:20px; stroke:currentColor; fill:none; stroke-width:1.9; } .duveo-mobilebar .is-active { color:var(--duveo-red); } .duveo-mobilebar .duveo-mobile-create { width:42px; height:42px; margin:auto; border-radius:50%; background:var(--duveo-red); color:#fff; box-shadow:0 8px 20px rgba(255,31,45,.28); } .duveo-mobilebar .duveo-mobile-create span { display:none; } } @media (max-width:620px) { .duveo-topbar { gap:8px; } .duveo-search { order:3; flex-basis:100%; display:none; } .duveo-logo { min-width:124px; } .duveo-logo__official { width:118px; max-height:34px; } .duveo-page-head { align-items:flex-start; flex-direction:column; } .duveo-home-intro h1 { font-size:30px; } .duveo-grid, .duveo-grid.duveo-grid--4 { grid-template-columns:1fr; } .duveo-scroll-row { grid-auto-columns:88%; } .duveo-moments-strip { grid-auto-columns:126px; } .duveo-home-aside { margin-left:-14px; margin-right:-14px; padding:0 14px; } .duveo-goal { box-shadow:none; } .duveo-player { border-radius:0; margin-left:-14px; margin-right:-14px; width:calc(100% + 28px); } .duveo-player--vertical { width:auto; margin:0 auto; border-radius:14px; } .duveo-actions-row { gap:6px; } .duveo-action { padding:0 10px; min-height:36px; } .duveo-action .duveo-action-label { display:none; } .duveo-support-actions { grid-template-columns:1fr; } .duveo-hero { margin-left:-14px; margin-right:-14px; border-radius:0; min-height:480px; } .duveo-category { min-height:90px; } .duveo-countdown span { min-width:54px; padding:8px; } .duveo-state-modal { padding:0; } .duveo-state-viewer { width:100%; height:100%; aspect-ratio:auto; border-radius:0; } } /* ===== DUVEO 5.1.0 · cumplimiento integral del informe ===== */ :focus-visible{outline:3px solid rgba(255,31,45,.34);outline-offset:3px}.duveo-muted,.duveo-help{color:var(--duveo-muted);font-size:12px;line-height:1.5}.duveo-btn--small{min-height:32px;padding:0 11px;font-size:11px}.duveo-btn--ghost{background:transparent}.duveo-wide-media{aspect-ratio:16/8}.duveo-avatar--lg{width:64px;height:64px}.duveo-notification-btn{position:relative}.duveo-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--duveo-red);color:#fff;font-size:10px;display:grid;place-items:center;font-weight:800}.duveo-mobile-search{display:flex;position:relative;margin:8px 0 14px}.duveo-mobile-search input{width:100%;height:42px;border:1px solid var(--duveo-line);border-radius:999px;padding:0 42px 0 14px;background:var(--duveo-soft)}.duveo-mobile-search button{position:absolute;right:4px;top:4px;width:34px;height:34px;border:0;background:transparent}.duveo-mobile-search svg{width:18px;stroke:currentColor;fill:none} .duveo-card-more{position:relative}.duveo-card-pop{display:none;position:absolute;right:0;top:28px;z-index:25;width:170px;background:#fff;border:1px solid var(--duveo-line);border-radius:12px;padding:6px;box-shadow:var(--duveo-shadow)}.duveo-card-more.is-open .duveo-card-pop{display:block}.duveo-card-pop button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px;border-radius:8px;font-size:12px}.duveo-card-pop button:hover{background:var(--duveo-soft)} .duveo-mobile-goals{display:none}.duveo-state-progress{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.25);z-index:5}.duveo-state-progress:after{content:"";display:block;height:100%;width:var(--state-progress,0%);background:#fff;transition:width .2s}.duveo-state-nav,.duveo-state-audio{position:absolute;z-index:5;border:0;background:rgba(0,0,0,.38);color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.duveo-state-nav{top:50%;transform:translateY(-50%);font-size:30px}.duveo-state-nav.is-prev{left:10px}.duveo-state-nav.is-next{right:10px}.duveo-state-audio{right:58px;top:12px}.duveo-state-audio svg{width:20px;stroke:currentColor;fill:none}.duveo-state-viewer iframe{width:100%;height:100%;border:0}.duveo-state-viewer>[data-state-media],.duveo-state-viewer>[data-state-media]>*{width:100%;height:100%} .duveo-moment-feed{height:calc(100vh - 190px);min-height:640px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:thin}.duveo-moment-slide{min-height:calc(100vh - 190px);scroll-snap-align:start;display:grid;grid-template-columns:minmax(320px,470px) 64px minmax(290px,380px);gap:16px;justify-content:center;align-items:center;padding:18px 0;position:relative}.duveo-moment-media-wrap{position:relative}.duveo-moment-player{margin:0;box-shadow:0 16px 50px rgba(0,0,0,.12)}.duveo-moment-player iframe,.duveo-moment-player video{width:100%;height:100%;border:0;display:block}.duveo-moment-overlay{margin-top:10px}.duveo-moment-overlay h2{font-size:16px;margin:10px 0 5px}.duveo-moment-overlay p{font-size:12px;color:var(--duveo-muted);margin:0}.duveo-moment-actions{display:flex;flex-direction:column;gap:11px;align-items:center;align-self:center;padding:0}.duveo-round-action{flex-direction:column;height:auto;min-height:48px}.duveo-round-action small{display:block;margin-top:3px;font-size:8px;color:var(--duveo-muted)}.duveo-moment-side{border:1px solid var(--duveo-line);border-radius:18px;padding:15px;max-height:650px;overflow:auto;background:#fff}.duveo-moment-side h3{margin:0;font-size:15px}.duveo-comments-close{display:none}.duveo-comment{padding:10px 0;border-bottom:1px solid var(--duveo-line)}.duveo-comment strong{font-size:12px}.duveo-comment p{margin:4px 0 0;font-size:12px;line-height:1.45}.duveo-mini-next{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid var(--duveo-line)}.duveo-mini-next img{width:76px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.duveo-mini-next span{min-width:0}.duveo-mini-next strong,.duveo-mini-next small{display:block;font-size:11px}.duveo-mini-next small{color:var(--duveo-muted);margin-top:3px} .duveo-filter-open{display:none}.duveo-explore-search{display:flex;gap:10px;margin-bottom:14px}.duveo-explore-search input{flex:1;min-width:0;height:46px;border:1px solid var(--duveo-line);border-radius:999px;padding:0 18px;background:var(--duveo-soft)}.duveo-filter-sheet-head{display:none}.duveo-creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.duveo-creator-card{display:flex;align-items:center;gap:10px;border:1px solid var(--duveo-line);padding:12px;border-radius:14px}.duveo-creator-card .duveo-avatar{width:56px;height:56px}.duveo-creator-card strong,.duveo-creator-card small{display:block}.duveo-creator-card small{color:var(--duveo-muted);margin-top:3px}.duveo-recent-search{margin:10px 0 18px;color:var(--duveo-muted);font-size:12px}.duveo-series-card h3{font-size:15px;margin:8px 0 3px}.duveo-series-card small{color:var(--duveo-muted)} .duveo-series-hero{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:24px;align-items:start;margin-bottom:34px}.duveo-series-cover{border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#111}.duveo-series-cover img{width:100%;height:100%;object-fit:cover}.duveo-breadcrumb{font-size:12px;color:var(--duveo-muted);margin-bottom:15px}.duveo-breadcrumb a{color:var(--duveo-red-dark)} .duveo-studio-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:20px;align-items:start}.duveo-studio-form label,.duveo-dialog label{display:block;font-size:12px;font-weight:750;margin-bottom:12px}.duveo-studio-form input,.duveo-studio-form select,.duveo-studio-form textarea,.duveo-dialog input,.duveo-dialog select,.duveo-dialog textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--duveo-line);border-radius:10px;padding:10px;background:#fff}.duveo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.duveo-status-pill{display:inline-flex;border-radius:999px;background:#eee;padding:4px 8px;font-size:10px;font-weight:800;text-transform:capitalize}.duveo-status-pill.is-review,.duveo-status-pill.is-pending{background:#fff4d7;color:#8a5a00}.duveo-status-pill.is-published,.duveo-status-pill.is-publish{background:#e8f8ee;color:#17773a}.duveo-status-pill.is-rejected{background:#fff0f1;color:var(--duveo-red-dark)}.duveo-table-wrap{overflow:auto;border:1px solid var(--duveo-line);border-radius:14px}.duveo-table{width:100%;border-collapse:collapse}.duveo-table th,.duveo-table td{padding:12px;border-bottom:1px solid var(--duveo-line);text-align:left;font-size:12px}.duveo-table td small{display:block;color:var(--duveo-muted);margin-top:4px}.duveo-notice--success{background:#effbf3;border-color:#c7efd4}.duveo-check{display:block;margin:10px 0;font-size:13px} .duveo-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.duveo-stat-card{border:1px solid var(--duveo-line);border-radius:16px;padding:20px;background:#fff}.duveo-stat-card strong{display:block;font-size:30px}.duveo-stat-card span{font-size:12px;color:var(--duveo-muted)}.duveo-account-tabs{overflow-x:auto;flex-wrap:nowrap}.duveo-notification-list{display:grid;gap:10px;margin-bottom:14px}.duveo-notification{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--duveo-line);border-radius:12px}.duveo-notification.is-unread{border-color:#ffb8bd;background:#fff7f7}.duveo-notification small{color:var(--duveo-muted)} .duveo-modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.58);padding:20px;place-items:center}.duveo-modal.is-open{display:grid}.duveo-dialog{width:min(520px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:20px;padding:22px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.25)}.duveo-dialog h2{margin:0 36px 8px 0}.duveo-dialog-close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:36px;height:36px;background:var(--duveo-soft);font-size:22px}.duveo-form-message{font-size:12px;color:var(--duveo-muted);margin-top:9px}.duveo-support-summary{font-size:12px;background:var(--duveo-soft);padding:10px;border-radius:10px;margin:10px 0}.duveo-autoplay-blocked{position:absolute;inset:0;background:rgba(0,0,0,.45);display:grid;place-items:center;z-index:4}.duveo-autoplay-blocked[hidden]{display:none}.duveo-play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.7);color:#fff}.duveo-play-badge svg{width:26px;stroke:currentColor;fill:none} @media(max-width:1100px){.duveo-creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.duveo-moment-slide{grid-template-columns:minmax(300px,430px) 58px minmax(260px,330px)}.duveo-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.duveo-home-aside{display:none}.duveo-mobile-goals{display:block}.duveo-moment-feed{height:calc(100dvh - 134px);min-height:0;margin:0 -14px}.duveo-moment-head{margin-bottom:8px}.duveo-moment-tabs{overflow-x:auto;flex-wrap:nowrap;margin-bottom:8px}.duveo-moment-slide{min-height:calc(100dvh - 134px);grid-template-columns:1fr;padding:0;display:block;position:relative;background:#000}.duveo-moment-media-wrap{height:calc(100dvh - 134px)}.duveo-moment-player{height:100%;width:100%;max-width:none;aspect-ratio:auto;border-radius:0}.duveo-moment-player video,.duveo-moment-player iframe{object-fit:cover}.duveo-moment-overlay{position:absolute;left:14px;right:72px;bottom:18px;z-index:3;color:#fff;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.55)}.duveo-moment-overlay p,.duveo-moment-overlay small{color:rgba(255,255,255,.82)}.duveo-moment-actions{position:absolute;right:12px;bottom:84px;z-index:5}.duveo-round-action{background:rgba(0,0,0,.42);color:#fff}.duveo-round-action small{color:#fff}.duveo-moment-side{display:none;position:fixed;left:0;right:0;bottom:66px;z-index:110;max-height:68vh;border-radius:20px 20px 0 0;box-shadow:0 -18px 50px rgba(0,0,0,.25)}.duveo-moment-slide.is-comments-open .duveo-moment-side{display:block}.duveo-comments-close{display:inline-flex}.duveo-studio-layout,.duveo-series-hero{grid-template-columns:1fr}.duveo-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duveo-filter-open{display:inline-flex}.duveo-filter-sheet{position:fixed;z-index:160;left:0;right:0;bottom:-100%;display:grid!important;grid-template-columns:1fr;background:#fff;border-radius:22px 22px 0 0;padding:18px;box-shadow:0 -20px 60px rgba(0,0,0,.2);transition:bottom .25s}.duveo-filter-sheet.is-open{bottom:0}.duveo-filter-sheet-head{display:flex;justify-content:space-between;align-items:center}.duveo-type-tabs{overflow-x:auto;flex-wrap:nowrap}.duveo-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.duveo-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.duveo-logo{min-width:98px}.duveo-logo__official{width:96px;max-height:30px}.duveo-search{display:block!important;order:0!important;flex-basis:auto!important;max-width:none}.duveo-search input{height:36px;padding:0 36px 0 11px;font-size:11px}.duveo-search button{width:30px;height:30px;top:3px;right:3px}.duveo-top-actions{gap:5px}.duveo-top-actions .duveo-notification-btn{display:none}.duveo-creator-grid{grid-template-columns:1fr}.duveo-form-grid{grid-template-columns:1fr}.duveo-dashboard-grid{grid-template-columns:1fr 1fr}.duveo-explore-search{gap:6px}.duveo-explore-search input{height:42px}.duveo-dialog{padding:18px;border-radius:18px}.duveo-state-nav{width:38px;height:38px}.duveo-state-nav.is-prev{left:6px}.duveo-state-nav.is-next{right:6px}} .duveo-media-error{position:absolute;inset:0;z-index:8;background:rgba(0,0,0,.78);color:#fff;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;padding:20px}.duveo-media-error button{border:0;border-radius:999px;padding:9px 15px;font-weight:750}.duveo-moment-player video{object-fit:contain!important;background:#000} /* DUVEO 5.1.0 completion: Creator Studio, profile and operational states */ .duveo-create-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.duveo-create-choice{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border:1px solid var(--duveo-line,#e7e7e7);border-radius:14px;background:#fff;color:inherit;text-decoration:none;min-height:72px}.duveo-create-choice:hover,.duveo-create-choice.is-active{border-color:#ff1738;box-shadow:0 7px 22px rgba(0,0,0,.06)}.duveo-create-choice.is-stage{background:linear-gradient(135deg,#fff 60%,#fff0f2)}.duveo-create-choice small{color:#6f6f76;line-height:1.3}.duveo-support-policies{font-size:.88rem;color:#5b5b62;margin:12px 0}.duveo-support-policies details{padding:6px 0;border-top:1px solid #eee}.duveo-media-unavailable{min-height:360px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:18px;background:#101014;color:#fff}.duveo-media-unavailable>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;filter:blur(2px)}.duveo-media-unavailable>div{position:relative;z-index:1;text-align:center;padding:30px;max-width:480px}.duveo-avatar--xl{width:96px;height:96px}.duveo-studio-form label small{display:block;margin-top:5px;color:#777}.duveo-create-choice strong{font-size:.98rem} @media(max-width:900px){.duveo-create-choices{grid-template-columns:repeat(2,minmax(0,1fr))}} .duveo-state-pause{position:absolute;top:44px;right:52px;z-index:8;border:0;background:rgba(0,0,0,.54);color:#fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.duveo-state-pause svg{width:18px;height:18px}.duveo-state-pause.is-paused{outline:2px solid #fff} .duveo-editorial-badge{position:absolute;left:8px;top:8px;z-index:3;background:#fff;color:#111;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850;box-shadow:0 2px 10px rgba(0,0,0,.12)} .duveo-verified{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#1769ff;color:#fff;font-size:10px;font-weight:900;vertical-align:middle}.duveo-card-sub .duveo-verified{width:13px;height:13px;font-size:8px} /* 5.1.0 · recuperación explícita cuando un Momento no tiene fuente reproducible */ .duveo-media-unavailable--moment{position:relative;width:100%;height:100%;min-height:520px;display:grid;place-items:center;overflow:hidden;background:#0d0d0f;color:#fff;text-align:center;padding:24px} .duveo-media-unavailable--moment>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26;filter:blur(2px)} .duveo-media-unavailable--moment>div{position:relative;z-index:1;max-width:360px;display:grid;gap:10px;justify-items:center} .duveo-media-unavailable--moment p{margin:0;color:#dedee4} /* 5.1.1 · Creator Studio + Bunny compatibility */ .duveo-upload-bridge-status{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--duveo-border,#e5e7eb);border-radius:14px;margin-bottom:14px;background:#fff} .duveo-upload-bridge-status strong{white-space:nowrap} .duveo-upload-bridge-status span{font-size:13px;color:var(--duveo-muted,#667085)} .duveo-upload-bridge-status.is-connected{border-color:#b7e4c7;background:#f3fff7} .duveo-upload-bridge-status.is-connected strong{color:#18794e} .duveo-advanced-upload{margin:12px 0;border:1px solid var(--duveo-border,#e5e7eb);border-radius:12px;padding:10px 12px} .duveo-advanced-upload summary{cursor:pointer;font-weight:700} @media(max-width:620px){.duveo-upload-bridge-status{display:block}.duveo-upload-bridge-status strong{display:block;margin-bottom:4px}} /* 5.1.2 · Creator Studio redesign + creación directa de Estados */ .duveo-studio-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 18px} .duveo-studio-header h1{margin:2px 0 6px;font-size:clamp(32px,4vw,52px);letter-spacing:-.045em} .duveo-studio-header p{margin:0;color:var(--duveo-muted)} .duveo-studio-create-menu{position:relative;z-index:25} .duveo-studio-create-menu>summary{list-style:none;cursor:pointer;min-width:190px;display:flex;align-items:center;justify-content:center;gap:9px} .duveo-studio-create-menu>summary::-webkit-details-marker{display:none} .duveo-studio-create-dropdown{position:absolute;right:0;top:calc(100% + 9px);width:250px;background:#fff;border:1px solid var(--duveo-line);border-radius:16px;box-shadow:0 20px 55px rgba(17,24,39,.14);padding:8px;display:grid;gap:2px} .duveo-studio-create-dropdown a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:inherit;font-weight:700;font-size:13px} .duveo-studio-create-dropdown a:hover{background:#fff1f3;color:var(--duveo-red)} .duveo-studio-state-hint{border-top:1px solid var(--duveo-line);margin-top:6px;padding:10px 12px 4px;color:var(--duveo-muted);font-size:11px;line-height:1.45} .duveo-studio-welcome-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.85fr);gap:18px;margin-bottom:18px} .duveo-studio-hero{min-height:235px;border-radius:20px;padding:30px 34px;color:#fff;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr);gap:20px;align-items:center;background:radial-gradient(circle at 65% 20%,rgba(120,45,255,.42),transparent 34%),linear-gradient(120deg,#1b0f0b 0%,#2b1615 40%,#171231 100%);overflow:hidden} .duveo-studio-hero h2{font-size:clamp(28px,3vw,42px);line-height:1.02;margin:6px 0 10px;max-width:530px} .duveo-studio-hero p{max-width:560px;color:rgba(255,255,255,.86);margin:0 0 18px} .duveo-btn--light{background:#fff;color:#111} .duveo-studio-feature-list{display:grid;gap:11px;padding:18px;border-radius:16px;background:rgba(255,255,255,.09);backdrop-filter:blur(7px)} .duveo-studio-feature-list strong{font-size:13px;color:#fff} .duveo-studio-feature-list span{display:block;font-size:12px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.07)} .duveo-studio-quick{border:1px solid var(--duveo-line);border-radius:18px;background:#fff;padding:18px} .duveo-studio-quick h2{margin:0 0 13px;font-size:18px} .duveo-studio-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .duveo-studio-quick-grid a{min-height:94px;border:1px solid var(--duveo-line);border-radius:13px;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9px;gap:7px;background:#fafafa} .duveo-studio-quick-grid a:hover{background:#fff1f3;border-color:#ffc5ce} .duveo-studio-quick-grid span{font-size:25px;color:var(--duveo-red);line-height:1} .duveo-studio-quick-grid strong{font-size:11px;line-height:1.25} .duveo-studio-state-note{font-size:11px;line-height:1.45;color:var(--duveo-muted);margin:13px 0 0;padding-top:12px;border-top:1px solid var(--duveo-line)} .duveo-state--create{position:relative} .duveo-state-ring--create{position:relative;background:#eceef2} .duveo-state-ring--create.has-active{background:conic-gradient(var(--duveo-red) 0 22%, #fff 22% 25%, var(--duveo-red) 25% 48%, #fff 48% 51%, var(--duveo-red) 51% 74%, #fff 74% 77%, var(--duveo-red) 77% 100%)} .duveo-state-plus{position:absolute;right:-1px;bottom:-1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--duveo-red);color:#fff;border:2px solid #fff;font-size:15px;font-weight:900;line-height:1} .duveo-state-create-modal{z-index:120} .duveo-state-create-card{width:min(520px,calc(100vw - 28px));padding:0;overflow:hidden} .duveo-state-create-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--duveo-line)} .duveo-state-create-user{display:flex;align-items:center;gap:10px} .duveo-state-create-user strong,.duveo-state-create-user small{display:block} .duveo-state-create-user small{color:var(--duveo-muted);margin-top:2px} .duveo-quick-state-form{padding:17px} .duveo-state-create-drop{position:relative;min-height:320px;border:1px dashed #c8cbd2;border-radius:18px;background:#f7f8fa;overflow:hidden} .duveo-state-create-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3} .duveo-state-create-preview{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;padding:24px;gap:7px;color:#444} .duveo-state-create-preview img,.duveo-state-create-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111} .duveo-state-create-camera{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--duveo-red);font-size:30px;box-shadow:0 5px 18px rgba(0,0,0,.08)} .duveo-state-create-preview small{color:var(--duveo-muted)} .duveo-state-create-change{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:2;background:rgba(0,0,0,.72);color:#fff;border-radius:999px;padding:7px 11px;font-size:11px} .duveo-state-create-caption{display:block;margin-top:14px;font-weight:700} .duveo-state-create-caption textarea{margin-top:7px} .duveo-state-create-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px} @media(max-width:980px){ .duveo-studio-welcome-grid{grid-template-columns:1fr} } @media(max-width:720px){ .duveo-studio-header{align-items:flex-start;flex-direction:column} .duveo-studio-create-menu{width:100%} .duveo-studio-create-menu>summary{width:100%} .duveo-studio-create-dropdown{left:0;right:auto;width:100%} .duveo-studio-hero{grid-template-columns:1fr;padding:24px} .duveo-studio-feature-list{display:none} .duveo-studio-quick-grid{grid-template-columns:repeat(3,1fr)} .duveo-state-create-card{border-radius:18px 18px 0 0;margin-top:auto;width:100%} .duveo-state-create-modal{align-items:flex-end} .duveo-state-create-drop{min-height:48vh} } /* 5.1.3 · Creator Studio fiel al diseño de referencia */ .duveo-avatar-initials{ width:var(--duveo-avatar-size,34px)!important;height:var(--duveo-avatar-size,34px)!important; min-width:var(--duveo-avatar-size,34px);display:inline-grid;place-items:center;border-radius:50%; background:linear-gradient(135deg,#111827,#334155);color:#fff;font-weight:800;font-size:calc(var(--duveo-avatar-size,34px)*.34); letter-spacing:.01em;line-height:1;overflow:hidden;vertical-align:middle } body:has(.duveo-studio-app) .duveo-topbar, body:has(.duveo-studio-app) .duveo-shell>.duveo-sidebar, body:has(.duveo-studio-app) .duveo-mobilebar{display:none!important} body:has(.duveo-studio-app) .duveo-shell{display:block!important} body:has(.duveo-studio-app) .duveo-main{padding:0!important;max-width:none!important;width:100%!important} body:has(.duveo-studio-app){background:#fff} .duveo-studio-app{min-height:100vh;background:#fff;color:#111827;display:grid;grid-template-columns:218px minmax(0,1fr);margin:-1px} .duveo-studio-side{position:sticky;top:0;height:100vh;border-right:1px solid #e8ebef;background:#fff;padding:16px 8px 20px;display:flex;flex-direction:column;z-index:20} .duveo-studio-logo{display:block;padding:0 18px 20px}.duveo-studio-logo img{width:145px;height:auto;display:block} .duveo-studio-back{display:flex;align-items:center;gap:12px;padding:10px 20px;margin-bottom:8px;color:#4b5563;text-decoration:none;font-size:13px} .duveo-studio-nav{display:grid;gap:3px}.duveo-studio-nav a{display:flex;align-items:center;gap:13px;min-height:43px;padding:0 18px;border-radius:0 9px 9px 0;color:#374151;text-decoration:none;font-size:14px;position:relative} .duveo-studio-nav a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8} .duveo-studio-nav a.is-active{background:#fff1f3;color:#ef233c;font-weight:800} .duveo-studio-nav a.is-active:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;border-radius:0 4px 4px 0;background:#ef233c} .duveo-studio-nav-icon{width:20px;text-align:center;font-weight:800} .duveo-studio-help-card{margin:auto 10px 0;border:1px solid #e8ebef;border-radius:12px;padding:12px 12px 12px 42px;color:#374151;text-decoration:none;position:relative;font-size:11px;line-height:1.35} .duveo-studio-help-card:before{content:"◌";position:absolute;left:12px;top:20px;width:22px;height:22px;border:2px solid #ff1738;color:#ff1738;border-radius:50%;display:grid;place-items:center} .duveo-studio-help-card span,.duveo-studio-help-card strong{display:block}.duveo-studio-help-card strong{font-size:11px;margin-top:3px}.duveo-studio-help-card b{position:absolute;right:10px;top:50%;transform:translateY(-50%)} .duveo-studio-workspace{min-width:0;background:#fff} .duveo-studio-top{height:60px;border-bottom:1px solid #e8ebef;display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 200px;background:#fff;position:sticky;top:0;z-index:18} .duveo-studio-search{height:38px;max-width:690px;width:100%;background:#f6f7f9;border:1px solid #e7e9ed;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 13px} .duveo-studio-search svg{width:18px;stroke:#6b7280;fill:none}.duveo-studio-search input{border:0!important;background:transparent!important;box-shadow:none!important;width:100%;padding:0!important;font-size:13px} .duveo-studio-top-actions{display:flex;align-items:center;gap:14px;margin-left:18px}.duveo-studio-circle{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#111827;font-weight:800;font-size:17px} .duveo-studio-circle svg{width:20px;stroke:currentColor;fill:none}.duveo-studio-user{display:flex}.duveo-studio-user .duveo-avatar{width:38px;height:38px} .duveo-studio-body{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:20px;padding:20px 20px 28px 22px;max-width:1325px;margin:0 auto} .duveo-studio-center{min-width:0}.duveo-studio-right{display:grid;align-content:start;gap:14px} .duveo-studio-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px} .duveo-studio-title-row h1{font-size:42px;line-height:1;margin:0 0 6px;letter-spacing:-.045em}.duveo-studio-title-row p{margin:0;color:#5b6472;font-size:17px} .duveo-studio-upload-menu{position:relative;z-index:30}.duveo-studio-upload-menu>summary{list-style:none;cursor:pointer;min-width:230px;height:48px;background:#f20d2b;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800} .duveo-studio-upload-menu>summary::-webkit-details-marker{display:none}.duveo-studio-upload-menu>summary span{font-size:25px;font-weight:300}.duveo-studio-upload-menu>summary b{margin-left:auto;padding:0 14px;border-left:1px solid rgba(255,255,255,.28);height:100%;display:grid;place-items:center} .duveo-studio-upload-dropdown{position:absolute;right:0;top:56px;width:290px;background:#fff;border:1px solid #e8ebef;border-radius:12px;padding:8px;box-shadow:0 22px 50px rgba(15,23,42,.16);display:grid;gap:3px} .duveo-studio-upload-dropdown button{border:0;background:#fff;border-radius:9px;text-align:left;padding:10px 12px;cursor:pointer}.duveo-studio-upload-dropdown button:hover{background:#fff2f4}.duveo-studio-upload-dropdown strong,.duveo-studio-upload-dropdown small{display:block}.duveo-studio-upload-dropdown small{color:#6b7280;margin-top:2px} .duveo-studio-banner{min-height:238px;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(90deg,rgba(20,11,6,.96) 0%,rgba(24,13,9,.84) 36%,rgba(23,15,35,.52) 67%,rgba(18,14,42,.92) 100%),url("assets/img/creator-studio-hero.jpg") center/cover no-repeat;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 305px;align-items:center;padding:28px 18px 28px 36px} .duveo-studio-banner-copy h2{font-size:31px;line-height:1.08;margin:0 0 12px}.duveo-studio-banner-copy p{max-width:350px;margin:0 0 16px;line-height:1.4}.duveo-studio-guide{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#111827;border-radius:8px;padding:11px 16px;font-weight:800;text-decoration:none}.duveo-studio-guide svg{width:16px;fill:#111;stroke:#111} .duveo-studio-new{background:rgba(31,25,67,.74);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:13px 14px;backdrop-filter:blur(10px)}.duveo-studio-new-head{display:flex;justify-content:space-between;margin-bottom:6px}.duveo-studio-new a{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:8px 4px}.duveo-studio-new i{width:42px;height:42px;border-radius:10px;background:#ff1738;display:grid;place-items:center;font-style:normal;font-size:23px}.duveo-studio-new strong,.duveo-studio-new small{display:block}.duveo-studio-new small{color:rgba(255,255,255,.7);margin-top:2px} .duveo-studio-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:40px 0 18px}.duveo-studio-metrics article{border:1px solid #e7e9ed;border-radius:10px;padding:14px 16px;min-height:112px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#fff 70%,#fff5f6 100%)}.duveo-studio-metrics article:after{content:"";position:absolute;left:14px;right:14px;bottom:11px;height:18px;border-bottom:2px solid #ff6a7c;transform:skewY(-4deg);opacity:.8}.duveo-studio-metrics small,.duveo-studio-metrics strong,.duveo-studio-metrics em{display:block;position:relative;z-index:1}.duveo-studio-metrics small{color:#5f6672;font-size:11px;margin-left:38px}.duveo-studio-metrics strong{font-size:22px;margin:7px 0 0 38px}.duveo-studio-metrics em{font-style:normal;color:#0a8a4b;font-size:10px;margin:3px 0 0 38px}.metric-icon{position:absolute;left:14px;top:15px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef6ff;color:#2375ff} .duveo-studio-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.duveo-studio-section-head h2{font-size:18px;margin:0}.duveo-studio-section-head a{color:#4f5d74;text-decoration:none;font-size:11px} .duveo-studio-tabs{display:flex;gap:26px;border-bottom:1px solid #e8ebef;margin-top:7px}.duveo-studio-tabs button{border:0;background:transparent;padding:11px 2px 10px;color:#4b5563;cursor:pointer;position:relative}.duveo-studio-tabs button.is-active{color:#ef233c;font-weight:800}.duveo-studio-tabs button.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#ef233c} .duveo-studio-content-row{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:16px}.duveo-studio-content-row.is-active{display:grid}.duveo-studio-content-card{min-width:0}.duveo-studio-thumb{aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#eceff3;position:relative}.duveo-studio-thumb img{width:100%;height:100%;object-fit:cover}.duveo-studio-thumb span{position:absolute;right:5px;bottom:5px;background:rgba(0,0,0,.78);color:#fff;border-radius:4px;padding:2px 5px;font-size:10px}.duveo-studio-content-card>strong{display:block;font-size:13px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duveo-studio-content-card>small{display:block;color:#6b7280;font-size:10px;margin-top:3px}.duveo-studio-card-actions{display:flex;gap:12px;align-items:center;margin-top:8px;font-size:10px}.duveo-studio-card-actions a{margin-left:auto;color:#111;text-decoration:none;font-size:18px} .duveo-studio-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.duveo-studio-mini-panel{border:1px solid #e8ebef;border-radius:11px;padding:13px}.duveo-studio-goal-card{display:grid;grid-template-columns:80px 1fr;gap:10px;border:1px solid #edf0f2;border-radius:8px;padding:8px;margin-top:10px}.duveo-studio-goal-card img{width:80px;height:82px;object-fit:cover;border-radius:6px}.duveo-studio-goal-card strong,.duveo-studio-goal-card small{display:block}.duveo-studio-goal-card small{color:#6b7280}.duveo-studio-goal-card p{font-size:10px;margin:5px 0}.duveo-studio-goal-card a{display:block;text-align:center;background:#f20d2b;color:#fff;text-decoration:none;padding:6px;border-radius:5px;font-size:11px;font-weight:800}.duveo-studio-progress{height:5px;border-radius:99px;background:#eceef2;margin-top:7px;overflow:hidden}.duveo-studio-progress span{display:block;height:100%;background:#f20d2b} .duveo-studio-right-panel{border:1px solid #e7e9ed;border-radius:11px;background:#fff;padding:14px 16px}.duveo-studio-right-panel>h2{margin:0 0 12px;font-size:17px}.duveo-studio-quick-create{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.duveo-studio-quick-create button{border:0;background:#f7f8fa;border-radius:8px;min-height:96px;padding:12px 6px;cursor:pointer;color:#111}.duveo-studio-quick-create button span{display:block;color:#f20d2b;font-size:27px}.duveo-studio-quick-create button strong{display:block;font-size:11px;margin-top:9px} .duveo-studio-right-panel>a:not(.duveo-studio-tip):not(.duveo-studio-event){display:grid;grid-template-columns:28px 1fr 12px;align-items:center;gap:9px;color:#111827;text-decoration:none;padding:9px 0;border-bottom:1px solid #eef0f2}.duveo-studio-right-panel>a:last-child{border-bottom:0}.duveo-studio-right-panel>a span{font-size:17px}.duveo-studio-right-panel>a strong,.duveo-studio-right-panel>a small{display:block}.duveo-studio-right-panel>a strong{font-size:12px}.duveo-studio-right-panel>a small{font-size:11px;color:#6b7280;margin-top:2px} .duveo-studio-tip{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;text-decoration:none;color:#111827;padding:8px 0}.duveo-studio-tip>span{width:46px;height:40px;border-radius:6px;background:linear-gradient(135deg,#b026ff,#ff6a3d);display:grid;place-items:center;color:#fff;font-size:20px}.duveo-studio-tip strong,.duveo-studio-tip small{display:block}.duveo-studio-tip strong{font-size:11px}.duveo-studio-tip small{font-size:10px;color:#6b7280;margin-top:2px} .duveo-studio-event{display:grid;grid-template-columns:55px 1fr;gap:9px;align-items:center;color:#111827;text-decoration:none;padding:7px 0}.duveo-studio-event img{width:55px;height:48px;object-fit:cover;border-radius:6px}.duveo-studio-event strong,.duveo-studio-event small{display:block}.duveo-studio-event strong{font-size:11px}.duveo-studio-event small{font-size:10px;color:#6b7280;margin-top:3px} .duveo-studio-empty-row{grid-column:1/-1;padding:20px;border:1px dashed #d5dae1;border-radius:9px;color:#6b7280;text-align:center;font-size:12px} .duveo-studio-login{max-width:560px;margin:90px auto;padding:30px;text-align:center} .duveo-studio-modal{position:fixed;inset:0;z-index:220;background:rgba(17,24,39,.48);display:none;align-items:center;justify-content:center;padding:24px}.duveo-studio-modal.is-open{display:flex}.duveo-studio-modal-panel{width:min(760px,100%);max-height:min(88vh,860px);background:#fff;border-radius:16px;box-shadow:0 28px 90px rgba(15,23,42,.28);overflow:auto}.duveo-studio-modal-head{position:sticky;top:0;background:#fff;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e8ebef}.duveo-studio-modal-head h2{margin:3px 0 0;font-size:25px}.duveo-studio-modal-close{width:36px;height:36px;border:0;border-radius:50%;background:#f5f6f8;font-size:25px;cursor:pointer}.duveo-studio-modal-form{padding:20px 22px 24px;display:grid;gap:15px}.duveo-studio-field{display:grid;gap:7px;font-weight:700;font-size:13px}.duveo-studio-field>span{color:#303642}.duveo-studio-field input,.duveo-studio-field textarea,.duveo-studio-field select{width:100%;border:1px solid #dfe3e8;background:#fff;border-radius:9px;padding:11px 12px;font:inherit;box-shadow:none}.duveo-studio-field textarea{resize:vertical}.duveo-studio-field small{color:#6b7280;font-weight:400}.duveo-studio-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.duveo-studio-upload-card{position:relative;min-height:92px;border:1px dashed #cfd5dc;border-radius:12px;background:#fafbfc;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:15px;overflow:hidden}.duveo-studio-upload-card input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.duveo-studio-upload-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff1f3;color:#ef233c;font-size:24px}.duveo-studio-upload-card strong,.duveo-studio-upload-card small{display:block}.duveo-studio-upload-card small{color:#6b7280;margin-top:3px}.duveo-studio-form-note{border-radius:9px;background:#f7f8fa;padding:11px 12px;color:#596170;font-size:12px}.duveo-calendar-grid{align-items:end}.duveo-calendar-control{display:flex;align-items:center;border:1px solid #dfe3e8;border-radius:9px;background:#fff;padding:0 10px}.duveo-calendar-control span{color:#ef233c}.duveo-calendar-control input{border:0!important;padding-left:8px!important}.duveo-studio-modal-actions{position:sticky;bottom:-24px;background:#fff;border-top:1px solid #e8ebef;padding:14px 0 0;margin-top:3px;display:flex;justify-content:flex-end;gap:10px}.duveo-studio-modal-open{overflow:hidden} @media(max-width:1180px){ .duveo-studio-app{grid-template-columns:82px minmax(0,1fr)}.duveo-studio-logo{padding:0 10px 18px}.duveo-studio-logo img{width:62px}.duveo-studio-nav a{justify-content:center;padding:0}.duveo-studio-nav a span:last-child,.duveo-studio-back span,.duveo-studio-help-card{display:none}.duveo-studio-back{justify-content:center;padding:10px}.duveo-studio-top{padding-left:28px}.duveo-studio-body{grid-template-columns:minmax(0,1fr) 290px}.duveo-studio-title-row h1{font-size:36px} } @media(max-width:900px){ .duveo-studio-app{display:block}.duveo-studio-side{display:none}.duveo-studio-top{padding:0 16px}.duveo-studio-body{grid-template-columns:1fr;padding:16px}.duveo-studio-right{grid-template-columns:1fr 1fr}.duveo-studio-banner{grid-template-columns:1fr}.duveo-studio-new{display:none}.duveo-studio-metrics{grid-template-columns:1fr 1fr;margin-top:18px}.duveo-studio-content-row{grid-template-columns:1fr 1fr}.duveo-studio-bottom-grid{grid-template-columns:1fr} } @media(max-width:620px){ .duveo-studio-top{height:54px}.duveo-studio-search{max-width:none}.duveo-studio-top-actions .duveo-studio-circle:first-child{display:none}.duveo-studio-body{padding:12px}.duveo-studio-title-row{display:grid}.duveo-studio-title-row h1{font-size:32px}.duveo-studio-title-row p{font-size:14px}.duveo-studio-upload-menu,.duveo-studio-upload-menu>summary{width:100%}.duveo-studio-upload-dropdown{left:0;right:auto;width:100%}.duveo-studio-banner{min-height:220px;padding:22px}.duveo-studio-banner-copy h2{font-size:28px}.duveo-studio-metrics{grid-template-columns:1fr 1fr;gap:8px}.duveo-studio-metrics article{min-height:102px;padding:12px}.duveo-studio-content-row{grid-template-columns:1fr 1fr;gap:9px}.duveo-studio-tabs{gap:14px;overflow:auto}.duveo-studio-right{grid-template-columns:1fr}.duveo-studio-form-grid{grid-template-columns:1fr}.duveo-studio-modal{padding:0;align-items:flex-end}.duveo-studio-modal-panel{width:100%;max-height:92vh;border-radius:18px 18px 0 0}.duveo-studio-modal-head{padding:16px}.duveo-studio-modal-form{padding:16px 16px 22px}.duveo-studio-quick-create{grid-template-columns:repeat(3,1fr)} } /* 5.1.4 · Reparación global de avatares */ .duveo-avatar-media{ position:relative!important;display:inline-grid!important;place-items:center!important; width:var(--duveo-avatar-size,34px)!important;height:var(--duveo-avatar-size,34px)!important; min-width:var(--duveo-avatar-size,34px)!important;min-height:var(--duveo-avatar-size,34px)!important; max-width:var(--duveo-avatar-size,34px)!important;max-height:var(--duveo-avatar-size,34px)!important; border-radius:50%!important;overflow:hidden!important;background:#111827!important; vertical-align:middle;flex:0 0 var(--duveo-avatar-size,34px)!important } .duveo-avatar-media .duveo-avatar-fallback{ position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:800; font-size:calc(var(--duveo-avatar-size,34px)*.34);letter-spacing:.01em;line-height:1; background:linear-gradient(135deg,#111827,#475569) } .duveo-avatar-media [data-duveo-avatar-img]{ position:absolute;inset:0;width:100%!important;height:100%!important;display:block; object-fit:cover!important;object-position:center!important;border-radius:50%!important;background:#fff } .duveo-avatar-media.duveo-avatar-no-image [data-duveo-avatar-img], .duveo-avatar-media [data-duveo-avatar-img][hidden]{display:none!important} .duveo-state-ring .duveo-avatar-media{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important} .duveo-creator-card .duveo-avatar-media{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important} .duveo-avatar--lg.duveo-avatar-media{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important} .duveo-avatar--xl.duveo-avatar-media{width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important} /* Selector y formularios flotantes más definidos */ .duveo-studio-upload-dropdown{max-height:min(72vh,560px);overflow:auto} .duveo-studio-upload-dropdown button{width:100%;display:block} .duveo-studio-modal{backdrop-filter:blur(3px)} .duveo-studio-modal-panel{border:1px solid rgba(255,255,255,.7)} .duveo-studio-modal-head{box-shadow:0 1px 0 rgba(15,23,42,.04)} .duveo-studio-modal-form{background:#fff} .duveo-studio-modal-actions{padding-bottom:2px} @media(max-width:620px){ .duveo-studio-modal-panel{max-height:94vh} .duveo-studio-upload-dropdown{max-height:64vh} } /* 5.1.5 · Reparación de formularios flotantes */ .duveo-studio-modal.is-open .duveo-studio-modal-panel{ min-height:520px!important; max-height:88vh!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; } .duveo-studio-modal.is-open .duveo-studio-modal-head{ flex:0 0 auto!important; } .duveo-studio-modal.is-open .duveo-studio-modal-form{ display:grid!important; visibility:visible!important; opacity:1!important; height:auto!important; min-height:320px!important; flex:1 1 auto!important; overflow:auto!important; padding:20px 22px 24px!important; gap:15px!important; } .duveo-studio-modal.is-open .duveo-studio-modal-form[hidden]{ display:grid!important; } .duveo-studio-form-ready{ display:flex!important;align-items:center;gap:10px;padding:10px 12px; border:1px solid #dcefe3;background:#f6fff9;border-radius:10px; } .duveo-studio-form-ready>span{ width:28px;height:28px;border-radius:50%;display:grid;place-items:center; background:#16a05d;color:#fff;font-weight:900;flex:0 0 28px } .duveo-studio-form-ready strong,.duveo-studio-form-ready small{display:block} .duveo-studio-form-ready small{color:#667085;margin-top:2px} .duveo-studio-upload-card[data-duveo-bunny-upload-zone]{display:grid!important} @media(max-width:620px){ .duveo-studio-modal.is-open .duveo-studio-modal-panel{min-height:78vh!important;max-height:94vh!important} .duveo-studio-modal.is-open .duveo-studio-modal-form{padding:16px!important} } /* 5.1.6 · Correcciones al formulario flotante de Estados */ .duveo-state-ring .duveo-avatar-media{ padding:3px!important; background:#fff!important; box-shadow:0 0 0 3px #fff inset!important; } .duveo-card-meta .duveo-avatar-media{ width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important; } .duveo-state-create-modal.is-open{ display:flex!important; align-items:center!important; justify-content:center!important; padding:18px!important; } .duveo-state-create-card{ width:min(640px,calc(100vw - 28px))!important; background:#fff!important; border-radius:22px!important; display:flex!important; flex-direction:column!important; max-height:88vh!important; overflow:hidden!important; box-shadow:0 28px 80px rgba(15,23,42,.24)!important; } .duveo-state-create-head{ flex:0 0 auto!important; padding:16px 18px!important; background:#fff!important; } .duveo-quick-state-form{ display:grid!important; gap:14px!important; visibility:visible!important; opacity:1!important; height:auto!important; min-height:0!important; padding:0 18px 18px!important; overflow:auto!important; } .duveo-state-create-note{ display:flex;align-items:center;gap:10px; padding:10px 12px;border:1px solid #eceef2;border-radius:12px;background:#fafbfc; color:#667085;font-size:12px;line-height:1.45; } .duveo-state-create-drop{ min-height:320px!important; border-radius:20px!important; background:#f6f7f9!important; } .duveo-state-create-preview{ position:absolute!important; inset:0!important; display:grid!important; place-items:center!important; align-content:center!important; gap:8px!important; padding:24px!important; } .duveo-state-create-preview img,.duveo-state-create-preview video{ object-fit:cover!important; border-radius:20px!important; } .duveo-state-create-preview strong, .duveo-state-create-preview small{ position:relative; z-index:2; text-align:center; } .duveo-state-create-camera{ position:relative; z-index:2; } .duveo-state-create-caption{ display:grid!important; gap:8px!important; margin-top:0!important; width:100%!important; } .duveo-state-create-caption span{ display:block!important; font-weight:700!important; color:#111827!important; } .duveo-state-create-caption textarea{ width:100%!important; min-width:100%!important; max-width:100%!important; display:block!important; border:1px solid #d8dee6!important; border-radius:14px!important; padding:12px 14px!important; resize:vertical!important; background:#fff!important; box-sizing:border-box!important; } .duveo-state-create-actions{ display:flex!important; justify-content:flex-end!important; gap:10px!important; margin-top:2px!important; padding-top:2px!important; } @media(max-width:620px){ .duveo-state-create-modal.is-open{align-items:flex-end!important;padding:0!important} .duveo-state-create-card{ width:100%!important; max-width:none!important; border-radius:22px 22px 0 0!important; max-height:92vh!important; } .duveo-quick-state-form{ padding:0 14px 16px!important; } .duveo-state-create-drop{ min-height:44vh!important; } } /* 5.1.7 · Bunny heredado en formularios */ .duveo-bunny-file-name{display:block;margin-top:5px;font-size:11px;color:#667085;font-weight:600} .duveo-bunny-upload-status,.duveo-state-bunny-status{ display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce4ec;border-radius:11px;background:#f8fafc } .duveo-bunny-upload-status strong,.duveo-bunny-upload-status small, .duveo-state-bunny-status strong,.duveo-state-bunny-status small{display:block} .duveo-bunny-upload-status small,.duveo-state-bunny-status small{margin-top:2px;color:#667085} .duveo-bunny-dot{width:11px;height:11px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.12);flex:0 0 11px} .duveo-bunny-upload-status.is-connected .duveo-bunny-dot,.duveo-state-bunny-status .duveo-bunny-dot{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)} .duveo-bunny-upload-status.is-ready{border-color:#bbefcf;background:#f5fff8} .duveo-bunny-upload-status.is-ready .duveo-bunny-dot,.duveo-state-bunny-status.is-ready .duveo-bunny-dot{background:#0a8a4b} .duveo-bunny-upload-status.is-disconnected{border-color:#fed7aa;background:#fffaf3} .duveo-bunny-upload-status.is-disconnected .duveo-bunny-dot{background:#f59e0b} .duveo-bunny-progress{display:flex;align-items:center;gap:10px} .duveo-bunny-progress>div{flex:1;height:8px;border-radius:999px;background:#eceff3;overflow:hidden} .duveo-bunny-progress [data-video-progress-bar]{display:block;height:100%;width:0;background:#ef233c;border-radius:inherit;transition:width .2s ease} .duveo-bunny-progress p{margin:0;min-width:42px;text-align:right;font-size:11px;font-weight:800} .duveo-bunny-duration{display:block;color:#667085;font-size:11px;margin-top:-6px} /* 5.1.8 · Selector de archivo confiable y proveedor oculto */ .duveo-studio-upload-card{ grid-template-columns:48px minmax(0,1fr) auto!important; overflow:visible!important; } .duveo-studio-upload-card .duveo-native-video-input{ 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; opacity:0!important;pointer-events:none!important; } .duveo-upload-copy{min-width:0} .duveo-select-video-button{ position:relative;z-index:5; display:inline-flex;align-items:center;justify-content:center; min-height:40px;padding:0 15px;border-radius:9px; background:#ef233c;color:#fff;font-weight:800;font-size:12px; cursor:pointer;white-space:nowrap;user-select:none; } .duveo-select-video-button:hover{filter:brightness(.96)} .duveo-select-video-button:focus-visible{outline:3px solid rgba(239,35,60,.25);outline-offset:3px} .duveo-bunny-upload-status,.duveo-state-bunny-status{background:#f8fafc} .duveo-bunny-upload-status strong,.duveo-state-bunny-status strong{color:#1f2937} @media(max-width:620px){ .duveo-studio-upload-card{grid-template-columns:44px minmax(0,1fr)!important} .duveo-select-video-button{grid-column:1/-1;width:100%;margin-top:4px} } /* 5.1.9 · Compatibilidad del cargador heredado, sin marca visible */ .duveo-studio-modal-form[data-duveo-video-upload], .duveo-quick-state-form[data-duveo-video-upload]{ visibility:visible!important; opacity:1!important; } .duveo-native-video-input:focus + .duveo-select-video-button, .duveo-native-video-input:focus-visible + .duveo-select-video-button{ outline:3px solid rgba(239,35,60,.24); outline-offset:3px; } /* 5.1.10 · Selector de video nativo y siempre clicable */ .duveo-file-button-wrap{ position:relative!important; z-index:8!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:152px!important; min-height:42px!important; border-radius:9px!important; overflow:hidden!important; } .duveo-file-button-wrap .duveo-select-video-button{ position:relative!important; z-index:1!important; width:100%!important; height:100%!important; min-height:42px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 16px!important; pointer-events:none!important; } .duveo-studio-upload-card .duveo-file-button-wrap .duveo-native-video-input{ position:absolute!important; z-index:5!important; inset:0!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; opacity:0!important; clip:auto!important; clip-path:none!important; white-space:normal!important; overflow:visible!important; pointer-events:auto!important; cursor:pointer!important; } .duveo-bunny-upload-status.is-ready-to-select .duveo-bunny-dot{ background:#64748b!important; box-shadow:0 0 0 4px rgba(100,116,139,.12)!important; } @media(max-width:620px){ .duveo-file-button-wrap{ grid-column:1/-1!important; width:100%!important; min-width:100%!important; } } /* 5.1.11 · File picker: real button + native input opened on user gesture */ .duveo-file-button-wrap{ position:relative!important; z-index:10!important; display:inline-flex!important; min-width:152px!important; min-height:42px!important; overflow:visible!important; } .duveo-file-button-wrap .duveo-select-video-button{ position:relative!important; z-index:10!important; width:100%!important; min-height:42px!important; border:0!important; border-radius:9px!important; background:#ef233c!important; color:#fff!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 16px!important; font:inherit!important; font-size:12px!important; font-weight:800!important; cursor:pointer!important; pointer-events:auto!important; } .duveo-studio-upload-card .duveo-file-button-wrap .duveo-native-video-input{ position:absolute!important; left:-10000px!important; top:auto!important; width:1px!important; height:1px!important; min-width:1px!important; min-height:1px!important; max-width:1px!important; max-height:1px!important; margin:0!important; padding:0!important; opacity:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; pointer-events:none!important; } @media(max-width:620px){ .duveo-file-button-wrap{width:100%!important;min-width:100%!important} } /* 5.1.13 · Estado de conexión del plugin único */ .duveo-studio-form-ready.is-warning{border-color:#fed7aa!important;background:#fffaf3!important} .duveo-studio-form-ready.is-warning>span{background:#f59e0b!important} /* 5.1.15 · Vista previa de mini portada automática */ .duveo-auto-thumbnail-preview{ display:flex; align-items:center; gap:12px; margin-top:10px; padding:10px 12px; border:1px solid #dce4ec; border-radius:12px; background:#fff; } .duveo-auto-thumbnail-preview img{ width:88px; height:50px; object-fit:cover; border-radius:8px; background:#eef2f6; flex:0 0 88px; } .duveo-auto-thumbnail-preview strong{display:block;font-size:13px} .duveo-auto-thumbnail-preview small{display:block;color:#667085;margin-top:2px} /* 5.1.16 · Perfil del creador */ .duveo-account-profile-head{align-items:center;margin-bottom:12px} .duveo-account-profile-head h1{margin:3px 0 5px;font-size:34px;letter-spacing:-.035em} .duveo-account-profile-head p{margin:0;color:var(--duveo-muted)} .duveo-account-saved{margin:14px 0} .duveo-creator-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start} .duveo-creator-profile-form{display:grid;gap:18px;min-width:0} .duveo-profile-visual-card,.duveo-profile-form-card,.duveo-profile-preview-card,.duveo-profile-tips-card{ border:1px solid var(--duveo-line);border-radius:18px;background:#fff;overflow:hidden } .duveo-profile-cover{height:188px;background:linear-gradient(120deg,#101827 0%,#243b66 48%,#ef233c 150%);position:relative;background-size:cover;background-position:center} .duveo-profile-cover:after,.duveo-profile-preview-cover:after,.duveo-channel-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(15,23,42,.28) 100%);pointer-events:none} .duveo-profile-cover-action{position:absolute;z-index:2;right:16px;top:16px;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.65);border-radius:10px;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.12)} .duveo-profile-cover-action input,.duveo-profile-avatar-action input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none} .duveo-profile-avatar-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:0 22px 16px;margin-top:-48px;position:relative;z-index:3} .duveo-profile-avatar-editor{position:relative;width:116px;height:116px} .duveo-profile-avatar-editor .duveo-avatar-media{width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;max-width:112px!important;max-height:112px!important;border:4px solid #fff!important;box-shadow:0 8px 25px rgba(15,23,42,.15)} .duveo-profile-avatar-action{position:absolute;right:0;bottom:3px;width:34px;height:34px;border-radius:50%;background:#ef233c;color:#fff;border:3px solid #fff;display:grid;place-items:center;cursor:pointer;font-size:19px;font-weight:800} .duveo-profile-identity{padding-top:46px;min-width:0} .duveo-profile-identity h2{margin:2px 0 3px;font-size:24px;line-height:1.1}.duveo-profile-identity p{margin:0;color:#667085} .duveo-profile-media-actions{padding-top:44px;display:grid;gap:6px;justify-items:end}.duveo-profile-remove{font-size:11px;color:#667085;white-space:nowrap} .duveo-profile-image-help{margin:0;padding:0 22px 18px;color:#667085;font-size:11px} .duveo-profile-form-card{padding:22px} .duveo-profile-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.duveo-profile-section-head h2,.duveo-profile-section-head h3{margin:0}.duveo-profile-section-head p{margin:4px 0 0;color:#667085;font-size:12px} .duveo-profile-section-head--social{margin-top:8px} .duveo-profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .duveo-profile-field{display:grid;gap:7px;margin-bottom:14px;font-size:12px;font-weight:800;color:#374151} .duveo-profile-field input,.duveo-profile-field select,.duveo-profile-field textarea{width:100%;border:1px solid #dfe3e8;border-radius:11px;background:#fff;padding:11px 12px;font:inherit;font-weight:500;color:#111827;box-sizing:border-box} .duveo-profile-field textarea{resize:vertical;min-height:118px}.duveo-profile-field small{color:#7b8492;font-weight:500} .duveo-profile-field.is-readonly input{background:#f7f8fa;color:#667085} .duveo-profile-form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf0f2;padding-top:18px;margin-top:4px} .duveo-profile-side{display:grid;gap:16px;position:sticky;top:82px} .duveo-profile-preview-cover{height:96px;background:linear-gradient(120deg,#111827,#2f4770 58%,#ef233c 145%);background-size:cover;background-position:center;position:relative} .duveo-profile-preview-body{padding:0 18px 18px;text-align:center} .duveo-profile-preview-avatar{margin:-42px auto 8px;border:4px solid #fff!important;box-shadow:0 8px 20px rgba(15,23,42,.13)} .duveo-profile-preview-body h3{margin:4px 0;font-size:19px}.duveo-profile-preview-body>span{font-size:12px;color:#667085}.duveo-profile-preview-body p{font-size:12px;color:#4b5563;line-height:1.45} .duveo-profile-preview-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;margin:15px 0;padding:12px 0} .duveo-profile-preview-stats div+div{border-left:1px solid #edf0f2}.duveo-profile-preview-stats strong,.duveo-profile-preview-stats small{display:block}.duveo-profile-preview-stats strong{font-size:18px}.duveo-profile-preview-stats small{font-size:10px;color:#667085;margin-top:2px} .duveo-profile-preview-body .duveo-btn{width:100%;justify-content:center} .duveo-profile-tips-card{padding:18px}.duveo-profile-tips-card h3{margin:0 0 7px}.duveo-profile-tips-card p{margin:0 0 12px;color:#667085;font-size:12px;line-height:1.5}.duveo-profile-tips-card a{color:#ef233c;text-decoration:none;font-weight:800;font-size:12px} .duveo-profile-logout{width:100%;justify-content:center} /* Canal público del creador */ .duveo-channel-hero{border:1px solid var(--duveo-line);border-radius:20px;background:#fff;overflow:hidden;margin-bottom:18px} .duveo-channel-cover{height:235px;background:linear-gradient(120deg,#101827 0%,#273d65 52%,#ef233c 145%);background-size:cover;background-position:center;position:relative} .duveo-channel-profile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:end;padding:0 26px 22px;margin-top:-56px;position:relative;z-index:2} .duveo-channel-avatar{align-self:start}.duveo-channel-avatar .duveo-avatar-media{width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;max-width:112px!important;max-height:112px!important;border:5px solid #fff!important;box-shadow:0 10px 26px rgba(15,23,42,.16)} .duveo-channel-copy{padding-top:62px;min-width:0}.duveo-channel-copy h1{font-size:30px;letter-spacing:-.03em;margin:2px 0 2px}.duveo-channel-handle{color:#667085;font-size:13px}.duveo-channel-copy p{max-width:760px;color:#4b5563;line-height:1.5;margin:10px 0 8px}.duveo-channel-meta{font-size:11px;color:#667085} .duveo-channel-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.duveo-channel-social a{font-size:11px;font-weight:800;color:#ef233c;text-decoration:none} .duveo-channel-actions{display:flex;gap:8px;align-self:end;padding-bottom:4px}.duveo-channel-tabs{margin-bottom:18px} @media(max-width:1000px){ .duveo-creator-profile-layout{grid-template-columns:1fr}.duveo-profile-side{position:static;grid-template-columns:1fr 1fr}.duveo-profile-logout{grid-column:1/-1} .duveo-channel-profile{grid-template-columns:auto 1fr}.duveo-channel-actions{grid-column:1/-1;justify-content:flex-end} } @media(max-width:700px){ .duveo-account-profile-head{display:grid;gap:12px}.duveo-account-profile-head h1{font-size:29px} .duveo-profile-cover{height:138px}.duveo-profile-avatar-row{grid-template-columns:auto 1fr;padding:0 14px 14px;margin-top:-40px}.duveo-profile-avatar-editor{width:94px;height:94px}.duveo-profile-avatar-editor .duveo-avatar-media{width:90px!important;height:90px!important;min-width:90px!important;min-height:90px!important;max-width:90px!important;max-height:90px!important}.duveo-profile-identity{padding-top:39px}.duveo-profile-identity h2{font-size:20px}.duveo-profile-media-actions{grid-column:1/-1;padding-top:0;display:flex;justify-content:flex-start;justify-items:start}.duveo-profile-image-help{padding:0 14px 14px} .duveo-profile-form-card{padding:16px}.duveo-profile-form-grid{grid-template-columns:1fr}.duveo-profile-side{grid-template-columns:1fr} .duveo-channel-cover{height:155px}.duveo-channel-profile{grid-template-columns:1fr;text-align:center;justify-items:center;padding:0 16px 18px;margin-top:-48px}.duveo-channel-copy{padding-top:0}.duveo-channel-copy h1{font-size:25px}.duveo-channel-copy p{font-size:13px}.duveo-channel-social{justify-content:center}.duveo-channel-actions{grid-column:auto;justify-content:center;width:100%}.duveo-channel-actions .duveo-btn{flex:1;justify-content:center} } /* 5.1.17 · Mini portada automática inmediata */ .duveo-auto-thumbnail-preview{ display:flex!important; align-items:center; gap:12px; padding:10px 12px; margin-top:4px; border:1px solid #dce4ec; border-radius:12px; background:#fff; } .duveo-auto-thumbnail-preview[hidden]{display:none!important} .duveo-auto-thumbnail-preview img{ width:112px; aspect-ratio:16/9; height:auto; object-fit:cover; border-radius:8px; background:#eef2f6; flex:0 0 112px; } .duveo-auto-thumbnail-preview strong{display:block;font-size:12px;color:#111827} .duveo-auto-thumbnail-preview small{display:block;margin-top:2px;color:#667085;font-size:11px} .duveo-quick-state-form .duveo-auto-thumbnail-preview img{width:74px;aspect-ratio:9/16} /* 5.1.19 Estado viewer desktop + mobile */ .duveo-state-modal{display:none;position:fixed;inset:0;z-index:180;align-items:center;justify-content:center;padding:24px;background:rgba(2,6,16,.72);overflow:hidden;--duveo-state-bg:none} .duveo-state-modal::before{content:"";position:absolute;inset:-8%;background:var(--duveo-state-bg) center/cover no-repeat;filter:blur(42px) brightness(.28);transform:scale(1.08)} .duveo-state-modal::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(43,110,255,.18),transparent 42%),linear-gradient(180deg,rgba(3,8,18,.24),rgba(3,8,18,.72))} .duveo-state-modal.is-open{display:flex} .duveo-state-stage,.duveo-state-nav-panel{position:relative;z-index:2} .duveo-state-stage{display:flex;align-items:center;justify-content:center;width:min(100%,540px)} .duveo-state-viewer{width:min(100%,460px);aspect-ratio:9/16;border-radius:34px;overflow:hidden;background:#0d1016;position:relative;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.08) inset} .duveo-state-media-shell,.duveo-state-media-shell>[data-state-media],.duveo-state-media-shell>[data-state-media]>*{width:100%;height:100%} .duveo-state-media-shell{position:absolute;inset:0} .duveo-state-viewer img,.duveo-state-viewer video,.duveo-state-viewer iframe{object-fit:cover} .duveo-state-viewer::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 24%,transparent 58%,rgba(0,0,0,.46) 74%,rgba(0,0,0,.78) 100%);pointer-events:none} .duveo-state-topbar,.duveo-state-action-rail,.duveo-state-comments,.duveo-state-bottom,.duveo-state-progress{position:absolute;z-index:4} .duveo-state-progress{top:14px;left:18px;right:18px;display:flex;gap:6px;height:auto;background:none} .duveo-state-progress span{flex:1;height:4px;border-radius:999px;background:rgba(255,255,255,.28);overflow:hidden} .duveo-state-progress span::after{content:"";display:block;width:0;height:100%;background:#fff;transition:width .25s ease} .duveo-state-progress span.is-done::after,.duveo-state-progress span.is-active::after{width:100%} .duveo-state-topbar{left:18px;right:18px;top:34px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .duveo-state-profile{display:flex;align-items:center;gap:12px;min-width:0} .duveo-state-profile-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#1d5dff,#f83a6f);padding:2px;flex:0 0 52px} .duveo-state-profile-avatar img,.duveo-state-profile-avatar span{width:100%;height:100%;border-radius:50%;background:#1a1d25;display:grid;place-items:center;font-weight:800;font-size:19px;color:#fff} .duveo-state-profile-meta{min-width:0}.duveo-state-profile-meta strong{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.2}.duveo-state-profile-meta small{display:flex;align-items:center;gap:8px;opacity:.92;font-size:13px} .duveo-state-top-actions{display:flex;align-items:center;gap:10px} .duveo-state-audio,.duveo-state-close,.duveo-state-nav-panel{border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.15);backdrop-filter:blur(12px)} .duveo-state-audio,.duveo-state-close{width:48px;height:48px}.duveo-state-audio svg{width:21px;stroke:currentColor;fill:none}.duveo-state-close{font-size:31px;line-height:1} .duveo-state-nav-panel{width:64px;height:64px;font-size:42px}.duveo-state-nav-panel.is-prev{margin-right:18px}.duveo-state-nav-panel.is-next{margin-left:18px} .duveo-state-action-rail{right:16px;top:34%;display:flex;flex-direction:column;gap:12px;align-items:center} .duveo-state-rail-btn{width:56px;min-height:56px;padding:10px 8px;border-radius:999px;border:0;background:rgba(15,18,28,.42);backdrop-filter:blur(14px);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 8px 28px rgba(0,0,0,.18)} .duveo-state-rail-btn svg{width:22px;height:22px;stroke:currentColor;fill:none}.duveo-state-rail-btn small{font-size:12px;font-weight:700;line-height:1}.duveo-state-rail-btn.is-active{background:rgba(255,74,109,.22);color:#ff4f78} .duveo-state-comments{left:18px;right:92px;bottom:162px;display:flex;flex-direction:column;gap:10px} .duveo-state-comment-chip{display:flex;align-items:flex-start;gap:10px;max-width:280px;padding:10px 13px;border-radius:18px;background:rgba(18,20,28,.42);backdrop-filter:blur(16px);box-shadow:0 10px 24px rgba(0,0,0,.18)} .duveo-state-comment-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:14px;font-weight:800}.duveo-state-comment-avatar img,.duveo-state-comment-avatar span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%} .duveo-state-comment-chip strong,.duveo-state-comment-chip span{display:block}.duveo-state-comment-chip strong{font-size:13px;line-height:1.15;margin-bottom:2px}.duveo-state-comment-chip span{font-size:13px;line-height:1.35;color:rgba(255,255,255,.92)} .duveo-state-bottom{left:18px;right:18px;bottom:16px;padding:14px 14px 14px;border-radius:28px;background:linear-gradient(180deg,rgba(30,31,40,.34),rgba(8,10,17,.58));backdrop-filter:blur(18px);box-shadow:0 14px 34px rgba(0,0,0,.2)} .duveo-state-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)} .duveo-state-metric{display:flex;align-items:center;justify-content:center;gap:10px;text-align:left}.duveo-state-metric-icon{width:22px;height:22px;display:grid;place-items:center;color:#fff}.duveo-state-metric-icon svg{width:22px;height:22px;stroke:currentColor;fill:none}.duveo-state-metric strong{display:block;font-size:18px;line-height:1.05}.duveo-state-metric small{display:block;font-size:12px;opacity:.84;margin-top:2px} .duveo-state-comment-form{display:grid;grid-template-columns:44px 1fr 50px;gap:12px;align-items:center}.duveo-state-emoji-btn,.duveo-state-send{border:0;border-radius:50%;height:44px;width:44px;display:grid;place-items:center}.duveo-state-emoji-btn{background:rgba(255,255,255,.12);color:#fff;font-size:22px}.duveo-state-send{background:#2f74ff;color:#fff;justify-self:end}.duveo-state-send svg{width:18px;height:18px;stroke:currentColor;fill:none} .duveo-state-comment-form input{width:100%;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.1);color:#fff;padding:0 18px;font-size:15px}.duveo-state-comment-form input::placeholder{color:rgba(255,255,255,.62)}.duveo-state-comment-form input:focus{outline:none;border-color:rgba(99,149,255,.6)} @media (max-width:1024px){.duveo-state-nav-panel{display:none}.duveo-state-stage{width:100%}.duveo-state-viewer{width:min(100%,420px)}} @media (max-width:768px){.duveo-state-modal{padding:0;background:#000}.duveo-state-modal::before,.duveo-state-modal::after{display:none}.duveo-state-stage{width:100%;height:100%}.duveo-state-viewer{width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}.duveo-state-progress{top:10px;left:12px;right:12px}.duveo-state-topbar{top:22px;left:12px;right:12px}.duveo-state-profile-avatar{width:46px;height:46px;flex-basis:46px}.duveo-state-top-actions{gap:8px}.duveo-state-audio,.duveo-state-close{width:44px;height:44px}.duveo-state-action-rail{right:10px;top:36%;gap:10px}.duveo-state-rail-btn{width:52px;min-height:52px;padding:9px 6px}.duveo-state-comments{left:12px;right:74px;bottom:176px}.duveo-state-comment-chip{max-width:none;padding:9px 11px}.duveo-state-bottom{left:10px;right:10px;bottom:10px;padding:12px;border-radius:22px}.duveo-state-metrics{padding-bottom:12px;margin-bottom:12px}.duveo-state-metric strong{font-size:17px}.duveo-state-comment-form{grid-template-columns:42px 1fr 46px;gap:10px}.duveo-state-emoji-btn,.duveo-state-send{width:42px;height:42px}.duveo-state-comment-form input{height:44px;font-size:14px}} /* 5.1.24 Estados: previsualización lateral, avance automático y menú Más */ .duveo-state-side-preview{position:relative;z-index:2;width:220px;height:390px;border:0;border-radius:28px;overflow:hidden;padding:0;background:rgba(10,14,24,.72);color:#fff;box-shadow:0 24px 64px rgba(0,0,0,.3);opacity:.72;transform:scale(.92);transition:transform .2s ease,opacity .2s ease;cursor:pointer} .duveo-state-side-preview:hover{opacity:1;transform:scale(.96)} .duveo-state-side-preview.is-prev{margin-right:36px}.duveo-state-side-preview.is-next{margin-left:36px} .duveo-state-side-thumb{position:absolute;inset:0;background:center/cover no-repeat}.duveo-state-side-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.72))} .duveo-state-side-meta{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;text-align:left}.duveo-state-side-meta strong,.duveo-state-side-meta small{display:block}.duveo-state-side-meta strong{font-size:15px;margin-bottom:4px}.duveo-state-side-meta small{font-size:12px;opacity:.82} .duveo-state-progress span.is-active.is-timed::after{animation:duveoStateProgress var(--duveo-state-progress-ms,6000ms) linear forwards} @keyframes duveoStateProgress{from{width:0}to{width:100%}} .duveo-state-more-menu{position:absolute;right:78px;top:52%;z-index:7;width:190px;padding:8px;border-radius:18px;background:rgba(16,18,26,.88);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.08)} .duveo-state-more-menu[hidden]{display:none!important}.duveo-state-more-menu button{width:100%;height:42px;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:12px;text-align:left}.duveo-state-more-menu button:hover{background:rgba(255,255,255,.1)}.duveo-state-more-menu svg{width:18px;height:18px;stroke:currentColor;fill:none} @media(max-width:1180px){.duveo-state-side-preview{width:170px;height:310px}.duveo-state-side-preview.is-prev{margin-right:18px}.duveo-state-side-preview.is-next{margin-left:18px}} @media(max-width:1024px){.duveo-state-side-preview{display:none}} @media(max-width:768px){.duveo-state-more-menu{right:70px;top:50%;width:178px;border-radius:16px}} /* 5.1.24 · página de Momentos renovada */ .page-template-page-momentos .duveo-main{background:#fafafa} .duveo-momentos-page{display:grid;gap:18px} .duveo-momentos-head{margin-bottom:0}.duveo-momentos-head h1{margin:0;font-size:34px;line-height:1.02}.duveo-momentos-head p{margin:6px 0 0;color:var(--duveo-muted);font-size:15px} .duveo-momentos-tabs{display:flex;gap:10px;flex-wrap:wrap;overflow-x:auto;padding-bottom:2px}.duveo-momentos-tabs .duveo-chip{padding:12px 18px;font-weight:700;border-radius:999px;background:#fff;border:1px solid var(--duveo-line)}.duveo-momentos-tabs .duveo-chip.is-active{background:#ff3a2f;border-color:#ff3a2f;color:#fff} .duveo-momentos-layout{display:grid;grid-template-columns:minmax(320px,1fr) 78px minmax(320px,360px);gap:22px;align-items:start;background:#fff;border:1px solid #ececf0;border-radius:28px;padding:22px;box-shadow:0 20px 50px rgba(22,26,40,.06)} .duveo-momentos-primary{min-width:0}.duveo-momentos-frame{position:relative;max-width:680px;margin:0 auto;border-radius:26px;overflow:hidden;background:#121317;aspect-ratio:9/12;box-shadow:0 24px 55px rgba(0,0,0,.12)} .duveo-momentos-frame video,.duveo-momentos-frame iframe{width:100%;height:100%;display:block;border:0;object-fit:cover;background:#000}.duveo-momentos-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 40%,transparent 60%,rgba(0,0,0,.35) 82%,rgba(0,0,0,.62));pointer-events:none}.duveo-momentos-frame.is-unavailable::after{display:none} .duveo-momentos-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:#fff;background:#0f1116}.duveo-momentos-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}.duveo-momentos-fallback>div{position:relative;z-index:1;max-width:300px}.duveo-momentos-fallback strong{display:block;font-size:22px;margin-bottom:6px} .duveo-momentos-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:98px;height:98px;border-radius:50%;border:0;background:rgba(20,18,18,.42);color:#fff;display:grid;place-items:center;backdrop-filter:blur(10px);box-shadow:0 14px 40px rgba(0,0,0,.24)}.duveo-momentos-play svg{width:44px;height:44px;stroke:currentColor;fill:none}.duveo-momentos-frame.is-playing .duveo-momentos-play{opacity:0;pointer-events:none} .duveo-momentos-controlbar{position:absolute;left:16px;right:16px;bottom:12px;z-index:4;display:grid;gap:10px}.duveo-momentos-progress{height:5px;border-radius:999px;background:rgba(255,255,255,.25);overflow:hidden}.duveo-momentos-progress span{display:block;height:100%;width:0;background:#ff3026;border-radius:inherit}.duveo-momentos-controlmeta{display:flex;align-items:center;gap:12px;color:#fff}.duveo-momentos-mini-play,.duveo-momentos-audio,.duveo-momentos-expand{border:0;background:transparent;color:#fff;padding:0;display:grid;place-items:center}.duveo-momentos-mini-play svg,.duveo-momentos-audio svg{width:19px;height:19px;stroke:currentColor;fill:none}.duveo-momentos-time{font-size:14px;font-weight:700;letter-spacing:.01em}.duveo-momentos-righticons{margin-left:auto;display:flex;gap:10px;align-items:center}.duveo-momentos-expand{font-size:18px} .duveo-momentos-desktop-meta{max-width:680px;margin:16px auto 0}.duveo-momentos-creatorline{align-items:center;margin-bottom:12px}.duveo-momentos-desktop-meta h2{font-size:16px;line-height:1.3;margin:0 0 6px}.duveo-momentos-desktop-meta p{margin:0;color:#464b57;font-size:14px;line-height:1.55} .duveo-momentos-actions-rail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding-top:140px}.duveo-momentos-actions-rail .duveo-round-action{width:62px;min-height:62px;border-radius:999px;background:#fff;box-shadow:none;border:1px solid var(--duveo-line);color:#16181d}.duveo-momentos-actions-rail .duveo-round-action svg{width:24px;height:24px;stroke:currentColor;fill:none}.duveo-momentos-actions-rail .duveo-round-action small{font-size:22px;line-height:1;font-weight:800;color:#21242b;margin-top:5px}.duveo-momentos-actions-rail .duveo-round-action.is-active{color:#ff3a2f;border-color:#ffd1cd;background:#fff5f4}.duveo-momentos-moremenu .duveo-more-pop{right:auto;left:100%;margin-left:10px} .duveo-momentos-side{display:grid;gap:18px;min-width:0}.duveo-momentos-commentsbox,.duveo-momentos-nextbox{background:#fff;border:1px solid var(--duveo-line);border-radius:18px;padding:16px}.duveo-momentos-commentsbox .duveo-section-head h3,.duveo-momentos-nextbox .duveo-section-head h3{margin:0;font-size:15px} .duveo-comment-list{display:grid;gap:16px;max-height:470px;overflow:auto;padding-right:6px}.duveo-comment--rich{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;gap:12px;align-items:start}.duveo-comment-avatar,.duveo-comment-avatar .duveo-avatar,.duveo-comment-initial{width:42px;height:42px;border-radius:50%}.duveo-comment-avatar{display:grid;place-items:center;overflow:hidden;background:#f0f2f7}.duveo-comment-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.duveo-comment-initial{display:grid;place-items:center;font-weight:800;color:#222;background:#f0f2f7}.duveo-comment-avatar--small,.duveo-comment-avatar--small .duveo-avatar,.duveo-comment-avatar--small .duveo-comment-initial{width:34px;height:34px}.duveo-comment-body{min-width:0}.duveo-comment-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.duveo-comment-top strong{font-size:15px}.duveo-comment-top small{font-size:13px;color:#777}.duveo-comment-body p{margin:0;color:#373b46;line-height:1.48}.duveo-comment-meta{display:flex;gap:18px;align-items:center;margin-top:10px;color:#666;font-size:13px}.duveo-comment-menu{border:0;background:transparent;color:#656b77;font-size:18px;line-height:1;padding-top:4px} .duveo-momentos-commentform{display:grid;grid-template-columns:34px minmax(0,1fr) 36px;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--duveo-line)}.duveo-momentos-commentform input{height:40px;border-radius:12px;border:1px solid var(--duveo-line);background:#fbfbfd;padding:0 14px}.duveo-momentos-commentform button{width:36px;height:36px;border-radius:50%;border:1px solid var(--duveo-line);background:#fff;color:#666} .duveo-momentos-nextitem{display:grid;grid-template-columns:118px minmax(0,1fr) 12px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eff1f5;color:inherit}.duveo-momentos-nextitem:last-child{border-bottom:0}.duveo-momentos-nextitem img{width:118px;height:78px;border-radius:12px;object-fit:cover}.duveo-momentos-nextitem strong,.duveo-momentos-nextitem small{display:block}.duveo-momentos-nextitem strong{font-size:14px;line-height:1.35;margin-bottom:4px}.duveo-momentos-nextitem small{font-size:12px;color:#6a6f7b;line-height:1.35}.duveo-momentos-nextitem b{font-size:16px;color:#676d79;font-weight:700} .duveo-momentos-mobile-creator,.duveo-momentos-mobile-actions{display:none} @media(max-width:1180px){.duveo-momentos-layout{grid-template-columns:minmax(280px,1fr) 72px minmax(280px,340px)}.duveo-momentos-frame{max-width:600px}.duveo-momentos-nextitem{grid-template-columns:100px minmax(0,1fr) 12px}.duveo-momentos-nextitem img{width:100px;height:68px}} @media(max-width:980px){.duveo-momentos-layout{grid-template-columns:minmax(0,1fr);gap:16px;padding:14px;background:transparent;border:0;box-shadow:none}.duveo-momentos-actions-rail{display:none}.duveo-momentos-primary{order:1}.duveo-momentos-side{order:2}.duveo-momentos-desktop-meta{display:none}.duveo-momentos-mobile-creator,.duveo-momentos-mobile-actions{display:block}.duveo-momentos-frame{max-width:none;height:calc(100dvh - 250px);min-height:580px;border-radius:26px}.duveo-momentos-mobile-creator{position:absolute;left:14px;right:82px;bottom:92px;z-index:4;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}.duveo-momentos-mobile-creator .duveo-creator-line{margin-bottom:10px}.duveo-momentos-mobile-creator .duveo-creator-line__meta small,.duveo-momentos-mobile-creator p{color:rgba(255,255,255,.88)}.duveo-momentos-mobile-creator h2{font-size:30px;line-height:1.04;margin:0 0 8px}.duveo-momentos-mobile-creator p{margin:0;font-size:14px;line-height:1.4}.duveo-momentos-mobile-actions{position:absolute;right:10px;bottom:96px;z-index:5;display:flex;flex-direction:column;gap:10px}.duveo-momentos-mobile-actions .duveo-round-action{border:0;background:rgba(15,16,22,.42);color:#fff;width:54px;min-height:54px;backdrop-filter:blur(12px)}.duveo-momentos-mobile-actions .duveo-round-action strong{font-size:20px;line-height:1;color:#fff}.duveo-momentos-mobile-actions .duveo-round-action.is-active{color:#ff4b68}.duveo-momentos-mobile-actions .duveo-round-action svg{width:22px;height:22px;stroke:currentColor;fill:none}.duveo-momentos-mobile-actions .duveo-more-menu .duveo-more-pop{left:auto;right:100%;margin-right:10px;margin-left:0}.duveo-momentos-controlbar{left:12px;right:12px;bottom:14px}.duveo-momentos-side{display:none;position:fixed;left:0;right:0;bottom:62px;z-index:160;background:#fff;border-radius:24px 24px 0 0;padding:16px 16px 22px;max-height:72vh;overflow:auto;box-shadow:0 -16px 48px rgba(0,0,0,.25)}.duveo-momentos-page.is-comments-open .duveo-momentos-side{display:grid}.duveo-comments-close{display:inline-flex}.duveo-comment-list{max-height:none}.duveo-momentos-nextbox{padding-top:8px}} @media(max-width:720px){.duveo-momentos-head h1{font-size:28px}.duveo-momentos-head p{font-size:14px}.duveo-momentos-tabs{flex-wrap:nowrap}.duveo-momentos-tabs .duveo-chip{padding:10px 16px;font-size:14px}.duveo-momentos-frame{height:calc(100dvh - 220px);min-height:520px;border-radius:20px}.duveo-momentos-mobile-creator h2{font-size:21px}.duveo-momentos-mobile-actions .duveo-round-action{width:48px;min-height:48px;padding:8px 4px}.duveo-momentos-mobile-actions .duveo-round-action strong{font-size:14px}.duveo-momentos-play{width:82px;height:82px}.duveo-momentos-play svg{width:38px;height:38px}} /* 5.1.24 · refinamientos Momentos */ .duveo-momentos-sheet-backdrop{display:none} .duveo-momentos-commentsbox{position:sticky;top:18px} .duveo-momentos-inline-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;color:#656b77;font-size:13px}.duveo-momentos-inline-stats strong{color:#191c23;font-size:14px} .duveo-momentos-mobile-stats{margin-top:10px;font-size:13px;color:rgba(255,255,255,.92)} @media(max-width:980px){ .duveo-momentos-sheet-backdrop{position:fixed;inset:0;background:rgba(6,9,14,.45);backdrop-filter:blur(2px);z-index:150} .duveo-momentos-page.is-comments-open .duveo-momentos-sheet-backdrop{display:block} .duveo-momentos-commentsbox{position:static;top:auto} } /* 5.1.24 · Momentos fidelidad visual al mockup */ @media(min-width:981px){ .page-template-page-momentos .duveo-main{max-width:1500px;padding-top:22px} .duveo-momentos-page{gap:12px} .duveo-momentos-head{padding-left:4px} .duveo-momentos-head h1{font-size:36px;letter-spacing:-.035em} .duveo-momentos-tabs{padding:0 0 2px 4px} .duveo-momentos-layout{grid-template-columns:minmax(500px,1fr) 68px 350px;gap:18px;padding:18px 18px 20px;border-radius:22px;box-shadow:0 10px 34px rgba(22,26,40,.045)} .duveo-momentos-frame{max-width:620px;aspect-ratio:9/13.4;border-radius:17px;box-shadow:0 12px 32px rgba(0,0,0,.09)} .duveo-momentos-play{width:84px;height:84px}.duveo-momentos-play svg{width:38px;height:38px} .duveo-momentos-actions-rail{padding-top:205px;gap:14px} .duveo-momentos-actions-rail .duveo-round-action{width:58px;min-height:58px;border:0;background:transparent;box-shadow:none;padding:0;gap:5px} .duveo-momentos-actions-rail .duveo-round-action svg{width:27px;height:27px;padding:12px;box-sizing:content-box;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.08)} .duveo-momentos-actions-rail .duveo-round-action small{font-size:13px;font-weight:600;margin-top:0;color:#222} .duveo-momentos-actions-rail .duveo-round-action.is-active svg{color:#ff2f4e;background:#fff5f6} .duveo-momentos-commentsbox,.duveo-momentos-nextbox{border-radius:15px;padding:14px 15px} .duveo-momentos-commentsbox{min-height:430px} .duveo-comment-list{max-height:345px;gap:14px} .duveo-comment--rich{grid-template-columns:38px minmax(0,1fr) 14px;gap:10px} .duveo-comment-avatar,.duveo-comment-avatar .duveo-avatar,.duveo-comment-initial{width:38px;height:38px} .duveo-comment-top strong{font-size:13px}.duveo-comment-top small{font-size:11px} .duveo-comment-body p{font-size:13px;line-height:1.38}.duveo-comment-meta{font-size:11px;margin-top:7px} .duveo-momentos-commentform{margin-top:9px;padding-top:9px} .duveo-momentos-nextitem{grid-template-columns:112px minmax(0,1fr) 10px;padding:8px 0}.duveo-momentos-nextitem img{width:112px;height:70px;border-radius:8px}.duveo-momentos-nextitem strong{font-size:12px}.duveo-momentos-nextitem small{font-size:10px} .duveo-momentos-desktop-meta{max-width:620px;margin-top:13px}.duveo-momentos-desktop-meta h2{font-size:15px}.duveo-momentos-desktop-meta p{font-size:13px} } @media(max-width:980px){ .page-template-page-momentos .duveo-main{max-width:none;padding-left:0;padding-right:0;padding-top:0;background:#fff} .duveo-momentos-page{gap:0} .duveo-momentos-head{display:none} .duveo-momentos-tabs{position:sticky;top:0;z-index:35;flex-wrap:nowrap;gap:8px;padding:9px 12px;background:#fff;border-bottom:1px solid #eceef2;scrollbar-width:none} .duveo-momentos-tabs::-webkit-scrollbar{display:none} .duveo-momentos-tabs .duveo-chip{padding:9px 14px;font-size:12px;white-space:nowrap} .duveo-momentos-layout{padding:0;gap:0} .duveo-momentos-frame{height:calc(100dvh - 176px);min-height:540px;border-radius:0;box-shadow:none;background:#000} .duveo-momentos-mobile-creator{left:13px;right:76px;bottom:82px} .duveo-momentos-mobile-creator .duveo-creator-line{gap:8px;margin-bottom:8px}.duveo-momentos-mobile-creator .duveo-avatar-media{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important} .duveo-momentos-mobile-creator h2{font-size:17px;margin-bottom:5px}.duveo-momentos-mobile-creator p{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.duveo-momentos-mobile-stats{font-size:11px;margin-top:6px} .duveo-momentos-mobile-actions{right:8px;bottom:82px;gap:7px}.duveo-momentos-mobile-actions .duveo-round-action{width:48px;min-height:48px;background:transparent;backdrop-filter:none;gap:2px;padding:0}.duveo-momentos-mobile-actions .duveo-round-action svg{width:24px;height:24px;padding:8px;border-radius:50%;box-sizing:content-box;background:rgba(255,255,255,.96);color:#111;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}.duveo-momentos-mobile-actions .duveo-round-action.is-active svg{color:#ff304d}.duveo-momentos-mobile-actions .duveo-round-action strong{font-size:11px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)} .duveo-momentos-controlbar{left:12px;right:12px;bottom:8px;gap:7px}.duveo-momentos-progress{height:4px}.duveo-momentos-time{font-size:11px}.duveo-momentos-mini-play svg,.duveo-momentos-audio svg{width:18px;height:18px} .duveo-momentos-play{width:72px;height:72px}.duveo-momentos-play svg{width:32px;height:32px} .duveo-momentos-side{bottom:58px;max-height:74vh;border-radius:22px 22px 0 0;padding:14px 14px 20px} } @media(max-width:720px){ .duveo-momentos-frame{height:calc(100dvh - 166px);min-height:500px} .duveo-momentos-tabs{padding-top:8px;padding-bottom:8px} } /* 5.1.24 · Sorpréndeme alineado al mockup */ .duveo-surprise-head{margin-bottom:8px}.duveo-surprise-head h1{margin:0;font-size:66px;line-height:.98;letter-spacing:-.04em}.duveo-surprise-head p{margin:8px 0 0;font-size:28px;color:#4f545f;line-height:1.1} .duveo-surprise-page{display:grid;gap:18px} .duveo-surprise-card{background:#fff;border:1px solid #ececf0;border-radius:28px;padding:0 0 22px;overflow:hidden;box-shadow:0 22px 50px rgba(15,22,40,.05)} .duveo-surprise-hero{display:block;position:relative;margin:0 20px 0;border-radius:24px;overflow:hidden;background:#101216;aspect-ratio:16/7.1}.duveo-surprise-hero img{width:100%;height:100%;object-fit:cover;display:block}.duveo-surprise-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.08))} .duveo-surprise-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;background:rgba(25,26,32,.42);backdrop-filter:blur(10px);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.18)}.duveo-surprise-play svg{width:42px;height:42px;stroke:currentColor;fill:none} .duveo-surprise-duration{position:absolute;right:16px;bottom:16px;z-index:2;border-radius:12px;padding:8px 12px;background:rgba(17,19,24,.72);backdrop-filter:blur(10px);font-size:17px;font-weight:800;color:#fff} .duveo-surprise-meta{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding:14px 22px 0}.duveo-surprise-creator .duveo-avatar{width:72px;height:72px;border-radius:50%}.duveo-surprise-titleblock h2{margin:0;font-size:32px;line-height:1.08;letter-spacing:-.03em}.duveo-surprise-subline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;color:#737885;font-size:16px}.duveo-surprise-subline .duveo-verified{margin-left:2px} .duveo-surprise-reason{display:flex;align-items:center;gap:14px;margin:14px 22px 0;padding:16px 18px;border-radius:16px;background:#fff2f1;color:#ff2a20;font-size:17px;line-height:1.25}.duveo-surprise-heart{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ff2a20;color:#fff;font-size:18px} .duveo-surprise-description{padding:12px 22px 0;margin:0;color:#424753;font-size:20px;line-height:1.42;max-width:1080px}.duveo-surprise-tags{display:flex;flex-wrap:wrap;gap:12px;padding:14px 22px 0}.duveo-surprise-tags .duveo-chip{background:#f3f4f6;border-color:#ebedf1;font-size:17px;padding:10px 18px} .duveo-surprise-links{padding:16px 22px 0}.duveo-surprise-links a{display:inline-flex;align-items:center;gap:10px;color:#ff2a20;font-weight:700}.duveo-surprise-links svg{width:18px;height:18px;stroke:currentColor;fill:none} .duveo-surprise-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:16px 22px 0}.duveo-surprise-actions .duveo-btn{min-height:56px;padding:0 24px;border-radius:18px;font-size:18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:12px}.duveo-surprise-actions .duveo-btn svg{width:18px;height:18px;stroke:currentColor;fill:none}.duveo-surprise-watch{min-width:336px;background:#ff2a20;border-color:#ff2a20}.duveo-surprise-another{min-width:324px}.duveo-surprise-dislike{border-color:transparent;background:transparent;color:#50545f;padding-left:8px;padding-right:8px;min-width:auto} @media (max-width:980px){ .duveo-surprise-head h1{font-size:46px}.duveo-surprise-head p{font-size:22px} .duveo-surprise-hero{aspect-ratio:16/8.8} .duveo-surprise-titleblock h2{font-size:28px}.duveo-surprise-description{font-size:18px} .duveo-surprise-watch,.duveo-surprise-another{min-width:260px} } @media (max-width:720px){ .duveo-surprise-head{margin-bottom:2px}.duveo-surprise-head h1{font-size:32px;letter-spacing:-.03em}.duveo-surprise-head p{font-size:16px;margin-top:6px} .duveo-surprise-card{border-radius:22px;padding-bottom:16px}.duveo-surprise-hero{margin:0 12px;aspect-ratio:16/11;border-radius:18px}.duveo-surprise-play{width:76px;height:76px}.duveo-surprise-play svg{width:34px;height:34px}.duveo-surprise-duration{right:10px;bottom:10px;font-size:14px;padding:6px 10px} .duveo-surprise-meta{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:12px 14px 0}.duveo-surprise-creator .duveo-avatar{width:48px;height:48px}.duveo-surprise-titleblock h2{font-size:19px}.duveo-surprise-subline{font-size:13px;gap:6px;margin-top:5px} .duveo-surprise-reason{margin:12px 14px 0;padding:12px 14px;border-radius:14px;font-size:14px;gap:10px}.duveo-surprise-heart{width:28px;height:28px;font-size:15px} .duveo-surprise-description{padding:10px 14px 0;font-size:16px;line-height:1.45}.duveo-surprise-tags{gap:8px;padding:12px 14px 0}.duveo-surprise-tags .duveo-chip{font-size:14px;padding:8px 14px} .duveo-surprise-links{padding:12px 14px 0}.duveo-surprise-links a{font-size:15px} .duveo-surprise-actions{display:grid;grid-template-columns:1fr;gap:10px;padding:14px 14px 0}.duveo-surprise-actions .duveo-btn{width:100%;min-width:0;min-height:52px;font-size:17px;border-radius:16px}.duveo-surprise-dislike{justify-content:center;border:1px solid var(--duveo-line);background:#fff;color:#50545f} } /* 5.1.25 · Sorpréndeme final/corregido */ .duveo-surprise-page{ max-width:1180px; margin:0 auto; } .duveo-surprise-card{ border-radius:22px; padding:0 0 18px; } .duveo-surprise-hero{ margin:0; border-radius:18px; aspect-ratio:16/7.15; } .duveo-surprise-meta{ padding:14px 0 0; grid-template-columns:70px minmax(0,1fr); } .duveo-surprise-creator{ display:block; width:64px; height:64px; } .duveo-surprise-creator .duveo-avatar-media, .duveo-surprise-creator .duveo-avatar{ width:64px!important; height:64px!important; min-width:64px!important; min-height:64px!important; border-radius:50%!important; } .duveo-surprise-titleblock h2 a, .duveo-surprise-subline a{ color:inherit; text-decoration:none; } .duveo-surprise-reason, .duveo-surprise-description, .duveo-surprise-tags, .duveo-surprise-links, .duveo-surprise-actions{ margin-left:0; margin-right:0; } .duveo-surprise-reason{ margin-top:12px; } .duveo-surprise-description{ padding-left:0; padding-right:0; } .duveo-surprise-tags, .duveo-surprise-links, .duveo-surprise-actions{ padding-left:0; padding-right:0; } .duveo-surprise-actions{ display:grid; grid-template-columns:minmax(260px,1.15fr) minmax(230px,1fr) auto; align-items:center; } .duveo-surprise-actions .duveo-btn{ min-width:0; width:100%; } .duveo-surprise-dislike{ white-space:nowrap; } .duveo-surprise-empty{ margin-top:16px; } @media(max-width:980px){ .duveo-surprise-page{max-width:100%} .duveo-surprise-actions{ grid-template-columns:1fr 1fr; } .duveo-surprise-dislike{ grid-column:1/-1; width:auto!important; justify-self:center; } } @media(max-width:720px){ .duveo-surprise-page{ margin:0; } .duveo-surprise-card{ border:0; border-radius:0; box-shadow:none; background:transparent; padding-bottom:10px; } .duveo-surprise-hero{ margin:0; border-radius:18px; aspect-ratio:16/11.2; } .duveo-surprise-meta{ padding:10px 2px 0; grid-template-columns:46px minmax(0,1fr); } .duveo-surprise-creator{ width:44px; height:44px; } .duveo-surprise-creator .duveo-avatar-media, .duveo-surprise-creator .duveo-avatar{ width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; } .duveo-surprise-reason{ margin:10px 0 0; padding:11px 12px; } .duveo-surprise-description{ padding:10px 0 0; font-size:14px; } .duveo-surprise-tags{ padding:10px 0 0; } .duveo-surprise-links{ padding:12px 0 0; } .duveo-surprise-actions{ grid-template-columns:1fr; gap:9px; padding:12px 0 0; } .duveo-surprise-dislike{ grid-column:auto; width:100%!important; justify-self:stretch; border:0; background:transparent; } } /* 5.1.26 · Siguiendo estable */ .duveo-following-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center} .duveo-following-empty .duveo-actions-row{justify-content:center;margin-top:8px} /* 5.1.27 · Momentos menos tradicional, más editorial/social */ .page-template-page-momentos .duveo-main{ background:linear-gradient(180deg,#f8f9fc 0%,#f3f5fa 100%); } .duveo-momentos-page{ gap:18px; } .duveo-momentos-head h1{ font-size:54px; line-height:.96; letter-spacing:-.045em; } .duveo-momentos-head p{ font-size:20px; margin-top:10px; color:#5f6572; } .duveo-momentos-tabs{ gap:12px; } .duveo-momentos-tabs .duveo-chip{ padding:12px 18px; border-radius:999px; background:rgba(255,255,255,.86); border:1px solid #e8ebf2; box-shadow:0 6px 18px rgba(16,24,40,.04); } .duveo-momentos-tabs .duveo-chip.is-active{ background:linear-gradient(180deg,#ff5a43 0%,#ff3b2f 100%); border-color:#ff3b2f; box-shadow:0 12px 26px rgba(255,59,47,.22); } .duveo-momentos-layout{ background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.88) 100%); border:1px solid #e8ebf2; border-radius:34px; padding:26px; box-shadow:0 24px 60px rgba(15,23,42,.06); align-items:start; } .duveo-momentos-frame{ background:#08090d; border-radius:28px; box-shadow:0 24px 60px rgba(0,0,0,.14); } .duveo-momentos-frame::before{ content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); pointer-events:none; z-index:1; } .duveo-momentos-controlbar{ left:18px; right:18px; bottom:16px; } .duveo-momentos-progress{ background:rgba(255,255,255,.18); height:6px; } .duveo-momentos-controlmeta{ padding:12px 14px; border-radius:18px; background:rgba(8,10,16,.36); backdrop-filter:blur(10px); } .duveo-momentos-desktop-meta{ max-width:680px; margin-top:20px; padding:18px 20px 20px; background:#fff; border:1px solid #edf0f5; border-radius:24px; box-shadow:0 10px 26px rgba(16,24,40,.05); } .duveo-momentos-desktop-meta h2{ font-size:28px; line-height:1.06; letter-spacing:-.03em; margin:0 0 10px; } .duveo-momentos-desktop-meta p{ font-size:15px; line-height:1.58; color:#4c5360; } .duveo-momentos-inline-stats{ gap:12px; margin-top:14px; } .duveo-momentos-inline-stats span{ display:inline-flex; align-items:center; gap:8px; padding:10px 12px; border-radius:14px; background:#f6f7fb; border:1px solid #eef1f5; } .duveo-momentos-inline-stats strong{ font-size:15px; } .duveo-momentos-actions-rail{ position:sticky; top:110px; padding-top:24px; gap:18px; } .duveo-momentos-actions-rail .duveo-round-action{ width:66px; min-height:66px; border-radius:24px; border:1px solid #edf0f5; background:rgba(255,255,255,.95); box-shadow:0 12px 26px rgba(16,24,40,.08); padding:10px 6px; gap:6px; } .duveo-momentos-actions-rail .duveo-round-action svg{ width:24px; height:24px; padding:0; background:transparent; box-shadow:none; } .duveo-momentos-actions-rail .duveo-round-action small{ font-size:12px; font-weight:700; color:#4c5360; } .duveo-momentos-actions-rail .duveo-round-action.is-active{ color:#ff3b2f; background:#fff4f3; border-color:#ffd8d3; } .duveo-momentos-actions-rail .duveo-round-action.is-active small{ color:#ff3b2f; } .duveo-momentos-moremenu .duveo-more-pop{ border-radius:16px; border:1px solid #edf0f5; box-shadow:0 16px 34px rgba(16,24,40,.12); } .duveo-momentos-side{ gap:20px; } .duveo-momentos-commentsbox, .duveo-momentos-nextbox{ background:rgba(255,255,255,.94); border:1px solid #e8ebf2; border-radius:24px; padding:18px; box-shadow:0 12px 34px rgba(15,23,42,.05); } .duveo-momentos-commentsbox{ position:sticky; top:100px; } .duveo-section-head h3{ font-size:20px !important; letter-spacing:-.02em; } .duveo-comment-list{ gap:16px; max-height:390px; } .duveo-comment--rich{ grid-template-columns:42px minmax(0,1fr) 16px; gap:12px; padding-bottom:14px; border-bottom:1px solid #f0f2f6; } .duveo-comment--rich:last-child{ padding-bottom:0; border-bottom:0; } .duveo-comment-top strong{ font-size:13px; } .duveo-comment-body p{ font-size:13px; line-height:1.48; color:#3f4653; } .duveo-comment-meta{ gap:16px; color:#7b8291; } .duveo-momentos-commentform{ grid-template-columns:36px minmax(0,1fr) 42px; margin-top:14px; padding-top:14px; } .duveo-momentos-commentform input{ height:44px; border-radius:16px; background:#f7f8fc; } .duveo-momentos-commentform button{ width:42px; height:42px; background:#111318; color:#fff; border-color:#111318; } .duveo-momentos-nextitem{ grid-template-columns:120px minmax(0,1fr) 14px; gap:12px; padding:10px 0; } .duveo-momentos-nextitem img{ width:120px; height:80px; border-radius:14px; } .duveo-momentos-nextitem strong{ font-size:13px; line-height:1.4; } .duveo-momentos-nextitem small{ font-size:11px; } @media(min-width:981px){ .page-template-page-momentos .duveo-main{ max-width:1540px; padding-top:22px; } .duveo-momentos-layout{ grid-template-columns:minmax(520px,740px) 82px minmax(340px,390px); gap:24px; } .duveo-momentos-frame{ max-width:740px; aspect-ratio:9/12.7; } } @media(max-width:980px){ .page-template-page-momentos .duveo-main{ background:#fff; } .duveo-momentos-page{ gap:0; } .duveo-momentos-tabs{ position:sticky; top:0; z-index:35; gap:8px; padding:10px 12px; background:rgba(255,255,255,.96); backdrop-filter:blur(10px); border-bottom:1px solid #eceff5; box-shadow:0 8px 20px rgba(16,24,40,.05); flex-wrap:nowrap; scrollbar-width:none; } .duveo-momentos-tabs::-webkit-scrollbar{display:none} .duveo-momentos-tabs .duveo-chip{ white-space:nowrap; padding:10px 14px; font-size:13px; } .duveo-momentos-layout{ padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; } .duveo-momentos-frame{ border-radius:0; box-shadow:none; height:calc(100dvh - 166px); min-height:540px; } .duveo-momentos-mobile-creator{ left:14px; right:82px; bottom:88px; } .duveo-momentos-mobile-creator h2{ font-size:20px; line-height:1.08; margin-bottom:6px; } .duveo-momentos-mobile-creator p{ font-size:13px; line-height:1.42; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .duveo-momentos-mobile-actions{ right:10px; bottom:88px; gap:8px; } .duveo-momentos-mobile-actions .duveo-round-action{ width:50px; min-height:50px; padding:0; background:transparent; gap:4px; } .duveo-momentos-mobile-actions .duveo-round-action svg{ width:24px; height:24px; padding:10px; border-radius:50%; background:rgba(255,255,255,.95); color:#111318; box-sizing:content-box; box-shadow:0 8px 18px rgba(0,0,0,.18); } .duveo-momentos-mobile-actions .duveo-round-action strong{ font-size:11px; color:#fff; text-shadow:0 2px 4px rgba(0,0,0,.5); } .duveo-momentos-controlmeta{ padding:10px 12px; border-radius:16px; } .duveo-momentos-side{ background:#fff; border-radius:22px 22px 0 0; box-shadow:0 -18px 48px rgba(0,0,0,.22); } .duveo-momentos-commentsbox, .duveo-momentos-nextbox{ border-radius:20px; padding:16px; box-shadow:none; } } @media(max-width:720px){ .duveo-momentos-frame{ min-height:500px; height:calc(100dvh - 160px); } } /* ======================================================================== 5.1.28 · MOMENTOS — Propuesta 2 implementada Prioridades: viewport completo, siguiente visible, móvil edge-to-edge, sin letterbox visible, buscador con lupa azul y Crear azul DUVEO. ======================================================================== */ :root{--duveo-blue:#1769ff;--duveo-blue-dark:#0f52d6} /* Cabecera: icono de búsqueda real (elimina el efecto de punto negro) */ .duveo-search button{color:var(--duveo-blue)} .duveo-search button svg{width:18px;height:18px;stroke:currentColor!important;fill:none!important;stroke-width:2} .duveo-create-btn{background:var(--duveo-blue);border-color:var(--duveo-blue);color:#fff} .duveo-create-btn:hover{background:var(--duveo-blue-dark);border-color:var(--duveo-blue-dark)} /* CTA lateral de Momentos */ .duveo-momentos-channel-cta{margin:24px 3px 6px;padding:16px 14px;border-radius:18px;background:linear-gradient(145deg,#fff6f5,#fff);border:1px solid #ffe3e0;box-shadow:0 10px 28px rgba(31,41,55,.04)} .duveo-momentos-channel-cta strong{display:block;font-size:15px;margin-bottom:7px} .duveo-momentos-channel-cta p{margin:0 0 12px;color:#5f6570;font-size:12px;line-height:1.45} .duveo-momentos-channel-cta .duveo-btn{width:100%;min-height:36px;border-radius:12px} .page-template-page-momentos .duveo-main{max-width:1480px;padding-top:18px} .duveo-momentos-page{gap:12px} .duveo-momentos-head{margin-bottom:0} .duveo-momentos-head h1{font-size:clamp(38px,3.6vw,58px);letter-spacing:-.055em} .duveo-momentos-head p{font-size:17px;margin-top:6px;color:#747984} .duveo-momentos-tabs{margin:0 0 6px;gap:9px;flex-wrap:nowrap;scrollbar-width:none} .duveo-momentos-tabs::-webkit-scrollbar{display:none} .duveo-momentos-tabs .duveo-chip{white-space:nowrap;padding:10px 17px;border-radius:999px;background:#fff;border:1px solid #e6e9ef;box-shadow:none;font-size:12px} .duveo-momentos-tabs .duveo-chip.is-active{background:linear-gradient(180deg,#ff5543,#ff392d);border-color:#ff392d;color:#fff;box-shadow:0 8px 20px rgba(255,57,45,.18)} .duveo-chip--more span{font-size:13px;margin-left:2px} /* Dos columnas: Momento + panel derecho. El rail externo desaparece; las acciones viven sobre el video. */ .duveo-momentos-layout{display:grid;grid-template-columns:minmax(420px,1fr) minmax(320px,380px);gap:20px;align-items:start;padding:18px;border-radius:28px;background:#fff;border:1px solid #e8ebf1;box-shadow:0 18px 52px rgba(15,23,42,.055)} .duveo-momentos-actions-rail{display:none!important} .duveo-momentos-primary{min-width:0} /* El Momento completo entra a 100% de zoom incluso en 1366×768. */ .duveo-momentos-frame{position:relative;width:min(100%,620px);height:clamp(470px,calc(100vh - 224px),690px);max-height:690px;min-height:0;margin:0 auto;border-radius:22px;aspect-ratio:auto;overflow:hidden;background:#111;box-shadow:0 18px 44px rgba(0,0,0,.14)} .duveo-momentos-media-shell,.duveo-momentos-frame>[data-moment-primary-player]{position:absolute;inset:0} .duveo-momentos-frame video{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;display:block;object-fit:cover!important;object-position:center center!important;background:transparent!important} /* Bunny iframe es cross-origin: se recorta el player para eliminar las barras internas laterales. */ .duveo-momentos-frame iframe[data-moment-primary-player]{position:absolute;left:50%;top:50%;width:100%!important;height:100%!important;max-width:none!important;border:0;transform:translate(-50%,-50%) scale(1.28);transform-origin:center center;background:transparent} .duveo-momentos-frame::after{background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 27%,transparent 51%,rgba(0,0,0,.42) 75%,rgba(0,0,0,.78) 100%)} /* Cabecera sobre el video */ .duveo-momentos-frame-top{position:absolute;left:14px;right:14px;top:14px;z-index:8;display:flex;align-items:center;justify-content:space-between;pointer-events:none} .duveo-momentos-feed-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(16,43,69,.76);backdrop-filter:blur(12px);color:#fff;font-size:12px;font-weight:800} .duveo-momentos-frame-more{pointer-events:auto;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(18,22,30,.42);backdrop-filter:blur(12px);color:#fff} .duveo-momentos-frame-more svg{width:20px;height:20px;stroke:currentColor;fill:none} /* Todo el contenido del Momento queda sobre el reproductor: no se pierde debajo. */ .duveo-momentos-desktop-meta{display:none!important} .duveo-momentos-mobile-creator{display:block!important;position:absolute;left:16px;right:82px;bottom:70px;z-index:7;color:#fff;text-shadow:0 2px 7px rgba(0,0,0,.6)} .duveo-momentos-mobile-creator .duveo-creator-line{display:flex;align-items:center;gap:9px;margin-bottom:9px} .duveo-momentos-mobile-creator .duveo-creator-line__meta small{display:none} .duveo-momentos-mobile-creator .duveo-creator-line__meta strong{font-size:12px;color:#fff} .duveo-momentos-mobile-creator .duveo-avatar-media,.duveo-momentos-mobile-creator .duveo-avatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important} .duveo-momentos-mobile-creator .duveo-btn{min-height:32px;border-radius:999px;background:#fff;color:#15171c;border-color:#fff;padding:0 14px;font-size:11px;text-shadow:none} .duveo-momentos-mobile-creator h2{margin:0 0 6px;font-size:18px;line-height:1.15;color:#fff} .duveo-momentos-mobile-creator p{margin:0;max-width:92%;font-size:12px;line-height:1.42;color:rgba(255,255,255,.95);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .duveo-momentos-mobile-stats{display:none} .duveo-momentos-hashtags{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px} .duveo-momentos-hashtags span{padding:6px 10px;border-radius:999px;background:rgba(21,25,32,.62);backdrop-filter:blur(8px);font-size:10px;font-weight:700;color:#fff;text-shadow:none} /* Acciones verticales integradas al video */ .duveo-momentos-mobile-actions{display:flex!important;position:absolute;right:10px;bottom:74px;z-index:8;flex-direction:column;align-items:center;gap:7px} .duveo-momentos-mobile-actions .duveo-round-action{width:48px;min-height:48px;padding:0;border:0;background:transparent;color:#fff;gap:2px;backdrop-filter:none} .duveo-momentos-mobile-actions .duveo-round-action svg{width:22px;height:22px;padding:9px;border-radius:50%;box-sizing:content-box;background:rgba(255,255,255,.96);color:#17191f;stroke:currentColor;fill:none;box-shadow:0 7px 18px rgba(0,0,0,.17)} .duveo-momentos-mobile-actions .duveo-round-action strong{font-size:10px;line-height:1;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.65)} .duveo-momentos-mobile-actions .duveo-round-action.is-active svg{color:#ff304d} .duveo-momentos-follow-orb{position:relative;display:grid;place-items:center;width:50px;height:58px;margin-bottom:1px} .duveo-momentos-follow-orb .duveo-avatar-media,.duveo-momentos-follow-orb .duveo-avatar{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border:2px solid #fff!important} .duveo-momentos-follow-orb>span{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#ff304d;color:#fff;border:2px solid #fff;font-size:15px;font-weight:900;line-height:1} /* Controles inferiores compactos */ .duveo-momentos-play{width:76px;height:76px} .duveo-momentos-play svg{width:32px;height:32px} .duveo-momentos-controlbar{left:14px;right:14px;bottom:10px;z-index:9;gap:6px} .duveo-momentos-progress{height:4px;background:rgba(255,255,255,.28)} .duveo-momentos-controlmeta{min-height:34px;padding:6px 9px;border-radius:14px;background:rgba(8,10,16,.25);backdrop-filter:blur(9px)} .duveo-momentos-time{font-size:11px} /* Panel derecho cabe dentro de la primera pantalla y deja visibles los siguientes. */ .duveo-momentos-side{display:grid;gap:14px;min-width:0} .duveo-momentos-commentsbox,.duveo-momentos-nextbox{border-radius:18px;padding:14px;border:1px solid #e7eaf0;background:#fff;box-shadow:none} .duveo-momentos-commentsbox{position:static;max-height:315px;overflow:hidden} .duveo-momentos-commentsbox .duveo-section-head,.duveo-momentos-nextbox .duveo-section-head{margin-bottom:10px} .duveo-momentos-commentsbox .duveo-section-head h3,.duveo-momentos-nextbox .duveo-section-head h3{font-size:15px!important} .duveo-momentos-head-actions{display:flex;align-items:center;gap:8px;color:#666d79;font-size:11px} .duveo-comment-list{max-height:185px;gap:10px;padding-right:3px} .duveo-comment--rich{grid-template-columns:34px minmax(0,1fr) 14px;gap:9px;padding-bottom:8px} .duveo-comment-avatar,.duveo-comment-avatar .duveo-avatar,.duveo-comment-initial{width:34px;height:34px} .duveo-comment-top strong{font-size:12px}.duveo-comment-top small,.duveo-comment-body p,.duveo-comment-meta{font-size:11px} .duveo-momentos-commentform{grid-template-columns:30px minmax(0,1fr) 34px;gap:7px;margin-top:9px;padding-top:9px} .duveo-momentos-commentform input{height:36px;border-radius:999px;font-size:11px;padding:0 12px} .duveo-momentos-commentform button{width:34px;height:34px} .duveo-momentos-replay-all{font-size:10px;color:#555c67;white-space:nowrap} .duveo-momentos-nextbox{min-height:0} .duveo-momentos-nextitem{grid-template-columns:96px minmax(0,1fr) 10px;gap:8px;padding:6px 0} .duveo-momentos-nextitem img{width:96px;height:58px;border-radius:10px} .duveo-momentos-nextitem strong{font-size:11px;line-height:1.28;margin-bottom:2px}.duveo-momentos-nextitem small{font-size:9px;line-height:1.25} /* 1366×768 / laptop: prioridad absoluta a ver el Momento completo + siguiente. */ @media (min-width:981px) and (max-height:820px){ .page-template-page-momentos .duveo-main{padding-top:12px;padding-bottom:24px} .duveo-momentos-head h1{font-size:42px}.duveo-momentos-head p{font-size:14px;margin-top:3px} .duveo-momentos-tabs .duveo-chip{padding:8px 14px} .duveo-momentos-layout{padding:14px;gap:16px} .duveo-momentos-frame{height:clamp(440px,calc(100vh - 205px),560px);max-height:560px;width:min(100%,530px)} .duveo-momentos-commentsbox{max-height:275px}.duveo-comment-list{max-height:145px} .duveo-momentos-nextitem{grid-template-columns:84px minmax(0,1fr) 10px}.duveo-momentos-nextitem img{width:84px;height:50px} } /* MÓVIL/TABLET: edge-to-edge, sin tarjetas o márgenes negros. */ @media(max-width:980px){ .page-template-page-momentos .duveo-main{max-width:none;padding:10px 0 calc(78px + env(safe-area-inset-bottom))} .duveo-momentos-head{padding:0 14px 8px}.duveo-momentos-head h1{font-size:30px}.duveo-momentos-head p{font-size:14px;margin-top:4px} .duveo-momentos-tabs{position:relative;top:auto;z-index:20;margin:0;padding:0 12px 10px;background:#fff;border:0;box-shadow:none;overflow-x:auto} .duveo-momentos-layout{display:block;margin:0;padding:0;border:0;border-radius:0;background:#000;box-shadow:none} .duveo-momentos-primary{width:100%;margin:0;padding:0} .duveo-momentos-frame{width:100%;max-width:none;height:clamp(560px,calc(100svh - 190px),820px);min-height:0;max-height:none;margin:0;border-radius:0;box-shadow:none;background:#000} .duveo-momentos-frame video{object-fit:cover!important;object-position:center!important} .duveo-momentos-frame iframe[data-moment-primary-player]{transform:translate(-50%,-50%) scale(1.34)} .duveo-momentos-frame-top{left:12px;right:12px;top:12px} .duveo-momentos-mobile-creator{left:14px;right:76px;bottom:72px} .duveo-momentos-mobile-creator h2{font-size:17px}.duveo-momentos-mobile-creator p{font-size:12px;-webkit-line-clamp:2} .duveo-momentos-hashtags{gap:5px;margin-top:7px}.duveo-momentos-hashtags span{font-size:9px;padding:5px 8px} .duveo-momentos-mobile-actions{right:7px;bottom:74px;gap:5px} .duveo-momentos-mobile-actions .duveo-round-action{width:46px;min-height:46px} .duveo-momentos-mobile-actions .duveo-round-action svg{width:21px;height:21px;padding:8px} .duveo-momentos-follow-orb{width:46px;height:53px}.duveo-momentos-follow-orb .duveo-avatar-media,.duveo-momentos-follow-orb .duveo-avatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important} .duveo-momentos-controlbar{left:12px;right:12px;bottom:8px} .duveo-momentos-side{display:none;position:fixed;left:0;right:0;bottom:66px;z-index:160;max-height:72vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:14px 14px 20px;box-shadow:0 -18px 48px rgba(0,0,0,.22)} .duveo-momentos-page.is-comments-open .duveo-momentos-side{display:grid} .duveo-momentos-page.is-comments-open .duveo-momentos-commentsbox{max-height:none} .duveo-momentos-page.is-comments-open .duveo-comment-list{max-height:none} } @media(max-width:620px){ .page-template-page-momentos .duveo-topbar{grid-template-columns:auto minmax(0,1fr) auto} .page-template-page-momentos .duveo-search{display:none!important} .duveo-momentos-frame{height:clamp(530px,calc(100svh - 175px),760px)} } /* Search on desktop: blue magnifier on the left as requested. */ @media(min-width:901px){ .duveo-search input{padding-left:46px;padding-right:18px} .duveo-search button{left:5px;right:auto;top:4px} } /* 5.1.29 · Momentos: reproductor de escritorio más compacto */ @media (min-width:981px){ .duveo-momentos-layout{ grid-template-columns:minmax(420px,620px) 74px minmax(320px,380px); gap:20px; align-items:start; } .duveo-momentos-primary{ min-width:0; } .duveo-momentos-frame{ width:min(100%,620px); height:clamp(480px,68vh,590px); max-height:590px; min-height:480px; aspect-ratio:auto; margin:0 auto; border-radius:24px; } .duveo-momentos-frame video, .duveo-momentos-frame iframe{ width:100%; height:100%; } .duveo-momentos-desktop-meta{ max-width:620px; margin:14px auto 0; } .duveo-momentos-actions-rail{ padding-top:80px; } .duveo-momentos-side{ align-self:start; } .duveo-momentos-commentsbox{ max-height:330px; overflow:hidden; } .duveo-comment-list{ max-height:190px; } .duveo-momentos-nextbox{ margin-top:0; } } /* Portátiles / 1366x768: asegurar que el Momento completo y el siguiente bloque entren */ @media (min-width:981px) and (max-height:820px){ .duveo-momentos-head h1{ font-size:42px; } .duveo-momentos-head p{ font-size:16px; margin-top:4px; } .duveo-momentos-tabs{ margin-bottom:4px; } .duveo-momentos-layout{ padding:16px; gap:16px; } .duveo-momentos-frame{ height:clamp(430px,61vh,520px); max-height:520px; min-height:430px; width:min(100%,560px); } .duveo-momentos-desktop-meta{ max-width:560px; padding:12px 14px; margin-top:10px; } .duveo-momentos-desktop-meta h2{ font-size:20px; margin-bottom:6px; } .duveo-momentos-desktop-meta p{ font-size:13px; line-height:1.4; } .duveo-momentos-commentsbox{ max-height:280px; } .duveo-comment-list{ max-height:150px; } .duveo-momentos-nextitem{ grid-template-columns:92px minmax(0,1fr) 12px; } .duveo-momentos-nextitem img{ width:92px; height:62px; } } /* ======================================================================== 5.1.30 · MOMENTOS — IMPLEMENTACIÓN FIEL A PROPUESTA VISUAL Desktop: Momento completo + comentarios + Siguientes Momentos en viewport. Mobile: contenido edge-to-edge sin bandas laterales visibles. ======================================================================== */ /* Cabecera exacta: lupa azul a la izquierda + Crear azul. */ .page-template-page-momentos .duveo-search{position:relative!important;display:block!important} .page-template-page-momentos .duveo-search input{ padding-left:46px!important; padding-right:16px!important; background:#f5f6f8!important; border-color:#e5e8ee!important; box-shadow:none!important; } .page-template-page-momentos .duveo-search button{ display:grid!important; left:7px!important; right:auto!important; top:50%!important; transform:translateY(-50%)!important; width:32px!important; height:32px!important; padding:0!important; border:0!important; background:transparent!important; color:#1769ff!important; box-shadow:none!important; } .page-template-page-momentos .duveo-search button svg{ width:19px!important;height:19px!important;display:block!important; stroke:#1769ff!important;fill:none!important;stroke-width:2!important; } .page-template-page-momentos .duveo-search button svg circle, .page-template-page-momentos .duveo-search button svg path{ stroke:#1769ff!important;fill:none!important; } .page-template-page-momentos .duveo-create-btn{ background:#1769ff!important;border-color:#1769ff!important;color:#fff!important; box-shadow:0 8px 20px rgba(23,105,255,.16)!important; } .page-template-page-momentos .duveo-create-btn:hover{background:#0f52d6!important;border-color:#0f52d6!important} .page-template-page-momentos .duveo-create-btn svg{stroke:#fff!important;fill:none!important} /* Página y cabecera editorial. */ .page-template-page-momentos .duveo-main{max-width:1460px!important;padding:16px 24px 32px!important;background:#fff!important} .duveo-momentos-page{gap:10px!important} .duveo-momentos-head h1{font-size:clamp(40px,3.2vw,54px)!important;line-height:.96!important;letter-spacing:-.055em!important} .duveo-momentos-head p{font-size:16px!important;margin-top:5px!important;color:#737984!important} .duveo-momentos-tabs{gap:8px!important;margin:0 0 8px!important;overflow-x:auto!important;flex-wrap:nowrap!important} .duveo-momentos-tabs .duveo-chip{padding:9px 16px!important;font-size:12px!important;border-radius:999px!important;box-shadow:none!important} /* Dos columnas reales: reproductor + lateral. Sin columna vacía de acciones. */ @media(min-width:981px){ .duveo-momentos-layout{ grid-template-columns:minmax(430px,560px) minmax(300px,360px)!important; justify-content:start!important; gap:20px!important; padding:16px!important; border-radius:28px!important; background:#fff!important; border:1px solid #e7eaf0!important; box-shadow:0 18px 48px rgba(16,24,40,.055)!important; } .duveo-momentos-actions-rail{display:none!important} .duveo-momentos-primary{width:100%!important;max-width:560px!important} /* Altura adaptativa. En 1366x768 queda alrededor de 500–520px. */ .duveo-momentos-frame{ width:100%!important; max-width:560px!important; height:clamp(470px,calc(100vh - 238px),650px)!important; min-height:0!important; max-height:650px!important; aspect-ratio:auto!important; margin:0!important; border-radius:20px!important; overflow:hidden!important; background:#111!important; box-shadow:none!important; } .duveo-momentos-frame video{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important; object-fit:cover!important;object-position:center!important;background:transparent!important; } /* Recorte del Bunny iframe para ocultar letterboxing interno. */ .duveo-momentos-frame iframe[data-moment-primary-player]{ position:absolute!important; left:50%!important;top:50%!important; width:100%!important;height:100%!important; max-width:none!important;max-height:none!important; border:0!important; transform:translate(-50%,-50%) scale(1.52)!important; transform-origin:center!important; background:transparent!important; } /* Información y acciones dentro del contenido, igual a la propuesta. */ .duveo-momentos-mobile-creator{display:block!important;left:16px!important;right:76px!important;bottom:58px!important} .duveo-momentos-mobile-actions{display:flex!important;right:8px!important;bottom:62px!important;gap:5px!important} .duveo-momentos-mobile-actions .duveo-round-action{width:46px!important;min-height:46px!important} .duveo-momentos-mobile-actions .duveo-round-action svg{width:21px!important;height:21px!important;padding:8px!important} .duveo-momentos-follow-orb{width:46px!important;height:54px!important} .duveo-momentos-follow-orb .duveo-avatar-media,.duveo-momentos-follow-orb .duveo-avatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important} .duveo-momentos-mobile-creator h2{font-size:17px!important;margin-bottom:5px!important} .duveo-momentos-mobile-creator p{font-size:11px!important;line-height:1.36!important;-webkit-line-clamp:2!important} .duveo-momentos-hashtags{margin-top:7px!important;gap:5px!important} .duveo-momentos-hashtags span{font-size:9px!important;padding:5px 8px!important} .duveo-momentos-controlbar{left:14px!important;right:14px!important;bottom:8px!important} .duveo-momentos-controlmeta{min-height:30px!important;padding:5px 7px!important;background:transparent!important;backdrop-filter:none!important} .duveo-momentos-quality{font-size:12px;font-weight:900;color:#fff;line-height:1} /* Panel derecho: comentarios + siguientes visibles en el primer viewport. */ .duveo-momentos-side{display:grid!important;gap:12px!important;width:100%!important;align-self:start!important} .duveo-momentos-commentsbox,.duveo-momentos-nextbox{border-radius:16px!important;padding:13px!important;border:1px solid #e4e8ef!important;background:#fff!important;box-shadow:none!important} .duveo-momentos-commentsbox{position:static!important;max-height:260px!important;overflow:hidden!important} .duveo-comment-list{max-height:132px!important;gap:8px!important;overflow:auto!important} .duveo-comment--rich{grid-template-columns:32px minmax(0,1fr) 12px!important;gap:8px!important;padding-bottom:6px!important} .duveo-comment-avatar,.duveo-comment-avatar .duveo-avatar,.duveo-comment-initial{width:32px!important;height:32px!important} .duveo-comment-top strong{font-size:11px!important}.duveo-comment-top small,.duveo-comment-body p,.duveo-comment-meta{font-size:10px!important} .duveo-momentos-commentform{grid-template-columns:28px minmax(0,1fr) 32px!important;gap:6px!important;margin-top:7px!important;padding-top:7px!important} .duveo-momentos-commentform input{height:34px!important;font-size:10px!important} .duveo-momentos-commentform button{width:32px!important;height:32px!important} .duveo-momentos-nextbox{min-height:0!important;max-height:300px!important;overflow:hidden!important} .duveo-momentos-nextitem{grid-template-columns:86px minmax(0,1fr) 10px!important;gap:7px!important;padding:5px 0!important} .duveo-momentos-nextitem img{width:86px!important;height:54px!important;border-radius:9px!important;object-fit:cover!important} .duveo-momentos-nextitem strong{font-size:10px!important;line-height:1.2!important}.duveo-momentos-nextitem small{font-size:8px!important;line-height:1.2!important} .duveo-momentos-replay-all,.duveo-momentos-linkbtn{font-size:9px!important;color:#4d5562!important;text-decoration:none!important;background:none!important;border:0!important;padding:0!important;cursor:pointer!important} } /* 1366×768 / portátiles: garantizar que se vea el Momento completo y Siguientes Momentos. */ @media(min-width:981px) and (max-height:820px){ .page-template-page-momentos .duveo-main{padding-top:10px!important} .duveo-momentos-head h1{font-size:38px!important}.duveo-momentos-head p{font-size:13px!important;margin-top:2px!important} .duveo-momentos-tabs{margin-bottom:4px!important}.duveo-momentos-tabs .duveo-chip{padding:7px 13px!important} .duveo-momentos-layout{padding:12px!important;gap:14px!important;grid-template-columns:minmax(410px,520px) minmax(290px,340px)!important} .duveo-momentos-primary{max-width:520px!important} .duveo-momentos-frame{height:clamp(430px,calc(100vh - 226px),520px)!important;max-height:520px!important;max-width:520px!important} .duveo-momentos-commentsbox{max-height:236px!important}.duveo-comment-list{max-height:112px!important} .duveo-momentos-nextbox{max-height:260px!important} .duveo-momentos-nextitem{grid-template-columns:78px minmax(0,1fr) 9px!important}.duveo-momentos-nextitem img{width:78px!important;height:48px!important} } /* Mobile: header de la propuesta con solo icono de búsqueda; contenido a ancho total. */ @media(max-width:980px){ .page-template-page-momentos .duveo-main{padding:8px 0 calc(72px + env(safe-area-inset-bottom))!important;background:#fff!important} .duveo-momentos-head{padding:0 13px 7px!important}.duveo-momentos-head h1{font-size:30px!important}.duveo-momentos-head p{font-size:13px!important} .duveo-momentos-tabs{padding:0 12px 8px!important;overflow-x:auto!important;white-space:nowrap!important} .duveo-momentos-layout{display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#000!important;box-shadow:none!important} .duveo-momentos-primary{width:100%!important;max-width:none!important} .duveo-momentos-frame{width:100%!important;max-width:none!important;height:calc(100svh - 172px)!important;min-height:520px!important;max-height:820px!important;margin:0!important;border-radius:0!important;overflow:hidden!important;background:#000!important;box-shadow:none!important} .duveo-momentos-frame video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important} .duveo-momentos-frame iframe[data-moment-primary-player]{left:50%!important;top:50%!important;width:100%!important;height:100%!important;transform:translate(-50%,-50%) scale(1.58)!important;transform-origin:center!important} .duveo-momentos-mobile-creator{left:13px!important;right:72px!important;bottom:66px!important} .duveo-momentos-mobile-actions{right:6px!important;bottom:68px!important} .duveo-momentos-controlbar{left:11px!important;right:11px!important;bottom:7px!important} .duveo-momentos-side{bottom:62px!important} } @media(max-width:620px){ .page-template-page-momentos .duveo-topbar{grid-template-columns:auto 38px auto!important;gap:8px!important} .page-template-page-momentos .duveo-search{display:block!important;width:38px!important;max-width:38px!important;height:38px!important;margin-left:auto!important;overflow:visible!important} .page-template-page-momentos .duveo-search input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important} .page-template-page-momentos .duveo-search button{position:static!important;transform:none!important;width:38px!important;height:38px!important;border-radius:50%!important;background:#fff!important} .page-template-page-momentos .duveo-search button svg{width:21px!important;height:21px!important} .duveo-momentos-frame{height:calc(100svh - 164px)!important;min-height:500px!important} } /* ======================================================================== 5.1.31 · MASTER RESPONSIVE — Inicio, Momentos, Escenario, Sorpréndeme, Metas creativas y Explorar. Dimensiones fluidas 320 → 1920+. ======================================================================== */ :root{ --duveo-content-max:1520px; --duveo-touch:44px; --duveo-header-h:66px; } html,body{max-width:100%;overflow-x:hidden} img,video,iframe{display:block} .duveo-main{max-width:var(--duveo-content-max);padding-inline:clamp(16px,2.1vw,32px)} .duveo-page-head h1,.duveo-home-intro h1{font-size:clamp(30px,3vw,52px)} .duveo-page-head p,.duveo-home-intro p{font-size:clamp(15px,1.2vw,20px)} .duveo-btn,.duveo-icon-btn,.duveo-create-btn{min-height:40px} /* HOME / CREADORES EN PRIMER PLANO */ .duveo-home-intro{margin-bottom:8px} .duveo-state-row{gap:clamp(10px,1.2vw,18px);scrollbar-width:none}.duveo-state-row::-webkit-scrollbar{display:none} .duveo-state{flex-basis:78px}.duveo-state-ring{width:64px;height:64px} .duveo-home-grid{grid-template-columns:minmax(0,1fr) clamp(260px,23vw,330px);gap:clamp(18px,2vw,28px)} .duveo-home-feed .duveo-section{margin-bottom:26px} .duveo-home-recommendations .duveo-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .duveo-home-continue .duveo-scroll-row{grid-auto-columns:minmax(260px,32%)} .duveo-home-moments .duveo-moments-strip{grid-auto-columns:clamp(118px,11vw,150px)} .duveo-home-premieres .duveo-grid,.duveo-home-stage .duveo-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .duveo-home-aside .duveo-goal{box-shadow:none} /* METAS CREATIVAS */ .duveo-goals-page{display:grid;gap:16px} .duveo-goals-head{margin-bottom:0;align-items:center}.duveo-goals-head p{margin-top:6px}.duveo-goals-create{min-width:160px} .duveo-goals-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.duveo-goals-tabs{margin:0;flex:1}.duveo-goals-status select{height:42px;border:1px solid var(--duveo-line);border-radius:12px;background:#fff;padding:0 36px 0 13px} .duveo-goals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .duveo-goals-grid .duveo-goal{height:100%;display:grid;grid-template-rows:auto 1fr;margin:0;box-shadow:none;border-radius:14px} .duveo-goal__img{position:relative;display:block;aspect-ratio:16/8.6}.duveo-goal__tag{position:absolute;left:10px;bottom:8px;background:rgba(0,0,0,.72);color:#fff;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.duveo-goal__dots{position:absolute;right:10px;top:8px;color:#fff;font-size:20px;text-shadow:0 1px 4px rgba(0,0,0,.5)} .duveo-goal__body{display:grid;grid-template-rows:auto auto auto auto 1fr auto;gap:8px;padding:12px}.duveo-goal h3{font-size:17px;line-height:1.2;margin:0}.duveo-goal__creator{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--duveo-muted)}.duveo-goal__creator .duveo-avatar{width:28px;height:28px}.duveo-goal__money{display:flex;align-items:baseline;gap:5px;font-size:12px}.duveo-goal__money strong{font-size:15px}.duveo-goal__money b{margin-left:auto;color:var(--duveo-red)}.duveo-goal__desc{font-size:12px;line-height:1.45;color:#474d59;margin:0}.duveo-goal__footer{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.duveo-goal__time{font-size:11px;color:#555d69}.duveo-goal__footer .duveo-btn{min-height:34px;padding-inline:14px}.duveo-goal__support{font-size:11px;color:var(--duveo-red);text-decoration:underline;font-weight:700} /* EXPLORAR */ .duveo-explore-page{display:grid;gap:16px}.duveo-explore-head{margin-bottom:0}.duveo-explore-search{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:12px}.duveo-explore-search input{width:100%;height:48px;border:1px solid var(--duveo-line);border-radius:999px;background:#f7f8fa;padding:0 18px 0 46px;font-size:17px}.duveo-explore-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none}.duveo-explore-search-icon svg{width:20px;height:20px;stroke:currentColor;fill:none}.duveo-explore-search .duveo-btn{border-radius:999px} .duveo-type-tabs{margin:0}.duveo-category-grid--visual{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}.duveo-category-grid--visual .duveo-category{position:relative;aspect-ratio:1.62/1;overflow:hidden;border-radius:12px;background:#20242b var(--duveo-category-image) center/cover no-repeat;color:#fff}.duveo-category-grid--visual .duveo-category::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.58))}.duveo-category-grid--visual .duveo-category span{position:absolute;left:12px;bottom:10px;z-index:1;font-size:16px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.55)} .duveo-explore-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.duveo-explore-results-head{margin-top:4px}.duveo-filter-sheet:not(.is-open){position:static} /* ESCENARIO */ .duveo-stage-page{display:grid;gap:14px}.duveo-stage-head{margin-bottom:0}.duveo-stage-tabs{margin-bottom:0}.duveo-stage-featured{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,.9fr);gap:20px;align-items:start}.duveo-stage-player{aspect-ratio:16/9;max-height:min(64vh,620px);border-radius:14px;overflow:hidden;background:#111}.duveo-stage-player video,.duveo-stage-player iframe{width:100%;height:100%;object-fit:cover;border:0}.duveo-stage-panel{display:grid;gap:12px}.duveo-stage-creator{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px}.duveo-stage-creator .duveo-avatar{width:54px;height:54px}.duveo-stage-creator strong,.duveo-stage-creator small{display:block}.duveo-stage-creator small,.duveo-stage-views{color:var(--duveo-muted);font-size:11px}.duveo-stage-panel h2{font-size:24px;line-height:1.1;margin:0}.duveo-stage-panel>p{margin:0;color:#444b57;line-height:1.5}.duveo-stage-hashtags{display:flex;flex-wrap:wrap;gap:8px}.duveo-stage-hashtags span{color:#1769ff;font-size:12px}.duveo-stage-panel .duveo-support-box{position:static;border:0;background:#f7f7f8;border-radius:14px;padding:16px}.duveo-stage-panel .duveo-support-box h3{margin:0 0 6px}.duveo-stage-panel .duveo-support-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.duveo-stage-panel .duveo-support-actions .duveo-btn:first-child{grid-column:1/-1}.duveo-stage-discover-head{margin:14px 0 0}.duveo-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))} /* SORPRÉNDEME */ .duveo-surprise-page{max-width:1180px}.duveo-surprise-hero{aspect-ratio:16/7.4;max-height:min(62vh,620px)}.duveo-surprise-titleblock h2{font-size:clamp(24px,2.2vw,34px)}.duveo-surprise-description{font-size:clamp(15px,1.2vw,19px)} /* MOMENTOS: preserve 9:16 content while preventing oversized desktop viewport. */ @media(min-width:981px){ .duveo-momentos-frame{height:min(64vh,560px)!important;max-height:560px!important;min-height:440px!important} .duveo-momentos-layout{align-items:start!important} .duveo-momentos-side{max-height:560px!important;overflow:hidden!important}.duveo-momentos-commentsbox{max-height:250px!important}.duveo-momentos-nextbox{max-height:294px!important} } /* DESKTOP COMPACT 1024–1279 */ @media(min-width:1024px) and (max-width:1279px){ :root{--duveo-sidebar:190px} .duveo-main{padding-inline:22px} .duveo-home-grid{grid-template-columns:minmax(0,1fr) 260px;gap:18px} .duveo-grid,.duveo-explore-results{gap:14px} .duveo-goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .duveo-category-grid--visual{grid-template-columns:repeat(4,minmax(0,1fr))} .duveo-stage-featured{grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr)} } /* TABLET */ @media(max-width:1023px){ .duveo-home-grid{grid-template-columns:1fr}.duveo-home-aside{display:none}.duveo-mobile-goals{display:block} .duveo-home-recommendations .duveo-grid,.duveo-home-premieres .duveo-grid,.duveo-home-stage .duveo-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .duveo-goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .duveo-category-grid--visual{grid-template-columns:repeat(4,minmax(0,1fr))} .duveo-explore-results{grid-template-columns:repeat(2,minmax(0,1fr))} .duveo-stage-featured{grid-template-columns:1fr}.duveo-stage-player{max-height:none}.duveo-stage-panel{grid-template-columns:1fr}.duveo-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } /* MOBILE GLOBAL */ @media(max-width:767px){ :root{--duveo-header-h:60px} .duveo-main{padding:16px 14px calc(82px + env(safe-area-inset-bottom));max-width:none} .duveo-page-head{align-items:flex-start;gap:10px;margin-bottom:14px}.duveo-page-head h1{font-size:clamp(30px,9vw,42px)}.duveo-page-head p{font-size:14px;line-height:1.35} .duveo-section{margin-bottom:24px}.duveo-section-head h2{font-size:18px} .duveo-mobilebar{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.duveo-mobilebar a,.duveo-mobilebar button{min-width:44px;min-height:44px}.duveo-mobilebar .duveo-mobile-create{width:44px;height:44px} .duveo-home-intro h1{font-size:32px}.duveo-state{flex-basis:70px}.duveo-state-ring{width:58px;height:58px}.duveo-home-recommendations .duveo-grid{grid-template-columns:1fr}.duveo-home-continue .duveo-scroll-row{grid-auto-columns:82%}.duveo-home-premieres .duveo-grid,.duveo-home-stage .duveo-grid{grid-template-columns:1fr}.duveo-home-moments .duveo-moments-strip{grid-auto-columns:112px} .duveo-goals-head{display:grid;grid-template-columns:1fr}.duveo-goals-create{width:100%;order:2}.duveo-goals-toolbar{display:grid;gap:10px}.duveo-goals-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.duveo-goals-tabs::-webkit-scrollbar{display:none}.duveo-goals-status{justify-self:start}.duveo-goals-grid{grid-template-columns:1fr}.duveo-goal__img{aspect-ratio:16/8.8}.duveo-goal__footer{grid-template-columns:1fr auto}.duveo-goal__support{display:none} .duveo-explore-search{grid-template-columns:minmax(0,1fr) 86px;gap:8px}.duveo-explore-search input{height:44px;font-size:14px}.duveo-category-grid--visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.duveo-category-grid--visual .duveo-category span{font-size:14px}.duveo-explore-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.duveo-filter-sheet:not(.is-open){position:fixed} .duveo-stage-tabs{overflow-x:auto;flex-wrap:nowrap}.duveo-stage-featured{grid-template-columns:1fr;gap:12px}.duveo-stage-player{border-radius:12px;max-height:none}.duveo-stage-panel h2{font-size:20px}.duveo-stage-panel .duveo-support-box{padding:14px}.duveo-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .duveo-surprise-page{max-width:none}.duveo-surprise-hero{aspect-ratio:16/10.5;max-height:none}.duveo-surprise-actions{grid-template-columns:1fr!important}.duveo-surprise-actions .duveo-btn{width:100%;min-width:0!important}.duveo-surprise-reason{font-size:14px} } /* VERY SMALL MOBILE */ @media(max-width:389px){ .duveo-main{padding-inline:10px}.duveo-topbar{padding-inline:10px}.duveo-logo__official{width:130px}.duveo-home-intro h1{font-size:29px}.duveo-category-grid--visual{grid-template-columns:repeat(2,minmax(0,1fr))}.duveo-explore-results{grid-template-columns:1fr}.duveo-stage-grid{grid-template-columns:1fr}.duveo-goal__body{padding:10px}.duveo-goal h3{font-size:16px}.duveo-goal__footer .duveo-btn{min-height:38px} } /* 1366×768 / short desktop: fit key content without browser zoom tricks. */ @media(min-width:981px) and (max-height:820px){ .duveo-main{padding-top:14px;padding-bottom:32px}.duveo-page-head{margin-bottom:14px}.duveo-section{margin-bottom:24px} .duveo-home-intro h1{font-size:36px}.duveo-home-intro p{margin-bottom:14px;font-size:14px}.duveo-state-ring{width:54px;height:54px}.duveo-state{flex-basis:66px}.duveo-home-feed .duveo-section{margin-bottom:20px} .duveo-stage-player{max-height:500px}.duveo-surprise-hero{max-height:500px}.duveo-goal__img{aspect-ratio:16/7.8} .duveo-momentos-frame{height:min(60vh,510px)!important;max-height:510px!important;min-height:410px!important} } /* LARGE DESKTOP */ @media(min-width:1440px){ .duveo-main{padding-inline:32px}.duveo-home-grid{grid-template-columns:minmax(0,1fr) 320px}.duveo-category-grid--visual{gap:12px} } @media(min-width:1920px){ .duveo-main{padding-inline:40px}.duveo-home-grid{grid-template-columns:minmax(0,1fr) 330px}.duveo-card-title{font-size:15px}.duveo-card-sub{font-size:12px} } /* 5.1.33 · Momentos Premium Reels — diseño vertical-first */ .page-template-page-momentos .duveo-main{ max-width:1180px; margin-inline:auto; padding-top:16px; background: radial-gradient(circle at 68% 8%,rgba(41,109,255,.055),transparent 30%), linear-gradient(180deg,#fbfcff 0%,#f7f9fc 100%); } .duveo-momentos-premium{ display:grid; gap:14px; } .duveo-momentos-premium .duveo-momentos-head{ margin:0; } .duveo-momentos-premium .duveo-momentos-head h1{ margin:0; font-size:34px!important; line-height:1.02; letter-spacing:-.035em; font-weight:850; } .duveo-momentos-premium .duveo-momentos-head p{ margin:4px 0 0; font-size:15px; line-height:1.35; color:#737b8c; } .duveo-momentos-premium .duveo-momentos-tabs{ display:flex; align-items:center; gap:9px; flex-wrap:nowrap; overflow-x:auto; padding:0 0 2px; margin:0; scrollbar-width:none; } .duveo-momentos-premium .duveo-momentos-tabs::-webkit-scrollbar{display:none} .duveo-momentos-premium .duveo-momentos-tabs .duveo-chip{ flex:0 0 auto; min-height:38px; padding:0 16px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; border:1px solid #e5e9f1; background:rgba(255,255,255,.94); color:#1f2530; font-size:12px; font-weight:750; box-shadow:0 6px 16px rgba(15,23,42,.035); } .duveo-momentos-premium .duveo-momentos-tabs .duveo-chip.is-active{ border-color:#ff3b35; background:linear-gradient(180deg,#ff544b,#ff302a); color:#fff; box-shadow:0 9px 22px rgba(255,48,42,.22); } /* Desktop: reel 9:16 + panel derecho. El contenedor gigante tradicional desaparece. */ @media(min-width:981px){ .duveo-momentos-premium .duveo-momentos-layout{ display:grid!important; grid-template-columns:minmax(320px,400px) minmax(340px,400px)!important; justify-content:center; align-items:stretch!important; gap:24px!important; margin:0; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .duveo-momentos-premium .duveo-momentos-primary{ width:100%; min-width:0; display:flex; justify-content:center; align-items:flex-start; } .duveo-momentos-premium .duveo-momentos-frame{ position:relative; width:400px!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:9/16!important; margin:0 auto!important; overflow:hidden!important; border-radius:24px!important; background:#080a0f!important; box-shadow:0 24px 60px rgba(17,24,39,.18),0 0 0 1px rgba(255,255,255,.08) inset!important; } .duveo-momentos-premium .duveo-momentos-frame video{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; background:transparent!important; } .duveo-momentos-premium .duveo-momentos-frame iframe[data-moment-primary-player]{ position:absolute!important; left:50%!important; top:50%!important; width:100%!important; height:100%!important; max-width:none!important; border:0!important; transform:translate(-50%,-50%) scale(1.02)!important; transform-origin:center!important; background:#080a0f!important; } .duveo-momentos-premium .duveo-momentos-side{ min-width:0; height:100%!important; align-self:stretch!important; display:grid!important; grid-template-rows:minmax(0,.43fr) minmax(0,.57fr)!important; gap:16px!important; max-height:none!important; overflow:visible!important; } .duveo-momentos-premium .duveo-momentos-commentsbox, .duveo-momentos-premium .duveo-momentos-nextbox{ min-height:0!important; max-height:none!important; height:auto!important; overflow:hidden!important; padding:17px!important; border-radius:22px!important; border:1px solid #e6eaf2!important; background:rgba(255,255,255,.97)!important; box-shadow:0 14px 34px rgba(15,23,42,.065)!important; } .duveo-momentos-premium .duveo-momentos-commentsbox{ display:flex!important; flex-direction:column; position:static!important; } .duveo-momentos-premium .duveo-comment-list{ flex:1 1 auto; min-height:0; max-height:none!important; overflow:auto; padding-right:4px; } .duveo-momentos-premium .duveo-momentos-commentform{ flex:0 0 auto; } .duveo-momentos-premium .duveo-momentos-nextbox{ overflow:auto!important; scrollbar-width:thin; } .duveo-momentos-premium .duveo-momentos-nextbox .duveo-section-head{ position:sticky; top:-17px; z-index:2; margin:-17px -17px 10px; padding:17px 17px 10px; background:rgba(255,255,255,.98); backdrop-filter:blur(10px); } } /* Short laptops: preserve a true 9:16 reel without overflowing the viewport. */ @media(min-width:981px) and (max-height:900px){ .duveo-momentos-premium .duveo-momentos-layout{ grid-template-columns:360px minmax(330px,390px)!important; gap:20px!important; } .duveo-momentos-premium .duveo-momentos-frame{width:360px!important} .duveo-momentos-premium .duveo-momentos-head h1{font-size:31px!important} } @media(min-width:981px) and (max-height:820px){ .page-template-page-momentos .duveo-main{padding-top:10px!important;padding-bottom:24px!important} .duveo-momentos-premium{gap:9px} .duveo-momentos-premium .duveo-momentos-head h1{font-size:28px!important} .duveo-momentos-premium .duveo-momentos-head p{font-size:13px} .duveo-momentos-premium .duveo-momentos-tabs .duveo-chip{min-height:32px;padding:0 13px;font-size:11px} .duveo-momentos-premium .duveo-momentos-layout{ grid-template-columns:320px minmax(320px,380px)!important; gap:18px!important; } .duveo-momentos-premium .duveo-momentos-frame{width:320px!important;border-radius:20px!important} } @media(min-width:981px) and (min-height:1000px){ .duveo-momentos-premium .duveo-momentos-layout{ grid-template-columns:430px minmax(360px,410px)!important; } .duveo-momentos-premium .duveo-momentos-frame{width:430px!important} } /* Premium overlay del reel */ .duveo-momentos-premium .duveo-momentos-frame::after{ content:""; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(180deg,rgba(4,7,12,.22),transparent 24%,transparent 50%,rgba(4,7,12,.32) 68%,rgba(4,7,12,.82) 100%)!important; } .duveo-momentos-premium .duveo-momentos-frame-top{ left:13px!important; right:13px!important; top:13px!important; z-index:9!important; } .duveo-momentos-premium .duveo-momentos-feed-badge{ min-height:34px; padding:0 14px; border-radius:999px; background:rgba(13,47,76,.80)!important; color:#fff; backdrop-filter:blur(12px); font-size:12px; font-weight:800; } .duveo-momentos-premium .duveo-momentos-frame-more{ width:38px; height:38px; border-radius:50%; background:rgba(10,15,24,.52)!important; box-shadow:0 7px 20px rgba(0,0,0,.18); } .duveo-momentos-premium .duveo-momentos-play{ z-index:8; width:72px!important; height:72px!important; background:rgba(11,20,34,.62)!important; backdrop-filter:blur(10px); box-shadow:0 14px 34px rgba(0,0,0,.24); } .duveo-momentos-premium .duveo-momentos-play svg{width:30px!important;height:30px!important} .duveo-momentos-premium .duveo-momentos-mobile-creator{ display:block!important; position:absolute!important; left:14px!important; right:68px!important; bottom:62px!important; z-index:8!important; color:#fff!important; text-shadow:0 2px 7px rgba(0,0,0,.62); } .duveo-momentos-premium .duveo-momentos-mobile-creator .duveo-creator-line{ display:flex; align-items:center; gap:8px; margin-bottom:8px; } .duveo-momentos-premium .duveo-momentos-mobile-creator .duveo-avatar-media, .duveo-momentos-premium .duveo-momentos-mobile-creator .duveo-avatar{ width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important; } .duveo-momentos-premium .duveo-momentos-mobile-creator .duveo-creator-line__meta strong{font-size:12px;color:#fff} .duveo-momentos-premium .duveo-momentos-mobile-creator .duveo-creator-line__meta small{display:none!important} .duveo-momentos-premium .duveo-momentos-mobile-creator .duveo-btn{ min-height:32px; padding:0 14px; border-radius:999px; border:0; background:#fff!important; color:#16191f!important; font-size:11px; font-weight:800; text-shadow:none; box-shadow:0 6px 16px rgba(0,0,0,.15); } .duveo-momentos-premium .duveo-momentos-mobile-creator h2{ margin:0 0 5px; color:#fff; font-size:17px!important; line-height:1.15; font-weight:850; } .duveo-momentos-premium .duveo-momentos-mobile-creator p{ margin:0; color:rgba(255,255,255,.94)!important; font-size:11px!important; line-height:1.42; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .duveo-momentos-premium .duveo-momentos-mobile-stats{display:none!important} .duveo-momentos-premium .duveo-momentos-hashtags{ display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; } .duveo-momentos-premium .duveo-momentos-hashtags span{ padding:5px 9px; border-radius:999px; background:rgba(10,17,28,.68); color:#fff; font-size:9px; font-weight:800; text-shadow:none; backdrop-filter:blur(8px); } /* Acciones verticales superpuestas */ .duveo-momentos-premium .duveo-momentos-mobile-actions{ display:flex!important; position:absolute!important; right:8px!important; bottom:68px!important; z-index:9!important; flex-direction:column!important; align-items:center!important; gap:5px!important; } .duveo-momentos-premium .duveo-momentos-follow-orb{ width:48px!important; height:55px!important; margin-bottom:0!important; } .duveo-momentos-premium .duveo-momentos-follow-orb .duveo-avatar-media, .duveo-momentos-premium .duveo-momentos-follow-orb .duveo-avatar{ width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important; border:2px solid #fff!important; } .duveo-momentos-premium .duveo-momentos-mobile-actions .duveo-round-action{ width:46px!important; min-height:46px!important; padding:0!important; border:0!important; background:transparent!important; color:#fff!important; gap:2px!important; } .duveo-momentos-premium .duveo-momentos-mobile-actions .duveo-round-action svg{ width:20px!important; height:20px!important; padding:9px!important; border-radius:50%!important; box-sizing:content-box!important; background:rgba(255,255,255,.96)!important; color:#151922!important; stroke:currentColor!important; fill:none!important; box-shadow:0 8px 20px rgba(0,0,0,.17)!important; } .duveo-momentos-premium .duveo-momentos-mobile-actions .duveo-round-action.is-active svg{color:#ff304d!important} .duveo-momentos-premium .duveo-momentos-mobile-actions .duveo-round-action strong{ color:#fff!important; font-size:9px!important; font-weight:800; text-shadow:0 2px 4px rgba(0,0,0,.7); } /* Controles inferiores */ .duveo-momentos-premium .duveo-momentos-controlbar{ left:12px!important; right:12px!important; bottom:8px!important; z-index:10!important; gap:5px!important; } .duveo-momentos-premium .duveo-momentos-progress{ height:4px!important; border-radius:999px; background:rgba(255,255,255,.28)!important; } .duveo-momentos-premium .duveo-momentos-progress span{background:#ff3434!important} .duveo-momentos-premium .duveo-momentos-controlmeta{ min-height:31px!important; padding:4px 7px!important; background:transparent!important; backdrop-filter:none!important; } .duveo-momentos-premium .duveo-momentos-time{font-size:10px!important;font-weight:750} .duveo-momentos-premium .duveo-momentos-quality{font-size:11px;font-weight:900;color:#fff} /* Right cards premium */ .duveo-momentos-premium .duveo-section-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; } .duveo-momentos-premium .duveo-momentos-commentsbox .duveo-section-head h3, .duveo-momentos-premium .duveo-momentos-nextbox .duveo-section-head h3{ margin:0; font-size:17px!important; line-height:1.2; letter-spacing:-.02em; } .duveo-momentos-premium .duveo-momentos-linkbtn, .duveo-momentos-premium .duveo-momentos-replay-all{ border:0; background:transparent; color:#657084; font-size:11px; font-weight:700; text-decoration:none; } .duveo-momentos-premium .duveo-comment--rich{ grid-template-columns:38px minmax(0,1fr) 16px!important; gap:9px!important; padding:10px 0!important; border-bottom:1px solid #f0f2f6; } .duveo-momentos-premium .duveo-comment--rich:last-child{border-bottom:0} .duveo-momentos-premium .duveo-comment-avatar, .duveo-momentos-premium .duveo-comment-avatar .duveo-avatar, .duveo-momentos-premium .duveo-comment-initial{width:38px!important;height:38px!important} .duveo-momentos-premium .duveo-comment-top strong{font-size:12px!important} .duveo-momentos-premium .duveo-comment-top small{font-size:10px!important;color:#8991a1} .duveo-momentos-premium .duveo-comment-body p{font-size:11px!important;line-height:1.4!important;color:#363d49} .duveo-momentos-premium .duveo-comment-meta{font-size:10px!important;color:#81899a!important} .duveo-momentos-premium .duveo-momentos-commentform{ display:grid!important; grid-template-columns:34px minmax(0,1fr) 38px!important; gap:8px!important; align-items:center!important; padding-top:10px!important; margin-top:8px!important; border-top:1px solid #edf0f5!important; } .duveo-momentos-premium .duveo-momentos-commentform input{ height:40px!important; padding:0 14px!important; border:1px solid #e3e7ee!important; border-radius:999px!important; background:#f8f9fc!important; font-size:11px!important; } .duveo-momentos-premium .duveo-momentos-commentform button{ width:38px!important;height:38px!important; border-radius:50%!important; border:0!important; background:#111827!important; color:#fff!important; box-shadow:0 7px 18px rgba(17,24,39,.15); } .duveo-momentos-premium .duveo-momentos-nextitem{ grid-template-columns:104px minmax(0,1fr) 12px!important; gap:10px!important; padding:8px 0!important; border-bottom:1px solid #f0f2f6!important; } .duveo-momentos-premium .duveo-momentos-nextitem:last-child{border-bottom:0!important} .duveo-momentos-premium .duveo-momentos-nextitem img{ width:104px!important; height:64px!important; border-radius:11px!important; object-fit:cover!important; } .duveo-momentos-premium .duveo-momentos-nextitem strong{font-size:11px!important;line-height:1.3!important} .duveo-momentos-premium .duveo-momentos-nextitem small{font-size:9px!important;line-height:1.3!important;color:#7d8594!important} /* Mobile: reel real 9:16, casi edge-to-edge, sin barras negras. */ @media(max-width:980px){ .page-template-page-momentos .duveo-main{ max-width:none!important; padding:10px 0 calc(78px + env(safe-area-inset-bottom))!important; background:#fff!important; } .duveo-momentos-premium{gap:8px!important} .duveo-momentos-premium .duveo-momentos-head{padding:0 12px 2px!important} .duveo-momentos-premium .duveo-momentos-head h1{font-size:27px!important;letter-spacing:-.025em} .duveo-momentos-premium .duveo-momentos-head p{font-size:13px!important;margin-top:2px!important} .duveo-momentos-premium .duveo-momentos-tabs{ padding:0 10px 8px!important; gap:7px!important; } .duveo-momentos-premium .duveo-momentos-tabs .duveo-chip{ min-height:34px!important; padding:0 13px!important; font-size:11px!important; } .duveo-momentos-premium .duveo-momentos-layout{ display:block!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .duveo-momentos-premium .duveo-momentos-primary{width:100%!important;margin:0!important;padding:0!important} .duveo-momentos-premium .duveo-momentos-frame{ width:calc(100% - 20px)!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:9/16!important; margin:0 10px!important; border-radius:20px!important; background:#080a0f!important; box-shadow:0 16px 42px rgba(15,23,42,.17)!important; } .duveo-momentos-premium .duveo-momentos-frame video{object-fit:cover!important;object-position:center!important} .duveo-momentos-premium .duveo-momentos-frame iframe[data-moment-primary-player]{transform:translate(-50%,-50%) scale(1.02)!important} .duveo-momentos-premium .duveo-momentos-mobile-creator{left:12px!important;right:62px!important;bottom:60px!important} .duveo-momentos-premium .duveo-momentos-mobile-actions{right:6px!important;bottom:66px!important} .duveo-momentos-premium .duveo-momentos-controlbar{left:10px!important;right:10px!important;bottom:8px!important} .duveo-momentos-premium .duveo-momentos-side{ display:none!important; position:fixed!important; left:0!important; right:0!important; bottom:calc(64px + env(safe-area-inset-bottom))!important; z-index:160!important; max-height:72vh!important; height:auto!important; overflow:auto!important; padding:14px!important; gap:12px!important; border-radius:24px 24px 0 0!important; background:#fff!important; box-shadow:0 -18px 50px rgba(0,0,0,.22)!important; } .duveo-momentos-premium.is-comments-open .duveo-momentos-side{display:grid!important} .duveo-momentos-premium .duveo-momentos-commentsbox, .duveo-momentos-premium .duveo-momentos-nextbox{ max-height:none!important; height:auto!important; border-radius:18px!important; box-shadow:none!important; } } @media(max-width:389px){ .duveo-momentos-premium .duveo-momentos-frame{width:calc(100% - 12px)!important;margin:0 6px!important;border-radius:16px!important} .duveo-momentos-premium .duveo-momentos-head{padding-inline:10px!important} .duveo-momentos-premium .duveo-momentos-head h1{font-size:25px!important} } /* ======================================================================== 5.1.35 · MOMENTOS — una sola experiencia, propuesta 2 ======================================================================== */ :root{--duveo-logo-blue:#1769ff;--duveo-logo-blue-dark:#0d4ed8;--duveo-logo-red:#ff2638;--duveo-navy:#0b1838} .page-template-page-momentos .duveo-main{max-width:1540px!important;padding:18px clamp(18px,1.7vw,28px) 74px!important;background:#fff} .duveo-momentos-onepage{display:grid;gap:12px} .duveo-momentos-onepage__head{display:flex;justify-content:space-between;align-items:center;gap:18px} .duveo-momentos-onepage__head h1{margin:0;font-size:clamp(27px,2.2vw,36px);line-height:1;letter-spacing:-.04em} .duveo-momentos-onepage__head p{margin:5px 0 0;font-size:13px;color:#72798a} .duveo-momentos-category-explore{height:40px;padding:0 15px;border-radius:999px;border:1px solid #e5e9f1;background:#fff;color:#25314c;display:flex;align-items:center;gap:8px;font-weight:700} .duveo-momentos-category-explore svg{width:18px;height:18px;stroke:var(--duveo-logo-blue);fill:none} .duveo-momentos-onepage__filters{display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.duveo-momentos-onepage__filters::-webkit-scrollbar{display:none} .duveo-momentos-onepage__filters button{height:38px;border:1px solid #e6e9f0;border-radius:999px;padding:0 15px;background:#f7f8fb;color:#202b43;font-weight:750;font-size:12px;white-space:nowrap} .duveo-momentos-onepage__filters button.is-active{background:linear-gradient(135deg,var(--duveo-logo-blue),#385dff);border-color:var(--duveo-logo-blue);color:#fff;box-shadow:0 8px 18px rgba(23,105,255,.18)} .duveo-momentos-onepage__workspace{display:grid;grid-template-columns:300px minmax(390px,500px) minmax(320px,370px);gap:16px;align-items:start} .duveo-momentos-explorer{min-width:0}.duveo-momentos-explorer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .duveo-moment-explore-card{position:relative;border:0;border-radius:16px;overflow:hidden;background:#0c1019;color:#fff;aspect-ratio:9/16;text-align:left;padding:0;box-shadow:0 8px 20px rgba(14,24,45,.08)} .duveo-moment-explore-card img{width:100%;height:100%;object-fit:cover}.duveo-moment-explore-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.83) 100%)} .duveo-moment-explore-card.is-active{outline:3px solid var(--duveo-logo-blue);outline-offset:-3px} .duveo-moment-explore-card__badge{position:absolute;top:8px;right:8px;z-index:2;padding:5px 8px;border-radius:999px;background:rgba(23,105,255,.92);font-size:9px;font-weight:800} .duveo-moment-explore-card__meta{position:absolute;left:10px;right:10px;bottom:9px;z-index:2}.duveo-moment-explore-card__meta strong{display:block;font-size:11px;line-height:1.25}.duveo-moment-explore-card__meta small{display:block;margin-top:4px;font-size:9px;opacity:.85} .duveo-momentos-viewer{position:relative;aspect-ratio:9/16;width:100%;max-width:500px;max-height:calc(100dvh - 150px);min-height:560px;border-radius:22px;overflow:hidden;background:#05070b;color:#fff;box-shadow:0 18px 45px rgba(12,22,44,.16)} .duveo-momentos-viewer__media,.duveo-momentos-viewer__media>*{position:absolute;inset:0;width:100%;height:100%}.duveo-momentos-viewer__media video{width:100%;height:100%;object-fit:cover;object-position:center}.duveo-momentos-viewer__media iframe{position:absolute;left:50%;top:50%;width:100%;height:100%;border:0;transform:translate(-50%,-50%) scale(1.08);transform-origin:center} .duveo-momentos-viewer__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 35%,transparent 55%,rgba(0,0,0,.78) 100%)} .duveo-momentos-viewer__top{position:absolute;z-index:5;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;align-items:center}.duveo-momentos-viewer__top .duveo-momentos-feed-badge{background:rgba(9,39,71,.86);padding:8px 14px;border-radius:999px;font-weight:800;font-size:12px}.duveo-momentos-viewer__top .duveo-momentos-frame-more{width:42px;height:42px;border-radius:50%;border:0;background:rgba(9,16,27,.58);color:#fff;display:grid;place-items:center} .duveo-momentos-viewer .duveo-momentos-play{z-index:4;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:74px;height:74px;border:0;border-radius:50%;background:rgba(8,18,32,.42);color:#fff;backdrop-filter:blur(8px)}.duveo-momentos-viewer.is-playing .duveo-momentos-play{opacity:0;pointer-events:none} .duveo-momentos-viewer__actions{position:absolute;z-index:6;right:10px;bottom:104px;display:flex;flex-direction:column;gap:8px;align-items:center}.duveo-momentos-viewer__actions .duveo-round-action{width:48px;min-height:48px;border:0;background:rgba(255,255,255,.96);color:#172238;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 8px 18px rgba(0,0,0,.16)}.duveo-momentos-viewer__actions .duveo-round-action svg{width:20px;height:20px;stroke:currentColor;fill:none}.duveo-momentos-viewer__actions .duveo-round-action strong{font-size:9px;line-height:1}.duveo-momentos-viewer__actions .duveo-round-action.is-active{color:var(--duveo-logo-red)} .duveo-momentos-viewer__creator{position:absolute;z-index:5;left:16px;right:68px;bottom:66px}.duveo-momentos-viewer__creator .duveo-creator-line{display:flex;align-items:center;gap:9px;margin-bottom:8px}.duveo-moment-author-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#fff}.duveo-moment-author-avatar img{width:100%;height:100%;object-fit:cover}.duveo-moment-author-avatar span{color:#12203d;font-weight:900}.duveo-momentos-viewer__creator .duveo-creator-line__meta strong{color:#fff;font-size:12px}.duveo-moment-follow{margin-left:4px!important;background:#fff!important;color:#111827!important;border-color:#fff!important;border-radius:999px!important}.duveo-moment-follow.is-active{background:rgba(255,255,255,.2)!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important}.duveo-momentos-viewer__creator h2{margin:0 0 5px;font-size:16px;line-height:1.2;color:#fff}.duveo-momentos-viewer__creator p{margin:0;color:rgba(255,255,255,.9);font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.duveo-momentos-viewer__creator .duveo-momentos-hashtags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.duveo-momentos-viewer__creator .duveo-momentos-hashtags span{padding:4px 7px;border-radius:999px;background:rgba(8,13,22,.55);font-size:10px;color:#fff} .duveo-momentos-viewer .duveo-momentos-controlbar{position:absolute;z-index:7;left:14px;right:14px;bottom:9px}.duveo-momentos-viewer .duveo-momentos-progress{height:4px;border-radius:999px;background:rgba(255,255,255,.35);overflow:hidden}.duveo-momentos-viewer .duveo-momentos-progress span{display:block;height:100%;width:0;background:var(--duveo-logo-red)}.duveo-momentos-viewer .duveo-momentos-controlmeta{display:flex;align-items:center;gap:9px;margin-top:8px;color:#fff}.duveo-momentos-viewer .duveo-momentos-controlmeta button{border:0;background:transparent;color:#fff;padding:0}.duveo-momentos-viewer .duveo-momentos-righticons{margin-left:auto;display:flex;align-items:center;gap:10px}.duveo-momentos-viewer .duveo-momentos-quality{font-weight:900;font-size:11px} .duveo-momentos-onepage__side{display:grid;gap:14px}.duveo-momentos-onepage__side>section{border:1px solid #e6eaf1;border-radius:20px;background:#fff;box-shadow:0 9px 28px rgba(16,30,56,.05);padding:15px}.duveo-momentos-onepage__side .duveo-section-head{margin:0 0 10px}.duveo-momentos-onepage__side .duveo-section-head h3{margin:0;font-size:16px}.duveo-momentos-linkbtn,.duveo-momentos-replay-all{border:0;background:transparent;color:var(--duveo-logo-blue);font-weight:800;font-size:10px} .duveo-momentos-onepage__side .duveo-comment-list{display:grid;gap:0;max-height:360px;overflow:auto}.duveo-momentos-onepage__side .duveo-comment--rich{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:9px;padding:10px 0;border-bottom:1px solid #eef1f6}.duveo-momentos-onepage__side .duveo-comment-avatar,.duveo-momentos-onepage__side .duveo-comment-avatar img,.duveo-momentos-onepage__side .duveo-comment-initial{width:38px;height:38px;border-radius:50%}.duveo-momentos-onepage__side .duveo-comment-body p{margin:3px 0;font-size:11px;line-height:1.4}.duveo-momentos-onepage__side .duveo-comment-top{display:flex;gap:6px;align-items:center}.duveo-momentos-onepage__side .duveo-comment-top strong{font-size:11px}.duveo-momentos-onepage__side .duveo-comment-top small{font-size:9px;color:#8a92a2}.duveo-momentos-onepage__side .duveo-comment-meta{display:flex;align-items:center;gap:12px;font-size:9px;color:#7a8290}.duveo-comment-like,.duveo-comment-reply{border:0;background:transparent;padding:0;color:inherit;font-size:inherit}.duveo-comment-like.is-active{color:var(--duveo-logo-red)}.duveo-comment-parent{font-size:9px;color:var(--duveo-logo-blue);margin-bottom:2px}.duveo-comment-menu{border:0;background:transparent;color:#788092}.duveo-momentos-commentform{display:grid;grid-template-columns:34px minmax(0,1fr) 38px;gap:8px;align-items:center;padding-top:11px;margin-top:8px;border-top:1px solid #eef1f6}.duveo-moment-comment-inputwrap{min-width:0}.duveo-moment-replying{font-size:9px;color:var(--duveo-logo-blue);margin:0 8px 3px}.duveo-momentos-commentform input{width:100%;height:38px;border-radius:999px;border:1px solid #e2e7ef;background:#f7f9fc;padding:0 13px;font-size:11px}.duveo-momentos-commentform>button{width:38px;height:38px;border-radius:50%;border:0;background:var(--duveo-logo-blue);color:#fff} .duveo-momentos-nextbox [data-moment-next-list]{display:grid;gap:5px}.duveo-moment-nextitem{display:grid;grid-template-columns:96px minmax(0,1fr) 14px;gap:9px;align-items:center;padding:7px 0;border-bottom:1px solid #eef1f6;background:transparent;border-top:0;border-left:0;border-right:0;text-align:left;color:#1b2437}.duveo-moment-nextitem img{width:96px;height:58px;border-radius:10px;object-fit:cover}.duveo-moment-nextitem strong{display:block;font-size:10px;line-height:1.25}.duveo-moment-nextitem small{display:block;font-size:8px;color:#818999;margin-top:3px}.duveo-moment-nextitem.is-active{opacity:.5}.duveo-moment-nextitem b{font-size:15px;color:#7f8794}.duveo-momentos-next-empty{padding:22px 10px;text-align:center;color:#7f8794;font-size:11px} .duveo-momentos-ad{margin-top:12px;padding:17px 15px;border-radius:18px;color:#fff;background:linear-gradient(155deg,#10265f 0%,var(--duveo-logo-blue) 56%,var(--duveo-logo-red) 135%);box-shadow:0 12px 30px rgba(23,105,255,.18)}.duveo-momentos-ad__label{display:block;font-size:8px;letter-spacing:.14em;opacity:.75}.duveo-momentos-ad__brand{font-size:18px;font-weight:950;letter-spacing:-.03em;margin:8px 0 18px}.duveo-momentos-ad__brand small{font-size:8px;letter-spacing:.18em}.duveo-momentos-ad strong{display:block;font-size:18px;line-height:1.05}.duveo-momentos-ad p{font-size:11px;line-height:1.45;opacity:.9}.duveo-momentos-ad a{display:inline-flex;background:#fff;color:#153c95;padding:8px 11px;border-radius:999px;font-weight:800;font-size:10px} @media(max-width:1360px) and (min-width:981px){.duveo-momentos-onepage__workspace{grid-template-columns:250px minmax(360px,440px) minmax(300px,340px);gap:12px}.duveo-momentos-viewer{min-height:520px}.duveo-moment-explore-card__meta strong{font-size:10px}} @media(max-width:1180px) and (min-width:981px){.duveo-momentos-onepage__workspace{grid-template-columns:190px minmax(340px,410px) minmax(270px,310px)}.duveo-momentos-explorer__grid{grid-template-columns:1fr}.duveo-momentos-explorer .duveo-moment-explore-card:nth-child(n+4){display:none}} @media(max-width:980px){ .page-template-page-momentos .duveo-topbar{display:none!important} .page-template-page-momentos .duveo-shell{display:block!important;min-height:100dvh!important} .page-template-page-momentos .duveo-sidebar{display:none!important} .page-template-page-momentos .duveo-main{padding:0 0 calc(68px + env(safe-area-inset-bottom))!important;max-width:none!important} .duveo-momentos-onepage{gap:0} .duveo-momentos-onepage__head{padding:12px 13px 8px}.duveo-momentos-onepage__head h1{font-size:28px}.duveo-momentos-onepage__head p{font-size:12px}.duveo-momentos-category-explore{display:none} .duveo-momentos-onepage__filters{position:sticky;top:0;z-index:60;padding:7px 12px 9px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #edf0f5}.duveo-momentos-onepage__filters button{height:34px;padding:0 12px;font-size:10px} .duveo-momentos-onepage__workspace{display:block}.duveo-momentos-explorer{display:none} .duveo-momentos-viewer{width:100%;max-width:none;min-height:calc(100svh - 158px);height:calc(100svh - 158px);max-height:none;border-radius:0;box-shadow:none} .duveo-momentos-viewer__media iframe{transform:translate(-50%,-50%) scale(1.02)} .duveo-momentos-viewer__actions{right:7px;bottom:112px}.duveo-momentos-viewer__actions .duveo-round-action{width:46px;min-height:46px} .duveo-momentos-viewer__creator{left:12px;right:62px;bottom:66px}.duveo-momentos-viewer__creator h2{font-size:15px}.duveo-momentos-viewer__creator p{font-size:11px} .duveo-momentos-viewer .duveo-momentos-controlbar{left:10px;right:10px;bottom:8px} .duveo-momentos-onepage__side{display:none;position:fixed;z-index:170;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));max-height:72dvh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:12px;box-shadow:0 -18px 50px rgba(10,20,40,.25)} .duveo-momentos-onepage.is-comments-open .duveo-momentos-onepage__side{display:grid}.duveo-momentos-onepage.is-comments-open .duveo-momentos-nextbox{display:none}.duveo-momentos-sheet-backdrop{display:none;position:fixed;inset:0;z-index:160;background:rgba(5,10,20,.45)}.duveo-momentos-onepage.is-comments-open~.duveo-momentos-sheet-backdrop,.duveo-momentos-onepage.is-comments-open .duveo-momentos-sheet-backdrop{display:block} .duveo-momentos-onepage__side>section{box-shadow:none;border:0;padding:6px}.duveo-momentos-onepage__side .duveo-comment-list{max-height:48dvh} .duveo-mobilebar{display:grid!important} } /* ========================================================= DUVEO 5.1.35 · MOMENTOS · ESCRITORIO 100% DE ZOOM Ajuste por altura real de viewport. Mantiene 9:16 y evita que el usuario tenga que reducir el zoom del navegador. ========================================================= */ @media (min-width:981px){ .page-template-page-momentos{ overflow-x:hidden; } .page-template-page-momentos .duveo-main{ --duveo-moment-stage-h: clamp(500px, calc(100dvh - 193px), 790px); max-width:1540px!important; padding:12px clamp(14px,1.4vw,22px) 18px!important; background:#fff!important; } .duveo-momentos-onepage{ gap:8px!important; } .duveo-momentos-onepage__head{ min-height:0!important; gap:12px!important; } .duveo-momentos-onepage__head h1{ font-size:clamp(25px,1.9vw,31px)!important; line-height:1!important; letter-spacing:-.035em!important; } .duveo-momentos-onepage__head p{ margin-top:3px!important; font-size:12px!important; line-height:1.25!important; } .duveo-momentos-category-explore{ height:34px!important; padding:0 13px!important; font-size:11px!important; } .duveo-momentos-onepage__filters{ gap:7px!important; padding-bottom:0!important; } .duveo-momentos-onepage__filters button{ height:34px!important; padding:0 13px!important; font-size:11px!important; } .duveo-momentos-onepage__workspace{ height:var(--duveo-moment-stage-h)!important; grid-template-columns:minmax(220px,290px) minmax(300px,445px) minmax(290px,360px)!important; gap:14px!important; justify-content:center!important; align-items:stretch!important; overflow:hidden!important; } /* Explorador: seis miniaturas visibles dentro de la misma altura */ .duveo-momentos-explorer{ min-width:0!important; height:var(--duveo-moment-stage-h)!important; overflow:hidden!important; } .duveo-momentos-explorer__grid{ height:100%!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:repeat(3,minmax(0,1fr))!important; gap:8px!important; } .duveo-moment-explore-card{ width:100%!important; height:100%!important; min-height:0!important; aspect-ratio:auto!important; border-radius:13px!important; } .duveo-moment-explore-card__meta{ left:8px!important; right:8px!important; bottom:7px!important; } .duveo-moment-explore-card__meta strong{ font-size:10px!important; line-height:1.18!important; } .duveo-moment-explore-card__meta small{ font-size:8px!important; margin-top:3px!important; } /* Reel principal: la altura manda; el ancho se calcula para 9:16 */ .duveo-momentos-viewer{ align-self:center!important; justify-self:center!important; width:auto!important; height:var(--duveo-moment-stage-h)!important; max-width:100%!important; max-height:none!important; min-height:0!important; aspect-ratio:9 / 16!important; border-radius:18px!important; background:#05070b!important; overflow:hidden!important; } .duveo-momentos-viewer__media, .duveo-momentos-viewer__media>*{ width:100%!important; height:100%!important; } .duveo-momentos-viewer__media video{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; } .duveo-momentos-viewer__media iframe{ width:100%!important; height:100%!important; transform:translate(-50%,-50%) scale(1.02)!important; } .duveo-momentos-viewer__top{ top:11px!important; left:11px!important; right:11px!important; } .duveo-momentos-viewer__top .duveo-momentos-frame-more{ width:36px!important; height:36px!important; } .duveo-momentos-viewer__actions{ right:8px!important; bottom:92px!important; gap:6px!important; } .duveo-momentos-viewer__actions .duveo-round-action{ width:42px!important; min-height:42px!important; } .duveo-momentos-viewer__creator{ left:13px!important; right:58px!important; bottom:58px!important; } .duveo-momentos-viewer__creator .duveo-creator-line{ margin-bottom:5px!important; } .duveo-momentos-viewer__creator h2{ font-size:14px!important; margin-bottom:3px!important; } .duveo-momentos-viewer__creator p{ font-size:11px!important; line-height:1.28!important; -webkit-line-clamp:2!important; } .duveo-momentos-viewer__creator .duveo-momentos-hashtags{ margin-top:5px!important; gap:4px!important; } .duveo-momentos-viewer .duveo-momentos-controlbar{ left:11px!important; right:11px!important; bottom:7px!important; } /* Derecha: comentarios y siguientes Momentos nunca alargan la página */ .duveo-momentos-onepage__side{ height:var(--duveo-moment-stage-h)!important; min-height:0!important; display:grid!important; grid-template-rows:minmax(0,1.15fr) minmax(0,.85fr)!important; gap:10px!important; overflow:hidden!important; } .duveo-momentos-onepage__side>section{ min-height:0!important; overflow:hidden!important; padding:12px!important; border-radius:16px!important; } .duveo-momentos-commentsbox{ display:flex!important; flex-direction:column!important; } .duveo-momentos-onepage__side .duveo-comment-list{ flex:1 1 auto!important; min-height:0!important; max-height:none!important; overflow-y:auto!important; overscroll-behavior:contain!important; } .duveo-momentos-commentform{ flex:0 0 auto!important; padding-top:8px!important; margin-top:6px!important; } .duveo-momentos-nextbox{ display:flex!important; flex-direction:column!important; } .duveo-momentos-nextbox [data-moment-next-list]{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overscroll-behavior:contain!important; } .duveo-moment-nextitem{ grid-template-columns:82px minmax(0,1fr) 12px!important; gap:7px!important; padding:5px 0!important; } .duveo-moment-nextitem img{ width:82px!important; height:50px!important; border-radius:8px!important; } } /* Pantallas de escritorio bajas: 1366×768 y similares */ @media (min-width:981px) and (max-height:820px){ .page-template-page-momentos .duveo-main{ --duveo-moment-stage-h: clamp(440px, calc(100dvh - 176px), 620px); padding-top:8px!important; padding-bottom:12px!important; } .duveo-momentos-onepage{ gap:7px!important; } .duveo-momentos-onepage__head h1{ font-size:25px!important; } .duveo-momentos-onepage__head p{ font-size:11px!important; margin-top:2px!important; } .duveo-momentos-category-explore{ height:31px!important; } .duveo-momentos-onepage__filters button{ height:31px!important; padding:0 11px!important; font-size:10px!important; } .duveo-momentos-onepage__workspace{ gap:12px!important; grid-template-columns:minmax(205px,255px) minmax(275px,350px) minmax(275px,330px)!important; } .duveo-momentos-viewer__actions .duveo-round-action{ width:39px!important; min-height:39px!important; } .duveo-momentos-onepage__side>section{ padding:10px!important; } } /* En anchos más contenidos se prioriza el reel y los paneles sin romper 9:16 */ @media (min-width:981px) and (max-width:1180px){ .duveo-momentos-onepage__workspace{ grid-template-columns:minmax(180px,210px) minmax(270px,330px) minmax(260px,300px)!important; gap:10px!important; } .duveo-momentos-explorer__grid{ gap:6px!important; } } /* Móvil conserva la experiencia vertical ya existente */ @media (max-width:980px){ .duveo-momentos-viewer{ aspect-ratio:auto!important; } } /* ========================================================= DUVEO 5.1.37 · MOMENTOS · CONTENIDO COMPLETO AL 100% El escenario se calcula desde la altura real disponible del escritorio. El reel mantiene 9:16 y nunca queda cortado. ========================================================= */ @media (min-width:981px){ .page-template-page-momentos .duveo-main{ --duveo-moment-stage-h: clamp(500px, calc(100dvh - 188px), 600px); overflow:visible!important; } .page-template-page-momentos .duveo-momentos-onepage__workspace{ height:var(--duveo-moment-stage-h)!important; min-height:0!important; overflow:visible!important; align-items:stretch!important; } .page-template-page-momentos .duveo-momentos-viewer{ height:var(--duveo-moment-stage-h)!important; width:auto!important; max-height:none!important; min-height:0!important; aspect-ratio:9/16!important; align-self:start!important; justify-self:center!important; overflow:hidden!important; } .page-template-page-momentos .duveo-momentos-viewer__media video{ width:100%!important; height:100%!important; object-fit:contain!important; object-position:center!important; background:#05070b!important; } .page-template-page-momentos .duveo-momentos-viewer__media iframe{ width:100%!important; height:100%!important; transform:translate(-50%,-50%)!important; } .page-template-page-momentos .duveo-momentos-onepage__side, .page-template-page-momentos .duveo-momentos-explorer{ height:var(--duveo-moment-stage-h)!important; min-height:0!important; } } @media (min-width:981px) and (max-height:820px){ .page-template-page-momentos .duveo-main{ --duveo-moment-stage-h: clamp(470px, calc(100dvh - 182px), 585px); } } @media (min-width:981px) and (max-height:760px){ .page-template-page-momentos .duveo-main{ --duveo-moment-stage-h: clamp(440px, calc(100dvh - 174px), 550px); } } /* DUVEO 5.1.37 · Explorador Momentos: 3 columnas x 3 filas + Ver más */ @media (min-width:981px){ .page-template-page-momentos .duveo-momentos-explorer__grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:repeat(3,minmax(0,1fr))!important; gap:9px!important; } .page-template-page-momentos .duveo-moment-explore-card{ min-width:0!important; width:100%!important; height:100%!important; } .page-template-page-momentos .duveo-momentos-explorer{ display:flex!important; flex-direction:column!important; min-height:0!important; } .page-template-page-momentos .duveo-momentos-explorer__grid{ flex:1 1 auto!important; min-height:0!important; } .page-template-page-momentos .duveo-momentos-explorer__more{ display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 34px!important; margin-top:8px!important; border:1px solid rgba(16,72,221,.16)!important; border-radius:10px!important; background:#fff!important; color:#1048dd!important; font-size:11px!important; font-weight:800!important; text-decoration:none!important; } } /* ======================================================================== DUVEO 5.1.38 · MOMENTOS · GALERÍA 4x4 + REPRODUCTOR DESKTOP/MÓVIL ======================================================================== */ .page-template-page-momentos .duveo-momentos-v5138{display:grid;gap:12px} .page-template-page-momentos .duveo-momentos-v5138__head h1{margin:0;font-size:clamp(28px,2.2vw,36px);line-height:1;letter-spacing:-.035em} .page-template-page-momentos .duveo-momentos-v5138__head p{margin:5px 0 0;color:#737b8b;font-size:13px} .page-template-page-momentos .duveo-momentos-v5138__feeds{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:#f3f5f8;width:max-content;max-width:100%} .page-template-page-momentos .duveo-momentos-v5138__feeds button{height:36px;padding:0 15px;border:0;border-radius:999px;background:transparent;color:#697181;font-size:12px;font-weight:800;cursor:pointer} .page-template-page-momentos .duveo-momentos-v5138__feeds button.is-active{background:#fff;color:#1769ff;box-shadow:0 2px 8px rgba(15,23,42,.08)} .page-template-page-momentos .duveo-momentos-v5138__feednote{margin:0 0 10px;color:#7b8391;font-size:11px} .page-template-page-momentos .duveo-momentos-v5138__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .page-template-page-momentos .duveo-momentos-v5138__card{min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer} .page-template-page-momentos .duveo-momentos-v5138__cardmedia{position:relative;overflow:hidden;aspect-ratio:9/13;border-radius:14px;background:#0a0d14;box-shadow:0 8px 22px rgba(16,24,40,.07)} .page-template-page-momentos .duveo-momentos-v5138__cardmedia::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.46),transparent 28%,transparent 54%,rgba(0,0,0,.82));pointer-events:none} .page-template-page-momentos .duveo-momentos-v5138__cardmedia img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s ease} .page-template-page-momentos .duveo-momentos-v5138__card:hover img{transform:scale(1.025)} .page-template-page-momentos .duveo-momentos-v5138__cardtop{position:absolute;z-index:2;top:9px;left:9px;right:9px;display:flex;align-items:center;justify-content:space-between;gap:7px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55)} .page-template-page-momentos .duveo-momentos-v5138__cardtop strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .page-template-page-momentos .duveo-momentos-v5138__cardtop span{font-size:8px;white-space:nowrap;opacity:.9} .page-template-page-momentos .duveo-momentos-v5138__cardtitle{position:absolute;z-index:2;left:10px;right:10px;bottom:9px;color:#fff;font-size:11px;line-height:1.25;font-weight:800;text-shadow:0 1px 6px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .page-template-page-momentos .duveo-momentos-v5138__more{display:flex;align-items:center;justify-content:center;margin:15px auto 0;height:38px;padding:0 22px;border:1px solid #e2e7ef;border-radius:999px;background:#fff;color:#1769ff;font-size:11px;font-weight:850;cursor:pointer} .page-template-page-momentos .duveo-momentos-v5138__empty{grid-column:1/-1;padding:32px;border:1px dashed #dfe4ec;border-radius:14px;text-align:center;color:#7a8190} .page-template-page-momentos .duveo-momentos-v5138__back{height:36px;padding:0 13px;border:0;border-radius:999px;background:#f2f4f7;color:#202838;font-size:11px;font-weight:800;cursor:pointer;margin-bottom:9px} .page-template-page-momentos .duveo-momentos-v5138__workspace{display:grid;grid-template-columns:minmax(180px,220px) minmax(310px,390px) minmax(300px,360px);gap:14px;justify-content:center;align-items:stretch;min-height:0} .page-template-page-momentos .duveo-momentos-v5138__trends{height:100%;min-height:0;padding:11px;border:1px solid #e5e9f0;border-radius:16px;background:#fff;display:flex;flex-direction:column} .page-template-page-momentos .duveo-momentos-v5138__trends h3{margin:0 0 9px;font-size:13px} .page-template-page-momentos .duveo-momentos-v5138__trendgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;flex:1;min-height:0} .page-template-page-momentos .duveo-momentos-v5138__trendcard{position:relative;min-width:0;min-height:0;border:0;border-radius:11px;overflow:hidden;background:#0a0d14;color:#fff;padding:0;text-align:left;cursor:pointer} .page-template-page-momentos .duveo-momentos-v5138__trendcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(0,0,0,.84));pointer-events:none} .page-template-page-momentos .duveo-momentos-v5138__trendcard img{width:100%;height:100%;object-fit:cover;display:block} .page-template-page-momentos .duveo-momentos-v5138__trendcard strong{position:absolute;z-index:2;left:7px;right:7px;bottom:21px;font-size:8px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .page-template-page-momentos .duveo-momentos-v5138__trendcard small{position:absolute;z-index:2;left:7px;right:7px;bottom:7px;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.86} .page-template-page-momentos .duveo-momentos-v5138__trendmore{height:34px;margin-top:9px;border:1px solid #e2e7ef;border-radius:999px;background:#fff;color:#1769ff;font-size:10px;font-weight:850;cursor:pointer} .page-template-page-momentos .duveo-momentos-v5138__viewer{position:relative;height:clamp(500px,calc(100dvh - 160px),650px);aspect-ratio:9/16;justify-self:center;overflow:hidden;border-radius:20px;background:#05070b;color:#fff;box-shadow:0 16px 40px rgba(16,24,40,.16)} .page-template-page-momentos .duveo-momentos-v5138__media,.page-template-page-momentos .duveo-momentos-v5138__media>*{position:absolute;inset:0;width:100%;height:100%} .page-template-page-momentos .duveo-momentos-v5138__media video,.page-template-page-momentos .duveo-momentos-v5138__media img{width:100%;height:100%;object-fit:cover;display:block} .page-template-page-momentos .duveo-momentos-v5138__media iframe{border:0;width:100%;height:100%} .page-template-page-momentos .duveo-momentos-v5138__shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 40%,transparent 55%,rgba(0,0,0,.82) 100%)} .page-template-page-momentos .duveo-momentos-v5138__taplayer{position:absolute;inset:0;z-index:3;border:0;background:transparent;cursor:pointer} .page-template-page-momentos .duveo-momentos-v5138__mobile-logo{display:none} .page-template-page-momentos .duveo-momentos-v5138__segments{display:none} .page-template-page-momentos .duveo-momentos-v5138__pause-indicator,.page-template-page-momentos .duveo-momentos-v5138__seek-indicator{position:absolute;z-index:7;pointer-events:none;opacity:0;transition:opacity .18s ease;display:grid;place-items:center;color:#fff;background:rgba(5,9,16,.5);backdrop-filter:blur(9px)} .page-template-page-momentos .duveo-momentos-v5138__pause-indicator{left:50%;top:48%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%} .page-template-page-momentos .duveo-momentos-v5138__pause-indicator svg{width:26px;height:26px;stroke:currentColor;fill:none} .page-template-page-momentos .duveo-momentos-v5138__seek-indicator{top:48%;padding:8px 10px;border-radius:999px;font-size:11px;font-weight:850}.page-template-page-momentos .duveo-momentos-v5138__seek-indicator.is-left{left:14px}.page-template-page-momentos .duveo-momentos-v5138__seek-indicator.is-right{right:14px} .page-template-page-momentos .duveo-momentos-v5138__pause-indicator.is-visible,.page-template-page-momentos .duveo-momentos-v5138__seek-indicator.is-visible{opacity:1} .page-template-page-momentos .duveo-momentos-v5138__creator{position:absolute;z-index:6;left:14px;right:66px;bottom:24px;text-shadow:0 2px 7px rgba(0,0,0,.55)} .page-template-page-momentos .duveo-momentos-v5138__title-row{display:flex;align-items:flex-end;gap:6px}.page-template-page-momentos .duveo-momentos-v5138__title-row h2{margin:0;font-size:14px;line-height:1.2;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-template-page-momentos .duveo-momentos-v5138.is-title-expanded .duveo-momentos-v5138__title-row h2{-webkit-line-clamp:unset;display:block} .page-template-page-momentos .duveo-momentos-v5138__title-row button{display:none;border:0;background:transparent;color:#fff;font-size:9px;font-weight:800;padding:0;white-space:nowrap} .page-template-page-momentos .duveo-momentos-v5138__views{margin-top:4px;font-size:9px;color:rgba(255,255,255,.82)} .page-template-page-momentos .duveo-momentos-v5138__creatorline{display:flex;align-items:center;gap:8px;margin-top:8px} .page-template-page-momentos .duveo-momentos-v5138__creatorline .duveo-moment-author-avatar{width:36px;height:36px;min-width:36px;border:2px solid #fff;background:#fff}.page-template-page-momentos .duveo-momentos-v5138__creatorline .duveo-moment-author-avatar img{width:100%;height:100%;object-fit:cover} .page-template-page-momentos .duveo-momentos-v5138__creatormeta{min-width:0;flex:1}.page-template-page-momentos .duveo-momentos-v5138__creatormeta strong{display:block;font-size:10px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-template-page-momentos .duveo-momentos-v5138__creatormeta small{display:block;margin-top:2px;font-size:8px;color:rgba(255,255,255,.8)} .page-template-page-momentos .duveo-momentos-v5138__follow{height:30px;padding:0 11px;border:0;border-radius:999px;background:#fff;color:#1769ff;font-size:9px;font-weight:900;cursor:pointer;text-shadow:none} .page-template-page-momentos .duveo-momentos-v5138__actions{position:absolute;z-index:8;right:9px;bottom:83px;display:flex;flex-direction:column;align-items:center;gap:7px} .page-template-page-momentos .duveo-momentos-v5138__action{width:44px;min-height:50px;padding:4px 0 2px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(10,15,25,.32);color:#fff;backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.14)} .page-template-page-momentos .duveo-momentos-v5138__action svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9}.page-template-page-momentos .duveo-momentos-v5138__action strong{font-size:8px;line-height:1;color:#fff}.page-template-page-momentos .duveo-momentos-v5138__action.is-active{color:#ff304d} .page-template-page-momentos .duveo-momentos-v5138__comments{height:clamp(500px,calc(100dvh - 160px),650px);min-height:0;border:1px solid #e5e9f0;border-radius:16px;background:#fff;display:flex;flex-direction:column;overflow:hidden} .page-template-page-momentos .duveo-momentos-v5138__comments>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-bottom:1px solid #edf0f4}.page-template-page-momentos .duveo-momentos-v5138__comments>header h3{margin:0;font-size:13px}.page-template-page-momentos .duveo-momentos-v5138__comments>header button{display:none;width:32px;height:32px;border:0;border-radius:50%;background:#f1f3f6;font-size:18px} .page-template-page-momentos .duveo-momentos-v5138__comment-list{flex:1;min-height:0;overflow-y:auto;padding:0 12px;overscroll-behavior:contain} .page-template-page-momentos .duveo-momentos-v5138__comment{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:11px 0;border-bottom:1px solid #eef1f5} .page-template-page-momentos .duveo-momentos-v5138__comment-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#edf1f7;color:#1e293b;font-size:9px;font-weight:900}.page-template-page-momentos .duveo-momentos-v5138__comment-avatar img{width:100%;height:100%;object-fit:cover} .page-template-page-momentos .duveo-momentos-v5138__comment-body{min-width:0}.page-template-page-momentos .duveo-momentos-v5138__commenttop{display:flex;align-items:center;justify-content:space-between;gap:8px}.page-template-page-momentos .duveo-momentos-v5138__commenttop strong{font-size:10px}.page-template-page-momentos .duveo-momentos-v5138__commenttop small{font-size:8px;color:#8a92a0} .page-template-page-momentos .duveo-momentos-v5138__comment-body p{margin:5px 0 0;font-size:10px;line-height:1.45;color:#394252;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word!important;display:block!important;-webkit-line-clamp:unset!important} .page-template-page-momentos .duveo-momentos-v5138__parent{margin-bottom:4px;font-size:8px;color:#7e8796}.page-template-page-momentos .duveo-momentos-v5138__commentactions{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px}.page-template-page-momentos .duveo-momentos-v5138__commentactions button{border:0;background:transparent;padding:0;color:#717a89;font-size:8px;font-weight:750;cursor:pointer}.page-template-page-momentos .duveo-momentos-v5138__commentactions button.is-active{color:#ff304d} .page-template-page-momentos .duveo-momentos-v5138__comment-status{min-height:18px;padding:0 10px;font-size:8px;color:#6b7482} .page-template-page-momentos .duveo-momentos-v5138__comment-form{position:relative;padding:9px 10px 10px;border-top:1px solid #edf0f4;background:#fff}.page-template-page-momentos .duveo-momentos-v5138__replying{margin-bottom:5px;font-size:8px;color:#1769ff;cursor:pointer}.page-template-page-momentos .duveo-momentos-v5138__composer-row{display:grid;grid-template-columns:36px minmax(0,1fr) 38px;gap:6px;align-items:center}.page-template-page-momentos .duveo-momentos-v5138__emoji,.page-template-page-momentos .duveo-momentos-v5138__send{width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}.page-template-page-momentos .duveo-momentos-v5138__emoji{background:#f2f4f7;font-size:17px}.page-template-page-momentos .duveo-momentos-v5138__send{width:38px;height:38px;background:#1769ff;color:#fff}.page-template-page-momentos .duveo-momentos-v5138__send svg{width:17px;height:17px;stroke:currentColor;fill:none;transform:rotate(-25deg)} .page-template-page-momentos .duveo-momentos-v5138__comment-form input{min-width:0;height:38px;border:1px solid #dfe4eb;border-radius:999px;background:#fff;padding:0 12px;font-size:12px;outline:none}.page-template-page-momentos .duveo-momentos-v5138__comment-form input:focus{border-color:#1769ff;box-shadow:0 0 0 2px rgba(23,105,255,.1)} .page-template-page-momentos .duveo-momentos-v5138__emoji-menu{position:absolute;left:10px;bottom:55px;z-index:20;display:grid;grid-template-columns:repeat(5,34px);gap:4px;padding:7px;border:1px solid #e1e6ee;border-radius:13px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.16)}.page-template-page-momentos .duveo-momentos-v5138__emoji-menu[hidden]{display:none!important}.page-template-page-momentos .duveo-momentos-v5138__emoji-menu button{width:34px;height:34px;border:0;background:transparent;border-radius:8px;font-size:17px;cursor:pointer}.page-template-page-momentos .duveo-momentos-v5138__emoji-menu button:hover{background:#f3f5f8} .page-template-page-momentos .duveo-momentos-v5138__muted{padding:18px 0;color:#858d9a;font-size:10px;text-align:center} .page-template-page-momentos .duveo-momentos-v5138__comments-backdrop{display:none} @media (min-width:981px) and (max-height:820px){ .page-template-page-momentos .duveo-momentos-v5138__viewer,.page-template-page-momentos .duveo-momentos-v5138__comments{height:clamp(455px,calc(100dvh - 150px),570px)} .page-template-page-momentos .duveo-momentos-v5138__workspace{grid-template-columns:minmax(165px,200px) minmax(270px,340px) minmax(270px,320px);gap:10px} } @media (min-width:981px) and (max-width:1180px){ .page-template-page-momentos .duveo-momentos-v5138__workspace{grid-template-columns:minmax(155px,185px) minmax(260px,320px) minmax(245px,290px);gap:9px} } @media (max-width:980px){ .page-template-page-momentos .duveo-topbar{display:none!important} .page-template-page-momentos .duveo-shell{display:block!important;min-height:100svh!important} .page-template-page-momentos .duveo-shell>.duveo-sidebar{display:none!important} .page-template-page-momentos .duveo-main{max-width:none!important;padding:0 0 calc(64px + env(safe-area-inset-bottom))!important;background:#000!important} .page-template-page-momentos .duveo-momentos-v5138{display:block;min-height:calc(100svh - 64px)} .page-template-page-momentos .duveo-momentos-v5138__head,.page-template-page-momentos .duveo-momentos-v5138__gallery,.page-template-page-momentos .duveo-momentos-v5138__back,.page-template-page-momentos .duveo-momentos-v5138__trends{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__playerarea{display:block!important} .page-template-page-momentos .duveo-momentos-v5138__workspace{display:block!important} .page-template-page-momentos .duveo-momentos-v5138__viewer{width:100%!important;height:calc(100svh - 64px - env(safe-area-inset-bottom))!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;box-shadow:none!important;background:#05070b!important} .page-template-page-momentos .duveo-momentos-v5138__media video,.page-template-page-momentos .duveo-momentos-v5138__media img{object-fit:cover!important} .page-template-page-momentos .duveo-momentos-v5138__mobile-logo{display:block;position:absolute;z-index:10;top:14px;left:50%;transform:translateX(-50%);width:112px;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.32));pointer-events:none} .page-template-page-momentos .duveo-momentos-v5138__segments{display:flex;position:absolute;z-index:10;left:4px;top:66px;bottom:78px;width:4px;flex-direction:column;gap:var(--duveo-segment-gap,2px);pointer-events:none} .page-template-page-momentos .duveo-momentos-v5138__segment{position:relative;flex:1 1 0;min-height:0;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.23)} .page-template-page-momentos .duveo-momentos-v5138__segment.is-complete{background:#ff304d}.page-template-page-momentos .duveo-momentos-v5138__segment i{position:absolute;left:0;right:0;bottom:0;height:0;background:#ff304d;border-radius:999px} .page-template-page-momentos .duveo-momentos-v5138__creator{left:14px;right:72px;bottom:24px;transition:opacity .2s ease,transform .2s ease} .page-template-page-momentos .duveo-momentos-v5138__title-row{align-items:flex-end}.page-template-page-momentos .duveo-momentos-v5138__title-row h2{font-size:15px;-webkit-line-clamp:2}.page-template-page-momentos .duveo-momentos-v5138__title-row button{display:inline-block!important;flex:0 0 auto} .page-template-page-momentos .duveo-momentos-v5138__views{font-size:9px;margin-top:4px} .page-template-page-momentos .duveo-momentos-v5138__creatorline{margin-top:9px}.page-template-page-momentos .duveo-momentos-v5138__creatorline .duveo-moment-author-avatar{width:40px;height:40px;min-width:40px}.page-template-page-momentos .duveo-momentos-v5138__creatormeta strong{font-size:11px}.page-template-page-momentos .duveo-momentos-v5138__creatormeta small{font-size:8px}.page-template-page-momentos .duveo-momentos-v5138__follow{height:32px;padding:0 12px;font-size:9px} .page-template-page-momentos .duveo-momentos-v5138__actions{right:9px;bottom:91px;gap:9px;opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.page-template-page-momentos .duveo-momentos-v5138.is-controls-visible .duveo-momentos-v5138__actions{opacity:1;transform:none;pointer-events:auto} .page-template-page-momentos .duveo-momentos-v5138__action{width:48px;min-height:54px;border-radius:26px;background:rgba(7,13,23,.28);box-shadow:none}.page-template-page-momentos .duveo-momentos-v5138__action svg{width:23px;height:23px}.page-template-page-momentos .duveo-momentos-v5138__action strong{font-size:9px} .page-template-page-momentos .duveo-momentos-v5138__comments{display:none;position:fixed;z-index:190;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));width:100%;height:auto;max-height:72svh;border:0;border-radius:24px 24px 0 0;box-shadow:0 -18px 50px rgba(0,0,0,.25);overflow:hidden}.page-template-page-momentos .duveo-momentos-v5138.is-comments-open .duveo-momentos-v5138__comments{display:flex}.page-template-page-momentos .duveo-momentos-v5138__comments>header button{display:grid;place-items:center}.page-template-page-momentos .duveo-momentos-v5138__comment-list{max-height:48svh}.page-template-page-momentos .duveo-momentos-v5138__comment-body p{font-size:11px}.page-template-page-momentos .duveo-momentos-v5138__comment-form input{font-size:16px} .page-template-page-momentos .duveo-momentos-v5138__comments-backdrop{display:none;position:fixed;z-index:180;inset:0 0 calc(64px + env(safe-area-inset-bottom));background:rgba(0,0,0,.44)}.page-template-page-momentos .duveo-momentos-v5138.is-comments-open .duveo-momentos-v5138__comments-backdrop{display:block} .page-template-page-momentos .duveo-mobilebar{display:grid!important} } @media(max-width:420px){ .page-template-page-momentos .duveo-momentos-v5138__creator{left:12px;right:66px}.page-template-page-momentos .duveo-momentos-v5138__actions{right:6px}.page-template-page-momentos .duveo-momentos-v5138__action{width:45px;min-height:51px}.page-template-page-momentos .duveo-momentos-v5138__mobile-logo{width:102px} } .page-template-page-momentos .duveo-momentos-v5138__more[hidden], .page-template-page-momentos .duveo-momentos-v5138__title-row button[hidden]{display:none!important} /* DUVEO frontend account access; users/creators never need WP backend UI. */ .page-template-page-acceso .duveo-sidebar{display:none!important} .page-template-page-acceso .duveo-shell{display:block!important} .page-template-page-acceso .duveo-main{max-width:none!important;padding:40px 20px 70px!important;background:linear-gradient(180deg,#f8faff 0%,#fff 70%)!important} .duveo-auth-shell{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:24px 0} .duveo-auth-card{width:min(100%,440px);padding:30px;border:1px solid #e4e9f2;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(22,42,80,.10)} .duveo-auth-logo{display:block;width:170px;height:auto;margin:0 auto 24px} .duveo-auth-kicker{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#1769ff} .duveo-auth-card h1{margin:7px 0 8px;font-size:30px;line-height:1.05} .duveo-auth-card>p{margin:0 0 20px;color:#727b8c;font-size:14px;line-height:1.55} .duveo-auth-form{display:grid;gap:14px} .duveo-auth-form label:not(.duveo-auth-check){display:grid;gap:6px} .duveo-auth-form label>span{font-size:12px;font-weight:800;color:#26334a} .duveo-auth-form input[type=text],.duveo-auth-form input[type=password]{width:100%;height:46px;border:1px solid #dce2ec;border-radius:13px;background:#fff;padding:0 13px;outline:none} .duveo-auth-form input:focus{border-color:#1769ff;box-shadow:0 0 0 3px rgba(23,105,255,.10)} .duveo-auth-form .duveo-btn{height:46px;justify-content:center;border-radius:13px} .duveo-auth-check{display:flex!important;align-items:center;gap:8px;font-size:12px;color:#5c6678} .duveo-auth-check input{width:17px;height:17px} .duveo-auth-link{display:inline-block;margin-top:16px;color:#1769ff;font-size:12px;font-weight:800} .duveo-auth-notice{margin-bottom:14px;padding:10px 12px;border-radius:11px;font-size:12px;line-height:1.45} .duveo-auth-notice.is-success{background:#ecfdf3;color:#137044;border:1px solid #c9f1dc} .duveo-auth-notice.is-error{background:#fff1f2;color:#b42335;border:1px solid #ffd6dc} @media(max-width:640px){.page-template-page-acceso .duveo-topbar{height:58px;padding:8px 14px}.page-template-page-acceso .duveo-logo{min-width:0}.page-template-page-acceso .duveo-logo__official{width:140px}.page-template-page-acceso .duveo-search,.page-template-page-acceso .duveo-top-actions{display:none!important}.page-template-page-acceso .duveo-main{padding:18px 12px 80px!important}.duveo-auth-card{padding:24px 18px;border-radius:20px}.duveo-auth-card h1{font-size:26px}} /* ======================================================================== ACCESO Y REGISTRO DUVEO — usuario / creador ======================================================================== */ .duveo-auth-card--register{width:min(100%,560px)} .duveo-auth-form input[type=email]{width:100%;height:46px;border:1px solid #dce2ec;border-radius:13px;background:#fff;padding:0 13px;outline:none} .duveo-auth-form input[type=email]:focus{border-color:#1769ff;box-shadow:0 0 0 3px rgba(23,105,255,.10)} .duveo-auth-separator{display:flex;align-items:center;gap:10px;margin:16px 0;color:#8b94a5;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.035em} .duveo-auth-separator:before,.duveo-auth-separator:after{content:"";height:1px;flex:1;background:#e6eaf0} .duveo-account-type{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px} .duveo-account-type.is-single{grid-template-columns:1fr} .duveo-account-type label{position:relative;display:grid;gap:3px;padding:14px;border:1.5px solid #e2e7ef;border-radius:15px;background:#fff;cursor:pointer;transition:.18s ease} .duveo-account-type label.is-active{border-color:#1769ff;background:#f5f8ff;box-shadow:0 0 0 3px rgba(23,105,255,.08)} .duveo-account-type input{position:absolute;opacity:0;pointer-events:none} .duveo-account-type strong{font-size:13px;color:#18243a} .duveo-account-type small{font-size:10px;line-height:1.4;color:#737d8f} .duveo-auth-switch{margin-top:17px;text-align:center;font-size:12px;color:#6e7889}.duveo-auth-switch a{color:#1769ff;font-weight:850} .duveo-auth-links-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.duveo-auth-links-row .duveo-auth-link{margin-top:16px} @media(max-width:640px){.duveo-account-type{grid-template-columns:1fr}.duveo-auth-card--register{width:100%}.duveo-auth-links-row{align-items:flex-start;flex-direction:column;gap:0}} /* 5.1.41 · acceso simplificado, cabecera y perfiles Usuario/Creador */ .duveo-create-btn--icon{ width:40px;height:40px;min-width:40px;padding:0;border-radius:50%; display:inline-flex;align-items:center;justify-content:center; background:#0877ff;color:#fff;border:0; } .duveo-create-btn--icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2} .duveo-account-access{ width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center; border:1px solid var(--duveo-border,#dce2ec);background:#fff;color:var(--duveo-text,#172033); } .duveo-account-access>svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9} .duveo-account-access .duveo-avatar{width:34px;height:34px} .duveo-auth-choice{display:grid;gap:12px;margin-top:24px} .duveo-auth-choice .duveo-btn{width:100%;min-height:48px;justify-content:center} .duveo-legal-consent{align-items:flex-start} .duveo-legal-consent a{color:#0877ff;text-decoration:none;font-weight:800} .duveo-legal-consent a:hover{text-decoration:underline} .duveo-legal-page{max-width:900px;margin:0 auto 48px;padding:24px;background:#fff;border:1px solid var(--duveo-border,#e5e7eb);border-radius:18px;line-height:1.7} .duveo-legal-page h2{margin-top:24px} .duveo-convert-creator{max-width:760px} /* Campana visible también en móvil según cabecera 5.1.41 */ .duveo-top-actions .duveo-notification-btn{display:inline-flex!important} /* ======================================================================== 5.1.44 · Mi cuenta organizada por tipo de perfil ======================================================================== */ .duveo-account-head-v5142{align-items:center} .duveo-account-type-pill{display:inline-flex;align-items:center;margin-left:8px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:850;vertical-align:middle} .duveo-account-type-pill.is-user{background:#eef4ff;color:#1769ff} .duveo-account-type-pill.is-creator{background:#fff0f1;color:#e11d2e} .duveo-account-shell-v5142{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start} .duveo-account-nav-v5142{position:sticky;top:82px;border:1px solid var(--duveo-line);border-radius:18px;background:#fff;padding:10px;box-shadow:0 8px 28px rgba(17,24,39,.04)} .duveo-account-nav-group{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid var(--duveo-line)} .duveo-account-nav-group:last-child{border-bottom:0} .duveo-account-nav-group>span{padding:0 9px 6px;color:var(--duveo-muted);font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.08em;font-weight:900} .duveo-account-nav-group>a{display:flex;align-items:center;min-height:38px;padding:8px 10px;border-radius:10px;color:#303744;font-size:11px;font-weight:760;transition:.15s ease} .duveo-account-nav-group>a:hover{background:#f7f8fb;color:#1769ff} .duveo-account-nav-group>a.is-active{background:#eef4ff;color:#1769ff;font-weight:900} .duveo-account-nav-upgrade{margin-top:4px;padding:11px;border:1px solid rgba(23,105,255,.18);border-radius:13px;background:#f7faff} .duveo-account-nav-upgrade>span{padding-left:0;color:#1769ff} .duveo-account-nav-upgrade>a{background:#1769ff!important;color:#fff!important;justify-content:center} .duveo-account-nav-upgrade small{display:block;margin-top:5px;color:#6f7785;font-size:8px;line-height:1.45} .duveo-account-content-v5142{min-width:0} .duveo-user-profile-card-v5142{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--duveo-line);border-radius:18px;background:#fff} .duveo-user-profile-main-v5142{display:flex;align-items:center;gap:15px;min-width:0} .duveo-user-profile-main-v5142 h3{margin:0 0 4px;font-size:20px} .duveo-user-profile-main-v5142 p,.duveo-user-profile-main-v5142 small{display:block;margin:0;color:var(--duveo-muted);font-size:11px} .duveo-user-profile-status-v5142{max-width:290px;padding:12px 14px;border-radius:14px;background:#f7f8fb} .duveo-user-profile-status-v5142 strong,.duveo-user-profile-status-v5142 span{display:block} .duveo-user-profile-status-v5142 strong{font-size:11px}.duveo-user-profile-status-v5142 span{margin-top:4px;color:var(--duveo-muted);font-size:9px;line-height:1.45} .duveo-user-upgrade-card-v5142{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:18px} .duveo-user-upgrade-card-v5142 h3{margin:0 0 5px}.duveo-user-upgrade-card-v5142 p{margin:0 0 5px}.duveo-user-upgrade-card-v5142 small{color:var(--duveo-muted)} .duveo-account-type-stats-v5142{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px} .duveo-account-type-stats-v5142>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border:1px solid var(--duveo-line);border-radius:13px;background:#fff} .duveo-account-type-stats-v5142 span{font-size:10px;color:var(--duveo-muted)}.duveo-account-type-stats-v5142 strong{font-size:18px} @media(max-width:900px){ .duveo-account-shell-v5142{grid-template-columns:1fr} .duveo-account-nav-v5142{position:static;display:flex;overflow-x:auto;gap:8px;padding:8px;border-radius:14px;scrollbar-width:none} .duveo-account-nav-v5142::-webkit-scrollbar{display:none} .duveo-account-nav-group{display:flex;flex:0 0 auto;gap:5px;padding:0;border:0} .duveo-account-nav-group>span,.duveo-account-nav-upgrade small{display:none} .duveo-account-nav-group>a{white-space:nowrap;border:1px solid var(--duveo-line);background:#fff} .duveo-account-nav-upgrade{margin:0;padding:0;border:0;background:transparent} .duveo-user-profile-card-v5142,.duveo-user-upgrade-card-v5142{align-items:flex-start;flex-direction:column} .duveo-account-type-stats-v5142{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:560px){ .duveo-account-head-v5142 .duveo-actions-row{width:100%;flex-wrap:wrap} .duveo-account-head-v5142 .duveo-actions-row .duveo-btn{flex:1 1 auto} .duveo-user-profile-main-v5142{align-items:flex-start} .duveo-user-profile-status-v5142{max-width:none;width:100%} .duveo-account-type-stats-v5142{grid-template-columns:1fr} } /* ======================================================================== 5.1.44 · INICIO — portada viva, compacta y orientada a descubrimiento Estados → Protagonista → Recomendaciones → Momentos → Continuar viendo → Creadores → Estrenos → Metas → Categorías → Escenario → Comunidad. ======================================================================== */ .home .duveo-main{max-width:1560px} .home .duveo-home-states{margin-bottom:18px} .home .duveo-home-states .duveo-section-head{margin-bottom:8px} .home .duveo-home-states .duveo-state-row{padding-bottom:4px} .home .duveo-home-states .duveo-state{flex-basis:70px;font-size:10px} .home .duveo-home-states .duveo-state-ring{width:58px;height:58px} .home .duveo-home-v5143{display:grid;gap:0;min-width:0} .home .duveo-home-v5143>.duveo-section{margin-bottom:26px} .home .duveo-home-hero{margin:0 0 24px} .home .duveo-home-hero__media{position:relative;display:block;min-height:250px;max-height:410px;aspect-ratio:16/5.8;border-radius:18px;overflow:hidden;background:#0b1020;box-shadow:0 14px 38px rgba(15,23,42,.10)} .home .duveo-home-hero__media>img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,opacity .25s ease} .home .duveo-home-hero__media:hover>img{transform:scale(1.018)} .home .duveo-home-hero__shade{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(4,8,18,.82) 0%,rgba(4,8,18,.55) 38%,rgba(4,8,18,.09) 76%,rgba(4,8,18,.02) 100%);pointer-events:none} .home .duveo-home-hero__copy{position:absolute;z-index:4;left:clamp(20px,3.2vw,48px);bottom:clamp(20px,3vw,42px);width:min(560px,66%);display:grid;gap:6px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)} .home .duveo-home-hero__copy small{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82)} .home .duveo-home-hero__copy strong{font-size:clamp(24px,2.5vw,42px);line-height:1.04;letter-spacing:-.035em} .home .duveo-home-hero__copy em{font-size:12px;font-style:normal;color:rgba(255,255,255,.82)} .home .duveo-home-hero__play{position:absolute;z-index:5;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#1268f4;box-shadow:0 8px 24px rgba(0,0,0,.2)} .home .duveo-home-hero__play svg{width:21px;height:21px;stroke:currentColor;fill:none} .home .duveo-home-recs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px} .home .duveo-home-recs-grid .duveo-card{min-width:0} .home .duveo-home-recs-grid .duveo-thumb{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111827} .home .duveo-home-recs-grid .duveo-thumb>img{width:100%;height:100%;object-fit:cover} .home .duveo-home-recs-grid .duveo-card-title{font-size:13px;line-height:1.25} .home .duveo-home-recs-grid .duveo-card-sub{font-size:10px} .home .duveo-home-moments-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} .home .duveo-home-moments-grid .duveo-moment-card{position:relative;display:block;min-width:0;aspect-ratio:9/13.5;border-radius:15px;overflow:hidden;background:#15171d;box-shadow:0 6px 18px rgba(15,23,42,.06)} .home .duveo-home-moments-grid .duveo-moment-card>img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease} .home .duveo-home-moments-grid .duveo-moment-card:hover>img{transform:scale(1.025)} .home .duveo-home-moments-grid .duveo-moment-card::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.84));pointer-events:none} .home .duveo-home-moments-grid .duveo-moment-card__text{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;color:#fff;display:grid;gap:3px;text-shadow:0 1px 4px rgba(0,0,0,.45)} .home .duveo-home-moments-grid .duveo-moment-card__text strong{font-size:12px;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .home .duveo-home-moments-grid .duveo-moment-card__text small{font-size:9px;color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .home .duveo-home-continue .duveo-scroll-row{grid-auto-columns:minmax(260px,24%);gap:14px} .home .duveo-home-continue[hidden]{display:none!important} .home .duveo-home-creators-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .home .duveo-home-creator-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #e8ebf0;border-radius:15px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease} .home .duveo-home-creator-card:hover{border-color:#dbe2ec;box-shadow:0 8px 24px rgba(15,23,42,.07);transform:translateY(-1px)} .home .duveo-home-creator-card__main{display:flex;align-items:center;gap:10px;min-width:0} .home .duveo-home-creator-card__main>span:last-child{min-width:0} .home .duveo-home-creator-card__main strong,.home .duveo-home-creator-card__main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .home .duveo-home-creator-card__main strong{font-size:12px}.home .duveo-home-creator-card__main small{margin-top:3px;font-size:9px;color:#78808d} .home .duveo-home-creator-card .duveo-avatar-media{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important} .home .duveo-home-creator-card .duveo-btn{border-radius:999px;min-height:32px;padding:0 12px;background:#1268f4;color:#fff;border-color:#1268f4} .home .duveo-home-creator-card .duveo-btn.is-active{background:#eef4ff;color:#1268f4;border-color:#d7e5ff} .home .duveo-home-standard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .home .duveo-home-standard-grid .duveo-card{min-width:0} .home .duveo-home-goals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .home .duveo-home-goals-grid .duveo-goal{margin:0;height:100%;box-shadow:none} .home .duveo-home-categories .duveo-category-grid--visual{grid-template-columns:repeat(5,minmax(0,1fr))} /* Tarjetas con vista previa al pasar el mouse. El reproductor se crea bajo demanda. */ [data-hover-preview]{position:relative;isolation:isolate} .duveo-hover-preview{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0;object-fit:cover;background:#05070b;pointer-events:none} [data-hover-preview]>.duveo-duration,[data-hover-preview]>.duveo-editorial-badge{z-index:3} @media(max-width:1279px){ .home .duveo-home-recs-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .home .duveo-home-moments-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .home .duveo-home-creators-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .home .duveo-home-standard-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .home .duveo-home-goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:900px){ .home .duveo-home-hero__media{aspect-ratio:16/7;min-height:220px} .home .duveo-home-recs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px} .home .duveo-home-moments-grid{grid-template-columns:none;overflow-x:auto;grid-auto-flow:column;grid-auto-columns:150px;grid-template-rows:1fr;scrollbar-width:none;padding-bottom:4px} .home .duveo-home-moments-grid::-webkit-scrollbar{display:none} .home .duveo-home-standard-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .home .duveo-home-categories .duveo-category-grid--visual{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:767px){ .home .duveo-main{padding-top:10px} .home .duveo-home-states{margin-bottom:14px} .home .duveo-home-states .duveo-section-head h2{font-size:17px} .home .duveo-home-states .duveo-section-head small{font-size:10px} .home .duveo-home-hero{margin-bottom:20px} .home .duveo-home-hero__media{aspect-ratio:16/9;min-height:0;border-radius:14px} .home .duveo-home-hero__shade{background:linear-gradient(0deg,rgba(4,8,18,.83),rgba(4,8,18,.02) 70%)} .home .duveo-home-hero__copy{left:15px;right:58px;bottom:14px;width:auto;gap:3px} .home .duveo-home-hero__copy small{font-size:8px}.home .duveo-home-hero__copy strong{font-size:20px}.home .duveo-home-hero__copy em{font-size:9px} .home .duveo-home-hero__play{right:13px;bottom:13px;width:38px;height:38px} .home .duveo-home-v5143>.duveo-section{margin-bottom:21px} .home .duveo-home-recs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 8px} .home .duveo-home-recs-grid .duveo-card-meta{grid-template-columns:28px minmax(0,1fr) auto;gap:6px}.home .duveo-home-recs-grid .duveo-card-meta .duveo-avatar-media{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important} .home .duveo-home-recs-grid .duveo-card-title{font-size:11px}.home .duveo-home-recs-grid .duveo-card-sub{font-size:8px} .home .duveo-home-moments-grid{grid-auto-columns:calc(50% - 5px)} .home .duveo-home-creators-grid{display:flex;overflow-x:auto;gap:9px;scrollbar-width:none;padding-bottom:3px}.home .duveo-home-creators-grid::-webkit-scrollbar{display:none}.home .duveo-home-creator-card{flex:0 0 250px} .home .duveo-home-continue .duveo-scroll-row{grid-auto-columns:82%} .home .duveo-home-standard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .home .duveo-home-goals-grid{display:flex;overflow-x:auto;gap:10px;scrollbar-width:none;padding-bottom:4px}.home .duveo-home-goals-grid::-webkit-scrollbar{display:none}.home .duveo-home-goals-grid>.duveo-goal{flex:0 0 86%} .home .duveo-home-categories .duveo-category-grid--visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} } @media(max-width:389px){ .home .duveo-home-recs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 7px} .home .duveo-home-moments-grid{grid-auto-columns:calc(50% - 4px)} } .home .duveo-home-premieres-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .home .duveo-home-premiere-card{border:1px solid #e8ebf0;border-radius:15px;overflow:hidden;background:#fff;min-width:0} .home .duveo-home-premiere-card__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#111827} .home .duveo-home-premiere-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease} .home .duveo-home-premiere-card:hover .duveo-home-premiere-card__media img{transform:scale(1.02)} .home .duveo-home-premiere-card__media span{position:absolute;left:8px;bottom:8px;border-radius:999px;background:rgba(4,8,18,.76);color:#fff;padding:5px 8px;font-size:8px;font-weight:800;backdrop-filter:blur(8px)} .home .duveo-home-premiere-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;padding:10px} .home .duveo-home-premiere-card__body>a:first-child{min-width:0}.home .duveo-home-premiere-card__body strong{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .home .duveo-home-premiere-card__body small{grid-column:1;color:#78808d;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .home .duveo-home-premiere-card__body .duveo-btn{grid-column:2;grid-row:1/3;align-self:center;border-radius:999px;min-height:32px;padding-inline:10px;font-size:9px;white-space:nowrap} .home .duveo-home-premiere-card__body .duveo-btn svg{width:14px;height:14px;vertical-align:-3px;stroke:currentColor;fill:none} @media(max-width:1279px){.home .duveo-home-premieres-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px){.home .duveo-home-premieres-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){.home .duveo-home-premieres-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home .duveo-home-premiere-card__body{display:block}.home .duveo-home-premiere-card__body small{display:block;margin:3px 0 8px}.home .duveo-home-premiere-card__body .duveo-btn{width:100%}} /* ============================================================ DUVEO 5.1.45 · MOMENTOS — REPRODUCTOR SIN BORDES NEGROS Desktop: galería izquierda + reproductor protagonista + comentarios/siguientes ============================================================ */ .page-template-page-momentos .duveo-momentos-v5138__title-play{display:inline-grid;place-items:center;width:21px;height:21px;margin-left:5px;border-radius:50%;background:#1769ff;color:#fff;font-size:10px;vertical-align:3px} .page-template-page-momentos .duveo-momentos-v5138__player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px} .page-template-page-momentos .duveo-momentos-v5138__player-filters{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none} .page-template-page-momentos .duveo-momentos-v5138__player-filters::-webkit-scrollbar{display:none} .page-template-page-momentos .duveo-momentos-v5138__player-filters button, .page-template-page-momentos .duveo-momentos-v5138__explore-categories{height:39px;padding:0 15px;border:1px solid transparent;border-radius:999px;background:#f1f3f8;color:#263044;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.18s ease} .page-template-page-momentos .duveo-momentos-v5138__player-filters button:hover{transform:translateY(-1px)} .page-template-page-momentos .duveo-momentos-v5138__player-filters button.is-active{background:linear-gradient(135deg,#6516ff,#2f2cff);color:#fff;box-shadow:0 7px 18px rgba(80,38,255,.18)} .page-template-page-momentos .duveo-momentos-v5138__player-filters button[data-player-filter="reels"]{border-color:#6b35ff;background:#fff;color:#5221ef} .page-template-page-momentos .duveo-momentos-v5138__explore-categories{flex:0 0 auto;background:#f6f7fb;border-color:#edf0f5} .page-template-page-momentos .screen-reader-text{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 (min-width:981px){ .page-template-page-momentos .duveo-main{padding-top:18px} .page-template-page-momentos .duveo-momentos-v5138{gap:10px} .page-template-page-momentos .duveo-momentos-v5138__head h1{font-size:31px} .page-template-page-momentos .duveo-momentos-v5138__head p{font-size:13px;margin-top:4px} .page-template-page-momentos .duveo-momentos-v5138__back{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__workspace{ grid-template-columns:minmax(300px,365px) minmax(440px,520px) minmax(300px,340px)!important; gap:18px!important; justify-content:stretch!important; align-items:stretch!important; width:100%; } .page-template-page-momentos .duveo-momentos-v5138__trends{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden} .page-template-page-momentos .duveo-momentos-v5138__trendgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:12px!important;height:100%;} .page-template-page-momentos .duveo-momentos-v5138__trendcard{border-radius:13px!important;box-shadow:0 8px 22px rgba(15,23,42,.08)} .page-template-page-momentos .duveo-momentos-v5138__trendcard strong{left:10px;right:10px;bottom:31px;font-size:11px;line-height:1.24} .page-template-page-momentos .duveo-momentos-v5138__trendcard small{left:10px;right:10px;bottom:11px;font-size:8px} .page-template-page-momentos .duveo-momentos-v5138__trendmore{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__viewer{ width:auto!important; height:clamp(650px,calc(100dvh - 155px),790px)!important; max-width:100%!important; max-height:none!important; aspect-ratio:9/16!important; justify-self:center!important; border-radius:18px!important; background:#111!important; box-shadow:0 18px 44px rgba(15,23,42,.16)!important; } .page-template-page-momentos .duveo-momentos-v5138__media{overflow:hidden;background:#111} .page-template-page-momentos .duveo-momentos-v5138__media .duveo-momentos-v5138__media-backdrop{ position:absolute!important;inset:-7%!important;width:114%!important;height:114%!important;object-fit:cover!important;filter:blur(24px) saturate(1.08)!important;opacity:.46!important;transform:scale(1.03)!important;z-index:0!important;pointer-events:none!important; } .page-template-page-momentos .duveo-momentos-v5138__media iframe{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;transform:scale(1.012)!important;transform-origin:center!important;border:0!important;pointer-events:none!important;z-index:1!important;background:transparent!important; } .page-template-page-momentos .duveo-momentos-v5138__media video, .page-template-page-momentos .duveo-momentos-v5138__media>img:not(.duveo-momentos-v5138__media-backdrop){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;z-index:1!important;background:transparent!important} .page-template-page-momentos .duveo-momentos-v5138__shade{background:linear-gradient(180deg,rgba(0,0,0,.04),transparent 42%,rgba(0,0,0,.05) 56%,rgba(0,0,0,.88) 100%)} .page-template-page-momentos .duveo-momentos-v5138__for-you-badge{position:absolute;z-index:9;top:18px;left:18px;padding:8px 15px;border-radius:999px;background:rgba(5,10,18,.78);color:#fff;font-size:12px;font-weight:900;backdrop-filter:blur(10px)} .page-template-page-momentos .duveo-momentos-v5138__top-more{position:absolute;z-index:10;top:18px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(5,10,18,.72);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)} .page-template-page-momentos .duveo-momentos-v5138__top-more svg{width:20px;height:20px;stroke:currentColor;fill:none} .page-template-page-momentos .duveo-momentos-v5138__creator{left:20px;right:76px;bottom:73px;display:flex;flex-direction:column;text-shadow:0 2px 8px rgba(0,0,0,.62)} .page-template-page-momentos .duveo-momentos-v5138__creatorline{order:1;margin:0 0 9px;gap:9px} .page-template-page-momentos .duveo-momentos-v5138__creatorline .duveo-moment-author-avatar{width:42px;height:42px;min-width:42px} .page-template-page-momentos .duveo-momentos-v5138__creatormeta strong{font-size:12px}.page-template-page-momentos .duveo-momentos-v5138__creatormeta small{display:none} .page-template-page-momentos .duveo-momentos-v5138__follow{height:34px;padding:0 16px;background:linear-gradient(135deg,#6324ff,#3d14ec);color:#fff;font-size:10px} .page-template-page-momentos .duveo-momentos-v5138__title-row{order:2}.page-template-page-momentos .duveo-momentos-v5138__title-row h2{font-size:15px;line-height:1.25;-webkit-line-clamp:2} .page-template-page-momentos .duveo-momentos-v5138__description{order:3;margin:5px 0 0;font-size:11px;line-height:1.35;color:rgba(255,255,255,.91);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .page-template-page-momentos .duveo-momentos-v5138__tags{order:4;display:flex;gap:6px;flex-wrap:wrap;margin-top:8px} .page-template-page-momentos .duveo-momentos-v5138__tags span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:9px;font-weight:750;backdrop-filter:blur(8px)} .page-template-page-momentos .duveo-momentos-v5138__views{display:none} .page-template-page-momentos .duveo-momentos-v5138__actions{right:13px;bottom:91px;gap:11px} .page-template-page-momentos .duveo-momentos-v5138__action{width:54px;min-height:55px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;color:#fff;gap:3px;text-shadow:0 2px 6px rgba(0,0,0,.55)} .page-template-page-momentos .duveo-momentos-v5138__action svg{width:30px;height:30px;stroke-width:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))} .page-template-page-momentos .duveo-momentos-v5138__action strong,.page-template-page-momentos .duveo-momentos-v5138__action span{font-size:9px;font-weight:800;color:#fff;line-height:1.05} .page-template-page-momentos .duveo-momentos-v5138__action.is-active svg{fill:#ff304d;stroke:#ff304d} .page-template-page-momentos .duveo-momentos-v5138__controls{position:absolute;z-index:12;left:20px;right:20px;bottom:12px;height:43px;display:grid;grid-template-columns:30px minmax(80px,1fr) auto 30px 28px 30px;align-items:center;gap:8px;color:#fff} .page-template-page-momentos .duveo-momentos-v5138__controls button{width:30px;height:30px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0} .page-template-page-momentos .duveo-momentos-v5138__controls button svg{width:21px;height:21px;stroke:currentColor;fill:none} .page-template-page-momentos .duveo-momentos-v5138__controls input[type="range"]{width:100%;accent-color:#5b14ff;height:3px;cursor:pointer} .page-template-page-momentos .duveo-momentos-v5138__time{font-size:10px;font-weight:700;white-space:nowrap;text-shadow:0 1px 4px #000} .page-template-page-momentos .duveo-momentos-v5138__hd{display:grid;place-items:center;height:20px;border:1px solid rgba(255,255,255,.65);border-radius:4px;font-size:8px;font-weight:900;color:#fff} .page-template-page-momentos .duveo-momentos-v5138__more-menu{position:absolute;z-index:30;right:16px;top:61px;width:170px;padding:7px;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.22)} .page-template-page-momentos .duveo-momentos-v5138__more-menu[hidden]{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__more-menu button{width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:10px;color:#273142;cursor:pointer}.page-template-page-momentos .duveo-momentos-v5138__more-menu button:hover{background:#f2f4f8} .page-template-page-momentos .duveo-momentos-v5138__rightcol{height:clamp(650px,calc(100dvh - 155px),790px);display:grid;grid-template-rows:minmax(0,1fr) 39%;gap:12px;min-height:0} .page-template-page-momentos .duveo-momentos-v5138__comments{height:auto!important;min-height:0;border-radius:16px;box-shadow:0 4px 14px rgba(15,23,42,.025)} .page-template-page-momentos .duveo-momentos-v5138__comments>header{padding:13px 14px}.page-template-page-momentos .duveo-momentos-v5138__comments>header h3{font-size:14px} .page-template-page-momentos .duveo-momentos-v5138__comment-head-actions{display:flex;align-items:center;gap:5px}.page-template-page-momentos .duveo-momentos-v5138__see-all{display:block!important;width:auto!important;height:auto!important;padding:4px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#4b12f5!important;font-size:10px!important;font-weight:900!important;cursor:pointer} .page-template-page-momentos .duveo-momentos-v5138__comment{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:10px 0}.page-template-page-momentos .duveo-momentos-v5138__comment-avatar{width:38px;height:38px} .page-template-page-momentos .duveo-momentos-v5138__commenttop strong{font-size:10px}.page-template-page-momentos .duveo-momentos-v5138__comment-body p{font-size:10px;line-height:1.4} .page-template-page-momentos .duveo-momentos-v5138__commentactions button[data-comment-hide],.page-template-page-momentos .duveo-momentos-v5138__commentactions button[data-comment-report]{opacity:.55} .page-template-page-momentos .duveo-momentos-v5138__composer-row{grid-template-columns:0 minmax(0,1fr) 42px;gap:7px}.page-template-page-momentos .duveo-momentos-v5138__emoji{width:0;height:0;overflow:hidden;opacity:0;pointer-events:none} .page-template-page-momentos .duveo-momentos-v5138__comment-form{padding:9px 10px 10px}.page-template-page-momentos .duveo-momentos-v5138__comment-form input{height:42px;background:#f8f9fc}.page-template-page-momentos .duveo-momentos-v5138__send{width:42px;height:42px;background:linear-gradient(135deg,#6516ff,#284bff)} .page-template-page-momentos .duveo-momentos-v5138__next{min-height:0;border:1px solid #e5e9f0;border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column} .page-template-page-momentos .duveo-momentos-v5138__next>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;border-bottom:1px solid #edf0f4}.page-template-page-momentos .duveo-momentos-v5138__next h3{margin:0;font-size:13px}.page-template-page-momentos .duveo-momentos-v5138__next header button{border:0;background:transparent;color:#4b12f5;font-size:9px;font-weight:900;cursor:pointer} .page-template-page-momentos .duveo-momentos-v5138__next-list{display:grid;gap:7px;padding:9px 11px;overflow:auto} .page-template-page-momentos .duveo-momentos-v5138__next-item{display:grid;grid-template-columns:90px minmax(0,1fr) 20px 14px;align-items:center;gap:8px;width:100%;border:0;background:#fff;padding:0;text-align:left;cursor:pointer} .page-template-page-momentos .duveo-momentos-v5138__next-thumb{position:relative;display:block;aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:#eef1f5}.page-template-page-momentos .duveo-momentos-v5138__next-thumb img{width:100%;height:100%;object-fit:cover}.page-template-page-momentos .duveo-momentos-v5138__next-thumb em{position:absolute;right:4px;bottom:4px;padding:2px 4px;border-radius:5px;background:rgba(0,0,0,.7);color:#fff;font-size:7px;font-style:normal} .page-template-page-momentos .duveo-momentos-v5138__next-copy{min-width:0}.page-template-page-momentos .duveo-momentos-v5138__next-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.2}.page-template-page-momentos .duveo-momentos-v5138__next-copy small{display:block;margin-top:4px;color:#6f7785;font-size:8px;line-height:1.3}.page-template-page-momentos .duveo-momentos-v5138__next-play{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#0e1625;color:#fff;font-size:7px}.page-template-page-momentos .duveo-momentos-v5138__next-more{font-size:16px;color:#111827} } @media (min-width:981px) and (max-width:1260px){ .page-template-page-momentos .duveo-momentos-v5138__workspace{grid-template-columns:minmax(240px,300px) minmax(380px,460px) minmax(255px,300px)!important;gap:12px!important} .page-template-page-momentos .duveo-momentos-v5138__player-filters button{padding:0 11px} .page-template-page-momentos .duveo-momentos-v5138__explore-categories span{display:none} } @media (max-width:980px){ .page-template-page-momentos .duveo-momentos-v5138__player-toolbar, .page-template-page-momentos .duveo-momentos-v5138__for-you-badge, .page-template-page-momentos .duveo-momentos-v5138__top-more, .page-template-page-momentos .duveo-momentos-v5138__controls, .page-template-page-momentos .duveo-momentos-v5138__next{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__rightcol{display:block!important;height:auto!important} .page-template-page-momentos .duveo-momentos-v5138__description,.page-template-page-momentos .duveo-momentos-v5138__tags{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__title-row{order:1}.page-template-page-momentos .duveo-momentos-v5138__views{order:2;display:block!important}.page-template-page-momentos .duveo-momentos-v5138__creatorline{order:3} .page-template-page-momentos .duveo-momentos-v5138__media iframe{pointer-events:none!important} .page-template-page-momentos .duveo-momentos-v5138__action span{font-size:8px;color:#fff} } /* 5.1.45 · Regla global Momentos: nunca mostrar bandas negras visibles. Video/imagen usan cover. Bunny iframe trabaja dentro de un viewport 9:16 en escritorio; el fondo de respaldo usa la miniatura desenfocada. */ .page-template-page-momentos .duveo-momentos-v5138__media{isolation:isolate} .page-template-page-momentos .duveo-momentos-v5138__media video{background:transparent!important} @media(max-width:980px){ .page-template-page-momentos .duveo-momentos-v5138__viewer{background:#111!important} .page-template-page-momentos .duveo-momentos-v5138__media{background:#111!important} .page-template-page-momentos .duveo-momentos-v5138__media iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;transform:scale(1.018)!important;transform-origin:center!important;border:0!important;z-index:1!important} .page-template-page-momentos .duveo-momentos-v5138__media video, .page-template-page-momentos .duveo-momentos-v5138__media>img:not(.duveo-momentos-v5138__media-backdrop){width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important} } /* ============================================================ DUVEO 5.1.47 · CONFIGURACIÓN FUNCIONAL CONSERVADA 18+ · validación de creador · menores · transparencia IA La portada mantiene las dimensiones visuales de 5.1.45. ============================================================ */ .duveo-state--validate{text-decoration:none}.duveo-state-ring--pending{position:relative;filter:saturate(.8)} .duveo-state-lock{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#f0a400;color:#fff;border:2px solid #fff;font-size:10px;font-weight:900} .duveo-content-safety-fields{border:1px solid #dfe4eb;border-radius:16px;padding:16px;background:#f8fafc;display:grid;gap:12px;margin:8px 0 4px} .duveo-content-safety-fields legend{padding:0 7px;font-weight:900;color:#172554} .duveo-content-safety-fields>p{margin:0;color:#6b7280;font-size:12px} .duveo-content-safety-fields--compact{padding:12px;margin-top:12px} .duveo-content-safety-fields--compact label{display:grid;gap:6px;font-size:12px;font-weight:700} .duveo-content-safety-fields--compact select{width:100%} .duveo-safety-confirm{display:flex!important;grid-template-columns:18px 1fr!important;align-items:flex-start;gap:9px!important;font-size:12px!important;line-height:1.45;font-weight:600!important} .duveo-safety-confirm input{margin-top:2px} .duveo-ai-badge{position:absolute;left:8px;top:8px;z-index:5;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 7px;border-radius:999px;background:rgba(24,72,220,.92);color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em;box-shadow:0 4px 12px rgba(0,0,0,.15)} .duveo-creator-validation-card{display:grid;gap:13px;padding:18px;border:1px solid #dfe4eb;border-radius:18px;background:#fff;margin:0 0 18px} .duveo-creator-validation-card.is-valid{border-color:#a7e0bd;background:#f6fff9} .duveo-creator-validation-card.is-pending{border-color:#f3d48c;background:#fffaf0} .duveo-creator-validation-card h2{margin:4px 0} .duveo-creator-validation-card p{margin:0;color:#6b7280} .duveo-validation-checks{display:flex;flex-wrap:wrap;gap:8px} .duveo-validation-checks span{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;background:#f3f4f6;color:#6b7280} .duveo-validation-checks span.is-ok{background:#eaf9ef;color:#16733c} .duveo-validation-checks span.is-pending{background:#fff1d6;color:#9a6200} .duveo-ai-disclosure-inline{display:inline-flex;align-items:center;gap:6px;margin:8px 0 4px;padding:6px 10px;border:1px solid rgba(37,99,235,.18);border-radius:999px;background:rgba(37,99,235,.07);color:#1d4ed8;font-size:12px;font-weight:800;line-height:1.25} .duveo-profile-policy-consent{margin-top:18px;padding:12px 14px;border:1px solid rgba(37,99,235,.16);border-radius:12px;background:rgba(37,99,235,.04)} .duveo-profile-policy-consent a{color:#1769ff;text-decoration:underline;text-underline-offset:2px} .duveo-notice--warning{border-color:rgba(245,158,11,.28)!important;background:rgba(245,158,11,.08)!important;color:#92400e!important} /* DUVEO Destacado: no cambia dimensiones; solo agrega reproducción de vista previa. */ .home [data-duveo-feature-preview]{position:relative;isolation:isolate} .home [data-duveo-feature-preview]>.duveo-hover-preview{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0;object-fit:cover;background:#05070b;pointer-events:none} /* ============================================================ DUVEO 5.1.48 · SOLO BANNER DUVEO DESTACADO Carrusel de tamaño fijo, imagen/video/publicidad. Vista previa de video únicamente al pasar el puntero. ============================================================ */ .home .duveo-featured-carousel{position:relative;overflow:hidden} .home .duveo-featured-carousel__track{position:relative;min-height:250px;max-height:410px;aspect-ratio:16/5.8} .home .duveo-featured-carousel__slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease,visibility .42s ease} .home .duveo-featured-carousel__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1} .home .duveo-featured-carousel__slide .duveo-home-hero__media{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto} .home .duveo-featured-carousel__arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.26);border-radius:50%;display:grid;place-items:center;background:rgba(7,12,24,.46);color:#fff;font-size:30px;line-height:1;opacity:0;transition:opacity .2s ease,background .2s ease;backdrop-filter:blur(8px);cursor:pointer} .home .duveo-featured-carousel:hover .duveo-featured-carousel__arrow{opacity:1} .home .duveo-featured-carousel__arrow:hover{background:rgba(7,12,24,.72)} .home .duveo-featured-carousel__arrow--prev{left:14px}.home .duveo-featured-carousel__arrow--next{right:14px} .home .duveo-featured-carousel__dots{position:absolute;z-index:8;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:999px;background:rgba(7,12,24,.25);backdrop-filter:blur(8px)} .home .duveo-featured-carousel__dots button{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.5);cursor:pointer;transition:width .2s ease,background .2s ease} .home .duveo-featured-carousel__dots button.is-active{width:20px;background:#fff} .home [data-duveo-feature-preview]{position:relative;isolation:isolate} .home [data-duveo-feature-preview]>.duveo-hover-preview{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0;object-fit:cover;background:#05070b;pointer-events:none} .home [data-duveo-feature-preview]>.duveo-home-hero__shade, .home [data-duveo-feature-preview]>.duveo-home-hero__copy, .home [data-duveo-feature-preview]>.duveo-home-hero__play{z-index:4} @media(max-width:980px){ .home .duveo-featured-carousel__track{aspect-ratio:16/7;min-height:220px} .home .duveo-featured-carousel__arrow{opacity:.8;width:36px;height:36px} } @media(max-width:720px){ .home .duveo-featured-carousel__track{aspect-ratio:16/9;min-height:0} .home .duveo-featured-carousel__arrow{display:none} .home .duveo-featured-carousel__dots{bottom:8px} } /* ===== DUVEO 5.1.49 · Reproductor oficial + continuidad de contenido ===== */ .duveo-player-layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px}.duveo-player{border-radius:15px}.duveo-player-tools{position:absolute;right:14px;bottom:12px;z-index:12;display:flex;align-items:center;gap:8px;transition:opacity .22s ease,transform .22s ease}.duveo-player.is-playing.is-controls-idle .duveo-player-tools{opacity:0;transform:translateY(5px);pointer-events:none}.duveo-player-tool{width:38px;height:38px;border:0;border-radius:999px;background:rgba(15,15,18,.74);color:#fff;display:grid;place-items:center;font-weight:900;font-size:17px;backdrop-filter:blur(8px);box-shadow:0 3px 12px rgba(0,0,0,.18)}.duveo-player-tool--auto span{font-size:27px;line-height:1;transform:translateY(-1px)}.duveo-player-tool--auto.is-active{background:#0768ff;color:#fff}.duveo-player-settings{position:relative}.duveo-player-settings-menu{position:absolute;right:0;bottom:46px;width:220px;padding:7px;border-radius:13px;background:rgba(22,23,27,.94);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.duveo-player-settings-menu>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:#fff;padding:10px 11px;border-radius:9px;text-align:left}.duveo-player-settings-menu>button:hover{background:rgba(255,255,255,.1)}.duveo-player-settings-menu strong{font-size:11px;font-weight:650;color:#d8dbe2}.duveo-player-speed-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px 4px 3px;border-top:1px solid rgba(255,255,255,.14)}.duveo-player-speed-options button{border:0;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;padding:8px;font-size:11px}.duveo-next-head{display:flex;align-items:center;gap:10px}.duveo-next-head h2{margin-right:auto}.duveo-next-auto{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#0768ff;font-size:11px;font-weight:800;padding:4px}.duveo-next-auto i{display:block;width:34px;height:20px;border-radius:999px;background:#dfe3ea;position:relative;transition:.2s}.duveo-next-auto i:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.22);transition:.2s}.duveo-next-auto.is-active i{background:#0768ff}.duveo-next-auto.is-active i:after{left:17px}.duveo-actions-row--official{flex-wrap:nowrap}.duveo-actions-row--official .duveo-action{min-height:40px;padding:0 15px}.duveo-actions-row--official .duveo-action svg{width:19px;height:19px;stroke:currentColor;fill:none}.duveo-actions-row--official [data-share] svg{width:20px;height:20px}.duveo-comments{border:0;border-radius:0;padding:18px 0 0}.duveo-comments .comment-reply-title{font-size:14px}.duveo-comments .comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.duveo-comments .comment-form-comment{margin:0}.duveo-comments textarea{width:100%;min-height:46px;max-height:140px;border:1px solid var(--duveo-line);border-radius:999px;padding:12px 16px;resize:vertical}.duveo-comments .form-submit{margin:0}.duveo-comments .submit{min-height:44px;padding:0 22px;border-radius:999px}.duveo-watch-more{margin-top:26px;display:grid;gap:26px}.duveo-watch-section{min-width:0}.duveo-watch-section>.duveo-section-head{display:flex;align-items:center;margin-bottom:12px}.duveo-watch-section>.duveo-section-head h2{font-size:20px;margin:0 auto 0 0}.duveo-watch-section>.duveo-section-head a{font-size:12px;font-weight:800;color:#0768ff}.duveo-watch-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.duveo-watch-row .duveo-card-title{font-size:12px;line-height:1.25}.duveo-watch-row .duveo-card-meta{grid-template-columns:1fr auto}.duveo-watch-row .duveo-card-meta>a:first-child{display:none}.duveo-watch-row .duveo-thumb{border-radius:11px}.duveo-watch-row--moments{grid-template-columns:repeat(6,minmax(0,1fr))}.duveo-watch-row--moments .duveo-thumb{aspect-ratio:9/12}.duveo-watch-row--moments .duveo-thumb img,.duveo-watch-row--moments .duveo-hover-preview{object-fit:cover}.duveo-creator-discovery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.duveo-creator-discovery__item{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid var(--duveo-line);border-radius:13px}.duveo-creator-discovery__item span{min-width:0}.duveo-creator-discovery__item strong,.duveo-creator-discovery__item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duveo-creator-discovery__item strong{font-size:12px}.duveo-creator-discovery__item small{font-size:10px;color:var(--duveo-muted);margin-top:2px}.duveo-mobile-next{display:none}.duveo-next-aside .duveo-card.is-compact{margin-bottom:0}.duveo-next-aside .duveo-card.is-compact .duveo-card-title{font-size:12px} @media(max-width:960px){.duveo-player-layout{grid-template-columns:1fr}.duveo-next-aside{display:none}.duveo-mobile-next{display:block;margin-top:22px}.duveo-mobile-next .duveo-next-head{margin-bottom:10px}.duveo-mobile-next-list{display:grid;gap:10px}.duveo-mobile-next-list .duveo-card.is-compact{display:grid;grid-template-columns:145px minmax(0,1fr);gap:10px}.duveo-mobile-next-list .duveo-card.is-compact .duveo-thumb{grid-row:1}.duveo-mobile-next-list .duveo-card.is-compact .duveo-card-meta{grid-column:2;grid-row:1;align-self:center}.duveo-watch-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.duveo-watch-row>.duveo-card{flex:0 0 220px;scroll-snap-align:start}.duveo-watch-row--moments>.duveo-card{flex-basis:145px}.duveo-creator-discovery{display:flex;overflow-x:auto}.duveo-creator-discovery__item{flex:0 0 180px}} @media(max-width:620px){.duveo-player-tools{right:8px;bottom:8px;gap:6px}.duveo-player-tool{width:34px;height:34px}.duveo-player-tool--auto span{font-size:24px}.duveo-player-settings-menu{right:0;bottom:42px;width:200px}.duveo-actions-row--official{justify-content:space-between;gap:5px;margin:10px 0}.duveo-actions-row--official .duveo-action{flex:1;min-width:0;height:auto;min-height:54px;border-radius:16px;padding:7px 3px;flex-direction:column;gap:3px;background:#f7f8fa}.duveo-actions-row--official .duveo-action .duveo-action-label{display:block;font-size:9px;white-space:nowrap}.duveo-actions-row--official .duveo-action svg{width:21px;height:21px}.duveo-actions-row--official .duveo-more-menu{flex:1}.duveo-actions-row--official .duveo-more-menu>.duveo-action{width:100%}.duveo-next-auto__label{display:none}.duveo-comments{padding-top:14px}.duveo-comments h3{font-size:17px}.duveo-comments .comment-form{grid-template-columns:minmax(0,1fr) auto;gap:7px}.duveo-comments textarea{min-height:40px;height:40px;padding:9px 13px;font-size:12px}.duveo-comments .submit{min-height:40px;padding:0 14px;font-size:11px}.duveo-watch-more{gap:22px}.duveo-watch-section>.duveo-section-head h2{font-size:17px}.duveo-watch-row>.duveo-card{flex-basis:200px}.duveo-watch-row--moments>.duveo-card{flex-basis:130px}.duveo-mobile-next-list .duveo-card.is-compact{grid-template-columns:128px minmax(0,1fr)}.duveo-mobile-next-list .duveo-card-sub{font-size:10px}.duveo-player.is-playing.is-controls-idle{cursor:none}} /* ===== DUVEO 5.2.04 · Apariencia del dispositivo (sin modo claro forzado) ===== */ .duveo-mobile-header-menu{display:none} html{color-scheme:light dark} /* Reproductor: se retiran ∞ y Herramientas; autoplay permanece en "Siguiente". */ .duveo-player-tools,.duveo-player-settings,.duveo-player-tool--auto{display:none!important} /* Acciones aprobadas: Me gusta/Comentario = contador; Compartir/Guardar = texto; Más = solo icono. */ .duveo-actions-row--official{align-items:stretch} .duveo-actions-row--official .duveo-action{display:flex;align-items:center;justify-content:center;gap:5px} .duveo-actions-row--official .duveo-action-count{font-variant-numeric:tabular-nums;font-weight:800} .duveo-actions-row--official .duveo-more-menu>.duveo-action{min-width:44px;padding-inline:12px} /* Comentarios bajo demanda */ .duveo-comment-composer[hidden]{display:none!important} .duveo-comment-composer{margin-top:12px} .duveo-comment-login{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--duveo-line);border-radius:14px;background:var(--duveo-soft)} .duveo-comments-inner>h3{display:flex;align-items:center;gap:7px} .duveo-comments-inner>h3 [data-comment-heading-count]{color:var(--duveo-muted);font-weight:700} .duveo-comments .comment-reply-title:empty{display:none} /* Menú móvil: hamburguesa en cabecera, sin buscador duplicado. */ @media(max-width:900px){ .duveo-topbar{display:flex!important;align-items:center;height:60px;padding:7px 10px;gap:8px} .duveo-mobile-header-menu{display:inline-flex!important;flex:0 0 38px;width:38px;height:38px} .duveo-mobile-header-menu svg{width:23px;height:23px} .duveo-search{display:none!important} .duveo-logo{min-width:0!important;flex:1;justify-content:flex-start} .duveo-logo__official{width:136px!important;max-height:40px!important} .duveo-top-actions{display:flex;align-items:center;gap:5px;margin-left:auto} .duveo-top-actions .duveo-create-btn{display:none!important} .duveo-notification-btn,.duveo-account-access{display:inline-flex!important} .duveo-notification-btn{width:36px;height:36px} .duveo-account-access{width:36px;height:36px} .duveo-mobile-menu-panel{display:block;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease} .duveo-mobile-menu-panel.is-open{visibility:visible;opacity:1;pointer-events:auto} .duveo-mobile-menu-sheet{left:0;right:auto;top:0;bottom:0;width:min(86vw,350px);max-height:none;border-radius:0 20px 20px 0;padding:18px 16px 26px;transform:translateX(-102%);transition:transform .24s ease} .duveo-mobile-menu-panel.is-open .duveo-mobile-menu-sheet{transform:translateX(0)} .duveo-mobile-menu-sheet .duveo-nav{display:grid!important;grid-template-columns:1fr!important;gap:6px} .duveo-mobile-menu-sheet .duveo-nav span{display:inline!important} .duveo-mobile-menu-sheet .duveo-nav a{justify-content:flex-start!important;min-height:44px;padding:0 10px!important;border-radius:10px} .duveo-mobile-menu-sheet .duveo-nav a.is-active{background:var(--duveo-soft)} } /* Botón Crear central del menú inferior: conserva protagonismo sin alterar orden. */ @media(max-width:900px){ .duveo-mobilebar{grid-template-columns:repeat(5,1fr)!important} .duveo-mobilebar .duveo-mobile-create{border-radius:14px!important;width:46px!important;height:40px!important;background:#fff!important;color:#111!important;border:2px solid transparent!important;box-shadow:0 0 0 2px #28a9ff,0 0 0 4px #ff2c71!important} } /* En móvil el envío del comentario se representa con una flecha discreta. */ @media(max-width:620px){ .duveo-actions-row--official .duveo-action{min-height:54px;flex-direction:column;gap:3px} .duveo-actions-row--official .duveo-action-label{display:block!important;font-size:9px;white-space:nowrap} .duveo-actions-row--official .duveo-more-menu{flex:1} .duveo-actions-row--official .duveo-more-menu>.duveo-action{width:100%} .duveo-comment-login{align-items:stretch;flex-direction:column} .duveo-comments .submit{width:42px;min-width:42px;padding:0!important;font-size:0!important} .duveo-comments .submit::before{content:"➤";font-size:18px;line-height:1} } /* ===== DUVEO 5.1.52 · Regalar solo en escritorio ===== */ .duveo-action--desktop-gift{display:flex} @media(max-width:900px){ .duveo-action--desktop-gift{display:none!important} } /* ===== DUVEO 5.1.53 · Paleta oficial + acciones escritorio a la derecha ===== */ /* Colores de identidad tomados del logo oficial: navy, azul, púrpura y rosa. */ .duveo-search input:focus{ border-color:#b9c8ee; box-shadow:0 0 0 3px rgba(0,89,249,.10); } .duveo-nav a:hover, .duveo-nav a.is-active{ background:#eef3ff; color:var(--duveo-blue); } .duveo-btn--primary{ background:var(--duveo-blue); border-color:var(--duveo-blue); } .duveo-btn--primary:hover{ background:#004fe0; border-color:#004fe0; } .duveo-btn--ghost{ color:var(--duveo-blue); border-color:#cfdcff; background:#f6f8ff; } .duveo-chip.is-active, .duveo-chip:hover{ background:var(--duveo-blue); border-color:var(--duveo-blue); } .duveo-kicker, .duveo-link-more, .duveo-watch-section>.duveo-section-head a, .duveo-next-auto{ color:var(--duveo-blue); } .duveo-state-ring{ background:conic-gradient( var(--duveo-blue) 0 22%, #fff 22% 25%, var(--duveo-purple) 25% 48%, #fff 48% 51%, var(--duveo-pink) 51% 74%, #fff 74% 77%, var(--duveo-blue) 77% 100% ); } .duveo-progress>i{background:linear-gradient(90deg,var(--duveo-blue),var(--duveo-purple),var(--duveo-pink))} .duveo-action.is-active{ background:#f8eef8; color:var(--duveo-pink); } .duveo-action--desktop-gift{ color:var(--duveo-pink); } .duveo-action--desktop-gift:hover{ background:#fbf0f8; } /* Escritorio: creador/Seguir a la izquierda y acciones en la misma fila a la derecha. */ @media(min-width:901px){ .duveo-creator-action-line{ display:flex; align-items:center; gap:18px; margin:12px 0 14px; min-width:0; } .duveo-creator-action-line .duveo-creator-line{ flex:1 1 auto; min-width:260px; } .duveo-creator-action-line .duveo-actions-row--official{ margin:0 0 0 auto; justify-content:flex-end; flex:0 0 auto; gap:8px; } .duveo-actions-row--official .duveo-action{ min-width:58px; min-height:54px; padding:5px 9px; border-radius:14px; flex-direction:column; justify-content:center; gap:3px; background:transparent; } .duveo-actions-row--official .duveo-action:hover{ background:var(--duveo-soft); } .duveo-actions-row--official .duveo-action-label{ display:block!important; font-size:10px; line-height:1.05; white-space:nowrap; } .duveo-actions-row--official .duveo-action-count{ font-variant-numeric:tabular-nums; } .duveo-actions-row--official .duveo-more-menu{ display:flex; align-items:center; } .duveo-actions-row--official .duveo-more-menu>.duveo-action{ min-width:44px; } } /* Móvil: conservar la estructura aprobada de 5.1.52 sin cambios de navegación/cabecera. */ @media(max-width:900px){ .duveo-creator-action-line{display:block} } /* 5.1.54 — Comentarios junto a la descripción, Siguiente compacto y hamburguesa móvil limpia. */ .duveo-content-info > .duveo-comments{ margin-top:8px; padding-top:8px; } .duveo-comments .logged-in-as, .duveo-comments .comment-notes, .duveo-comments .required-field-message{ display:none!important; } .duveo-comment-entry-row{ display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; align-items:start; } .duveo-comment-entry-avatar{ width:38px; height:38px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:var(--duveo-soft); color:var(--duveo-ink); } .duveo-comment-entry-avatar .duveo-avatar{ width:38px; height:38px; display:block; object-fit:cover; } .duveo-comment-entry-avatar--guest svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; } .duveo-comment-entry-form, .duveo-comment-entry-form .comment-respond{ min-width:0; margin:0; } .duveo-comment-entry-form .comment-form{ margin:0; } .duveo-comments .comment-list{ margin-top:14px; } .duveo-comments-inner>h3{ margin:0 0 8px; } /* Escritorio: mini portada + título al lado, sin tarjeta a todo el ancho visual. */ @media(min-width:961px){ .duveo-next-aside .duveo-card.is-compact{ display:grid; grid-template-columns:112px minmax(0,1fr); gap:10px; align-items:center; margin:0 0 12px; } .duveo-next-aside .duveo-card.is-compact .duveo-thumb{ grid-column:1; grid-row:1; width:112px; aspect-ratio:16/9; border-radius:9px; overflow:hidden; } .duveo-next-aside .duveo-card.is-compact .duveo-card-meta{ grid-column:2; grid-row:1; min-width:0; padding-top:0; display:grid; grid-template-columns:minmax(0,1fr) 22px; gap:4px; align-items:start; } .duveo-next-aside .duveo-card.is-compact .duveo-card-meta>a:first-child{ display:none; } .duveo-next-aside .duveo-card.is-compact .duveo-card-title{ font-size:12px; line-height:1.22; margin:0 0 4px; -webkit-line-clamp:2; } .duveo-next-aside .duveo-card.is-compact .duveo-card-sub{ font-size:10px; line-height:1.25; } .duveo-next-aside .duveo-card.is-compact .duveo-menu-dots{ width:22px; min-width:22px; padding:0; } } /* Móvil: solo tres líneas negras; sin círculo, fondo ni borde. */ @media(max-width:900px){ .duveo-mobile-header-menu{ display:inline-flex!important; flex:0 0 34px!important; width:34px!important; height:38px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#111!important; } .duveo-mobile-header-menu:hover, .duveo-mobile-header-menu:focus, .duveo-mobile-header-menu:active{ background:transparent!important; border:0!important; box-shadow:none!important; } .duveo-mobile-header-menu svg{ width:25px!important; height:25px!important; fill:none!important; stroke:#111!important; stroke-width:2!important; } } /* ============================================================ DUVEO 5.1.55 · AJUSTES APROBADOS SOLO MÓVIL Momentos + Explorar Opción 1 + Estrenos. Escritorio conserva la estructura 5.1.54. ============================================================ */ /* Nuevos elementos móviles: ocultos por defecto para no alterar escritorio. */ .duveo-explore-mobile-head, .duveo-explore-mobile-filter, .duveo-premieres-mobile, .page-template-page-momentos .duveo-momentos-v5138__author-name, .page-template-page-momentos .duveo-momentos-v5138__author-handle-mobile{display:none} /* ---------- MÓVIL: EXPLORAR · Opción 1 aprobada ---------- */ @media(max-width:767px){ .page-template-page-explorar .duveo-main{ padding:10px 10px calc(82px + env(safe-area-inset-bottom)); background:#fff; } .page-template-page-explorar .duveo-explore-page{gap:10px} .page-template-page-explorar .duveo-explore-head{display:none!important} .page-template-page-explorar .duveo-explore-mobile-head{display:block} .page-template-page-explorar .duveo-explore-mobile-head h1{ margin:0; font-size:22px; line-height:1.05; letter-spacing:-.035em; color:#071b4b; } .page-template-page-explorar .duveo-explore-search{ display:grid; grid-template-columns:minmax(0,1fr) 68px; gap:7px; margin:0; } .page-template-page-explorar .duveo-explore-search input{ height:36px; padding:0 11px 0 34px; border-radius:999px; font-size:10px; background:#f7f9fd; } .page-template-page-explorar .duveo-explore-search-icon{left:11px} .page-template-page-explorar .duveo-explore-search-icon svg{width:15px;height:15px} .page-template-page-explorar .duveo-explore-search .duveo-btn{ min-height:36px; height:36px; padding:0 10px; font-size:10px; border-radius:999px; } .page-template-page-explorar .duveo-type-tabs{ display:flex; gap:5px; margin:0; padding:0 0 2px; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none; } .page-template-page-explorar .duveo-type-tabs::-webkit-scrollbar{display:none} .page-template-page-explorar .duveo-type-tabs .duveo-chip{ flex:0 0 auto; min-height:30px; padding:6px 10px; font-size:9px; border-radius:999px; } .page-template-page-explorar .duveo-type-tabs [data-explore-type="creadores"]{display:none!important} .page-template-page-explorar .duveo-explore-mobile-filter{ display:inline-flex!important; align-items:center; gap:4px; background:#fff; color:#071b4b; } .page-template-page-explorar .duveo-explore-mobile-filter svg{ width:13px;height:13px;stroke:currentColor;fill:none; } .page-template-page-explorar .duveo-category-grid--visual{display:none!important} .page-template-page-explorar .duveo-explore-results-head{display:none!important} .page-template-page-explorar .duveo-recent-search{margin:0;font-size:9px} .page-template-page-explorar .duveo-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .page-template-page-explorar .duveo-creator-card{padding:8px;gap:7px} .page-template-page-explorar .duveo-creator-card .duveo-avatar{width:34px;height:34px} .page-template-page-explorar .duveo-explore-results{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px 8px!important; } .page-template-page-explorar .duveo-explore-results .duveo-thumb{ border-radius:9px; aspect-ratio:16/9; } .page-template-page-explorar .duveo-explore-results .duveo-duration{ right:5px;bottom:5px;padding:2px 4px;border-radius:4px;font-size:7px; } .page-template-page-explorar .duveo-explore-results .duveo-card-meta{ grid-template-columns:22px minmax(0,1fr) 14px; gap:5px; padding-top:5px; } .page-template-page-explorar .duveo-explore-results .duveo-avatar{width:22px;height:22px} .page-template-page-explorar .duveo-explore-results .duveo-card-title{ margin:0 0 2px; font-size:9.5px; line-height:1.18; } .page-template-page-explorar .duveo-explore-results .duveo-card-sub{ font-size:7px; line-height:1.25; } .page-template-page-explorar .duveo-explore-results .duveo-menu-dots{ padding:0; font-size:16px; } .page-template-page-explorar .duveo-filter-sheet{ max-height:86dvh; overflow:auto; gap:10px; padding:18px 16px calc(18px + env(safe-area-inset-bottom)); } } /* ---------- MÓVIL: ESTRENOS · diseño aprobado ---------- */ .duveo-premieres-desktop{display:contents} @media(max-width:767px){ .page-template-page-estrenos .duveo-main{ padding:10px 10px calc(82px + env(safe-area-inset-bottom)); background:#fff; } .page-template-page-estrenos .duveo-premieres-desktop{display:none!important} .page-template-page-estrenos .duveo-premieres-mobile{ display:block; color:#071b4b; } .duveo-premieres-mobile__head h1{ margin:0 0 12px; font-size:22px; line-height:1; letter-spacing:-.035em; } .duveo-premieres-mobile__toolbar{ display:flex; align-items:center; gap:7px; margin-bottom:12px; } .duveo-premieres-mobile__tabs{ display:flex; flex:1 1 auto; min-width:0; gap:4px; overflow-x:auto; scrollbar-width:none; } .duveo-premieres-mobile__tabs::-webkit-scrollbar{display:none} .duveo-premieres-mobile__tabs a, .duveo-premieres-mobile__filter-btn{ flex:0 0 auto; min-height:29px; display:inline-flex; align-items:center; justify-content:center; gap:4px; padding:0 9px; border:1px solid #dce4f2; border-radius:999px; background:#fff; color:#071b4b; font-size:8px; font-weight:800; text-decoration:none; white-space:nowrap; } .duveo-premieres-mobile__tabs a.is-active{ border-color:#1769ff; background:#1769ff; color:#fff; } .duveo-premieres-mobile__filter-btn{ border:0; padding-inline:8px; background:transparent; } .duveo-premieres-mobile__filter-btn svg{width:13px;height:13px;stroke:currentColor;fill:none} .duveo-premieres-mobile__list{display:grid;gap:10px} .duveo-premieres-mobile__card{ display:grid; grid-template-columns:112px minmax(0,1fr); gap:9px; padding:7px; border:1px solid #e3e9f3; border-radius:11px; background:#fff; box-shadow:0 4px 14px rgba(0,13,54,.035); } .duveo-premieres-mobile__thumb{ position:relative; display:block; min-height:82px; overflow:hidden; border-radius:8px; background:#edf1f7; } .duveo-premieres-mobile__thumb img{ width:100%;height:100%;object-fit:cover;display:block; } .duveo-premieres-mobile__thumb>span{ position:absolute; left:6px; top:6px; padding:3px 6px; border-radius:999px; background:#ff1738; color:#fff; font-size:6.5px; font-weight:900; } .duveo-premieres-mobile__body{ min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto 1fr; gap:5px 7px; align-items:end; } .duveo-premieres-mobile__body h2{ grid-column:1/-1; margin:0; font-size:11px; line-height:1.18; } .duveo-premieres-mobile__body h2 a{color:inherit;text-decoration:none} .duveo-premieres-mobile__meta{ min-width:0; display:grid; grid-template-columns:26px minmax(0,1fr); gap:6px; align-items:center; } .duveo-premieres-mobile__meta .duveo-avatar{width:26px;height:26px} .duveo-premieres-mobile__meta strong, .duveo-premieres-mobile__meta small{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .duveo-premieres-mobile__meta strong{font-size:7.5px} .duveo-premieres-mobile__meta small{margin-top:2px;color:#71809a;font-size:6.5px} .duveo-premieres-mobile__action{ min-height:27px; display:inline-flex; align-items:center; justify-content:center; gap:4px; align-self:end; padding:0 8px; border:1px solid #1769ff; border-radius:7px; background:#fff; color:#1769ff; font-size:7px; font-weight:850; text-decoration:none; white-space:nowrap; } .duveo-premieres-mobile__action svg{width:11px;height:11px;stroke:currentColor;fill:none} .duveo-premieres-mobile__action.is-active{background:#1769ff;color:#fff} .duveo-premieres-mobile__empty{ display:grid;gap:4px;padding:20px;border:1px dashed #dbe3ef;border-radius:12px;text-align:center; } .duveo-premieres-mobile__empty strong{font-size:12px} .duveo-premieres-mobile__empty span{font-size:9px;color:#71809a} .duveo-premieres-mobile__filters{ position:fixed; z-index:210; left:0;right:0;bottom:-110%; display:grid; gap:13px; max-height:86dvh; overflow:auto; padding:18px 16px calc(18px + env(safe-area-inset-bottom)); border-radius:20px 20px 0 0; background:#fff; box-shadow:0 -20px 60px rgba(0,0,0,.20); transition:bottom .25s ease; } .duveo-premieres-mobile__filters.is-open{bottom:0} .duveo-premieres-mobile__filter-head{ display:flex;align-items:center;justify-content:space-between;gap:10px; padding-bottom:3px; border-top:3px solid #d5d9e1; padding-top:12px; } .duveo-premieres-mobile__filter-head strong{font-size:16px} .duveo-premieres-mobile__filter-head button{ width:30px;height:30px;border:0;background:transparent;font-size:21px;color:#667085; } .duveo-premieres-mobile__filters>label{display:grid;gap:6px} .duveo-premieres-mobile__filters>label>span, .duveo-premieres-mobile__filters legend{font-size:9px;font-weight:850;color:#344054} .duveo-premieres-mobile__filters select{ width:100%;height:38px;border:1px solid #dbe2ed;border-radius:9px;background:#fff;padding:0 10px;font-size:10px;color:#344054; } .duveo-premieres-mobile__filters fieldset{margin:0;padding:0;border:0} .duveo-premieres-mobile__date-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px} .duveo-premieres-mobile__date-options label{ display:flex;align-items:center;gap:4px;padding:7px 9px;border:1px solid #dbe2ed;border-radius:999px;font-size:8px; } .duveo-premieres-mobile__date-options input{margin:0} .duveo-premieres-mobile__filter-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px} .duveo-premieres-mobile__filter-actions a, .duveo-premieres-mobile__filter-actions button{ min-height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:10px;font-weight:850;text-decoration:none; } .duveo-premieres-mobile__filter-actions a{border:1px solid #dbe2ed;color:#344054;background:#fff} .duveo-premieres-mobile__filter-actions button{border:1px solid #1769ff;background:#1769ff;color:#fff} } /* ---------- MÓVIL: MOMENTOS · jerarquía final aprobada ---------- */ @media(max-width:980px){ .page-template-page-momentos .duveo-momentos-v5138__segments{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__creator{ left:14px; right:70px; bottom:64px; display:flex; flex-direction:column; } .page-template-page-momentos .duveo-momentos-v5138__title-row{order:1!important} .page-template-page-momentos .duveo-momentos-v5138__creatorline{ order:2!important; display:grid!important; grid-template-columns:40px minmax(0,1fr) auto!important; align-items:start!important; gap:8px!important; margin:8px 0 0!important; } .page-template-page-momentos .duveo-momentos-v5138__creatormeta{ min-width:0; display:grid; gap:1px; padding-top:1px; } .page-template-page-momentos .duveo-momentos-v5138__author-name{ display:inline!important; font-size:11px; font-weight:850; color:#fff; } .page-template-page-momentos .duveo-momentos-v5138__author-handle-desktop, .page-template-page-momentos .duveo-momentos-v5138__followers{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__author-handle-mobile{ display:block!important; margin-top:1px; color:rgba(255,255,255,.88)!important; font-size:8px!important; line-height:1.15; } .page-template-page-momentos .duveo-momentos-v5138__follow{ align-self:start; height:27px!important; margin-top:0; padding:0 11px!important; border:1px solid rgba(255,255,255,.94)!important; border-radius:999px!important; background:rgba(255,255,255,.96)!important; color:#1769ff!important; font-size:8px!important; font-weight:900!important; box-shadow:0 3px 10px rgba(0,0,0,.12); } .page-template-page-momentos .duveo-momentos-v5138__views{ order:3!important; display:block!important; margin:4px 0 0 48px!important; color:rgba(255,255,255,.82)!important; font-size:8px!important; } .page-template-page-momentos .duveo-momentos-v5138__description{ order:4!important; display:-webkit-box!important; margin:6px 0 0!important; color:rgba(255,255,255,.94)!important; font-size:10px!important; line-height:1.32!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .page-template-page-momentos .duveo-momentos-v5138__tags{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__actions{ opacity:1!important; transform:none!important; pointer-events:auto!important; right:8px!important; bottom:92px!important; } .page-template-page-momentos .duveo-momentos-v5138__controls{ display:grid!important; left:12px!important; right:12px!important; bottom:10px!important; height:38px!important; grid-template-columns:26px minmax(80px,1fr) auto 26px 26px!important; gap:6px!important; } .page-template-page-momentos .duveo-momentos-v5138__controls .duveo-momentos-v5138__hd{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__controls input[type="range"]{height:3px} .page-template-page-momentos .duveo-momentos-v5138__time{font-size:8px!important} } /* ============================================================ DUVEO 5.1.56 · APLICACIÓN FIEL DE BOCETOS MÓVILES - Explorar: Opción 1 - Estrenos: Próximos / Filtros / Ya disponibles - Momentos: Seguir en fila del creador + navegación vertical Escritorio queda intacto. ============================================================ */ /* Asegurar que los bloques móviles no dependan del nombre de clase automática de sistema DUVEO. */ @media (max-width:767px){ .duveo-explore-page .duveo-explore-head{display:none!important} .duveo-explore-page .duveo-explore-mobile-head{display:block!important} .duveo-explore-page .duveo-explore-mobile-filter{display:inline-flex!important} .duveo-explore-page .duveo-category-grid--visual{display:none!important} .duveo-explore-page .duveo-explore-results-head{display:none!important} .duveo-explore-page .duveo-type-tabs [data-explore-type="creadores"]{display:none!important} .duveo-explore-page .duveo-explore-results{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px 10px!important; } .duveo-explore-page .duveo-explore-mobile-head h1{ margin:0 0 16px!important; font-size:30px!important; line-height:1!important; letter-spacing:-.04em!important; color:#071b4b!important; } .duveo-explore-page .duveo-explore-search{ display:grid!important; grid-template-columns:minmax(0,1fr) 92px!important; gap:9px!important; margin:0 0 16px!important; } .duveo-explore-page .duveo-explore-search input{ height:46px!important; padding:0 14px 0 42px!important; border:1px solid #dce4f2!important; border-radius:999px!important; background:#fbfcff!important; font-size:14px!important; } .duveo-explore-page .duveo-explore-search-icon{ left:14px!important; } .duveo-explore-page .duveo-explore-search-icon svg{ width:20px!important;height:20px!important; } .duveo-explore-page .duveo-explore-search .duveo-btn{ height:46px!important; min-height:46px!important; padding:0 16px!important; border-radius:999px!important; font-size:14px!important; font-weight:850!important; } .duveo-explore-page .duveo-type-tabs{ display:flex!important; flex-wrap:nowrap!important; gap:7px!important; margin:0 0 18px!important; padding:0 0 2px!important; overflow-x:auto!important; scrollbar-width:none!important; } .duveo-explore-page .duveo-type-tabs::-webkit-scrollbar{display:none!important} .duveo-explore-page .duveo-type-tabs .duveo-chip{ flex:0 0 auto!important; min-height:38px!important; padding:8px 14px!important; border-radius:999px!important; font-size:12px!important; } .duveo-explore-page .duveo-explore-mobile-filter{ align-items:center!important; gap:6px!important; border:1px solid #dce4f2!important; background:#fff!important; color:#071b4b!important; } .duveo-explore-page .duveo-explore-mobile-filter svg{ width:16px!important;height:16px!important; stroke:currentColor!important;fill:none!important; } .duveo-explore-page .duveo-explore-results .duveo-thumb{ border-radius:12px!important; aspect-ratio:16/9!important; } .duveo-explore-page .duveo-explore-results .duveo-duration{ right:6px!important;bottom:6px!important; padding:3px 5px!important; border-radius:5px!important; font-size:9px!important; } .duveo-explore-page .duveo-explore-results .duveo-card-meta{ grid-template-columns:28px minmax(0,1fr) 16px!important; gap:7px!important; padding-top:7px!important; } .duveo-explore-page .duveo-explore-results .duveo-avatar{ width:28px!important;height:28px!important; } .duveo-explore-page .duveo-explore-results .duveo-card-title{ margin:0 0 3px!important; font-size:12px!important; line-height:1.18!important; } .duveo-explore-page .duveo-explore-results .duveo-card-sub{ font-size:9px!important; line-height:1.25!important; } /* Estrenos: la interfaz móvil replica el boceto y la hoja de filtros inicia cerrada. */ .duveo-premieres-mobile{ display:block!important; color:#071b4b!important; } .duveo-premieres-desktop{display:none!important} .duveo-premieres-mobile__head h1{ margin:0 0 14px!important; font-size:30px!important; line-height:1!important; letter-spacing:-.04em!important; } .duveo-premieres-mobile__toolbar{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; margin-bottom:16px!important; } .duveo-premieres-mobile__tabs{ display:grid!important; grid-template-columns:repeat(3,max-content)!important; gap:6px!important; overflow-x:auto!important; scrollbar-width:none!important; } .duveo-premieres-mobile__tabs::-webkit-scrollbar{display:none!important} .duveo-premieres-mobile__tabs a{ min-height:38px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 15px!important; border:1px solid #dce4f2!important; border-radius:999px!important; background:#fff!important; color:#071b4b!important; font-size:12px!important; font-weight:800!important; text-decoration:none!important; white-space:nowrap!important; } .duveo-premieres-mobile__tabs a.is-active{ border-color:#1769ff!important; background:#1769ff!important; color:#fff!important; } .duveo-premieres-mobile__filter-btn{ justify-self:end!important; min-height:38px!important; display:inline-flex!important; align-items:center!important; gap:7px!important; padding:0 14px!important; border:1px solid #dce4f2!important; border-radius:999px!important; background:#fff!important; color:#071b4b!important; font-size:12px!important; font-weight:800!important; } .duveo-premieres-mobile__filter-btn svg{ width:16px!important;height:16px!important; stroke:currentColor!important;fill:none!important; } .duveo-premieres-mobile__list{ display:grid!important; gap:22px!important; } .duveo-premieres-mobile__card{ display:block!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .duveo-premieres-mobile__thumb{ position:relative!important; display:block!important; width:100%!important; aspect-ratio:16/7.4!important; min-height:0!important; overflow:hidden!important; border-radius:14px!important; background:#edf1f7!important; } .duveo-premieres-mobile__thumb::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.02) 42%,rgba(0,0,0,.76)); pointer-events:none; } .duveo-premieres-mobile__thumb img{ width:100%!important;height:100%!important; display:block!important;object-fit:cover!important; } .duveo-premieres-mobile__badge{ position:absolute!important; z-index:2!important; left:14px!important; top:14px!important; padding:5px 9px!important; border-radius:6px!important; background:#ff1738!important; color:#fff!important; font-size:10px!important; font-style:normal!important; font-weight:900!important; } .duveo-premieres-mobile__overlay-copy{ position:absolute!important; z-index:2!important; left:14px!important; right:66px!important; bottom:14px!important; color:#fff!important; text-shadow:0 2px 8px rgba(0,0,0,.45)!important; } .duveo-premieres-mobile__overlay-copy h2{ margin:0!important; font-size:24px!important; line-height:1.04!important; letter-spacing:-.03em!important; color:#fff!important; } .duveo-premieres-mobile__overlay-copy small{ display:block!important; margin-top:4px!important; font-size:13px!important; color:#fff!important; } .duveo-premieres-mobile__duration{ position:absolute!important; z-index:3!important; right:10px!important; bottom:10px!important; padding:4px 7px!important; border-radius:7px!important; background:rgba(0,0,0,.76)!important; color:#fff!important; font-size:10px!important; font-style:normal!important; font-weight:700!important; } .duveo-premieres-mobile__body{ min-width:0!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:10px!important; align-items:center!important; padding-top:9px!important; } .duveo-premieres-mobile__meta{ min-width:0!important; display:grid!important; grid-template-columns:38px minmax(0,1fr)!important; gap:9px!important; align-items:center!important; } .duveo-premieres-mobile__meta .duveo-avatar{ width:38px!important;height:38px!important; } .duveo-premieres-mobile__meta strong, .duveo-premieres-mobile__meta small{ display:block!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } .duveo-premieres-mobile__meta strong{ font-size:12px!important; line-height:1.2!important; } .duveo-premieres-mobile__meta small{ margin-top:2px!important; color:#71809a!important; font-size:10px!important; line-height:1.15!important; } .duveo-premieres-mobile__action{ min-height:40px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; padding:0 15px!important; border:1.5px solid #1769ff!important; border-radius:10px!important; background:#fff!important; color:#1769ff!important; font-size:11px!important; font-weight:850!important; text-decoration:none!important; white-space:nowrap!important; } .duveo-premieres-mobile__action svg{ width:16px!important;height:16px!important; stroke:currentColor!important;fill:none!important; } .duveo-premieres-mobile__action.is-active{ background:#1769ff!important;color:#fff!important; } .duveo-premieres-mobile__empty{ display:grid!important; gap:5px!important; padding:28px 18px!important; border:1px dashed #dbe3ef!important; border-radius:14px!important; text-align:center!important; } .duveo-premieres-mobile__filter-backdrop{ position:fixed!important; z-index:208!important; inset:0!important; display:block!important; background:rgba(7,18,43,.28)!important; opacity:0!important; pointer-events:none!important; transition:opacity .22s ease!important; } .duveo-premieres-mobile__filter-backdrop.is-open{ opacity:1!important; pointer-events:auto!important; } .duveo-premieres-mobile__filters{ position:fixed!important; z-index:210!important; left:50%!important; right:auto!important; bottom:-120%!important; width:min(calc(100vw - 20px),460px)!important; max-height:88dvh!important; display:grid!important; gap:18px!important; overflow:auto!important; padding:10px 18px calc(20px + env(safe-area-inset-bottom))!important; border-radius:22px 22px 0 0!important; background:#fff!important; box-shadow:0 -18px 55px rgba(0,0,0,.20)!important; transform:translateX(-50%)!important; transition:bottom .25s ease!important; } .duveo-premieres-mobile__filters.is-open{bottom:0!important} .duveo-premieres-mobile__filter-handle{ width:48px!important;height:5px!important; margin:0 auto -4px!important; border-radius:999px!important; background:#cfd6e2!important; } .duveo-premieres-mobile__filter-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:0 0 12px!important; border:0!important; border-bottom:1px solid #e6ebf3!important; } .duveo-premieres-mobile__filter-head strong{ font-size:22px!important; letter-spacing:-.03em!important; } .duveo-premieres-mobile__filter-head button{ width:34px!important;height:34px!important; display:grid!important; place-items:center!important; padding:0!important; border:0!important; background:transparent!important; color:#667085!important; font-size:26px!important; } .duveo-premieres-mobile__filter-group{ margin:0!important; padding:0 0 16px!important; border:0!important; border-bottom:1px solid #e6ebf3!important; } .duveo-premieres-mobile__filter-group legend{ margin-bottom:10px!important; font-size:17px!important; font-weight:850!important; color:#071b4b!important; } .duveo-premieres-mobile__category-options, .duveo-premieres-mobile__date-options{ display:flex!important; flex-wrap:wrap!important; gap:8px!important; margin:0!important; } .duveo-premieres-mobile__category-options label, .duveo-premieres-mobile__date-options label{ position:relative!important; padding:0!important; border:0!important; } .duveo-premieres-mobile__category-options input, .duveo-premieres-mobile__date-options input{ position:absolute!important; opacity:0!important; pointer-events:none!important; } .duveo-premieres-mobile__category-options span, .duveo-premieres-mobile__date-options span{ min-height:36px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 13px!important; border:1px solid #dce4f2!important; border-radius:999px!important; background:#fff!important; color:#071b4b!important; font-size:12px!important; white-space:nowrap!important; } .duveo-premieres-mobile__category-options input:checked+span, .duveo-premieres-mobile__date-options input:checked+span{ border-color:#d8e7ff!important; background:#e9f2ff!important; color:#1769ff!important; font-weight:850!important; } .duveo-premieres-mobile__creator-search{ position:relative!important; display:block!important; margin-bottom:8px!important; } .duveo-premieres-mobile__creator-search svg{ position:absolute!important; left:11px!important; top:50%!important; width:17px!important;height:17px!important; transform:translateY(-50%)!important; stroke:#71809a!important;fill:none!important; } .duveo-premieres-mobile__creator-search input{ width:100%!important; height:40px!important; padding:0 11px 0 36px!important; border:0!important; border-bottom:1px solid #dce4f2!important; border-radius:0!important; background:#fff!important; color:#071b4b!important; font-size:13px!important; outline:none!important; } .duveo-premieres-mobile__creator-options{ display:grid!important; max-height:210px!important; overflow:auto!important; } .duveo-premieres-mobile__creator-option{ display:grid!important; grid-template-columns:36px minmax(0,1fr) 20px!important; gap:9px!important; align-items:center!important; min-height:48px!important; padding:5px 0!important; font-size:13px!important; color:#071b4b!important; } .duveo-premieres-mobile__creator-option[hidden]{display:none!important} .duveo-premieres-mobile__creator-option .duveo-avatar{ width:36px!important;height:36px!important; } .duveo-premieres-mobile__creator-all{ grid-column:1/3!important; font-weight:750!important; } .duveo-premieres-mobile__creator-option input{ width:20px!important;height:20px!important; margin:0!important; accent-color:#1769ff!important; } .duveo-premieres-mobile__filter-actions{ position:sticky!important; bottom:0!important; display:grid!important; grid-template-columns:1fr 1.25fr!important; gap:10px!important; padding-top:4px!important; background:#fff!important; } .duveo-premieres-mobile__filter-actions a, .duveo-premieres-mobile__filter-actions button{ min-height:48px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:11px!important; font-size:13px!important; font-weight:850!important; text-decoration:none!important; } .duveo-premieres-mobile__filter-actions a{ border:1px solid #dbe2ed!important; color:#1769ff!important; background:#fff!important; } .duveo-premieres-mobile__filter-actions button{ border:1px solid #1769ff!important; background:#1769ff!important; color:#fff!important; } } /* Momentos móvil: el gesto vertical cambia de contenido y nunca muestra progreso vertical. */ @media (max-width:980px){ .duveo-momentos-v5138 .duveo-momentos-v5138__segments{ display:none!important; visibility:hidden!important; width:0!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__top-more{ display:none!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__taplayer{ touch-action:pan-x!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__creator{ left:14px!important; right:74px!important; bottom:64px!important; display:flex!important; flex-direction:column!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__title-row{order:1!important} .duveo-momentos-v5138 .duveo-momentos-v5138__creatorline{ order:2!important; display:grid!important; grid-template-columns:40px minmax(0,1fr) auto!important; align-items:start!important; gap:8px!important; margin:8px 0 0!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__creatormeta{ min-width:0!important; display:grid!important; gap:1px!important; padding-top:1px!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__author-name{ display:inline!important; font-size:11px!important; font-weight:850!important; color:#fff!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__author-handle-desktop, .duveo-momentos-v5138 .duveo-momentos-v5138__followers{ display:none!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__author-handle-mobile{ display:block!important; margin-top:1px!important; color:rgba(255,255,255,.88)!important; font-size:8px!important; line-height:1.15!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__follow{ align-self:start!important; height:27px!important; margin:0!important; padding:0 11px!important; border:1px solid rgba(255,255,255,.94)!important; border-radius:999px!important; background:rgba(255,255,255,.96)!important; color:#1769ff!important; font-size:8px!important; font-weight:900!important; box-shadow:0 3px 10px rgba(0,0,0,.12)!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__views{ order:3!important; display:block!important; margin:4px 0 0 48px!important; color:rgba(255,255,255,.82)!important; font-size:8px!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__description{ order:4!important; display:-webkit-box!important; margin:6px 0 0!important; color:rgba(255,255,255,.94)!important; font-size:10px!important; line-height:1.32!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__tags{ display:none!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__actions{ opacity:1!important; transform:none!important; pointer-events:auto!important; right:8px!important; bottom:92px!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__controls{ display:grid!important; left:12px!important; right:12px!important; bottom:10px!important; height:38px!important; grid-template-columns:26px minmax(80px,1fr) auto 26px 26px!important; gap:6px!important; } .duveo-momentos-v5138 .duveo-momentos-v5138__controls .duveo-momentos-v5138__hd{ display:none!important; } } /* ============================================================ DUVEO 5.1.57 · MOMENTOS ESCRITORIO · VERIFICACIÓN @USUARIO Solo escritorio: la insignia de verificación acompaña al @usuario. No cambia Momentos móvil ni otras páginas. ============================================================ */ @media (min-width:981px){ .page-template-page-momentos .duveo-momentos-v5138__author-name{ display:none!important; } .page-template-page-momentos .duveo-momentos-v5138__author-handle-desktop{ display:inline!important; } .page-template-page-momentos .duveo-momentos-v5138__creatormeta strong{ display:inline-flex!important; align-items:center!important; gap:4px!important; } .page-template-page-momentos .duveo-momentos-v5138__creatormeta strong > .duveo-verified{ display:inline-grid; place-items:center; flex:0 0 auto; margin-left:1px; } .page-template-page-momentos .duveo-momentos-v5138__creatormeta strong > .duveo-verified[hidden]{ display:none!important; } } /* ============================================================ DUVEO 5.1.58 · CORRECCIÓN FINAL MÓVIL (SIN CAMBIOS ESCRITORIO) Referencias aprobadas: Momentos + Explorar opción 1 + Estrenos. ============================================================ */ /* Verificación en Momentos: exclusivamente junto al @usuario. */ .page-template-page-momentos .duveo-momentos-v5138__author-identity-desktop{display:none} .page-template-page-momentos .duveo-momentos-v5138__author-handle-mobile .duveo-verified{margin-left:4px;vertical-align:middle} @media(min-width:981px){ .page-template-page-momentos .duveo-momentos-v5138__creator-name{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__author-identity-desktop{display:inline-flex!important;align-items:center!important;gap:4px!important} .page-template-page-momentos .duveo-momentos-v5138__author-handle-desktop{display:inline!important} .page-template-page-momentos .duveo-momentos-v5138__author-handle-mobile{display:none!important} } @media(max-width:980px){ /* MOMENTOS: visor vertical, swipe hacia arriba/abajo, sin progreso vertical. */ .page-template-page-momentos .duveo-main{padding:0!important;max-width:none!important;background:#000!important} .page-template-page-momentos .duveo-momentos-v5138__gallery, .page-template-page-momentos .duveo-momentos-v5138__player-toolbar, .page-template-page-momentos .duveo-momentos-v5138__back, .page-template-page-momentos .duveo-momentos-v5138__trends, .page-template-page-momentos .duveo-momentos-v5138__segments{display:none!important;visibility:hidden!important;width:0!important;height:0!important} .page-template-page-momentos .duveo-momentos-v5138__playerarea{display:block!important;margin:0!important;padding:0!important} .page-template-page-momentos .duveo-momentos-v5138__workspace{display:block!important;margin:0!important;padding:0!important} .page-template-page-momentos .duveo-momentos-v5138__viewer{width:100%!important;height:calc(100dvh - 60px)!important;min-height:620px!important;border-radius:0!important;margin:0!important;background:#000!important;overflow:hidden!important} .page-template-page-momentos .duveo-momentos-v5138__taplayer{touch-action:none!important} .page-template-page-momentos .duveo-momentos-v5138__top-more{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__mobile-logo{display:block!important;top:10px!important;left:50%!important;transform:translateX(-50%)!important;width:116px!important} .page-template-page-momentos .duveo-momentos-v5138__creator{left:14px!important;right:72px!important;bottom:66px!important} .page-template-page-momentos .duveo-momentos-v5138__creatorline{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:start!important;gap:9px!important;margin-top:8px!important} .page-template-page-momentos .duveo-momentos-v5138__creator-name{display:block!important;line-height:1.1!important} .page-template-page-momentos .duveo-momentos-v5138__author-name{display:block!important;color:#fff!important;font-size:12px!important;font-weight:850!important} .page-template-page-momentos .duveo-momentos-v5138__author-identity-desktop{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__author-handle-mobile{display:inline-flex!important;align-items:center!important;gap:3px!important;color:rgba(255,255,255,.90)!important;font-size:9px!important;margin-top:2px!important} .page-template-page-momentos .duveo-momentos-v5138__author-handle-mobile .duveo-verified{width:14px!important;height:14px!important;font-size:8px!important} .page-template-page-momentos .duveo-momentos-v5138__follow{align-self:start!important;height:28px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:999px!important;background:rgba(0,0,0,.18)!important;color:#fff!important;font-size:9px!important;font-weight:850!important;backdrop-filter:blur(8px)!important} .page-template-page-momentos .duveo-momentos-v5138__views{display:block!important;order:3!important;margin:4px 0 0 51px!important;color:rgba(255,255,255,.82)!important;font-size:9px!important} .page-template-page-momentos .duveo-momentos-v5138__description{order:4!important;margin-top:6px!important;color:#fff!important;font-size:11px!important} .page-template-page-momentos .duveo-momentos-v5138__tags{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__actions{right:8px!important;bottom:98px!important} .page-template-page-momentos .duveo-momentos-v5138__controls{left:12px!important;right:12px!important;bottom:10px!important} /* EXPLORAR móvil · Opción 1 aprobada. */ .page-template-page-explorar .duveo-main{padding:14px 12px calc(82px + env(safe-area-inset-bottom))!important;background:#fff!important} .page-template-page-explorar .duveo-explore-head, .page-template-page-explorar .duveo-category-grid--visual, .page-template-page-explorar .duveo-explore-results-head{display:none!important} .page-template-page-explorar .duveo-explore-mobile-head{display:block!important} .page-template-page-explorar .duveo-explore-mobile-head h1{margin:0 0 18px!important;font-size:34px!important;line-height:1!important;letter-spacing:-.045em!important;color:#071b4b!important} .page-template-page-explorar .duveo-explore-search{display:grid!important;grid-template-columns:minmax(0,1fr) 94px!important;gap:10px!important;margin:0 0 18px!important} .page-template-page-explorar .duveo-explore-search input{height:48px!important;padding:0 14px 0 44px!important;border:1px solid #dbe3ef!important;border-radius:999px!important;background:#fbfcff!important;font-size:14px!important} .page-template-page-explorar .duveo-explore-search .duveo-btn{height:48px!important;min-height:48px!important;border-radius:999px!important;font-size:14px!important} .page-template-page-explorar .duveo-type-tabs{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin:0 0 20px!important;padding:0 0 2px!important;overflow-x:auto!important;scrollbar-width:none!important} .page-template-page-explorar .duveo-type-tabs::-webkit-scrollbar{display:none!important} .page-template-page-explorar .duveo-type-tabs [data-explore-type="creadores"]{display:none!important} .page-template-page-explorar .duveo-type-tabs .duveo-chip{flex:0 0 auto!important;min-height:40px!important;padding:0 15px!important;border-radius:999px!important;font-size:12px!important} .page-template-page-explorar .duveo-explore-mobile-filter{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#fff!important;color:#071b4b!important} .page-template-page-explorar .duveo-explore-results{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 10px!important} .page-template-page-explorar .duveo-explore-results .duveo-card{min-width:0!important} .page-template-page-explorar .duveo-explore-results .duveo-thumb{aspect-ratio:16/9!important;border-radius:12px!important;overflow:hidden!important} .page-template-page-explorar .duveo-explore-results .duveo-card-meta{grid-template-columns:30px minmax(0,1fr) 16px!important;gap:7px!important;padding-top:7px!important} .page-template-page-explorar .duveo-explore-results .duveo-avatar{width:30px!important;height:30px!important} .page-template-page-explorar .duveo-explore-results .duveo-card-title{font-size:12px!important;line-height:1.16!important} .page-template-page-explorar .duveo-explore-results .duveo-card-sub{font-size:9px!important} /* ESTRENOS móvil · réplica funcional del boceto aprobado. */ .page-template-page-estrenos .duveo-main{padding:14px 12px calc(82px + env(safe-area-inset-bottom))!important;background:#fff!important} .page-template-page-estrenos .duveo-premieres-desktop{display:none!important} .page-template-page-estrenos .duveo-premieres-mobile{display:block!important;color:#071b4b!important} .page-template-page-estrenos .duveo-premieres-mobile__head h1{margin:0 0 16px!important;font-size:34px!important;line-height:1!important;letter-spacing:-.045em!important} .page-template-page-estrenos .duveo-premieres-mobile__toolbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:20px!important} .page-template-page-estrenos .duveo-premieres-mobile__tabs{display:flex!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:none!important} .page-template-page-estrenos .duveo-premieres-mobile__tabs::-webkit-scrollbar{display:none!important} .page-template-page-estrenos .duveo-premieres-mobile__tabs a{flex:0 0 auto!important;min-height:40px!important;padding:0 15px!important;border:1px solid #dbe3ef!important;border-radius:999px!important;background:#fff!important;color:#071b4b!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important} .page-template-page-estrenos .duveo-premieres-mobile__tabs a.is-active{border-color:#1769ff!important;background:#1769ff!important;color:#fff!important} .page-template-page-estrenos .duveo-premieres-mobile__filter-btn{justify-self:end!important;min-height:40px!important;padding:0 15px!important;border:1px solid #dbe3ef!important;border-radius:999px!important;background:#fff!important;color:#071b4b!important;font-size:12px!important;font-weight:800!important} .page-template-page-estrenos .duveo-premieres-mobile__list{display:grid!important;gap:22px!important} .page-template-page-estrenos .duveo-premieres-mobile__card{display:block!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} .page-template-page-estrenos .duveo-premieres-mobile__thumb{position:relative!important;display:block!important;width:100%!important;aspect-ratio:16/6.6!important;overflow:hidden!important;border-radius:14px!important;background:#edf1f7!important} .page-template-page-estrenos .duveo-premieres-mobile__thumb img{width:100%!important;height:100%!important;object-fit:cover!important} .page-template-page-estrenos .duveo-premieres-mobile__thumb::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.02) 45%,rgba(0,0,0,.74))!important} .page-template-page-estrenos .duveo-premieres-mobile__overlay-copy{position:absolute!important;z-index:2!important;left:14px!important;right:70px!important;bottom:12px!important;color:#fff!important} .page-template-page-estrenos .duveo-premieres-mobile__overlay-copy h2{margin:0!important;color:#fff!important;font-size:22px!important;line-height:1.05!important;letter-spacing:-.03em!important} .page-template-page-estrenos .duveo-premieres-mobile__overlay-copy small{display:block!important;margin-top:3px!important;color:#fff!important;font-size:12px!important} .page-template-page-estrenos .duveo-premieres-mobile__body{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding-top:9px!important} .page-template-page-estrenos .duveo-premieres-mobile__meta{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;align-items:center!important} .page-template-page-estrenos .duveo-premieres-mobile__meta .duveo-avatar{width:38px!important;height:38px!important} .page-template-page-estrenos .duveo-premieres-mobile__meta strong{font-size:12px!important}.page-template-page-estrenos .duveo-premieres-mobile__meta small{font-size:10px!important;color:#71809a!important} .page-template-page-estrenos .duveo-premieres-mobile__action{min-height:40px!important;padding:0 15px!important;border:1.5px solid #1769ff!important;border-radius:10px!important;background:#fff!important;color:#1769ff!important;font-size:11px!important;font-weight:850!important} .page-template-page-estrenos .duveo-premieres-mobile__filter-backdrop{display:block!important} .page-template-page-estrenos .duveo-premieres-mobile__filters{display:grid!important;left:50%!important;right:auto!important;width:min(calc(100vw - 20px),460px)!important;transform:translateX(-50%)!important} } /* ============================================================ DUVEO 5.1.59 · MOMENTOS ESCRITORIO — CATEGORÍAS LIMPIAS Solo escritorio: categorías sin iconos y galería sin título del post. Móvil permanece sin cambios. ============================================================ */ @media (min-width:981px){ .page-template-page-momentos .duveo-moment-filter-icon{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__gallery .duveo-momentos-v5138__cardtitle{display:none!important} } /* ======================================================================== DUVEO 5.1.60 · MOMENTOS ESCRITORIO · EXPERIENCIA VERTICAL 3 COLUMNAS Referencia aprobada: información/descubrimiento a la izquierda, Momento 9:16 protagonista al centro y comentarios/siguientes a la derecha. Solo escritorio; móvil conserva el flujo vertical continuo 5.1.58. ======================================================================== */ @media (min-width:981px){ .page-template-page-momentos .duveo-main{ max-width:1500px!important; padding:14px 18px 52px!important; } .page-template-page-momentos .duveo-momentos-v5138.is-player-open{ gap:0!important; } .page-template-page-momentos .duveo-momentos-v5138.is-player-open>.duveo-momentos-v5138__head, .page-template-page-momentos .duveo-momentos-v5138.is-player-open .duveo-momentos-v5138__player-toolbar, .page-template-page-momentos .duveo-momentos-v5138.is-player-open .duveo-momentos-v5138__back, .page-template-page-momentos .duveo-momentos-v5138.is-player-open .duveo-momentos-v5138__trends, .page-template-page-momentos .duveo-momentos-v5138.is-player-open .duveo-momentos-v5138__for-you-badge{ display:none!important; } .page-template-page-momentos .duveo-momentos-v5138__playerarea{ margin:0!important; } .page-template-page-momentos .duveo-momentos-v5138__workspace{ display:grid!important; grid-template-columns:minmax(300px,.93fr) minmax(390px,475px) minmax(315px,.92fr)!important; gap:14px!important; align-items:start!important; justify-content:stretch!important; width:100%!important; max-width:1430px!important; margin:0 auto!important; } /* Columna izquierda: información y descubrimiento */ .page-template-page-momentos .duveo-momentos-v5160__info{ display:flex!important; flex-direction:column!important; gap:12px!important; height:clamp(650px,calc(100dvh - 96px),820px)!important; min-height:650px!important; overflow:auto!important; padding:16px!important; border:1px solid var(--duveo-line)!important; border-radius:18px!important; background:#fff!important; color:var(--duveo-ink)!important; box-shadow:0 10px 28px rgba(0,13,54,.055)!important; scrollbar-width:thin; scrollbar-color:#d9dfeb transparent; } .page-template-page-momentos .duveo-momentos-v5160__section-title h2{ margin:0!important; font-size:22px!important; line-height:1!important; letter-spacing:-.035em!important; color:var(--duveo-navy)!important; } .page-template-page-momentos .duveo-momentos-v5160__section-title p{ margin:5px 0 0!important; color:var(--duveo-muted)!important; font-size:11px!important; } .page-template-page-momentos .duveo-momentos-v5160__creator-card{ display:grid!important; grid-template-columns:48px minmax(0,1fr) auto 34px!important; align-items:center!important; gap:9px!important; padding-top:2px!important; } .page-template-page-momentos .duveo-momentos-v5160__avatar, .page-template-page-momentos .duveo-momentos-v5160__avatar>span{ display:grid!important; place-items:center!important; width:48px!important; height:48px!important; min-width:48px!important; border-radius:50%!important; overflow:hidden!important; background:var(--duveo-soft)!important; } .page-template-page-momentos .duveo-momentos-v5160__avatar img{width:100%!important;height:100%!important;object-fit:cover!important} .page-template-page-momentos .duveo-momentos-v5160__creator-copy{min-width:0!important} .page-template-page-momentos .duveo-momentos-v5160__identity{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important} .page-template-page-momentos .duveo-momentos-v5160__identity strong{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--duveo-navy)!important} .page-template-page-momentos .duveo-momentos-v5160__creator-copy small{display:block!important;margin-top:3px!important;font-size:10px!important;color:var(--duveo-muted)!important} .page-template-page-momentos .duveo-momentos-v5160__identity .duveo-verified{display:inline-grid!important;place-items:center!important;width:15px!important;height:15px!important;border-radius:50%!important;background:var(--duveo-blue)!important;color:#fff!important;font-size:9px!important;line-height:1!important} .page-template-page-momentos .duveo-momentos-v5160__identity .duveo-verified[hidden]{display:none!important} .page-template-page-momentos .duveo-momentos-v5160__follow{ height:34px!important; padding:0 15px!important; border:0!important; border-radius:999px!important; background:var(--duveo-blue)!important; color:#fff!important; font-size:10px!important; font-weight:850!important; box-shadow:0 5px 13px rgba(0,89,249,.17)!important; } .page-template-page-momentos .duveo-momentos-v5160__more{ display:grid!important; place-items:center!important; width:34px!important; height:34px!important; padding:0!important; border:1px solid var(--duveo-line)!important; border-radius:11px!important; background:#fff!important; color:var(--duveo-navy)!important; } .page-template-page-momentos .duveo-momentos-v5160__more svg{width:17px!important;height:17px!important;stroke:currentColor!important} .page-template-page-momentos .duveo-momentos-v5160__moment-title{ margin:2px 0 0!important; font-size:19px!important; line-height:1.18!important; letter-spacing:-.025em!important; color:var(--duveo-navy)!important; } .page-template-page-momentos .duveo-momentos-v5160__description{ margin:-5px 0 0!important; color:#343d53!important; font-size:11px!important; line-height:1.48!important; display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .page-template-page-momentos .duveo-momentos-v5160__tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:-4px!important} .page-template-page-momentos .duveo-momentos-v5160__tags span{ padding:6px 9px!important; border-radius:999px!important; background:rgba(0,89,249,.08)!important; color:var(--duveo-blue)!important; font-size:9px!important; font-weight:780!important; } /* Único dato estadístico fuera del video para evitar duplicar acciones. Sin texto “Vistas”. */ .page-template-page-momentos .duveo-momentos-v5160__view-stat{ display:inline-flex!important; align-items:center!important; gap:7px!important; width:max-content!important; min-height:32px!important; padding:0 10px!important; border:1px solid var(--duveo-line)!important; border-radius:999px!important; background:var(--duveo-soft)!important; color:var(--duveo-navy)!important; } .page-template-page-momentos .duveo-momentos-v5160__view-stat svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important} .page-template-page-momentos .duveo-momentos-v5160__view-stat strong{font-size:10px!important} .page-template-page-momentos .duveo-momentos-v5160__discovery-block{ padding-top:12px!important; border-top:1px solid var(--duveo-line)!important; } .page-template-page-momentos .duveo-momentos-v5160__discovery-block>header{ display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:9px!important; } .page-template-page-momentos .duveo-momentos-v5160__discovery-block h3{margin:0!important;font-size:12px!important;color:var(--duveo-navy)!important} .page-template-page-momentos .duveo-momentos-v5160__discovery-block header a{font-size:9px!important;color:var(--duveo-blue)!important;font-weight:850!important;white-space:nowrap!important} .page-template-page-momentos .duveo-momentos-v5160__mini-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important} .page-template-page-momentos .duveo-momentos-v5160__mini-card{min-width:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:left!important;color:var(--duveo-navy)!important} .page-template-page-momentos .duveo-momentos-v5160__mini-media{position:relative!important;display:block!important;aspect-ratio:4/3!important;border-radius:10px!important;overflow:hidden!important;background:var(--duveo-soft)!important} .page-template-page-momentos .duveo-momentos-v5160__mini-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .2s ease!important} .page-template-page-momentos .duveo-momentos-v5160__mini-card:hover img{transform:scale(1.035)!important} .page-template-page-momentos .duveo-momentos-v5160__mini-media em{position:absolute!important;right:4px!important;bottom:4px!important;padding:2px 5px!important;border-radius:5px!important;background:rgba(0,0,0,.72)!important;color:#fff!important;font-size:7px!important;font-style:normal!important} .page-template-page-momentos .duveo-momentos-v5160__mini-card strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-top:5px!important;font-size:9px!important;line-height:1.22!important} .page-template-page-momentos .duveo-momentos-v5160__mini-card small{display:block!important;margin-top:3px!important;color:var(--duveo-muted)!important;font-size:7.5px!important} .page-template-page-momentos .duveo-momentos-v5160__empty-copy{grid-column:1/-1!important;margin:0!important;padding:12px!important;border-radius:10px!important;background:var(--duveo-soft)!important;color:var(--duveo-muted)!important;font-size:9px!important;line-height:1.4!important} /* Centro: video vertical protagonista, no reproductor horizontal. */ .page-template-page-momentos .duveo-momentos-v5138__viewer{ width:auto!important; height:clamp(650px,calc(100dvh - 96px),820px)!important; max-height:820px!important; aspect-ratio:9/16!important; justify-self:center!important; border-radius:18px!important; box-shadow:0 16px 36px rgba(0,13,54,.13)!important; } .page-template-page-momentos .duveo-momentos-v5138__controls input[type="range"]{accent-color:var(--duveo-blue)!important} .page-template-page-momentos .duveo-momentos-v5138__action.is-active svg{fill:var(--duveo-pink)!important;stroke:var(--duveo-pink)!important} .page-template-page-momentos .duveo-momentos-v5138__follow{background:var(--duveo-blue)!important;color:#fff!important} .page-template-page-momentos .duveo-momentos-v5138__creatorline .duveo-verified{background:var(--duveo-blue)!important} /* Derecha: comentarios + siguientes, misma altura que el video. */ .page-template-page-momentos .duveo-momentos-v5138__rightcol{ height:clamp(650px,calc(100dvh - 96px),820px)!important; min-height:650px!important; display:grid!important; grid-template-rows:minmax(0,1.08fr) minmax(245px,.72fr)!important; gap:12px!important; } .page-template-page-momentos .duveo-momentos-v5138__comments, .page-template-page-momentos .duveo-momentos-v5138__next{ border:1px solid var(--duveo-line)!important; background:#fff!important; box-shadow:0 10px 28px rgba(0,13,54,.045)!important; } .page-template-page-momentos .duveo-momentos-v5138__send{background:linear-gradient(135deg,var(--duveo-blue),var(--duveo-purple))!important} .page-template-page-momentos .duveo-momentos-v5138__see-all, .page-template-page-momentos .duveo-momentos-v5138__next header button{color:var(--duveo-blue)!important} .page-template-page-momentos .duveo-momentos-v5138__next-item{grid-template-columns:98px minmax(0,1fr) 14px!important} .page-template-page-momentos .duveo-momentos-v5138__next-play{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__next-thumb{aspect-ratio:16/9!important} /* El menú Más ya existe; el botón de la columna izquierda abre el mismo menú. */ .page-template-page-momentos .duveo-momentos-v5138__more-menu{right:auto!important;left:calc(50% - 75px)!important;top:58px!important} } @media (min-width:981px) and (max-width:1260px){ .page-template-page-momentos .duveo-momentos-v5138__workspace{ grid-template-columns:minmax(250px,.86fr) minmax(350px,420px) minmax(285px,.88fr)!important; gap:10px!important; } .page-template-page-momentos .duveo-momentos-v5160__info{padding:13px!important} .page-template-page-momentos .duveo-momentos-v5160__mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:980px){ .page-template-page-momentos .duveo-momentos-v5160__info{display:none!important} } /* ========================================================== DUVEO 5.1.61 · SORPRÉNDEME PRO · IDENTIDAD DUVEO Escritorio basado en la propuesta visual aprobada. ========================================================== */ .page-template-page-sorprendeme .duveo-main{ max-width:1540px; padding-top:14px; background:#fff; } .duveo-surprise-pro{ --surprise-blue:#0f4cff; --surprise-blue-deep:#0d2357; --surprise-pink:#fc1c6d; --surprise-bg:#f7faff; --surprise-line:#e5ecf7; --surprise-muted:#667085; --surprise-shadow:0 22px 60px rgba(19,45,97,.10); max-width:none; width:100%; margin:0; display:grid; gap:26px; color:var(--surprise-blue-deep); } .duveo-surprise-showcase{ position:relative; min-height:465px; display:grid; grid-template-columns:minmax(330px,.78fr) minmax(620px,1.52fr); align-items:stretch; gap:22px; padding:30px 34px; overflow:hidden; border:1px solid #e7eef9; border-radius:30px; background: radial-gradient(circle at 82% 92%,rgba(252,28,109,.10),transparent 28%), radial-gradient(circle at 5% 4%,rgba(15,76,255,.10),transparent 32%), linear-gradient(135deg,#f8fbff 0%,#edf6ff 57%,#f9f2ff 100%); box-shadow:0 14px 40px rgba(18,58,125,.06); } .duveo-surprise-showcase::after{ content:""; position:absolute; width:430px; height:160px; left:180px; bottom:-92px; border-radius:50%; background:rgba(15,76,255,.08); transform:rotate(-12deg); pointer-events:none; } .duveo-surprise-intro{ position:relative; z-index:3; align-self:center; padding:4px 0 8px 4px; } .duveo-surprise-mark{ width:54px; height:54px; display:grid; place-items:center; margin-bottom:4px; color:var(--surprise-pink); } .duveo-surprise-mark svg{width:50px;height:50px;stroke:currentColor;fill:none;stroke-width:1.8} .duveo-surprise-intro h1{ margin:0; font-size:clamp(48px,4.2vw,68px); line-height:.92; letter-spacing:-.055em; font-weight:900; color:var(--surprise-blue-deep); } .duveo-surprise-intro h1 span{color:var(--surprise-blue-deep)} .duveo-surprise-intro h1 strong{ font-weight:900; background:linear-gradient(90deg,var(--surprise-blue) 0%,var(--surprise-pink) 58%,#d734f4 100%); -webkit-background-clip:text;background-clip:text;color:transparent; } .duveo-surprise-lead{ margin:13px 0 22px; max-width:390px; font-size:24px; line-height:1.15; font-weight:750; color:#243d73; } .duveo-surprise-promises{ list-style:none; display:grid; gap:13px; margin:0 0 24px; padding:0; } .duveo-surprise-promises li{ display:flex; align-items:center; gap:12px; font-size:16px; font-weight:720; color:#18315f; } .duveo-surprise-promises li>span{ width:34px;height:34px;display:grid;place-items:center;border-radius:50%; background:#fff;border:1px solid #dce8ff;color:var(--surprise-blue); box-shadow:0 6px 18px rgba(15,76,255,.10); } .duveo-surprise-promises svg{width:18px;height:18px;stroke:currentColor;fill:none} .duveo-surprise-intro-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .duveo-surprise-intro-actions .duveo-btn{min-height:56px;border-radius:18px;padding:0 22px;font-weight:850;font-size:16px} .duveo-surprise-random{ min-width:220px; color:#fff!important; border:0!important; background:linear-gradient(105deg,var(--surprise-blue) 0%,#2968ff 55%,var(--surprise-pink) 135%)!important; box-shadow:0 14px 30px rgba(15,76,255,.24)!important; } .duveo-surprise-random:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(15,76,255,.29)!important} .duveo-surprise-shuffle{font-size:22px;transform:rotate(12deg)} .duveo-surprise-skip{background:#fff!important;border:1px solid #dce4f1!important;color:#4a5872!important;box-shadow:0 8px 20px rgba(18,49,98,.05)} .duveo-surprise-mini-note{margin-top:17px;max-width:390px;color:#6d7890;font-size:13px;line-height:1.45} .duveo-surprise-deck-wrap{position:relative;z-index:2;min-width:0;display:flex;align-items:center;justify-content:center;padding:4px 52px 22px 30px} .duveo-surprise-deck{position:relative;width:min(100%,740px);height:405px;perspective:1200px} .duveo-surprise-feature-card{ position:absolute; top:50%;left:50%; width:min(620px,82%); height:390px; transform:translate(-50%,-50%) scale(.88); transform-origin:center; overflow:hidden; border-radius:25px; background:#0c1530; box-shadow:0 26px 60px rgba(5,22,54,.22); opacity:0; pointer-events:none; transition:transform .42s cubic-bezier(.2,.72,.2,1),opacity .36s ease,filter .36s ease; } .duveo-surprise-feature-card[data-position="0"]{z-index:5;opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto;filter:none} .duveo-surprise-feature-card[data-position="1"]{z-index:4;opacity:.96;transform:translate(calc(-50% + 250px),-50%) scale(.82);filter:saturate(.92)} .duveo-surprise-feature-card[data-position="2"]{z-index:3;opacity:.82;transform:translate(calc(-50% + 365px),-50%) scale(.68);filter:saturate(.78)} .duveo-surprise-feature-card[data-position="-1"]{z-index:4;opacity:.93;transform:translate(calc(-50% - 220px),-50%) scale(.80);filter:saturate(.90)} .duveo-surprise-feature-card[data-position="-2"]{z-index:3;opacity:.72;transform:translate(calc(-50% - 330px),-50%) scale(.66);filter:saturate(.75)} .duveo-surprise-feature-card:not([data-position="0"]) .duveo-surprise-feature-copy, .duveo-surprise-feature-card:not([data-position="0"]) .duveo-surprise-feature-actions, .duveo-surprise-feature-card:not([data-position="0"]) .duveo-surprise-feature-play, .duveo-surprise-feature-card:not([data-position="0"]) .duveo-surprise-feature-duration, .duveo-surprise-feature-card:not([data-position="0"]) .duveo-surprise-category{opacity:0;pointer-events:none} .duveo-surprise-feature-media{position:absolute;inset:0;display:block;background:#12203d;color:#fff} .duveo-surprise-feature-media img{width:100%;height:100%;object-fit:cover;display:block} .duveo-surprise-feature-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,36,.02) 30%,rgba(3,13,36,.16) 58%,rgba(3,12,30,.92) 100%);pointer-events:none} .duveo-surprise-category{position:absolute;left:20px;top:19px;z-index:3;padding:9px 14px;border-radius:999px;background:var(--surprise-blue);color:#fff;font-size:14px;font-weight:850;box-shadow:0 8px 22px rgba(15,76,255,.28)} .duveo-surprise-feature-play{position:absolute;left:50%;top:48%;z-index:3;transform:translate(-50%,-50%);width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:rgba(3,20,49,.44);border:3px solid rgba(255,255,255,.78);backdrop-filter:blur(10px);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.22)} .duveo-surprise-feature-play svg{width:36px;height:36px;stroke:currentColor;fill:none} .duveo-surprise-feature-duration{position:absolute;right:17px;bottom:15px;z-index:7;padding:7px 9px;border-radius:9px;background:rgba(5,12,28,.80);color:#fff;font-size:13px;font-weight:850} .duveo-surprise-feature-actions{position:absolute;right:14px;top:90px;z-index:8;display:grid;gap:10px} .duveo-surprise-round-action{width:47px;min-height:47px;border:0;border-radius:50%;display:grid;place-items:center;gap:2px;padding:8px;background:rgba(5,16,39,.68);color:#fff;text-decoration:none;backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(0,0,0,.17);cursor:pointer} .duveo-surprise-round-action svg{width:22px;height:22px;stroke:currentColor;fill:none} .duveo-surprise-round-action small{font-size:10px;font-weight:850;color:#fff;line-height:1} .duveo-surprise-round-action.is-active{color:#ff4c84;background:rgba(255,255,255,.95)} .duveo-surprise-feature-copy{position:absolute;left:20px;right:74px;bottom:17px;z-index:6;color:#fff} .duveo-surprise-feature-creator{display:flex;align-items:center;gap:9px;margin-bottom:9px} .duveo-surprise-feature-creator .duveo-avatar-media{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border:2px solid rgba(255,255,255,.88)} .duveo-surprise-feature-handle{color:#fff;text-decoration:none;font-size:14px;font-weight:830;display:flex;align-items:center;gap:4px} .duveo-surprise-feature-handle .duveo-verified{transform:scale(.88)} .duveo-surprise-feature-copy h2{margin:0 0 5px;font-size:22px;line-height:1.06;letter-spacing:-.025em;color:#fff} .duveo-surprise-feature-copy h2 a{color:inherit;text-decoration:none} .duveo-surprise-feature-copy p{margin:0;max-width:480px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.90);font-size:13px;line-height:1.35} .duveo-surprise-feature-stats{margin-top:5px;font-size:11px;font-weight:700;color:rgba(255,255,255,.72)} .duveo-surprise-deck-nav{position:absolute;z-index:10;top:50%;width:45px;height:45px;border-radius:50%;border:1px solid rgba(18,56,120,.14);background:rgba(255,255,255,.92);color:var(--surprise-blue-deep);display:grid;place-items:center;font-size:32px;line-height:1;box-shadow:0 10px 24px rgba(19,50,105,.12);cursor:pointer;transition:.2s ease} .duveo-surprise-deck-nav:hover{background:#fff;color:var(--surprise-blue);transform:translateY(-50%) scale(1.04)} .duveo-surprise-deck-prev{left:0;transform:translateY(-50%)} .duveo-surprise-deck-next{right:3px;transform:translateY(-50%)} .duveo-surprise-dots{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:6px;z-index:11} .duveo-surprise-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#b9c7dc;cursor:pointer;transition:.2s ease} .duveo-surprise-dots button.is-active{width:21px;background:var(--surprise-blue)} .duveo-surprise-section{display:grid;gap:13px} .duveo-surprise-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 4px} .duveo-surprise-section-head h2{margin:0;font-size:25px;line-height:1.05;letter-spacing:-.025em;color:#112b5f} .duveo-surprise-section-head>a{display:inline-flex;align-items:center;gap:7px;color:var(--surprise-blue);font-size:14px;font-weight:800;text-decoration:none} .duveo-surprise-more-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px} .duveo-surprise-mini-card{position:relative;min-width:0;background:#fff;border-radius:16px;transition:transform .2s ease,box-shadow .2s ease} .duveo-surprise-mini-card:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(15,39,83,.07)} .duveo-surprise-mini-thumb{position:relative;display:block;overflow:hidden;border-radius:14px;background:#e9edf5;aspect-ratio:16/8.9} .duveo-surprise-mini-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease} .duveo-surprise-mini-card:hover .duveo-surprise-mini-thumb img{transform:scale(1.025)} .duveo-surprise-mini-thumb>span{position:absolute;right:7px;bottom:7px;padding:4px 6px;border-radius:7px;background:rgba(6,13,29,.82);color:#fff;font-size:11px;font-weight:850} .duveo-surprise-mini-copy{padding:8px 28px 4px 2px} .duveo-surprise-mini-copy h3{margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.14;color:#14264c} .duveo-surprise-mini-copy h3 a{color:inherit;text-decoration:none} .duveo-surprise-mini-author{display:inline-flex;align-items:center;gap:3px;color:#667085;text-decoration:none;font-size:12px} .duveo-surprise-mini-author .duveo-verified{transform:scale(.78)} .duveo-surprise-mini-copy small{display:block;margin-top:2px;color:#7d8798;font-size:11px} .duveo-surprise-mini-card>.duveo-card-more{position:absolute;right:1px;top:calc(100% - 58px)} .duveo-surprise-mini-card>.duveo-card-more .duveo-menu-dots{width:28px;height:28px} .duveo-surprise-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px} .duveo-surprise-category-card{position:relative;isolation:isolate;min-height:92px;display:flex;align-items:flex-end;gap:9px;padding:15px 14px;overflow:hidden;border-radius:14px;background:#17345f;color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);transition:transform .22s ease,box-shadow .22s ease} .duveo-surprise-category-card::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--surprise-category-bg);background-size:cover;background-position:center;transition:transform .35s ease} .duveo-surprise-category-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,16,42,.08),rgba(6,16,42,.82))} .duveo-surprise-category-card:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(16,45,92,.14)} .duveo-surprise-category-card:hover::before{transform:scale(1.04)} .duveo-surprise-category-icon{width:28px;height:28px;display:grid;place-items:center;color:#fff} .duveo-surprise-category-icon svg{width:23px;height:23px;stroke:currentColor;fill:none} .duveo-surprise-category-card strong{font-size:15px;line-height:1.05} .duveo-surprise-preferences{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 20px;border:1px solid #e1e9f7;border-radius:17px;background:linear-gradient(90deg,#f7fbff 0%,#eef5ff 70%,#fff1f6 100%)} .duveo-surprise-target{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--surprise-pink);box-shadow:0 8px 22px rgba(18,54,110,.08)} .duveo-surprise-target svg{width:26px;height:26px;stroke:currentColor;fill:none} .duveo-surprise-preferences strong{display:block;font-size:15px;color:#17315f} .duveo-surprise-preferences p{margin:4px 0 0;color:#6f7b90;font-size:13px} .duveo-surprise-preferences-btn{min-height:44px!important;padding:0 16px!important;border-radius:13px!important;background:#fff4f7!important;border:1px solid #ffd6e2!important;color:#e51e5d!important;white-space:nowrap;font-weight:800!important} .duveo-surprise-preferences-btn svg{width:18px;height:18px;stroke:currentColor;fill:none} @media(max-width:1260px) and (min-width:981px){ .duveo-surprise-showcase{grid-template-columns:minmax(290px,.72fr) minmax(530px,1.28fr);padding-inline:26px} .duveo-surprise-deck{height:370px}.duveo-surprise-feature-card{height:350px} .duveo-surprise-feature-card[data-position="1"]{transform:translate(calc(-50% + 210px),-50%) scale(.80)} .duveo-surprise-feature-card[data-position="-1"]{transform:translate(calc(-50% - 190px),-50%) scale(.78)} .duveo-surprise-feature-card[data-position="2"]{transform:translate(calc(-50% + 295px),-50%) scale(.64)} .duveo-surprise-feature-card[data-position="-2"]{transform:translate(calc(-50% - 285px),-50%) scale(.62)} .duveo-surprise-more-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.duveo-surprise-mini-card:nth-child(5){display:none} .duveo-surprise-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } /* Responsive seguro: no altera otras páginas de DUVEO. */ @media(max-width:980px){ .duveo-surprise-pro{gap:20px} .duveo-surprise-showcase{min-height:0;grid-template-columns:1fr;gap:18px;padding:22px 18px;border-radius:22px} .duveo-surprise-intro{padding:0}.duveo-surprise-mark{width:42px;height:42px}.duveo-surprise-mark svg{width:38px;height:38px} .duveo-surprise-intro h1{font-size:44px}.duveo-surprise-lead{font-size:19px;margin:10px 0 16px}.duveo-surprise-promises{gap:9px;margin-bottom:18px}.duveo-surprise-promises li{font-size:14px}.duveo-surprise-promises li>span{width:30px;height:30px} .duveo-surprise-intro-actions .duveo-btn{min-height:50px}.duveo-surprise-mini-note{display:none} .duveo-surprise-deck-wrap{padding:0 24px 22px}.duveo-surprise-deck{height:min(62vw,390px)}.duveo-surprise-feature-card{width:86%;height:100%} .duveo-surprise-feature-card[data-position="1"]{transform:translate(calc(-50% + 100px),-50%) scale(.86)}.duveo-surprise-feature-card[data-position="-1"]{transform:translate(calc(-50% - 100px),-50%) scale(.86)} .duveo-surprise-feature-card[data-position="2"],.duveo-surprise-feature-card[data-position="-2"]{opacity:0} .duveo-surprise-feature-copy h2{font-size:19px}.duveo-surprise-feature-actions{right:10px;top:72px}.duveo-surprise-round-action{width:42px;min-height:42px} .duveo-surprise-more-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.duveo-surprise-mini-card{min-width:240px;scroll-snap-align:start} .duveo-surprise-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .duveo-surprise-preferences{grid-template-columns:auto 1fr}.duveo-surprise-preferences-btn{grid-column:1/-1;width:100%} } @media(max-width:620px){ .duveo-surprise-showcase{padding:18px 14px}.duveo-surprise-intro h1{font-size:38px}.duveo-surprise-lead{font-size:17px}.duveo-surprise-promises{display:none} .duveo-surprise-intro-actions{display:grid;grid-template-columns:1fr}.duveo-surprise-random,.duveo-surprise-skip{width:100%;min-width:0} .duveo-surprise-deck-wrap{padding:0 0 20px}.duveo-surprise-deck{height:72vw;min-height:280px}.duveo-surprise-feature-card{width:94%;border-radius:20px}.duveo-surprise-feature-card[data-position="1"],.duveo-surprise-feature-card[data-position="-1"]{opacity:0} .duveo-surprise-deck-nav{display:none}.duveo-surprise-feature-actions{top:auto;right:10px;bottom:70px;gap:7px}.duveo-surprise-feature-copy{left:14px;right:60px;bottom:14px}.duveo-surprise-feature-copy p{display:none}.duveo-surprise-feature-copy h2{font-size:17px}.duveo-surprise-feature-creator .duveo-avatar-media{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important} .duveo-surprise-more-grid{margin-right:-14px}.duveo-surprise-mini-card{min-width:210px}.duveo-surprise-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duveo-surprise-category-card{min-height:80px} .duveo-surprise-section-head h2{font-size:21px}.duveo-surprise-preferences{padding:14px}.duveo-surprise-target{width:38px;height:38px}.duveo-surprise-preferences strong{font-size:14px} } /* ========================================================== DUVEO 5.1.62 · CREATOR STUDIO PRO · DUVEO BLUE + MAGENTA ========================================================== */ body:has(.duveo-studio-pro){background:#fff!important} .duveo-studio-pro{--studio-blue:#0f5bff;--studio-dark:#0d204d;--studio-pink:#ff1761;--studio-bg:#f7f9fc;--studio-line:#e5ebf5;grid-template-columns:202px minmax(0,1fr);font-family:inherit;color:var(--studio-dark)} .duveo-studio-side--duveo{padding:14px 10px 18px;border-right:1px solid #edf1f7}.duveo-studio-side--duveo .duveo-studio-logo{padding:0 16px 22px}.duveo-studio-side--duveo .duveo-studio-logo img{width:145px} .duveo-studio-nav--duveo{gap:5px}.duveo-studio-nav--duveo a{min-height:43px;border-radius:10px;padding:0 16px;color:#33415f}.duveo-studio-nav--duveo a:hover{background:#f3f7ff;color:var(--studio-blue)}.duveo-studio-help-link{margin-top:auto;padding:14px 16px;color:#30415f;text-decoration:none;display:flex;gap:10px;align-items:center;font-size:13px}.duveo-studio-help-link span{width:22px;height:22px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:800} .duveo-studio-top--pro{height:62px;padding:0 30px 0 28px;border-bottom:1px solid #edf1f7}.duveo-studio-top--pro .duveo-studio-search{max-width:790px;height:40px;border-radius:14px;background:#f3f7fc;border-color:#edf2f7}.duveo-studio-create-top{border:0;background:var(--studio-dark);color:#fff;border-radius:12px;height:40px;padding:0 18px;display:flex;align-items:center;gap:8px;font-weight:800;cursor:pointer}.duveo-studio-top-actions{gap:10px} .duveo-studio-pro-main{padding:15px 18px 28px;max-width:1380px;margin:0 auto}.duveo-studio-pro-hero{min-height:222px;border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(90deg,rgba(236,245,255,.98) 0%,rgba(244,237,255,.90) 42%,rgba(220,235,255,.58) 68%,rgba(248,220,250,.72) 100%),url("assets/img/creator-studio-hero.jpg") 68% center/cover no-repeat;display:grid;grid-template-columns:minmax(420px,1fr) 260px;align-items:center;padding:24px 30px;isolation:isolate} .duveo-studio-pro-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 55%);pointer-events:none;z-index:-1}.duveo-studio-pro-kicker{font-size:14px;font-weight:900;color:var(--studio-blue);letter-spacing:.04em;margin-bottom:10px}.duveo-studio-pro-hero-copy h1{font-size:48px;line-height:.94;letter-spacing:-.045em;margin:0 0 12px;color:var(--studio-dark)}.duveo-studio-pro-hero-copy h1 span{color:var(--studio-pink)}.duveo-studio-pro-hero-copy p{max-width:410px;margin:0;font-size:20px;line-height:1.35;font-weight:700;color:#1e335e}.duveo-studio-pro-growth{position:absolute;left:34%;top:92px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(32,70,150,.14);border-radius:18px;padding:12px 17px;display:flex;gap:10px;align-items:center}.duveo-studio-pro-growth>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0f5bff,#8a5bff);color:#fff}.duveo-studio-pro-growth strong,.duveo-studio-pro-growth small{display:block}.duveo-studio-pro-growth strong{font-size:20px}.duveo-studio-pro-growth small{font-size:11px;color:#34435f}.duveo-studio-pro-goal{justify-self:end;width:245px;min-height:105px;border-radius:16px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);display:grid;grid-template-columns:52px 1fr 14px;align-items:center;gap:11px;padding:15px;color:var(--studio-dark);text-decoration:none;box-shadow:0 12px 32px rgba(38,65,130,.08)}.duveo-studio-pro-goal-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff1f5;color:var(--studio-pink);font-size:29px}.duveo-studio-pro-goal strong,.duveo-studio-pro-goal small{display:block}.duveo-studio-pro-goal strong{font-size:16px}.duveo-studio-pro-goal small{font-size:11px;color:#5e6b85;line-height:1.35;margin-top:4px} .duveo-studio-pro-actions{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:14px;margin:16px 0}.duveo-studio-pro-actions button,.duveo-studio-pro-actions a{min-height:62px;border:1px solid #dfe7f2;border-radius:15px;background:#fff;color:var(--studio-dark);display:flex;align-items:center;justify-content:center;gap:12px;padding:0 18px;text-decoration:none;font:inherit;cursor:pointer}.duveo-studio-pro-actions strong{font-size:15px}.duveo-studio-pro-actions span{font-size:24px;color:var(--studio-blue)}.duveo-studio-pro-actions .is-primary{background:var(--studio-blue);border-color:var(--studio-blue);color:#fff;justify-content:flex-start;padding:0 28px}.duveo-studio-pro-actions .is-primary span{color:#fff}.duveo-studio-pro-actions .is-primary b{margin-left:auto}.duveo-studio-pro-actions .is-moment{border-color:#ff6d9c}.duveo-studio-pro-actions .is-moment span,.duveo-studio-pro-actions .is-moment strong{color:var(--studio-pink)} .duveo-studio-pro-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.duveo-studio-pro-metrics article{min-height:96px;border:1px solid #e2e9f3;border-radius:16px;background:#fff;display:grid;grid-template-columns:52px 1fr 22px;align-items:center;padding:15px 18px;position:relative;overflow:hidden}.duveo-studio-pro-metrics article:after{content:"";position:absolute;right:14px;bottom:12px;width:78px;height:26px;background:repeating-linear-gradient(90deg,rgba(15,91,255,.16) 0 8px,transparent 8px 13px);clip-path:polygon(0 100%,0 76%,17% 65%,34% 72%,49% 45%,64% 54%,80% 18%,100% 0,100% 100%)}.duveo-metric-badge{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:var(--studio-blue);font-size:24px}.duveo-metric-badge.is-pink{background:#fff0f5;color:var(--studio-pink)}.duveo-studio-pro-metrics strong,.duveo-studio-pro-metrics small{display:block}.duveo-studio-pro-metrics strong{font-size:26px;line-height:1}.duveo-studio-pro-metrics small{font-size:12px;color:#4d5b75;margin-top:5px}.duveo-studio-pro-metrics i{font-style:normal;color:#0aa84f;font-weight:900;z-index:1} .duveo-studio-pro-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:18px}.duveo-studio-video-manager{border:1px solid #e1e8f2;border-radius:17px;background:#fff;overflow:hidden}.duveo-studio-video-head{display:flex;justify-content:space-between;gap:18px;padding:15px 16px 10px;align-items:flex-end}.duveo-studio-video-head h2{margin:0 0 9px;font-size:20px}.duveo-studio-video-filters{display:flex;gap:8px;flex-wrap:wrap}.duveo-studio-video-filters button{border:0;background:#f1f5fb;color:#42506a;border-radius:999px;padding:8px 14px;cursor:pointer}.duveo-studio-video-filters button.is-active{background:var(--studio-blue);color:#fff}.duveo-studio-video-tools{display:flex;gap:9px;align-items:center}.duveo-studio-video-search{width:265px;height:38px;border-radius:999px;background:#f4f7fb;display:flex;align-items:center;gap:8px;padding:0 13px}.duveo-studio-video-search svg{width:16px;stroke:#465774}.duveo-studio-video-search input{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;width:100%}.duveo-studio-video-tools select{height:38px;border:1px solid #e1e8f2;border-radius:999px;padding:0 13px;background:#fff;color:#30405d}.duveo-studio-video-table-wrap{overflow:auto}.duveo-studio-video-table{width:100%;border-collapse:collapse;min-width:780px}.duveo-studio-video-table th{font-size:11px;color:#53617a;text-align:left;font-weight:700;padding:10px 12px;border-bottom:1px solid #e9eef5}.duveo-studio-video-table td{padding:8px 12px;border-bottom:1px solid #eef2f7;font-size:12px;color:#263550}.duveo-studio-video-table tbody tr:last-child td{border-bottom:0}.duveo-studio-video-cell{display:flex;gap:11px;align-items:center;min-width:300px}.duveo-studio-video-thumb{width:122px;aspect-ratio:16/9;border-radius:7px;overflow:hidden;position:relative;flex:0 0 auto;background:#eef2f7}.duveo-studio-video-thumb img{width:100%;height:100%;object-fit:cover}.duveo-studio-video-thumb span{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,.78);color:#fff;border-radius:4px;padding:2px 5px;font-size:9px}.duveo-studio-video-cell strong{font-size:12px;max-width:190px}.duveo-video-status{display:inline-flex;align-items:center;gap:6px}.duveo-video-status i{width:8px;height:8px;border-radius:50%;background:#a0a9b7}.duveo-video-status.is-published i{background:#16b53a}.duveo-video-status.is-scheduled i{background:#0f5bff}.duveo-video-status.is-draft i{background:#ff9b23}.duveo-studio-row-more{font-size:20px;text-decoration:none;color:#253650;padding:0 6px} .duveo-studio-pro-right{display:grid;align-content:start;gap:12px}.duveo-studio-pro-card{border:1px solid #e1e8f2;border-radius:16px;background:#fff;padding:15px;color:var(--studio-dark);text-decoration:none}.duveo-studio-pro-card h3{margin:0 0 12px;font-size:15px}.duveo-storage-bar{height:9px;border-radius:999px;background:#eaf0f8;overflow:hidden}.duveo-storage-bar span{height:100%;display:block;background:var(--studio-blue);border-radius:999px}.duveo-storage-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#60708d;margin:10px 0 13px}.duveo-studio-pro-card>a,.duveo-studio-pro-card>a:visited{display:flex;align-items:center;justify-content:center;min-height:34px;border-radius:999px;background:#f2f6fb;color:var(--studio-blue);font-weight:800;text-decoration:none;font-size:11px}.duveo-studio-verify{display:grid;grid-template-columns:42px 1fr 12px;align-items:center;gap:10px;background:linear-gradient(135deg,#fff8f3,#f5efff);padding:14px}.duveo-studio-verify>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#f6a400;font-size:22px}.duveo-studio-verify h3{margin:0 0 4px}.duveo-studio-verify p{margin:0;font-size:11px;color:#596982;line-height:1.35}.duveo-studio-resources{padding-bottom:8px}.duveo-studio-resources>a{justify-content:flex-start!important;background:transparent!important;color:#30415f!important;border-radius:0!important;border-bottom:1px solid #edf1f6;padding:9px 3px;gap:9px}.duveo-studio-resources>a:last-child{border-bottom:0}.duveo-studio-resources>a span{width:22px;text-align:center}.duveo-studio-resources>a b{margin-left:auto} .duveo-upload-form-section{border:1px solid #e6ebf3;border-radius:14px;padding:15px;display:grid;gap:14px}.duveo-upload-form-heading{display:flex;align-items:flex-start;gap:11px;padding-bottom:4px}.duveo-upload-form-heading>span{width:28px;height:28px;border-radius:50%;background:#eaf2ff;color:var(--studio-blue,#0f5bff);display:grid;place-items:center;font-weight:900}.duveo-upload-form-heading h3{margin:0;font-size:16px;color:var(--studio-dark,#0d204d)}.duveo-upload-form-heading p{margin:3px 0 0;font-size:11px;color:#66738b}.duveo-studio-modal-panel{width:min(880px,100%)}.duveo-studio-upload-icon{background:#eaf2ff;color:#0f5bff}.duveo-studio-modal-actions .duveo-btn--primary{background:#0f5bff;border-color:#0f5bff}.duveo-studio-upload-card{border-color:#bdcee8;background:#f9fbff}.duveo-select-video-button{position:relative;z-index:2;border:0;border-radius:9px;background:#0f5bff;color:#fff;padding:9px 12px;font-weight:800;cursor:pointer}.duveo-file-button-wrap{position:relative;z-index:3}.duveo-file-button-wrap .duveo-native-video-input{position:absolute!important;inset:0!important;opacity:0!important;cursor:pointer!important} @media(max-width:1180px){.duveo-studio-pro{grid-template-columns:82px minmax(0,1fr)}.duveo-studio-side--duveo .duveo-studio-logo img{width:62px}.duveo-studio-pro-hero{grid-template-columns:1fr 220px}.duveo-studio-pro-growth{display:none}.duveo-studio-pro-grid{grid-template-columns:1fr 260px}.duveo-studio-pro-actions{grid-template-columns:repeat(2,1fr)}.duveo-studio-pro-metrics{grid-template-columns:repeat(2,1fr)}} @media(max-width:900px){.duveo-studio-pro-main{padding:12px}.duveo-studio-pro-hero{grid-template-columns:1fr;min-height:260px}.duveo-studio-pro-goal{justify-self:start;margin-top:18px}.duveo-studio-pro-grid{grid-template-columns:1fr}.duveo-studio-pro-right{grid-template-columns:repeat(3,1fr)}.duveo-studio-video-head{align-items:flex-start;flex-direction:column}.duveo-studio-video-tools{width:100%}.duveo-studio-video-search{flex:1}.duveo-studio-pro-hero-copy h1{font-size:42px}} @media(max-width:620px){.duveo-studio-pro-actions{grid-template-columns:1fr 1fr}.duveo-studio-pro-actions button,.duveo-studio-pro-actions a{min-height:56px;padding:0 10px}.duveo-studio-pro-metrics{grid-template-columns:1fr 1fr;gap:8px}.duveo-studio-pro-metrics article{grid-template-columns:42px 1fr;padding:12px}.duveo-studio-pro-right{grid-template-columns:1fr}.duveo-studio-pro-hero{padding:20px}.duveo-studio-pro-hero-copy h1{font-size:38px}.duveo-studio-pro-hero-copy p{font-size:16px}.duveo-studio-video-tools{flex-direction:column;align-items:stretch}.duveo-studio-video-search{width:100%}.duveo-studio-video-tools select{width:100%}} /* DUVEO 5.1.63 — Perfil del creador conectado con Creator Studio */ .duveo-studio-profile-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:16px 0;padding:14px 16px;border:1px solid #dfe7f2;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(0,13,54,.04)} .duveo-studio-profile-avatar .duveo-avatar{width:62px;height:62px}.duveo-studio-profile-copy{min-width:0}.duveo-studio-profile-copy>span{display:block;color:var(--studio-blue,#0f5bff);font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:2px}.duveo-studio-profile-copy strong{display:block;color:var(--studio-dark,#0d204d);font-size:18px}.duveo-studio-profile-copy small{display:flex;align-items:center;gap:5px;color:#53617a;margin-top:2px}.duveo-studio-profile-copy p{margin:4px 0 0;color:#66738b;font-size:12px}.duveo-studio-profile-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.duveo-studio-profile-actions a,.duveo-studio-profile-actions button{min-height:36px;border:1px solid #dfe7f2;border-radius:999px;background:#fff;color:#17325f;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;text-decoration:none}.duveo-studio-profile-actions button{background:var(--studio-blue,#0f5bff);border-color:var(--studio-blue,#0f5bff);color:#fff} .duveo-profile-form-actions .duveo-btn--soft{background:#eef4ff;border-color:#cddcff;color:#0059f9}.duveo-channel-actions{flex-wrap:wrap} @media(max-width:900px){.duveo-studio-profile-link{grid-template-columns:auto 1fr}.duveo-studio-profile-actions{grid-column:1/-1;justify-content:flex-start}} @media(max-width:620px){.duveo-studio-profile-link{grid-template-columns:1fr;text-align:left}.duveo-studio-profile-avatar{display:none}.duveo-studio-profile-actions{grid-column:auto}.duveo-studio-profile-actions a,.duveo-studio-profile-actions button{flex:1}} /* DUVEO 5.1.64 — acceso de carga exclusivo para cuentas de Creador */ .duveo-creator-required-gate{max-width:760px;margin:72px auto;padding:38px;border:1px solid var(--duveo-line);border-radius:28px;background:linear-gradient(145deg,#fff 0%,#f6f9ff 68%,#fff1f8 100%);box-shadow:0 22px 70px rgba(0,89,249,.10);text-align:center} .duveo-creator-required-icon{width:74px;height:74px;margin:0 auto 16px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--duveo-blue),var(--duveo-pink));color:#fff;font-size:36px;font-weight:800;box-shadow:0 12px 28px rgba(0,89,249,.20)} .duveo-creator-required-gate h1{max-width:650px;margin:8px auto 12px;font-size:34px;line-height:1.08;letter-spacing:-.035em;color:var(--duveo-navy)} .duveo-creator-required-gate>p{max-width:620px;margin:0 auto;color:var(--duveo-muted);font-size:16px;line-height:1.55} .duveo-creator-required-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px 0 14px} .duveo-creator-required-actions .duveo-btn{min-width:190px} .duveo-creator-required-gate>small{display:block;max-width:610px;margin:0 auto;color:#7a849d;line-height:1.5} .duveo-convert-creator.is-upload-gate{position:relative;padding:30px;border-color:#cfe0ff;background:linear-gradient(145deg,#fff,#f7faff)} .duveo-convert-upload-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin-bottom:16px;background:linear-gradient(135deg,var(--duveo-blue),var(--duveo-pink));color:#fff;font-size:26px;font-weight:800} @media(max-width:720px){.duveo-creator-required-gate{margin:24px 12px;padding:28px 20px;border-radius:22px}.duveo-creator-required-gate h1{font-size:27px}.duveo-creator-required-actions{display:grid}.duveo-creator-required-actions .duveo-btn{width:100%;min-width:0}} /* 5.1.67 — Creator Studio: modificar, guardar y borrado protegido 30 días */ .duveo-studio-content-title{display:flex;flex-direction:column;gap:3px;min-width:0} .duveo-studio-content-title small{font-size:10px;color:#6d7890;font-weight:700;text-transform:uppercase;letter-spacing:.05em} .duveo-studio-row-menu{position:relative;display:inline-block} .duveo-studio-row-menu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%} .duveo-studio-row-menu>summary::-webkit-details-marker{display:none} .duveo-studio-row-menu[open]>summary{background:#eef4ff;color:var(--duveo-blue)} .duveo-studio-row-menu-pop{position:absolute;right:0;top:38px;z-index:30;width:210px;padding:8px;background:#fff;border:1px solid var(--duveo-line);border-radius:12px;box-shadow:0 14px 36px rgba(0,13,54,.14);display:grid;gap:4px} .duveo-studio-row-menu-pop a,.duveo-studio-row-menu-pop button{width:100%;border:0;background:transparent;color:var(--duveo-ink);text-align:left;padding:9px 10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer} .duveo-studio-row-menu-pop a:hover{background:#eef4ff;color:var(--duveo-blue)} .duveo-studio-row-menu-pop button:hover{background:#fff1f5;color:#c5154b} .duveo-studio-row-menu-pop small{display:block;padding:5px 10px 3px;color:#7b8499;font-size:9px;line-height:1.35} .duveo-studio-soft-delete-form{margin:0} @media(max-width:760px){.duveo-studio-row-menu-pop{right:-6px;width:190px}} /* ======================================================================== 5.1.67 · CUENTAS DUVEO — Usuario / Creador + menú de avatar + Papelera ======================================================================== */ .duveo-account-menu-wrap{position:relative;display:inline-flex;z-index:120} .duveo-account-menu-wrap .duveo-account-access{width:auto;min-width:42px;padding:0 5px 0 3px;gap:2px;cursor:pointer} .duveo-account-caret{font-size:14px;line-height:1;color:#657087;transition:transform .18s ease} .duveo-account-menu-wrap.is-open .duveo-account-caret{transform:rotate(180deg)} .duveo-account-dropdown{position:absolute;z-index:9999;top:calc(100% + 12px);right:0;width:min(330px,calc(100vw - 24px));padding:10px;background:#fff;border:1px solid #e3eaf5;border-radius:18px;box-shadow:0 22px 54px rgba(16,35,76,.17);color:#0e1f4d} .duveo-account-dropdown[hidden]{display:none!important} .duveo-account-dropdown-head{display:flex;gap:12px;align-items:flex-start;padding:8px 9px 12px;border-bottom:1px solid #e9eef6} .duveo-account-dropdown-head>div{display:grid;min-width:0;gap:2px} .duveo-account-dropdown-head strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .duveo-account-dropdown-head span{display:flex;align-items:center;gap:4px;color:#6b7280;font-size:11px} .duveo-account-dropdown-head small{font-size:10px;color:#536078} .duveo-account-dropdown-head em{justify-self:start;margin-top:3px;padding:3px 7px;border-radius:999px;font-style:normal;font-size:9px;font-weight:900} .duveo-account-dropdown-head em.is-user{background:#eef4ff;color:#1769ff}.duveo-account-dropdown-head em.is-creator{background:#fff0f5;color:#fc1c6d} .duveo-account-dropdown-section{padding:7px 0;border-bottom:1px solid #e9eef6} .duveo-account-dropdown-section:last-child{border-bottom:0} .duveo-account-dropdown-section>a,.duveo-account-dropdown-upgrade>a{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 9px;border-radius:10px;color:#17264c;font-size:12px;font-weight:760} .duveo-account-dropdown-section>a:hover{background:#f5f8fe;color:#0f4cff} .duveo-account-dropdown-section svg,.duveo-account-dropdown-upgrade svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;flex:0 0 auto} .duveo-account-dropdown-create a:nth-child(1){color:#0f4cff}.duveo-account-dropdown-create a:nth-child(n+2){color:#cf1c63} .duveo-account-dropdown-upgrade{padding:9px 0;border-bottom:1px solid #e9eef6} .duveo-account-dropdown-upgrade>a{align-items:flex-start;background:#f2f7ff;color:#0f4cff;position:relative;padding-right:74px} .duveo-account-dropdown-upgrade>a>span:nth-child(2){display:grid;gap:2px}.duveo-account-dropdown-upgrade small{font-size:9px;line-height:1.35;color:#64748b;font-weight:600} .duveo-account-dropdown-upgrade em{position:absolute;right:8px;top:10px;padding:3px 6px;border-radius:999px;background:#fff0f5;color:#fc1c6d;font-size:8px;font-style:normal;font-weight:900} .duveo-account-upgrade-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0f4cff;flex:0 0 auto} .duveo-account-dropdown-section.is-logout a{color:#ec234f}.duveo-account-dropdown-section.is-logout a:hover{background:#fff2f5;color:#d91b43} .duveo-create-panel{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:20px} .duveo-create-panel[hidden]{display:none!important}.duveo-create-panel-backdrop{position:absolute;inset:0;background:rgba(5,15,35,.48);backdrop-filter:blur(2px)} .duveo-create-panel-card{position:relative;z-index:1;width:min(720px,100%);max-height:min(700px,90vh);overflow:auto;padding:22px;border-radius:22px;background:#fff;border:1px solid #e5ebf5;box-shadow:0 34px 90px rgba(10,30,70,.24)} .duveo-create-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.duveo-create-panel-head h2{margin:4px 0 0;font-size:24px;color:#0e1f4d} .duveo-create-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .duveo-create-panel-grid>a{display:flex;gap:12px;align-items:center;min-height:96px;padding:17px;border:1px solid #dfe7f4;border-radius:17px;color:#0e1f4d;background:#fff;transition:.18s ease} .duveo-create-panel-grid>a:hover{transform:translateY(-2px);border-color:#b8cffb;box-shadow:0 10px 26px rgba(15,76,255,.09)} .duveo-create-panel-grid>a:first-child{background:#0f4cff;color:#fff;border-color:#0f4cff} .duveo-create-panel-grid>a:nth-child(4){border-color:#ffd1e1;color:#d5195b;background:#fff8fb} .duveo-create-panel-grid svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.7}.duveo-create-panel-grid span{display:grid;gap:3px}.duveo-create-panel-grid strong{font-size:14px}.duveo-create-panel-grid small{font-size:10px;line-height:1.35;opacity:.78} .duveo-create-panel-gate{text-align:center;padding:18px 10px 6px}.duveo-create-panel-gate-icon{width:62px;height:62px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:#eef4ff;color:#0f4cff}.duveo-create-panel-gate-icon svg{width:30px;height:30px;stroke:currentColor;fill:none}.duveo-create-panel-gate h3{margin:0 0 7px;font-size:21px}.duveo-create-panel-gate p{max-width:520px;margin:0 auto 16px;color:#667085}.duveo-create-panel-open{overflow:hidden} .duveo-account-v5167{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start;max-width:1500px;margin:0 auto;padding-bottom:36px} .duveo-account-side-v5167{position:sticky;top:78px;border:1px solid #e2e9f4;border-radius:18px;background:#fff;padding:9px;box-shadow:0 10px 28px rgba(16,35,76,.04)} .duveo-account-menu-group{padding:8px 0;border-bottom:1px solid #e8edf5}.duveo-account-menu-group>span,.duveo-account-upgrade-v5167>span{display:block;padding:0 10px 7px;font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#71809a;font-weight:900} .duveo-account-menu-group>a{display:flex;align-items:center;gap:9px;min-height:39px;padding:8px 10px;border-radius:10px;color:#27344d;font-size:11px;font-weight:760}.duveo-account-menu-group>a:hover,.duveo-account-menu-group>a.is-active{background:#eef4ff;color:#0f4cff}.duveo-account-menu-group svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}.duveo-account-menu-group b{font-weight:780}.duveo-account-menu-group em{margin-left:auto;min-width:18px;height:18px;padding:0 4px;border-radius:99px;display:grid;place-items:center;background:#fc1c6d;color:#fff;font-style:normal;font-size:8px} .duveo-account-upgrade-v5167{margin-top:9px;padding:12px 9px 10px;border:1px solid #cfe0ff;border-radius:14px;background:#f5f9ff}.duveo-account-upgrade-v5167>span{padding-left:0;color:#0f4cff}.duveo-account-upgrade-v5167>a{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:10px;background:#0f4cff;color:#fff;font-size:11px;font-weight:900}.duveo-account-upgrade-v5167 svg{width:17px;height:17px;stroke:currentColor;fill:none}.duveo-account-upgrade-v5167 small{display:block;margin-top:7px;color:#71809a;font-size:8px;line-height:1.45} .duveo-account-main-v5167{min-width:0} .duveo-account-profile-v5167{overflow:hidden;border:1px solid #e3eaf5;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(16,35,76,.05)} .duveo-account-cover-v5167{height:150px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px 34px;background:linear-gradient(115deg,#0a2766 0%,#154bd5 55%,#6d39c8 100%);background-size:cover;background-position:center;color:#fff;overflow:hidden}.duveo-account-cover-v5167:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,28,76,.12),rgba(252,28,109,.06));pointer-events:none}.duveo-account-cover-v5167 img{position:relative;z-index:1;width:150px;height:auto;filter:brightness(0) invert(1)}.duveo-account-cover-v5167 span{position:relative;z-index:1;font-size:16px;font-weight:850;text-align:right}.duveo-account-cover-v5167.has-image img{background:rgba(255,255,255,.07);padding:8px;border-radius:10px}.duveo-account-cover-v5167.has-image:before{content:"";position:absolute;inset:0;background:rgba(4,15,38,.25)} .duveo-account-identity-v5167{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:18px;align-items:center;padding:0 28px 18px;margin-top:-28px;position:relative;z-index:2}.duveo-account-avatar-v5167{align-self:start}.duveo-account-avatar-v5167 .duveo-avatar{border:5px solid #fff;box-shadow:0 8px 26px rgba(12,31,65,.14)}.duveo-account-name-v5167{padding-top:32px;min-width:0}.duveo-account-name-v5167 h1{margin:0 0 3px;font-size:26px;line-height:1.1;color:#0e1f4d}.duveo-account-handle-v5167{display:flex;align-items:center;gap:5px;color:#667085;font-size:12px}.duveo-account-handle-v5167 .duveo-verified{color:#0f4cff}.duveo-account-followers-v5167{margin-top:3px;color:#33415f;font-size:11px;font-weight:850}.duveo-account-role-v5167{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900}.duveo-account-role-v5167.is-user{background:#eaf2ff;color:#0f4cff}.duveo-account-role-v5167.is-creator{background:#fff0f5;color:#fc1c6d}.duveo-account-name-v5167 p{max-width:660px;margin:7px 0 0;color:#65728a;font-size:11px;line-height:1.5}.duveo-account-profile-actions-v5167{display:flex;gap:8px;padding-top:28px} .duveo-account-metrics-v5167{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 28px 20px}.duveo-account-metrics-v5167>div{padding:8px 18px;border-right:1px solid #e8edf5}.duveo-account-metrics-v5167>div:first-child{padding-left:0}.duveo-account-metrics-v5167>div:last-child{border-right:0}.duveo-account-metrics-v5167 strong,.duveo-account-metrics-v5167 span{display:block}.duveo-account-metrics-v5167 strong{font-size:20px;color:#0e1f4d}.duveo-account-metrics-v5167 span{margin-top:2px;color:#728098;font-size:9px} .duveo-account-tabs-v5167,.duveo-account-content-tabs-v5167{display:flex;gap:4px;overflow:auto;margin:12px 0;padding:0 10px;border:1px solid #e5ebf4;border-radius:14px;background:#fff}.duveo-account-tabs-v5167 a,.duveo-account-content-tabs-v5167 a{position:relative;padding:13px 11px;color:#5e6b84;font-size:10px;font-weight:800;white-space:nowrap}.duveo-account-tabs-v5167 a.is-active,.duveo-account-content-tabs-v5167 a.is-active{color:#0f4cff}.duveo-account-tabs-v5167 a.is-active:after,.duveo-account-content-tabs-v5167 a.is-active:after{content:"";position:absolute;left:9px;right:9px;bottom:-1px;height:2px;border-radius:2px;background:#0f4cff} .duveo-account-summary-grid-v5167,.duveo-account-lower-grid-v5167{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.duveo-account-lower-grid-v5167{grid-template-columns:1.35fr .65fr}.duveo-account-card-v5167{padding:16px;border:1px solid #e2e9f4;border-radius:17px;background:#fff}.duveo-account-card-head-v5167{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.duveo-account-card-head-v5167 h2{margin:0;font-size:14px}.duveo-account-card-head-v5167 a,.duveo-account-card-head-v5167 span{font-size:9px;color:#0f4cff;font-weight:800}.duveo-account-info-v5167{margin:0}.duveo-account-info-v5167>div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:8px 0;border-top:1px solid #edf1f6;font-size:10px}.duveo-account-info-v5167 dt{color:#65728a}.duveo-account-info-v5167 dd{margin:0;color:#24324f;font-weight:700}.duveo-account-pref-v5167{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #edf1f6;font-size:10px}.duveo-account-pref-v5167 span{color:#65728a}.duveo-account-pref-v5167 b{font-weight:700;color:#263451} .duveo-account-mini-stats-v5167{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.duveo-account-mini-stats-v5167>div{padding:11px;border:1px solid #edf1f6;border-radius:12px;background:#fbfcff}.duveo-account-mini-stats-v5167 strong,.duveo-account-mini-stats-v5167 small{display:block}.duveo-account-mini-stats-v5167 strong{font-size:16px;color:#0e1f4d}.duveo-account-mini-stats-v5167 small{margin-top:2px;color:#71809a;font-size:8px}.duveo-account-sparkline-v5167{height:108px;display:flex;align-items:end;gap:5px;padding:10px 4px}.duveo-account-sparkline-v5167 i{flex:1;min-width:4px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#0f4cff,#70a0ff)} .duveo-account-activity-v5167{margin-top:12px}.duveo-account-activity-row-v5167{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.duveo-account-activity-row-v5167>a{display:grid;grid-template-columns:74px 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;color:#182744}.duveo-account-activity-row-v5167 img{grid-row:1/3;width:74px;height:48px;object-fit:cover;border-radius:9px;background:#eef2f8}.duveo-account-activity-row-v5167 strong{font-size:9px;line-height:1.25}.duveo-account-activity-row-v5167 small{color:#7c8799;font-size:8px} .duveo-account-quick-create-v5167{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.duveo-account-quick-create-v5167 a{padding:18px;border:1px solid #dce6f5;border-radius:15px;background:#fff;text-align:center;color:#0e1f4d;font-size:11px;font-weight:900}.duveo-account-quick-create-v5167 a:first-child{background:#0f4cff;color:#fff}.duveo-account-quick-create-v5167 a:last-child{border-color:#ffcadd;color:#e11d68} .duveo-account-retention-v5167{padding:14px 16px;margin-bottom:12px;border:1px solid #ffd1df;border-radius:14px;background:#fff7fa}.duveo-account-retention-v5167 strong{color:#d91959}.duveo-account-retention-v5167 p{margin:4px 0 0;color:#667085;font-size:10px} .duveo-account-content-list-v5167{display:grid;gap:9px}.duveo-account-content-item-v5167{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:13px;align-items:center;padding:10px;border:1px solid #e4eaf3;border-radius:14px;background:#fff}.duveo-account-content-item-v5167>img{width:120px;height:72px;object-fit:cover;border-radius:10px;background:#eef2f8}.duveo-account-content-item-v5167>div:nth-child(2){display:grid;gap:3px}.duveo-account-content-item-v5167 strong{font-size:11px}.duveo-account-content-item-v5167 small{font-size:9px;color:#738096}.duveo-account-content-item-v5167 span{font-size:9px;color:#d41b57;font-weight:800}.duveo-account-content-actions-v5167{display:flex;gap:7px;align-items:center}.duveo-account-content-actions-v5167 form{margin:0}.duveo-btn--danger{border-color:#ffd1df!important;background:#fff7fa!important;color:#d91b59!important}.duveo-account-edit-v5167{display:grid;gap:14px} @media(max-width:1050px){.duveo-account-v5167{grid-template-columns:200px minmax(0,1fr)}.duveo-account-summary-grid-v5167,.duveo-account-lower-grid-v5167{grid-template-columns:1fr}.duveo-account-activity-row-v5167{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.duveo-account-v5167{grid-template-columns:1fr}.duveo-account-side-v5167{position:static;display:flex;overflow:auto;gap:6px;padding:7px}.duveo-account-menu-group{display:flex;gap:5px;padding:0;border:0;flex:0 0 auto}.duveo-account-menu-group>span{display:none}.duveo-account-menu-group>a{white-space:nowrap;border:1px solid #e5ebf4}.duveo-account-upgrade-v5167{display:flex;align-items:center;margin:0;padding:0;border:0;background:transparent}.duveo-account-upgrade-v5167>span,.duveo-account-upgrade-v5167 small{display:none}.duveo-account-upgrade-v5167>a{white-space:nowrap}.duveo-account-identity-v5167{grid-template-columns:96px minmax(0,1fr);padding:0 18px 16px}.duveo-account-profile-actions-v5167{grid-column:1/-1;padding-top:0}.duveo-account-avatar-v5167 .duveo-avatar{--duveo-avatar-size:94px!important}.duveo-account-metrics-v5167{padding:0 18px 16px}} @media(max-width:680px){.duveo-account-cover-v5167{height:110px;padding:18px}.duveo-account-cover-v5167 img{width:115px}.duveo-account-cover-v5167 span{font-size:12px}.duveo-account-identity-v5167{grid-template-columns:72px minmax(0,1fr);gap:12px;margin-top:-20px}.duveo-account-avatar-v5167 .duveo-avatar{--duveo-avatar-size:72px!important;border-width:3px}.duveo-account-name-v5167{padding-top:24px}.duveo-account-name-v5167 h1{font-size:20px}.duveo-account-profile-actions-v5167 .duveo-btn{flex:1}.duveo-account-metrics-v5167{grid-template-columns:repeat(2,1fr);gap:0}.duveo-account-metrics-v5167>div{border-bottom:1px solid #e8edf5}.duveo-account-metrics-v5167>div:nth-child(2){border-right:0}.duveo-account-summary-grid-v5167{grid-template-columns:1fr}.duveo-account-mini-stats-v5167{grid-template-columns:repeat(2,1fr)}.duveo-account-activity-row-v5167{grid-template-columns:1fr}.duveo-account-quick-create-v5167{grid-template-columns:1fr 1fr}.duveo-account-content-item-v5167{grid-template-columns:86px minmax(0,1fr)}.duveo-account-content-item-v5167>img{width:86px;height:58px}.duveo-account-content-actions-v5167{grid-column:1/-1;justify-content:flex-end}.duveo-account-dropdown{position:fixed;left:12px;right:12px;top:auto;bottom:calc(var(--duveo-mobilebar-height,64px) + 12px);width:auto;max-height:72vh;overflow:auto;border-radius:20px}.duveo-create-panel{align-items:end;padding:10px}.duveo-create-panel-card{border-radius:22px 22px 14px 14px;padding:18px;max-height:82vh}.duveo-create-panel-grid{grid-template-columns:1fr}.duveo-account-info-v5167>div{grid-template-columns:110px 1fr}} /* 5.1.68 — Excepción administrativa: administradores se muestran como Creadores en el frontend sin perder su rol administrativo. */ /* 5.1.70 — Cuenta solo desde avatar + menú de formularios dentro de “Subir video”. */ .duveo-account-v5167{grid-template-columns:minmax(0,1fr)!important;max-width:1320px} .duveo-account-main-v5167{min-width:0;width:100%} .duveo-studio-upload-menu{position:relative;min-width:0;z-index:18} .duveo-studio-upload-menu>.duveo-studio-upload-trigger{width:100%;height:100%;min-height:62px} .duveo-studio-upload-dropdown{position:absolute;top:calc(100% + 9px);left:0;width:min(360px,calc(100vw - 32px));padding:8px;border:1px solid #dfe7f2;border-radius:16px;background:#fff;box-shadow:0 18px 46px rgba(14,31,77,.18);z-index:90} .duveo-studio-upload-dropdown[hidden]{display:none!important} .duveo-studio-pro-actions .duveo-studio-upload-dropdown>button,.duveo-studio-pro-actions .duveo-studio-upload-dropdown>a{width:100%;min-height:0!important;padding:11px 12px!important;border:0!important;border-radius:11px!important;background:#fff!important;color:#0e1f4d!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;justify-content:stretch!important;text-align:left!important;text-decoration:none!important} .duveo-studio-pro-actions .duveo-studio-upload-dropdown>button:hover,.duveo-studio-pro-actions .duveo-studio-upload-dropdown>a:hover,.duveo-studio-pro-actions .duveo-studio-upload-dropdown>button:focus-visible,.duveo-studio-pro-actions .duveo-studio-upload-dropdown>a:focus-visible{background:#f2f6ff!important;outline:none} .duveo-studio-upload-dropdown>button>span:first-child,.duveo-studio-upload-dropdown>a>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#edf3ff;color:#0f4cff!important;font-size:16px!important} .duveo-studio-upload-dropdown>button>span:last-child,.duveo-studio-upload-dropdown>a>span:last-child{display:block;min-width:0;color:#0e1f4d!important} .duveo-studio-upload-dropdown strong,.duveo-studio-upload-dropdown small{display:block} .duveo-studio-upload-dropdown strong{font-size:12px!important;line-height:1.25;color:#0e1f4d!important} .duveo-studio-upload-dropdown small{margin-top:2px;font-size:9px;line-height:1.35;color:#6b7280;font-weight:600} .duveo-studio-upload-menu.is-open>.duveo-studio-upload-trigger b{transform:rotate(180deg)} .duveo-studio-upload-trigger b{transition:transform .18s ease} @media(max-width:620px){.duveo-studio-upload-dropdown{position:fixed;left:12px;right:12px;top:auto;bottom:calc(var(--duveo-mobilebar-height,64px) + 12px);width:auto;max-height:65vh;overflow:auto}} .duveo-studio-profile-copy .duveo-studio-profile-followers{margin-top:2px;color:#33415f;font-weight:850} /* 5.1.70 — Estados: mostrar “Tu estado” con el avatar real del usuario y símbolo + como primer acceso. */ /* ============================================================ DUVEO 5.1.72 · PORTADA DE CREADORES · SOLO CONTENIDO CENTRAL - Optimizada para 100% de zoom. - Hero: Nombre -> @usuario verificado -> seguidores. - Tarjetas: solo @usuario; verificación solo junto al handle. - Una sola fila de categorías. - Estados con Tu avatar +. - Momentos verticales 9:16. - Recomendaciones muestran vistas, no duración. ============================================================ */ .home .duveo-home-v5143{gap:0} .home .duveo-featured-creators{overflow:visible;margin-bottom:12px} .home .duveo-featured-creators__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;min-height:360px} .home .duveo-featured-creators .duveo-featured-carousel__track{min-height:360px;max-height:420px;aspect-ratio:auto;border-radius:20px;overflow:hidden;background:#0b1020} .home .duveo-featured-creators .duveo-home-hero__media{border-radius:20px;box-shadow:none} .home .duveo-home-hero__creator-copy{position:absolute;z-index:6;left:clamp(22px,3vw,46px);bottom:clamp(24px,3vw,42px);width:min(620px,72%);display:grid;gap:12px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)} .home .duveo-home-hero__eyebrow{font-size:11px;line-height:1;font-weight:950;letter-spacing:.12em;color:#fff;text-transform:uppercase} .home .duveo-home-hero__creator-id{display:flex;align-items:center;gap:12px} .home .duveo-home-hero__creator-id .duveo-avatar-media{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;border:3px solid rgba(255,255,255,.95);box-shadow:0 7px 24px rgba(0,0,0,.22)} .home .duveo-home-hero__creator-id>div{display:grid;gap:2px} .home .duveo-home-hero__creator-id strong{font-size:clamp(25px,2.3vw,38px);line-height:1.02;letter-spacing:-.03em} .home .duveo-home-hero__creator-id span{font-size:13px;font-weight:850;color:#fff} .home .duveo-home-hero__creator-id small{font-size:11px;font-weight:750;color:rgba(255,255,255,.83)} .home .duveo-home-hero__creator-copy p{max-width:560px;margin:0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.92)} .home .duveo-home-hero__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .home .duveo-home-hero__actions .duveo-btn{min-height:40px;border-radius:999px;padding:0 17px;font-size:12px;font-weight:900;gap:7px} .home .duveo-home-hero__actions .duveo-btn svg{width:17px;height:17px} .home .duveo-home-hero__actions .duveo-btn--light{background:#fff;color:#0f4cff;border-color:#fff} .home .duveo-home-hero__actions .duveo-btn--light.is-active{background:#0f4cff;color:#fff;border-color:#0f4cff} .home .duveo-featured-creators__rail{display:grid;align-content:start;gap:8px;max-height:420px;padding:12px;border:1px solid #e8edf5;border-radius:20px;background:#fff;overflow:auto;box-shadow:0 9px 30px rgba(15,23,42,.05)} .home .duveo-featured-creators__rail-head{display:flex;justify-content:space-between;gap:12px;align-items:end;padding:2px 4px 8px} .home .duveo-featured-creators__rail-head strong{font-size:13px;color:#0e1f4d} .home .duveo-featured-creators__rail-head small{font-size:9px;color:#7b8496} .home .duveo-featured-creator-chip{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:7px;border:1px solid transparent;border-radius:13px;background:#f7f9fc;text-align:left;cursor:pointer;transition:.2s} .home .duveo-featured-creator-chip:hover,.home .duveo-featured-creator-chip.is-active{background:#fff;border-color:rgba(15,76,255,.32);box-shadow:0 6px 20px rgba(15,76,255,.08)} .home .duveo-featured-creator-chip__thumb{display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#e9edf5} .home .duveo-featured-creator-chip__thumb img{width:100%;height:100%;object-fit:cover} .home .duveo-featured-creator-chip__meta{display:grid;gap:2px;min-width:0} .home .duveo-featured-creator-chip__meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#15213b} .home .duveo-featured-creator-chip__meta small{font-size:9px;color:#778196} .home .duveo-featured-creators>.duveo-featured-carousel__arrow--next{right:312px} .home .duveo-featured-creators>.duveo-featured-carousel__arrow--prev{left:14px} .home .duveo-home-category-strip{margin:0 0 15px!important} .home .duveo-home-category-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none} .home .duveo-home-category-chips::-webkit-scrollbar{display:none} .home .duveo-home-category-chips a{flex:0 0 auto;padding:8px 14px;border:1px solid #e1e7f0;border-radius:999px;background:#fff;color:#4f5a70;font-size:10px;font-weight:850;white-space:nowrap} .home .duveo-home-category-chips a:hover,.home .duveo-home-category-chips a.is-active{background:#0f4cff;border-color:#0f4cff;color:#fff} .home .duveo-home-states{margin-bottom:22px!important} .home .duveo-home-states .duveo-section-head h2{margin:0} .home .duveo-state-row{gap:16px} .home .duveo-state{min-width:66px;max-width:78px} .home .duveo-state>span:last-child{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center} .home .duveo-state-plus{display:grid!important;place-items:center;position:absolute;right:-2px;bottom:-1px;width:20px;height:20px;border-radius:50%;background:#0f4cff;color:#fff;border:2px solid #fff;font-size:16px;font-weight:900;line-height:1} .home .duveo-state-ring--create{position:relative} .home .duveo-home-moments-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px} .home .duveo-home-moments-grid .duveo-moment-card{aspect-ratio:9/16} .home .duveo-home-moments .duveo-section-head>div,.home .duveo-home-recommendations .duveo-section-head>div{display:grid;gap:2px} .home .duveo-home-moments .duveo-section-head small,.home .duveo-home-recommendations .duveo-section-head small{font-size:10px;color:#7c8597} .home .duveo-card-views{position:absolute;right:8px;bottom:8px;z-index:5;display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:0 7px;border-radius:999px;background:rgba(9,15,28,.76);color:#fff;font-size:9px;font-weight:850;backdrop-filter:blur(5px)} .home .duveo-card-views svg{width:13px;height:13px;stroke:currentColor;fill:none} .home .duveo-home-recommendations .duveo-duration{display:none!important} .home .duveo-home-premiere-card__body small .duveo-verified,.home .duveo-moment-card__text small .duveo-verified{vertical-align:middle} @media(max-width:1180px){ .home .duveo-featured-creators__layout{grid-template-columns:minmax(0,1fr) 250px} .home .duveo-featured-creators>.duveo-featured-carousel__arrow--next{right:262px} .home .duveo-home-moments-grid{grid-template-columns:repeat(5,minmax(0,1fr))} } @media(max-width:900px){ .home .duveo-featured-creators__layout{grid-template-columns:1fr} .home .duveo-featured-creators__rail{display:flex;overflow-x:auto;max-height:none;padding:8px} .home .duveo-featured-creators__rail-head{display:none} .home .duveo-featured-creator-chip{flex:0 0 190px;grid-template-columns:72px minmax(0,1fr)} .home .duveo-featured-creators>.duveo-featured-carousel__arrow--next{right:14px} .home .duveo-home-moments-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:720px){ .home .duveo-featured-creators__layout{min-height:0} .home .duveo-featured-creators .duveo-featured-carousel__track{min-height:0;aspect-ratio:16/9;border-radius:14px} .home .duveo-home-hero__creator-copy{left:14px;right:14px;bottom:14px;width:auto;gap:7px} .home .duveo-home-hero__creator-id .duveo-avatar-media{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important} .home .duveo-home-hero__creator-id strong{font-size:19px} .home .duveo-home-hero__creator-id span{font-size:10px}.home .duveo-home-hero__creator-id small{font-size:8px} .home .duveo-home-hero__creator-copy p{display:none} .home .duveo-home-hero__actions .duveo-btn{min-height:34px;padding:0 12px;font-size:10px} .home .duveo-featured-creators__rail{border:0;border-radius:0;box-shadow:none;padding:7px 0 0} .home .duveo-featured-creator-chip{flex-basis:160px;grid-template-columns:62px minmax(0,1fr);padding:6px} .home .duveo-home-moments-grid{display:grid;grid-template-columns:none;overflow-x:auto;grid-auto-flow:column;grid-auto-columns:calc(50% - 5px);grid-template-rows:1fr;scrollbar-width:none} } /* ============================================================ DUVEO 5.1.73 · PORTADA 100% + VERIFICADOR ORIGINAL DUVEO Referencia: portada aprobada 2026-09-28. ============================================================ */ .duveo-verified{display:inline-flex!important;align-items:center;justify-content:center;width:15px;height:15px;min-width:15px;margin-left:3px;vertical-align:-3px;line-height:1;flex:0 0 15px} .duveo-verified img{display:block!important;width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important;object-fit:contain!important} .duveo-card-sub,.duveo-moment-card__text small,.duveo-home-premiere-card__body small,.duveo-featured-creator-chip__meta strong,.duveo-state>span:last-child{align-items:center} .duveo-card-sub .duveo-verified,.duveo-moment-card__text .duveo-verified,.duveo-home-premiere-card__body .duveo-verified,.duveo-featured-creator-chip__meta .duveo-verified,.duveo-state .duveo-verified{vertical-align:-3px} .home .duveo-main{max-width:1720px;width:100%;padding-inline:clamp(14px,1.5vw,28px)} .home .duveo-home-v5143>.duveo-section{margin-bottom:16px} .home .duveo-featured-creators{margin-bottom:8px} .home .duveo-featured-creators__layout{grid-template-columns:minmax(0,1fr) 265px;gap:0;min-height:330px;max-height:365px;border-radius:18px;overflow:hidden;background:#07101e} .home .duveo-featured-creators .duveo-featured-carousel__track{min-height:330px;max-height:365px;border-radius:0;background:#07101e} .home .duveo-featured-creators .duveo-home-hero__media{border-radius:0;min-height:330px;max-height:365px;aspect-ratio:auto} .home .duveo-home-hero__creator-copy{left:clamp(24px,2.8vw,46px);bottom:clamp(22px,2.5vw,34px);width:min(560px,66%);gap:8px} .home .duveo-home-hero__creator-id .duveo-avatar-media{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important} .home .duveo-home-hero__creator-id strong{font-size:clamp(26px,2.1vw,36px)} .home .duveo-home-hero__creator-id span{display:flex;align-items:center;gap:2px;font-size:13px} .home .duveo-home-hero__creator-id small{font-size:11px} .home .duveo-home-hero__creator-copy p{font-size:12px;line-height:1.35;max-width:480px} .home .duveo-featured-creators__rail{gap:6px;max-height:365px;padding:8px;background:#07101e;border:0;border-radius:0;box-shadow:none;color:#fff} .home .duveo-featured-creators__rail-head{display:none} .home .duveo-featured-creator-chip{grid-template-columns:82px minmax(0,1fr);gap:8px;padding:5px;background:transparent;border:1px solid transparent;border-radius:10px;color:#fff} .home .duveo-featured-creator-chip:hover,.home .duveo-featured-creator-chip.is-active{background:rgba(255,255,255,.06);border-color:#FC1C6D;box-shadow:0 0 0 1px rgba(252,28,109,.16)} .home .duveo-featured-creator-chip__thumb{border-radius:8px} .home .duveo-featured-creator-chip__meta strong{display:flex;align-items:center;min-width:0;color:#fff;font-size:10px} .home .duveo-featured-creator-chip__meta small{color:rgba(255,255,255,.72);font-size:8px} .home .duveo-featured-creators>.duveo-featured-carousel__arrow--next{right:276px} .home .duveo-home-category-strip{margin:0 0 9px!important} .home .duveo-home-category-chips{gap:7px;padding:1px 0 3px} .home .duveo-home-category-chips a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;background:#f7f9fc;border-color:#eef2f7;color:#28364f;font-size:9px} .home .duveo-home-category-chips a.is-active{background:#0F4CFF;color:#fff;border-color:#0F4CFF} .home .duveo-home-category-icon{display:inline-grid;place-items:center;width:18px;height:18px;font-size:13px;line-height:1;color:#0F4CFF} .home .duveo-home-category-chips a.is-active .duveo-home-category-icon{color:#fff} .home .duveo-home-states{margin-bottom:14px!important} .home .duveo-home-states .duveo-section-head{display:flex;align-items:baseline;justify-content:flex-start;gap:10px;margin-bottom:6px} .home .duveo-home-states .duveo-section-head h2{font-size:17px} .home .duveo-home-states .duveo-section-head small{font-size:9px} .home .duveo-state-row{gap:12px;padding-bottom:2px} .home .duveo-state{flex-basis:62px;min-width:62px;max-width:68px;font-size:8px} .home .duveo-state-ring{width:54px;height:54px} .home .duveo-state>span:last-child{font-size:8px} .home .duveo-section-head{margin-bottom:7px} .home .duveo-section-head h2{font-size:18px;line-height:1.1} .home .duveo-section-head small{font-size:9px} .home .duveo-link-more{font-size:10px;font-weight:850} .home .duveo-home-recs-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px} .home .duveo-home-recs-grid .duveo-thumb{border-radius:10px} .home .duveo-home-recs-grid .duveo-card-title{font-size:11px;line-height:1.2} .home .duveo-home-recs-grid .duveo-card-meta{grid-template-columns:24px minmax(0,1fr) auto;gap:5px;margin-top:5px} .home .duveo-home-recs-grid .duveo-card-meta .duveo-avatar-media{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important} .home .duveo-home-recs-grid .duveo-card-sub{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .home .duveo-card-views{right:6px;bottom:6px;min-height:19px;padding:0 6px;font-size:8px} .home .duveo-card-views svg{width:12px;height:12px} .home .duveo-home-continue .duveo-scroll-row{grid-auto-columns:minmax(220px,16.4%);gap:11px;padding-bottom:4px} .home .duveo-home-continue .duveo-card-title{font-size:10px} .home .duveo-home-continue .duveo-card-meta{display:none} .home .duveo-home-continue .duveo-thumb{border-radius:9px} .home .duveo-home-moments-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:118px;grid-template-rows:1fr;gap:9px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none} .home .duveo-home-moments-grid::-webkit-scrollbar{display:none} .home .duveo-home-moments-grid .duveo-moment-card{aspect-ratio:9/16;border-radius:10px;box-shadow:none} .home .duveo-home-moments-grid .duveo-moment-card::after{inset:56% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))} .home .duveo-home-moments-grid .duveo-moment-card__text{left:7px;right:7px;bottom:7px;gap:2px} .home .duveo-home-moments-grid .duveo-moment-card__text strong{font-size:9px;-webkit-line-clamp:2} .home .duveo-home-moments-grid .duveo-moment-card__text small{font-size:7px;display:flex;align-items:center} .home .duveo-home-moments-grid .duveo-card-views{left:6px;right:auto;bottom:auto;top:6px} .home .duveo-home-premieres-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .home .duveo-home-premiere-card{border-radius:11px} .home .duveo-home-premiere-card__media{aspect-ratio:16/7.2} .home .duveo-home-premiere-card__body{padding:8px} .home .duveo-home-premiere-card__body strong{font-size:10px} .home .duveo-home-premiere-card__body small{font-size:8px;display:flex;align-items:center} .home .duveo-home-premiere-card__body .duveo-btn{min-height:28px;font-size:8px} @media(min-width:1600px){ .home .duveo-home-recs-grid{grid-template-columns:repeat(6,minmax(0,1fr))} .home .duveo-home-moments-grid{grid-auto-columns:120px} } @media(min-width:1280px) and (max-width:1599px){ .home .duveo-home-recs-grid{grid-template-columns:repeat(5,minmax(0,1fr))} .home .duveo-home-continue .duveo-scroll-row{grid-auto-columns:minmax(220px,19%) } } @media(max-width:1180px){ .home .duveo-featured-creators__layout{grid-template-columns:minmax(0,1fr) 225px;max-height:none} .home .duveo-featured-creators>.duveo-featured-carousel__arrow--next{right:236px} .home .duveo-home-recs-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:900px){ .home .duveo-featured-creators__layout{grid-template-columns:1fr;max-height:none;background:transparent;overflow:visible} .home .duveo-featured-creators__rail{display:flex;max-height:none;background:#07101e;border-radius:12px;margin-top:7px;overflow-x:auto} .home .duveo-featured-creator-chip{flex:0 0 170px;grid-template-columns:62px minmax(0,1fr)} .home .duveo-featured-creators>.duveo-featured-carousel__arrow--next{right:12px} .home .duveo-home-recs-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .home .duveo-home-premieres-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .home .duveo-main{padding-inline:10px} .home .duveo-home-recs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 7px} .home .duveo-home-moments-grid{grid-auto-columns:calc(38vw - 10px)} .home .duveo-home-continue .duveo-scroll-row{grid-auto-columns:78%} .home .duveo-home-category-chips a{padding:6px 10px} .home .duveo-home-category-icon{width:16px;height:16px;font-size:12px} } /* ============================================================ DUVEO 5.1.76 · PORTADA 4 COLUMNAS / ESTADOS / CATEGORÍAS Base exacta: 5.1.73. Solo contenido de Inicio + lupa escritorio. ============================================================ */ .home .duveo-main{overflow-x:hidden} /* Buscador escritorio: lupa a la derecha. Móvil permanece intacto. */ @media(min-width:901px){ .duveo-search input{padding-left:18px!important;padding-right:46px!important} .duveo-search button{left:auto!important;right:4px!important;top:4px!important} } /* Categorías: 9 accesos (Todo + 8 categorías) + Ver más, sin iconos. */ .home .duveo-home-category-strip{margin-bottom:14px!important} .home .duveo-home-category-chips{display:flex;align-items:center;gap:9px;overflow-x:auto;padding:3px 1px 7px;scrollbar-width:none} .home .duveo-home-category-chips::-webkit-scrollbar{display:none} .home .duveo-home-category-chips a{flex:0 0 auto;min-height:38px;padding:0 18px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;border:1px solid #e4e9f1!important;border-radius:999px!important;background:#f7f9fc!important;color:#27344c!important;font-size:11px!important;font-weight:850!important;white-space:nowrap} .home .duveo-home-category-chips a.is-active{background:#0F4CFF!important;border-color:#0F4CFF!important;color:#fff!important} .home .duveo-home-category-chips .duveo-home-category-more{background:#fff!important;color:#0F4CFF!important;border-color:#cddaff!important} .home .duveo-home-category-icon{display:none!important} /* Estados: avatar completo y aro continuo 360° cuando hay Estado activo. */ .home .duveo-state-row{gap:16px!important;align-items:start} .home .duveo-state{flex:0 0 82px!important;min-width:82px!important;max-width:82px!important;text-decoration:none} .home .duveo-state-ring{box-sizing:border-box!important;width:72px!important;height:72px!important;padding:3px!important;border-radius:50%!important;background:linear-gradient(135deg,#0F4CFF 0%,#6B35FF 48%,#FC1C6D 100%)!important;box-shadow:none!important} .home .duveo-state-ring.is-seen{background:#d9dfe8!important} .home .duveo-state-ring .duveo-avatar-media{box-sizing:border-box!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;padding:0!important;border:3px solid #fff!important;background:#fff!important;box-shadow:none!important;border-radius:50%!important;overflow:hidden!important} .home .duveo-state-ring .duveo-avatar-media [data-duveo-avatar-img], .home .duveo-state-ring .duveo-avatar-media img{width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;border-radius:50%!important} .home .duveo-state-ring--create{position:relative!important;background:#e8edf5!important} .home .duveo-state-ring--create.has-active{background:linear-gradient(135deg,#0F4CFF 0%,#6B35FF 48%,#FC1C6D 100%)!important} .home .duveo-state-plus{right:-2px!important;bottom:-2px!important;width:26px!important;height:26px!important;border:3px solid #fff!important;background:#0F4CFF!important;color:#fff!important;font-size:20px!important;line-height:1!important;font-weight:900!important;box-shadow:0 3px 10px rgba(15,76,255,.22)!important} .home .duveo-state>span:last-child{font-size:9px!important;margin-top:2px} /* Contenido principal: 4 columnas reales en escritorio. */ .home .duveo-home-recs-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 16px!important} .home .duveo-home-recs-grid .duveo-card-title{font-size:13px!important;line-height:1.28!important} .home .duveo-home-recs-grid .duveo-card-meta{grid-template-columns:30px minmax(0,1fr) auto!important;gap:7px!important;margin-top:7px!important} .home .duveo-home-recs-grid .duveo-card-meta .duveo-avatar-media{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important} .home .duveo-home-recs-grid .duveo-card-sub{font-size:9px!important} /* Continuar viendo: una sola fila de 4 en escritorio; 2 por fila en móvil. */ .home .duveo-home-continue .duveo-scroll-row{display:grid!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;overflow:visible!important;padding-bottom:0!important} .home .duveo-home-continue .duveo-card-title{font-size:12px!important} .home .duveo-home-continue .duveo-thumb{border-radius:12px!important} /* Momentos: cinco verticales 9:16, más grandes y con presencia. */ .home .duveo-home-moments-grid{display:grid!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;overflow:visible!important;padding-bottom:0!important} .home .duveo-home-moments-grid .duveo-moment-card{width:100%!important;aspect-ratio:9/16!important;border-radius:15px!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important} .home .duveo-home-moments-grid .duveo-moment-card__text{left:10px!important;right:10px!important;bottom:10px!important} .home .duveo-home-moments-grid .duveo-moment-card__text strong{font-size:11px!important} .home .duveo-home-moments-grid .duveo-moment-card__text small{font-size:8px!important} /* Creadores en crecimiento: carrusel horizontal, 4 visibles aprox. */ .home .duveo-home-creators-grid{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 48px)/4)!important;grid-template-columns:none!important;gap:16px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 8px!important} .home .duveo-home-creators-grid::-webkit-scrollbar{display:none} .home .duveo-home-creator-card{scroll-snap-align:start;min-width:0!important;padding:14px!important;border-radius:16px!important} .home .duveo-home-creator-card .duveo-avatar-media{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important} /* Estrenos y grillas estándar: 4 columnas cuando existan. */ .home .duveo-home-premieres-grid, .home .duveo-home-standard-grid, .home .duveo-home-goals-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important} /* Tarjetas un poco mayores y títulos legibles. */ .home .duveo-card-title{font-size:12px} .home .duveo-section-head h2{font-size:19px} .home .duveo-section-head small{font-size:10px} /* Tablet: mantener densidad sin desbordar. */ @media(min-width:768px) and (max-width:1180px){ .home .duveo-home-recs-grid, .home .duveo-home-continue .duveo-scroll-row, .home .duveo-home-premieres-grid, .home .duveo-home-standard-grid, .home .duveo-home-goals-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important} .home .duveo-home-moments-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important} .home .duveo-home-creators-grid{grid-auto-columns:calc((100% - 36px)/4)!important;gap:12px!important} } /* Móvil: dos visuales por fila. */ @media(max-width:767px){ .home .duveo-home-recs-grid, .home .duveo-home-continue .duveo-scroll-row, .home .duveo-home-moments-grid, .home .duveo-home-premieres-grid, .home .duveo-home-standard-grid, .home .duveo-home-goals-grid{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-columns:auto!important;gap:12px 9px!important;overflow:visible!important} .home .duveo-home-moments-grid .duveo-moment-card{width:100%!important;aspect-ratio:9/16!important} .home .duveo-home-creators-grid{grid-auto-columns:calc((100% - 10px)/2)!important;gap:10px!important;overflow-x:auto!important} .home .duveo-home-category-chips a{min-height:40px;padding:0 17px!important;font-size:11px!important} .home .duveo-state{flex-basis:78px!important;min-width:78px!important;max-width:78px!important} .home .duveo-state-ring{width:68px!important;height:68px!important} .home .duveo-state-plus{width:25px!important;height:25px!important;font-size:19px!important} } /* ============================================================ DUVEO 5.1.77 · PORTADA DESTACADA + ESTADOS + CATEGORÍAS MÓVIL Base: 5.1.76. Solo ajustes solicitados de portada/cabecera. ============================================================ */ .home .duveo-main{padding-top:14px!important} .home .duveo-featured-creators{margin-top:-4px!important} @media(min-width:901px){ .home .duveo-featured-creators__layout{grid-template-columns:minmax(0,1fr) 270px!important;gap:0!important;min-height:342px!important;max-height:390px!important} .home .duveo-featured-creators .duveo-featured-carousel__track{min-height:342px!important;max-height:390px!important} .home .duveo-featured-creators__rail{display:grid!important;grid-auto-flow:row!important;align-content:start!important;gap:7px!important;max-height:390px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px!important;background:#07101e!important;border-radius:0!important} .home .duveo-featured-creator-chip{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;min-height:62px!important;flex:none!important} .home .duveo-featured-creators>.duveo-featured-carousel__arrow--next{right:282px!important} } /* Búsqueda escritorio: lupa siempre visible a la derecha. */ @media(min-width:901px){ .duveo-search{display:block!important} .duveo-search input{padding-left:18px!important;padding-right:50px!important} .duveo-search button{left:auto!important;right:4px!important;top:4px!important;z-index:3!important;color:#0F4CFF!important;background:#fff!important;border:1px solid #dbe4f4!important;box-shadow:0 1px 4px rgba(15,76,255,.08)!important} .duveo-search button svg{display:block!important;width:19px!important;height:19px!important;stroke:#0F4CFF!important;fill:none!important;stroke-width:2.2!important;opacity:1!important} } /* Avatar de cuenta más definido y reconocible. */ .duveo-account-menu-wrap .duveo-account-access{min-width:44px!important;height:44px!important;padding:2px 5px!important;border-radius:999px!important;border:1px solid #dce5f3!important;background:#fff!important;box-shadow:0 4px 14px rgba(14,31,77,.08)!important} .duveo-account-menu-wrap .duveo-account-access .duveo-avatar{width:36px!important;height:36px!important;border:2px solid #fff!important;box-shadow:0 0 0 2px #0F4CFF!important} /* Hamburguesa móvil: solo tres líneas, sin círculo blanco. */ @media(max-width:900px){ .duveo-mobile-header-menu{display:inline-flex!important;width:36px!important;height:40px!important;min-width:36px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#111!important} .duveo-mobile-header-menu:hover,.duveo-mobile-header-menu:focus,.duveo-mobile-header-menu:active{background:transparent!important;border:0!important;box-shadow:none!important} .duveo-mobile-header-menu svg{display:block!important;width:26px!important;height:26px!important;stroke:#111!important;fill:none!important;stroke-width:2.2!important;opacity:1!important} } /* Categorías móvil: carrusel y selección local sin salir de Inicio. */ @media(max-width:900px){ .home .duveo-home-category-chips{display:flex!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:7px!important} .home .duveo-home-category-chips a{scroll-snap-align:start;min-height:40px!important;padding:0 18px!important;font-size:11px!important} } /* Estado: aro completo 360 grados y + visible. */ .home .duveo-state-ring:not(.is-seen){background:linear-gradient(135deg,#0F4CFF 0%,#6B35FF 48%,#FC1C6D 100%)!important} .home .duveo-state-ring.is-seen{background:#d9dfe8!important} .home .duveo-state-ring{padding:3px!important;box-shadow:none!important} .home .duveo-state-plus{width:27px!important;height:27px!important;font-size:20px!important;right:-3px!important;bottom:-3px!important;border:3px solid #fff!important;background:#0F4CFF!important;z-index:4!important} /* Filtro local móvil */ .home [data-home-filter-item][hidden]{display:none!important} /* ============================================================ DUVEO 5.1.78 · HERO + RAIL DE CREADORES + CATEGORÍAS + ESTADOS Solo modifica el área de contenido superior de Inicio. Mantiene cabecera, navegación, pie y demás secciones intactas. ============================================================ */ .home .duveo-featured-creators{ margin-top:0!important; margin-bottom:14px!important; overflow:visible!important; } .home .duveo-featured-creators__layout{ background:#08142f!important; border:1px solid #e7ecf5!important; border-radius:20px!important; overflow:hidden!important; box-shadow:0 12px 34px rgba(14,31,77,.07)!important; } .home .duveo-featured-creators .duveo-home-hero__media{ position:relative!important; overflow:hidden!important; background:#08142f!important; } .home .duveo-featured-creators .duveo-home-hero__media>img{ width:100%!important;height:100%!important;object-fit:cover!important; object-position:center!important;display:block!important; } .home .duveo-featured-creators .duveo-home-hero__shade{ position:absolute!important;inset:0!important; background:linear-gradient(90deg,rgba(5,15,42,.82) 0%,rgba(5,15,42,.50) 42%,rgba(5,15,42,.08) 76%)!important; } .home .duveo-home-hero__eyebrow{color:#fff!important;letter-spacing:.12em!important} .home .duveo-home-hero__creator-id span{display:flex!important;align-items:center!important;gap:4px!important;color:#fff!important} .home .duveo-home-hero__actions .duveo-btn--primary{background:#0F4CFF!important;border-color:#0F4CFF!important;color:#fff!important} .home .duveo-home-hero__actions .duveo-btn--light{background:#fff!important;border-color:#fff!important;color:#0E1F4D!important} @media(min-width:901px){ .home .duveo-featured-creators__layout{ display:grid!important; grid-template-columns:minmax(0,1fr) clamp(270px,23vw,320px)!important; gap:0!important; min-height:372px!important; max-height:410px!important; } .home .duveo-featured-creators .duveo-featured-carousel__track, .home .duveo-featured-creators .duveo-home-hero__media{ min-height:372px!important;max-height:410px!important;height:100%!important; border-radius:0!important; } .home .duveo-featured-creators__rail{ display:grid!important; grid-auto-flow:row!important; grid-auto-rows:max-content!important; align-content:start!important; gap:7px!important; max-height:410px!important; overflow-y:auto!important;overflow-x:hidden!important; padding:11px!important; background:#0E1F4D!important; border:0!important;border-radius:0!important;box-shadow:none!important; scrollbar-width:thin!important; } .home .duveo-featured-creators__rail-head{ display:flex!important;align-items:center!important;justify-content:space-between!important; padding:2px 3px 7px!important;color:#fff!important; } .home .duveo-featured-creators__rail-head strong{color:#fff!important;font-size:12px!important} .home .duveo-featured-creators__rail-head small{color:rgba(255,255,255,.68)!important;font-size:9px!important} .home .duveo-featured-creator-chip{ display:grid!important; grid-template-columns:74px minmax(0,1fr)!important; gap:9px!important;align-items:center!important; width:100%!important;min-height:61px!important; padding:6px!important; border:1px solid rgba(255,255,255,.08)!important; border-radius:12px!important; background:rgba(255,255,255,.045)!important; color:#fff!important; } .home .duveo-featured-creator-chip:hover, .home .duveo-featured-creator-chip.is-active{ background:rgba(255,255,255,.10)!important; border-color:#FC1C6D!important; box-shadow:0 0 0 1px rgba(252,28,109,.18)!important; } .home .duveo-featured-creator-chip__thumb{border-radius:9px!important;overflow:hidden!important;aspect-ratio:16/9!important} .home .duveo-featured-creator-chip__thumb img{width:100%!important;height:100%!important;object-fit:cover!important} .home .duveo-featured-creator-chip__meta{display:grid!important;gap:1px!important;min-width:0!important} .home .duveo-featured-creator-chip__meta b{font-size:10.5px!important;line-height:1.15!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .home .duveo-featured-creator-chip__meta strong{display:flex!important;align-items:center!important;gap:2px!important;font-size:9px!important;line-height:1.15!important;color:#c9d7ff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .home .duveo-featured-creator-chip__meta small{font-size:8px!important;color:rgba(255,255,255,.66)!important} .home .duveo-featured-creators>.duveo-featured-carousel__arrow--next{right:calc(clamp(270px,23vw,320px) + 12px)!important} } /* Categorías: una fila limpia con colores DUVEO; sin iconos inventados. */ .home .duveo-home-category-strip{margin:0 0 13px!important} .home .duveo-home-category-chips{display:flex!important;align-items:center!important;gap:9px!important;overflow-x:auto!important;padding:2px 1px 6px!important;scrollbar-width:none!important} .home .duveo-home-category-chips::-webkit-scrollbar{display:none!important} .home .duveo-home-category-chips a{ flex:0 0 auto!important;min-height:38px!important;padding:0 17px!important; border:1px solid #E1E8F3!important;border-radius:999px!important; background:#F7F9FC!important;color:#28364F!important; font-size:11px!important;font-weight:850!important;white-space:nowrap!important; } .home .duveo-home-category-chips a.is-active, .home .duveo-home-category-chips a:hover{background:#0F4CFF!important;border-color:#0F4CFF!important;color:#fff!important} .home .duveo-home-category-chips .duveo-home-category-more{background:#fff!important;color:#0F4CFF!important;border-color:#C7D5FF!important} .home .duveo-home-category-icon{display:none!important} /* Estados: avatar completo y aro 360° solo cuando existe Estado activo. */ .home .duveo-home-states{margin-bottom:16px!important} .home .duveo-home-states .duveo-section-head{margin-bottom:8px!important} .home .duveo-state-row{display:flex!important;gap:13px!important;overflow-x:auto!important;padding:2px 1px 5px!important;scrollbar-width:none!important} .home .duveo-state-row::-webkit-scrollbar{display:none!important} .home .duveo-state{flex:0 0 78px!important;min-width:78px!important;max-width:78px!important} .home .duveo-state-ring{box-sizing:border-box!important;width:68px!important;height:68px!important;padding:3px!important;border-radius:50%!important;background:linear-gradient(135deg,#0F4CFF 0%,#6B35FF 50%,#FC1C6D 100%)!important;box-shadow:none!important} .home .duveo-state-ring.is-seen{background:#D9DFE8!important} .home .duveo-state-ring--create:not(.has-active){background:#E8EDF5!important} .home .duveo-state-ring--create.has-active{background:linear-gradient(135deg,#0F4CFF 0%,#6B35FF 50%,#FC1C6D 100%)!important} .home .duveo-state-ring .duveo-avatar-media{box-sizing:border-box!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;border:3px solid #fff!important;border-radius:50%!important;overflow:hidden!important;background:#fff!important} .home .duveo-state-ring .duveo-avatar-media img{width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;border-radius:50%!important} .home .duveo-state-plus{width:27px!important;height:27px!important;right:-3px!important;bottom:-3px!important;border:3px solid #fff!important;border-radius:50%!important;background:#0F4CFF!important;color:#fff!important;font-size:20px!important;line-height:1!important;display:grid!important;place-items:center!important;z-index:5!important} @media(max-width:900px){ .home .duveo-featured-creators__layout{ display:grid!important;grid-template-columns:1fr!important;gap:0!important; min-height:0!important;max-height:none!important;border-radius:16px!important; background:#fff!important; } .home .duveo-featured-creators .duveo-featured-carousel__track, .home .duveo-featured-creators .duveo-home-hero__media{ min-height:0!important;max-height:none!important;height:auto!important;aspect-ratio:16/9!important;border-radius:0!important; } .home .duveo-home-hero__creator-copy{left:14px!important;right:14px!important;bottom:14px!important;width:auto!important;gap:6px!important} .home .duveo-home-hero__creator-id .duveo-avatar-media{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important} .home .duveo-home-hero__creator-id strong{font-size:19px!important} .home .duveo-home-hero__creator-copy p{display:none!important} .home .duveo-featured-creators__rail{ display:flex!important;gap:8px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important; padding:9px!important;background:#0E1F4D!important;border:0!important;border-radius:0!important;scrollbar-width:none!important; } .home .duveo-featured-creators__rail::-webkit-scrollbar{display:none!important} .home .duveo-featured-creators__rail-head{display:none!important} .home .duveo-featured-creator-chip{ flex:0 0 184px!important;display:grid!important;grid-template-columns:60px minmax(0,1fr)!important;gap:7px!important; min-height:58px!important;padding:6px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:11px!important;background:rgba(255,255,255,.05)!important;color:#fff!important; } .home .duveo-featured-creator-chip.is-active{border-color:#FC1C6D!important;background:rgba(255,255,255,.10)!important} .home .duveo-featured-creator-chip__meta b{font-size:10px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .home .duveo-featured-creator-chip__meta strong{font-size:8.5px!important;color:#c9d7ff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .home .duveo-featured-creator-chip__meta small{font-size:8px!important;color:rgba(255,255,255,.66)!important} .home .duveo-featured-carousel__arrow{display:none!important} .home .duveo-home-category-chips{scroll-snap-type:x proximity!important} .home .duveo-home-category-chips a{scroll-snap-align:start!important;min-height:40px!important;padding:0 16px!important} .home .duveo-state{flex-basis:74px!important;min-width:74px!important;max-width:74px!important} .home .duveo-state-ring{width:64px!important;height:64px!important} } /* ============================================================ DUVEO 5.1.79 · MÓVIL — SOLO CONTENIDO DE INICIO No modifica header, buscador, cuenta, navegación ni footer. Adapta exclusivamente: hero destacado, rail de creadores, categorías y Estados para pantallas móviles. ============================================================ */ @media (max-width:900px){ /* El contenido móvil ocupa el ancho disponible sin provocar desborde. */ .home .duveo-home-v5143, .home .duveo-home-featured, .home .duveo-home-category-strip, .home .duveo-home-states{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } /* HERO: protagonista, compacto y legible. */ .home .duveo-featured-creators{ margin:0 0 12px!important; border-radius:16px!important; overflow:hidden!important; } .home .duveo-featured-creators__layout{ display:block!important; width:100%!important; min-height:0!important; max-height:none!important; border:0!important; border-radius:16px!important; overflow:hidden!important; background:#fff!important; box-shadow:0 8px 24px rgba(14,31,77,.08)!important; } .home .duveo-featured-creators .duveo-featured-carousel__track, .home .duveo-featured-creators .duveo-home-hero__media{ width:100%!important; min-height:0!important; max-height:none!important; height:auto!important; aspect-ratio:16/10!important; border-radius:0!important; overflow:hidden!important; } .home .duveo-featured-creators .duveo-home-hero__media>img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; } .home .duveo-featured-creators .duveo-home-hero__shade{ background:linear-gradient(0deg,rgba(4,13,38,.92) 0%,rgba(4,13,38,.62) 38%,rgba(4,13,38,.05) 76%)!important; } .home .duveo-home-hero__creator-copy{ left:14px!important; right:14px!important; bottom:13px!important; width:auto!important; max-width:none!important; gap:6px!important; } .home .duveo-home-hero__eyebrow{ font-size:9px!important; line-height:1!important; letter-spacing:.11em!important; } .home .duveo-home-hero__creator-id{ gap:9px!important; align-items:center!important; } .home .duveo-home-hero__creator-id .duveo-avatar-media{ width:46px!important; height:46px!important; min-width:46px!important; min-height:46px!important; border:2px solid #fff!important; } .home .duveo-home-hero__creator-id strong{ font-size:19px!important; line-height:1.05!important; } .home .duveo-home-hero__creator-id span{ font-size:10px!important; line-height:1.2!important; } .home .duveo-home-hero__creator-id small{ font-size:9px!important; line-height:1.15!important; } .home .duveo-home-hero__creator-copy p{display:none!important} .home .duveo-home-hero__actions{ display:flex!important; gap:8px!important; margin-top:2px!important; } .home .duveo-home-hero__actions .duveo-btn{ min-height:34px!important; padding:0 13px!important; border-radius:999px!important; font-size:10px!important; font-weight:900!important; } /* CREAtORES DESTACADOS: el rail derecho de escritorio se convierte en carrusel horizontal móvil. */ .home .duveo-featured-creators__rail{ display:flex!important; flex-flow:row nowrap!important; gap:8px!important; width:100%!important; max-width:100%!important; max-height:none!important; overflow-x:auto!important; overflow-y:hidden!important; padding:9px 10px 10px!important; background:#0E1F4D!important; border:0!important; border-radius:0!important; scroll-snap-type:x proximity!important; overscroll-behavior-inline:contain!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; } .home .duveo-featured-creators__rail::-webkit-scrollbar{display:none!important} .home .duveo-featured-creators__rail-head{display:none!important} .home .duveo-featured-creator-chip{ flex:0 0 min(72vw,230px)!important; scroll-snap-align:start!important; display:grid!important; grid-template-columns:64px minmax(0,1fr)!important; gap:8px!important; align-items:center!important; min-width:0!important; min-height:61px!important; padding:6px!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:12px!important; background:rgba(255,255,255,.055)!important; color:#fff!important; } .home .duveo-featured-creator-chip.is-active{ border-color:#FC1C6D!important; background:rgba(255,255,255,.11)!important; box-shadow:inset 0 0 0 1px rgba(252,28,109,.14)!important; } .home .duveo-featured-creator-chip__thumb{ width:64px!important; aspect-ratio:16/10!important; border-radius:9px!important; overflow:hidden!important; } .home .duveo-featured-creator-chip__thumb img{ width:100%!important;height:100%!important;object-fit:cover!important; } .home .duveo-featured-creator-chip__meta{display:grid!important;gap:2px!important;min-width:0!important} .home .duveo-featured-creator-chip__meta b{ color:#fff!important;font-size:10px!important;line-height:1.1!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } .home .duveo-featured-creator-chip__meta strong{ display:flex!important;align-items:center!important;gap:2px!important; color:#C9D7FF!important;font-size:9px!important;line-height:1.1!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } .home .duveo-featured-creator-chip__meta small{color:rgba(255,255,255,.68)!important;font-size:8px!important} .home .duveo-featured-carousel__arrow{display:none!important} /* CATEGORÍAS: carrusel móvil, una sola línea y sin iconos. */ .home .duveo-home-category-strip{margin:0 0 11px!important} .home .duveo-home-category-chips{ display:flex!important; flex-flow:row nowrap!important; align-items:center!important; gap:8px!important; overflow-x:auto!important; overflow-y:hidden!important; padding:2px 1px 6px!important; scroll-snap-type:x proximity!important; overscroll-behavior-inline:contain!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; } .home .duveo-home-category-chips::-webkit-scrollbar{display:none!important} .home .duveo-home-category-chips a{ flex:0 0 auto!important; scroll-snap-align:start!important; min-height:40px!important; padding:0 16px!important; border-radius:999px!important; font-size:11px!important; white-space:nowrap!important; } .home .duveo-home-category-icon{display:none!important} /* ESTADOS: fila táctil con avatares completos y símbolo + visible. */ .home .duveo-home-states{margin-bottom:15px!important} .home .duveo-home-states .duveo-section-head{ display:flex!important; align-items:baseline!important; justify-content:space-between!important; gap:8px!important; margin-bottom:8px!important; } .home .duveo-home-states .duveo-section-head h2{font-size:16px!important;line-height:1.2!important} .home .duveo-home-states .duveo-section-head small{font-size:8px!important;text-align:right!important} .home .duveo-state-row{ display:flex!important; flex-flow:row nowrap!important; gap:12px!important; width:100%!important; overflow-x:auto!important; overflow-y:hidden!important; padding:2px 2px 7px!important; scroll-snap-type:x proximity!important; overscroll-behavior-inline:contain!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; } .home .duveo-state-row::-webkit-scrollbar{display:none!important} .home .duveo-state{ flex:0 0 72px!important; min-width:72px!important; max-width:72px!important; scroll-snap-align:start!important; } .home .duveo-state-ring{ width:64px!important; height:64px!important; padding:3px!important; } .home .duveo-state>span:last-child{ display:block!important; width:72px!important; margin-top:4px!important; font-size:8.5px!important; line-height:1.15!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:center!important; } .home .duveo-state-plus{ width:27px!important; height:27px!important; right:-3px!important; bottom:-3px!important; font-size:20px!important; } } @media (max-width:520px){ .home .duveo-featured-creators .duveo-featured-carousel__track, .home .duveo-featured-creators .duveo-home-hero__media{aspect-ratio:4/3!important} .home .duveo-home-hero__creator-copy{left:12px!important;right:12px!important;bottom:12px!important} .home .duveo-home-hero__creator-id strong{font-size:18px!important} .home .duveo-featured-creator-chip{flex-basis:78vw!important} .home .duveo-home-states .duveo-section-head small{display:none!important} } /* ========================================================= DUVEO 5.1.81 · Creador / Admin / reproductor ========================================================= */ .duveo-avatar-fallback--icon{display:grid!important;place-items:center!important;color:#7b8498;background:#eef2f8} .duveo-avatar-fallback--icon svg{width:48%;height:48%;stroke:currentColor;fill:none;stroke-width:1.7} .duveo-notification-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;color:#17223b!important;background:#fff!important} .duveo-notification-btn svg{display:block!important;width:20px!important;height:20px!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none!important} .duveo-surprise-top{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--duveo-line);border-radius:999px;background:#fff;font-size:12px;font-weight:800;white-space:nowrap;color:var(--duveo-ink)} .duveo-surprise-top svg{width:17px;height:17px;stroke:var(--duveo-blue);fill:none} .duveo-analytics-periods{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.duveo-analytics-periods a{padding:8px 14px;border:1px solid var(--duveo-line);border-radius:999px;font-size:12px;font-weight:800;background:#fff}.duveo-analytics-periods a.is-active{background:var(--duveo-blue);border-color:var(--duveo-blue);color:#fff} .duveo-creator-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.duveo-creator-analytics-grid h2{margin:0 0 13px;font-size:16px}.duveo-analytics-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.duveo-analytics-list li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--duveo-line);font-size:12px}.duveo-analytics-list li:last-child{border-bottom:0}.duveo-analytics-list strong{white-space:nowrap}.duveo-analytics-bars{display:grid;gap:11px}.duveo-analytics-bars>div{display:grid;grid-template-columns:86px minmax(0,1fr) 48px;gap:9px;align-items:center;font-size:11px}.duveo-analytics-bars i{height:7px;border-radius:999px;background:#e9edf5;overflow:hidden}.duveo-analytics-bars b{display:block;height:100%;background:var(--duveo-blue);border-radius:inherit} .duveo-validation-status{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:#f5f7fc;margin-bottom:16px}.duveo-validation-status.is-ready{background:#eefaf2}.duveo-validation-status span{font-size:12px;color:var(--duveo-muted)}.duveo-validation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.duveo-validation-grid>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px;border:1px solid var(--duveo-line);border-radius:12px}.duveo-validation-grid>div>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eef1f7}.duveo-validation-grid>div.is-ok>span{background:#eaf9ef;color:#168341}.duveo-validation-grid small{font-size:10px;color:var(--duveo-muted)} .duveo-promotion-form{max-width:820px}.duveo-promotion-form .duveo-notice{margin-top:12px} .duveo-player-description:empty{display:none!important} .duveo-next-aside .duveo-card.is-compact .duveo-card-title{margin-bottom:1px!important}.duveo-next-aside .duveo-card.is-compact .duveo-card-sub{margin-top:0!important;line-height:1.12!important}.duveo-next-aside .duveo-card.is-compact .duveo-card-meta{align-items:start!important} .duveo-mobile-next-list .duveo-card.is-compact .duveo-card-title{margin-bottom:1px!important}.duveo-mobile-next-list .duveo-card.is-compact .duveo-card-sub{margin-top:0!important;line-height:1.14!important} .home .duveo-home-recs-grid.is-category-carousel{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:14px;padding-bottom:8px}.home .duveo-home-recs-grid.is-category-carousel>.duveo-card{flex:0 0 min(280px,78vw);scroll-snap-align:start} .duveo-studio-app.is-creator-publish .duveo-studio-side,.duveo-studio-app.is-creator-publish .duveo-studio-top{display:none!important}.duveo-studio-app.is-creator-publish{display:block!important}.duveo-studio-app.is-creator-publish .duveo-studio-workspace{display:block!important;min-width:0}.duveo-studio-app.is-creator-publish .duveo-studio-pro-main{max-width:980px;margin:0 auto;padding:18px}.duveo-studio-app.is-creator-publish .duveo-studio-pro-hero{min-height:auto;padding:22px;margin-bottom:16px}.duveo-studio-app.is-creator-publish .duveo-studio-pro-growth,.duveo-studio-app.is-creator-publish .duveo-studio-pro-goal{display:none!important}.duveo-studio-app.is-creator-publish .duveo-studio-pro-actions{margin-top:0} @media(max-width:960px){.duveo-surprise-top{display:none}.duveo-creator-analytics-grid{grid-template-columns:1fr}.duveo-validation-grid{grid-template-columns:1fr}} @media(max-width:620px){.duveo-top-actions .duveo-notification-btn{display:inline-flex!important}.duveo-validation-status{align-items:flex-start;flex-direction:column}.duveo-account-profile-actions-v5167{display:flex;overflow-x:auto;flex-wrap:nowrap}.duveo-account-profile-actions-v5167 .duveo-btn{white-space:nowrap}} /* 5.1.81 · validación en perfil + analíticas globales administrativas */ .duveo-profile-validation-inline{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:13px 15px;border:1px solid var(--duveo-line);border-radius:14px;background:#fff}.duveo-profile-validation-inline>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:#eef2f7;color:#667085}.duveo-profile-validation-inline.is-ready>span{background:#e8f7ee;color:#167c45}.duveo-profile-validation-inline>div{display:grid;gap:2px;min-width:0;flex:1}.duveo-profile-validation-inline strong{font-size:13px}.duveo-profile-validation-inline small{font-size:11px;color:var(--duveo-muted);line-height:1.35}.duveo-profile-validation-inline>a{font-size:11px;font-weight:800;color:var(--duveo-blue);white-space:nowrap} .duveo-admin-audience-card h4{margin:14px 0 5px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--duveo-muted)}.duveo-admin-audience-total{display:grid;gap:2px;padding:8px 0 4px}.duveo-admin-audience-total strong{font-size:24px;line-height:1}.duveo-admin-audience-total small{font-size:10px;color:var(--duveo-muted)}.duveo-admin-audience-card .duveo-analytics-list li{font-size:10px;padding:7px 0} @media(max-width:620px){.duveo-profile-validation-inline{align-items:flex-start;flex-wrap:wrap}.duveo-profile-validation-inline>a{margin-left:40px}} /* 5.1.88 — Solicitud y aprobación del usuario público del canal */ .duveo-channel-username-box{margin:18px 0;padding:20px;border:1px solid var(--duveo-line);border-radius:var(--duveo-radius);background:var(--duveo-white);box-shadow:var(--duveo-shadow)} .duveo-channel-username-box h2{margin:0 0 8px;font-size:1.08rem}.duveo-channel-username-box p{margin:6px 0;color:var(--duveo-muted)} .duveo-channel-username-meta{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.duveo-channel-username-meta span{padding:6px 10px;border-radius:999px;background:var(--duveo-soft);font-size:.84rem;font-weight:700} .duveo-channel-username-request{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:14px}.duveo-channel-username-request .duveo-profile-field{flex:1;min-width:220px} .duveo-channel-username-pending{border-left:4px solid var(--duveo-blue)}.duveo-channel-username-review{border-left:4px solid var(--duveo-purple)} .duveo-channel-username-review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.duveo-channel-username-queue{display:grid;gap:12px}.duveo-channel-username-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--duveo-line);border-radius:14px}.duveo-channel-username-row small{display:block;color:var(--duveo-muted);margin-top:4px} @media(max-width:700px){.duveo-channel-username-row{align-items:flex-start;flex-direction:column}.duveo-channel-username-request{align-items:stretch}.duveo-channel-username-request .duveo-btn{width:100%}} /* ============================================================ DUVEO 5.1.89 · DUVEO Sala — solo Estrenos ============================================================ */ .duveo-room{--room-bg:#071022;--room-panel:#0d1830;--room-line:rgba(255,255,255,.1);background:linear-gradient(145deg,#050b18,#0a1731 62%,#11103a);color:#fff;border-radius:22px;padding:18px;margin:0 0 34px;box-shadow:0 22px 65px rgba(0,13,54,.22)} .duveo-room__topline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:2px 4px 14px}.duveo-room__topline>div{display:flex;align-items:center;gap:10px}.duveo-room__brand{font-weight:900;letter-spacing:-.025em}.duveo-room__state{display:inline-flex;align-items:center;border:1px solid var(--room-line);background:rgba(255,255,255,.07);padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.duveo-room__state.is-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff355d;margin-right:6px;box-shadow:0 0 0 4px rgba(255,53,93,.16)} .duveo-room__viewers{display:inline-flex;align-items:center;gap:6px;color:#cbd5e1;font-size:12px}.duveo-room__viewers i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.duveo-room__viewers strong{color:#fff} .duveo-room__layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.duveo-room__main{min-width:0}.duveo-room__player{position:relative;aspect-ratio:16/9;background:#02050c;border-radius:16px;overflow:hidden}.duveo-room__player iframe,.duveo-room__player video,.duveo-room__poster{width:100%;height:100%;display:block;border:0;object-fit:cover}.duveo-room__player:after{content:"";pointer-events:none;position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:inherit} .duveo-room__waiting{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:28px;background:linear-gradient(90deg,rgba(1,6,18,.82),rgba(1,6,18,.42));z-index:2}.duveo-room__waiting>span{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#b9c4ff}.duveo-room__waiting h2{font-size:clamp(24px,4vw,48px);margin:8px 0 10px;letter-spacing:-.05em}.duveo-room__waiting small{color:#cbd5e1;margin-top:8px}.duveo-room__countdown{justify-content:center}.duveo-room__countdown span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.08);min-width:70px}.duveo-room__resume{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6} .duveo-room__reaction-layer{position:absolute;right:16px;bottom:16px;z-index:5;pointer-events:none;width:110px;height:75%;overflow:hidden}.duveo-room-reaction-float{position:absolute;right:8px;bottom:-24px;font-size:30px;animation:duveoRoomFloat 2.8s ease-out forwards;filter:drop-shadow(0 5px 10px rgba(0,0,0,.35))}@keyframes duveoRoomFloat{0%{opacity:0;transform:translateY(0) scale(.65) rotate(-8deg)}12%{opacity:1}100%{opacity:0;transform:translateY(-240px) translateX(var(--room-drift,0px)) scale(1.15) rotate(8deg)}} .duveo-room__meta{padding:15px 4px 2px}.duveo-room__title>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#9ba8c6}.duveo-room__title h1{font-size:clamp(22px,3vw,34px);margin:2px 0 12px;letter-spacing:-.04em}.duveo-room .duveo-creator-line__meta small{color:#9ca9c0}.duveo-room .duveo-creator-line__meta strong{color:#fff} .duveo-room__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--room-line)}.duveo-room__emoji-bar,.duveo-room__primary-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.duveo-room__emoji-bar button{border:1px solid var(--room-line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;min-height:38px;padding:0 10px;display:flex;align-items:center;gap:5px}.duveo-room__emoji-bar button:hover{background:rgba(255,255,255,.12)}.duveo-room__emoji-bar button:disabled{opacity:.42;cursor:not-allowed}.duveo-room__emoji-bar button span{font-size:18px}.duveo-room__emoji-bar button small{font-size:10px;color:#b9c4d6}.duveo-room__primary-actions .duveo-btn{background:rgba(255,255,255,.07);color:#fff;border-color:var(--room-line)}.duveo-room__primary-actions .duveo-btn--primary,.duveo-room__primary-actions .duveo-apoyar{background:linear-gradient(90deg,var(--duveo-blue),var(--duveo-purple));border-color:transparent} .duveo-room__chat{background:rgba(7,15,31,.88);border:1px solid var(--room-line);border-radius:16px;display:grid;grid-template-rows:auto minmax(240px,1fr) auto auto;min-height:0;overflow:hidden}.duveo-room__chat-head{padding:14px 15px;border-bottom:1px solid var(--room-line);display:flex;align-items:center;justify-content:space-between}.duveo-room__chat-head strong{display:block}.duveo-room__chat-head small{display:block;color:#8e9bb5;margin-top:2px}.duveo-room__chat-live{width:9px;height:9px;border-radius:50%;background:#475569}.duveo-room__chat-live.is-on{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.duveo-room__messages{padding:12px;overflow:auto;display:flex;flex-direction:column;gap:10px}.duveo-room__chat-empty{color:#7f8aa0;font-size:12px;text-align:center;margin:auto}.duveo-room-msg{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px}.duveo-room-msg__avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#17213a}.duveo-room-msg__body{min-width:0}.duveo-room-msg__head{display:flex;align-items:baseline;gap:6px}.duveo-room-msg__head strong{font-size:11px}.duveo-room-msg__head time{font-size:9px;color:#68758d}.duveo-room-msg p{font-size:12px;line-height:1.35;margin:2px 0 0;color:#e6ebf5;overflow-wrap:anywhere}.duveo-room__chat-form{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px;padding:10px;border-top:1px solid var(--room-line)}.duveo-room__chat-form input{height:40px;border-radius:12px;border:1px solid var(--room-line);background:#101b33;color:#fff;padding:0 12px;outline:none}.duveo-room__chat-form input:focus{border-color:#596df2}.duveo-room__chat-form button{border:0;border-radius:12px;background:var(--duveo-blue);color:#fff;font-size:18px}.duveo-room__chat-form input:disabled,.duveo-room__chat-form button:disabled{opacity:.45}.duveo-room__chat-status{min-height:18px;padding:0 11px 9px;color:#8d9bb4;font-size:10px}.duveo-room__login{margin:10px;border:1px solid var(--room-line);border-radius:12px;padding:10px;text-align:center;font-size:12px;font-weight:800;background:rgba(255,255,255,.06)} .home .duveo-home-rooms-track{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);grid-template-columns:none!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;padding:2px 2px 10px;scrollbar-width:thin}.home .duveo-home-room-card{scroll-snap-align:start}.home .duveo-home-room-card .duveo-home-premiere-card__media>span{bottom:auto}.home .duveo-room-card-status{left:8px;top:8px!important;bottom:auto!important}.home .duveo-room-card-status.is-live{background:#dc2548!important}.home .duveo-room-card-countdown{right:8px;left:auto!important;top:8px!important;bottom:auto!important}.home .duveo-home-room-card.is-open{box-shadow:0 0 0 2px rgba(0,89,249,.14)}.home .duveo-home-room-card.is-live{box-shadow:0 0 0 2px rgba(199,5,151,.18)} @media(max-width:980px){.duveo-room__layout{grid-template-columns:1fr}.duveo-room__chat{min-height:420px}.duveo-room__actions{align-items:flex-start}.duveo-room__primary-actions{width:100%}} @media(max-width:767px){.duveo-room{margin-left:-14px;margin-right:-14px;border-radius:0;padding:10px}.duveo-room__topline{padding:6px 4px 10px}.duveo-room__viewers{font-size:10px}.duveo-room__layout{gap:10px}.duveo-room__player{border-radius:12px}.duveo-room__waiting{padding:14px}.duveo-room__countdown{gap:5px}.duveo-room__countdown span{min-width:54px;padding:8px}.duveo-room__actions{display:block}.duveo-room__emoji-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.duveo-room__primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.duveo-room__primary-actions .duveo-btn{width:100%;min-height:40px}.duveo-room__chat{min-height:380px}.home .duveo-home-rooms-track{grid-auto-columns:84%}} /* ============================================================ DUVEO 5.1.90 · APARIENCIA AUTOMÁTICA DEL DISPOSITIVO - Sin selector manual. - Sigue prefers-color-scheme del sistema en tiempo real. - El modo claro conserva íntegramente el diseño 5.1.89. - El reproductor y DUVEO Sala conservan su tratamiento oscuro. ============================================================ */ @media (prefers-color-scheme: dark) and (max-width:0px) { html { color-scheme: dark; --duveo-ink:#f4f7fb; --duveo-muted:#9aa7bd; --duveo-line:#28364b; --duveo-soft:#131c2a; --duveo-white:#0b111c; --duveo-red-dark:#9bb9ff; --duveo-shadow:0 12px 32px rgba(0,0,0,.28); background:#090f18; } body, .duveo-app, .duveo-shell, .duveo-main { background:#090f18; color:var(--duveo-ink); } /* Cabecera, navegación y menús globales. */ .duveo-topbar { background:rgba(9,15,24,.94); border-bottom-color:var(--duveo-line); } .duveo-sidebar, .duveo-mobile-menu-sheet, .duveo-account-dropdown, .duveo-more-pop, .duveo-card-pop, .duveo-filter-sheet, .duveo-dialog, .duveo-studio-create-dropdown, .duveo-state-create-card, .duveo-studio-upload-dropdown, .duveo-studio-modal-panel, .duveo-studio-modal-head, .duveo-studio-modal-actions, .duveo-create-panel-card { background-color:#111a28 !important; color:var(--duveo-ink); border-color:var(--duveo-line) !important; } .duveo-nav a, .duveo-sidebar-footer, .duveo-account-dropdown small, .duveo-account-dropdown-section>a, .duveo-account-caret { color:#cbd5e1; } .duveo-nav a:hover, .duveo-nav a.is-active, .duveo-account-dropdown-section>a:hover, .duveo-account-menu-group>a:hover, .duveo-account-menu-group>a.is-active { background:#182338 !important; color:#dce7ff !important; } .duveo-nav-separator, .duveo-account-dropdown-section, .duveo-account-dropdown-head, .duveo-account-dropdown-upgrade { border-color:var(--duveo-line) !important; } .duveo-logo__official, .duveo-menu-brand img { filter:brightness(1.28) saturate(1.06) drop-shadow(0 0 1px rgba(255,255,255,.24)); } /* Controles generales. */ .duveo-search input, .duveo-filterbar select, .duveo-filterbar input, .duveo-studio-form input, .duveo-studio-form select, .duveo-studio-form textarea, .duveo-dialog input, .duveo-dialog select, .duveo-dialog textarea, .duveo-profile-field input, .duveo-profile-field select, .duveo-profile-field textarea, .duveo-auth-form input[type=text], .duveo-auth-form input[type=password], .duveo-auth-form input[type=email], .duveo-explore-search input, .duveo-studio-field input, .duveo-studio-field textarea, .duveo-studio-field select, .duveo-studio-video-tools select, .duveo-premieres-mobile__filters select, .duveo-premieres-mobile__creator-search input, .duveo-comments textarea, input[type="search"] { background:#111a28 !important; color:var(--duveo-ink) !important; border-color:var(--duveo-line) !important; } input::placeholder, textarea::placeholder { color:#7f8da5 !important; opacity:1; } .duveo-search input:focus, .duveo-profile-field input:focus, .duveo-profile-field select:focus, .duveo-profile-field textarea:focus { background:#151f30 !important; border-color:#4669a8 !important; box-shadow:0 0 0 3px rgba(23,105,255,.15); } .duveo-icon-btn, .duveo-account-access, .duveo-notification-btn, .duveo-btn:not(.duveo-btn--primary):not(.duveo-btn--dark), .duveo-chip, .duveo-calendar-control, .duveo-create-choice, .duveo-premieres-mobile__action, .duveo-premieres-mobile__tabs a, .duveo-premieres-mobile__filter-btn, .duveo-explore-mobile-filter, .duveo-analytics-periods a { background-color:#131d2c !important; color:#e7edf7 !important; border-color:var(--duveo-line) !important; } .duveo-btn--ghost, .duveo-action.is-active, .duveo-surprise-preferences-btn { background:#1a2031 !important; color:#d8e4ff !important; border-color:#394764 !important; } /* Superficies y tarjetas principales. */ .duveo-goal, .duveo-support-box, .duveo-project-card, .duveo-stat-card, .duveo-studio-quick, .duveo-studio-guide, .duveo-profile-visual-card, .duveo-profile-form-card, .duveo-profile-preview-card, .duveo-profile-tips-card, .duveo-channel-hero, .duveo-auth-card, .duveo-legal-page, .duveo-user-profile-card-v5142, .duveo-account-type-stats-v5142>div, .duveo-creator-validation-card, .duveo-profile-validation-inline, .duveo-account-side-v5167, .duveo-account-profile-v5167, .duveo-account-tabs-v5167, .duveo-account-content-tabs-v5167, .duveo-account-card-v5167, .duveo-account-quick-create-v5167 a, .duveo-account-content-item-v5167, .duveo-create-panel-grid>a { background-color:#111a28 !important; color:var(--duveo-ink) !important; border-color:var(--duveo-line) !important; } .duveo-placeholder, .duveo-empty, .duveo-account-mini-stats-v5167>div, .duveo-validation-status, .duveo-content-safety-fields, .duveo-profile-field.is-readonly input, .duveo-studio-form-note, .duveo-state-create-drop, .duveo-bunny-upload-status, .duveo-state-bunny-status { background:#131d2c !important; border-color:var(--duveo-line) !important; color:#aab6c9 !important; } .duveo-card-title, .duveo-page-head h1, .duveo-section-head h2, .duveo-home-intro h1, .duveo-account-profile-v5167 h1, .duveo-account-card-v5167 h2, .duveo-account-card-v5167 h3, .duveo-profile-visual-card h2, .duveo-profile-form-card h2, .duveo-profile-preview-card h2, .duveo-profile-tips-card h2, .duveo-channel-hero h1, .duveo-auth-card h1, .duveo-legal-page h1, .duveo-legal-page h2, .duveo-legal-page h3 { color:#f4f7fb !important; } .duveo-card-sub, .duveo-page-head p, .duveo-home-intro p { color:#9aa7bd !important; } /* Portada. */ .home .duveo-home-creator-card, .home .duveo-home-premiere-card, .home .duveo-featured-creators__rail, .home .duveo-featured-creators__layout, .home .duveo-home-category-chips a, .home .duveo-featured-creator-chip { background-color:#111a28 !important; color:#eef3fb !important; border-color:var(--duveo-line) !important; } .home .duveo-featured-creator-chip:hover, .home .duveo-featured-creator-chip.is-active, .home .duveo-home-category-chips a:hover { background:#182338 !important; } .home .duveo-home-category-more { background:#151f30 !important; } /* Explorar y Estrenos. */ .page-template-page-explorar .duveo-main, .page-template-page-estrenos .duveo-main { background:#090f18 !important; color:#f4f7fb; } .duveo-premieres-mobile__card, .duveo-premieres-mobile__filters, .duveo-premieres-mobile__filter-actions, .duveo-premieres-mobile__category-options span, .duveo-premieres-mobile__date-options span, .duveo-explore-page .duveo-explore-mobile-filter, .page-template-page-explorar .duveo-explore-mobile-filter { background:#111a28 !important; color:#e7edf7 !important; border-color:var(--duveo-line) !important; } .duveo-premieres-mobile__thumb, .duveo-premieres-mobile__next-thumb { background:#182338 !important; } /* Momentos: mantiene el video oscuro y adapta paneles/editorial. */ .page-template-page-momentos .duveo-main, .page-template-page-momentos .duveo-momentos-layout, .page-template-page-momentos .duveo-momentos-side, .page-template-page-momentos .duveo-momentos-commentsbox, .page-template-page-momentos .duveo-momentos-nextbox, .page-template-page-momentos .duveo-momentos-tabs, .page-template-page-momentos .duveo-momentos-category-explore, .page-template-page-momentos .duveo-momentos-onepage__side, .page-template-page-momentos .duveo-momentos-onepage__side>section, .page-template-page-momentos .duveo-momentos-v5160__info, .page-template-page-momentos .duveo-momentos-v5160__more, .page-template-page-momentos .duveo-momentos-v5138__comments, .page-template-page-momentos .duveo-momentos-v5138__next, .page-template-page-momentos .duveo-momentos-v5138__next-item, .page-template-page-momentos .duveo-momentos-v5138__more-menu, .page-template-page-momentos .duveo-momentos-v5138__emoji-menu, .page-template-page-momentos .duveo-momentos-v5138__trends, .page-template-page-momentos .duveo-momentos-v5138__comment-form, .duveo-momentos-desktop-meta { background:#0f1724 !important; color:#eef3fb !important; border-color:var(--duveo-line) !important; } .page-template-page-momentos .duveo-momentos-tabs .duveo-chip, .page-template-page-momentos .duveo-moment-follow, .duveo-momentos-actions-rail .duveo-round-action, .duveo-momentos-mobile-creator .duveo-btn { background:#172132 !important; color:#edf3ff !important; border-color:#314058 !important; } .page-template-page-momentos .duveo-momentos-commentform input, .page-template-page-momentos .duveo-momentos-v5138__comment-form input, .page-template-page-momentos .duveo-search input { background:#131d2c !important; color:#eef3fb !important; border-color:var(--duveo-line) !important; } /* Creator Studio. */ body:has(.duveo-studio-app), body:has(.duveo-studio-pro), .duveo-studio-app, .duveo-studio-side, .duveo-studio-workspace, .duveo-studio-top, .duveo-studio-right-panel, .duveo-studio-modal-form, .duveo-studio-video-manager, .duveo-studio-pro-card, .duveo-studio-pro-actions button, .duveo-studio-pro-actions a, .duveo-studio-profile-link, .duveo-studio-profile-actions a, .duveo-studio-row-menu-pop { background-color:#0f1724 !important; color:#eef3fb !important; border-color:var(--duveo-line) !important; } .duveo-studio-pro { --studio-bg:#090f18; --studio-line:#29364b; color:#eef3fb; } .duveo-studio-pro-hero-copy h1, .duveo-studio-profile-copy strong, .duveo-upload-form-heading h3 { color:#f4f7fb !important; } .duveo-studio-pro-hero-copy p, .duveo-studio-profile-copy p, .duveo-studio-profile-copy small, .duveo-upload-form-heading p, .duveo-storage-meta { color:#9aa7bd !important; } .duveo-studio-pro-growth, .duveo-studio-pro-goal, .duveo-studio-pro-metrics article, .duveo-studio-upload-card, .duveo-upload-form-section { background:#111a28 !important; color:#eef3fb !important; border-color:var(--duveo-line) !important; } .duveo-studio-create-top, .duveo-studio-pro-actions .is-primary { background:#0f5bff !important; color:#fff !important; } .duveo-studio-search, .duveo-studio-quick-grid a, .duveo-studio-quick-create button, .duveo-studio-modal-close, .duveo-studio-upload-dropdown>button, .duveo-studio-upload-dropdown>a { background:#151f30 !important; color:#e7edf7 !important; border-color:var(--duveo-line) !important; } /* Cuenta, perfil y acceso. */ .duveo-account-nav-v5142, .duveo-account-nav-group>a, .duveo-account-type label, .duveo-account-type-stats-v5142>div, .duveo-user-profile-status-v5142, .duveo-account-retention-v5167, .duveo-account-upgrade-v5167 { background:#111a28 !important; color:#e7edf7 !important; border-color:var(--duveo-line) !important; } .duveo-account-nav-group>a.is-active, .duveo-account-nav-group>a:hover { background:#182338 !important; } /* Estados informativos: conservar significado, bajar luminosidad. */ .duveo-notice, .duveo-status-pill.is-review, .duveo-status-pill.is-pending, .duveo-studio-form-ready.is-warning, .duveo-creator-validation-card.is-pending { background:#2a2415 !important; color:#f4d58a !important; border-color:#5a4a24 !important; } .duveo-notice--success, .duveo-studio-form-ready, .duveo-creator-validation-card.is-valid, .duveo-validation-status.is-ready { background:#10251a !important; color:#9ce2b8 !important; border-color:#24583a !important; } .duveo-status-pill.is-rejected, .duveo-auth-notice.is-error, .duveo-btn--danger { background:#2b141b !important; color:#ffb4c0 !important; border-color:#643041 !important; } /* El reproductor normal y DUVEO Sala deben permanecer oscuros en ambos modos. */ .duveo-player, .duveo-room, .duveo-room__player, .duveo-room__chat { color:#fff; } .duveo-room .duveo-btn, .duveo-room__emoji-bar button { color:#fff !important; } /* Barras inferiores y elementos fijos móviles. */ .duveo-mobilebar { background:rgba(9,15,24,.96) !important; border-color:var(--duveo-line) !important; color:#dce5f2; } .duveo-mobilebar a { color:#bdc8da; } /* Scrollbars discretos en modo oscuro. */ * { scrollbar-color:#42516a #111a28; } } /* 5.1.93 · DUVEO Sala completa en Estrenos */ .duveo-room.is-ended{background:linear-gradient(145deg,#050b18,#09162d 60%,#1b0d38)} .duveo-room__after{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 4px 0;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(92,40,209,.13);color:#dfe6ff;font-size:12px}.duveo-room__after strong{color:#fff}.duveo-room__after span{color:#aeb9d0} .duveo-room__poll{padding:12px;border-bottom:1px solid var(--room-line);background:rgba(92,40,209,.08)}.duveo-room__poll-head{display:grid;gap:3px;margin-bottom:9px}.duveo-room__poll-head span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#9faeff}.duveo-room__poll-head strong{font-size:12px;color:#fff}.duveo-room__poll-options{display:grid;gap:6px}.duveo-room__poll-options button{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(255,255,255,.055);color:#eef2ff;text-align:left;font-size:11px}.duveo-room__poll-options button>span,.duveo-room__poll-options button>b{position:relative;z-index:2}.duveo-room__poll-options button>b{font-size:10px;color:#cbd5e1}.duveo-room__poll-options button i{position:absolute;z-index:1;inset:0 auto 0 0;width:var(--poll-width,0%);background:linear-gradient(90deg,rgba(0,89,249,.30),rgba(199,5,151,.24));transition:width .25s ease}.duveo-room__poll-options button.is-selected{border-color:#6f83ff;box-shadow:0 0 0 1px rgba(111,131,255,.22)}.duveo-room__poll>small{display:block;margin-top:7px;color:#7f8eaa;font-size:9px} .page-template-page-estrenos .duveo-premieres-sala-page__head{margin-bottom:14px}.page-template-page-estrenos .duveo-premieres-sala-page__head .duveo-kicker{color:#6f83ff}.page-template-page-estrenos .duveo-premieres-sala-page__featured{margin-top:18px}.page-template-page-estrenos .duveo-premieres-sala-page__program{margin-top:22px}.duveo-premieres-sala-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.duveo-premieres-sala-card{overflow:hidden;border:1px solid #e4e9f2;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(0,13,54,.06)}.duveo-premieres-sala-card__media{position:relative;display:block;aspect-ratio:16/9;background:#071022;overflow:hidden}.duveo-premieres-sala-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.duveo-premieres-sala-card:hover .duveo-premieres-sala-card__media img{transform:scale(1.025)}.duveo-premieres-sala-card__body{display:grid;gap:9px;padding:12px}.duveo-premieres-sala-card__body>a>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.25}.duveo-premieres-sala-card__creator{display:flex;align-items:center;gap:7px;font-size:11px;color:#58647a}.duveo-premieres-sala-card__creator .duveo-avatar{width:28px;height:28px}.duveo-premieres-sala-card__signals{display:flex;gap:6px;flex-wrap:wrap}.duveo-premieres-sala-card__signals span{padding:5px 8px;border-radius:999px;background:#f5f7fb;color:#5e687a;font-size:9px;font-weight:800}.duveo-premieres-sala-card .duveo-btn{justify-self:start;min-height:36px;padding-inline:12px;font-size:11px}.duveo-premieres-sala-page__empty{display:grid;gap:4px;padding:26px;color:#fff}.duveo-premieres-sala-page__empty span{color:#aeb9d0}.duveo-premieres-sala__head>span{display:inline-block;margin-bottom:4px;color:#6f83ff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.duveo-premieres-sala__head small{display:block;margin-top:4px;color:#6f7890} @media(max-width:1100px){.duveo-premieres-sala-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){.duveo-premieres-sala-grid{grid-template-columns:1fr}.duveo-room__poll{padding:10px}.duveo-room__after{margin-inline:0}.page-template-page-estrenos .duveo-premieres-mobile__card{border-color:#dce4f2}.page-template-page-estrenos .duveo-premieres-mobile__badge{background:linear-gradient(90deg,var(--duveo-blue),var(--duveo-purple))}} /* 5.1.93 · categorías de portada llenan escritorio; Ver más conserva salida a Explorar */ @media(min-width:1000px){.home .duveo-home-category-chips{display:flex!important;overflow-x:auto!important;gap:9px!important}.home .duveo-home-category-chips a{flex:0 0 auto!important}.home .duveo-home-category-more{margin-left:auto!important}} /* 5.1.94 · Sala abierta desde publicación + horario y zona horaria visibles */ .duveo-room__schedule{display:grid;gap:2px;margin:10px auto 2px;padding:8px 11px;max-width:max-content;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(5,11,24,.72);color:#fff;text-align:center}.duveo-room__schedule span{font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#9faeff}.duveo-room__schedule strong{font-size:12px}.duveo-room__schedule small{font-size:9px;color:#aeb9d0} /* ========================================================= DUVEO 5.1.95 · DUVEO Sala completa + portada ========================================================= */ .duveo-room__smart-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; } .duveo-room__smart-card{ min-width:0; border:1px solid rgba(255,255,255,.10); border-radius:15px; padding:13px; background:linear-gradient(145deg,rgba(15,32,68,.88),rgba(7,15,31,.94)); color:#fff; box-shadow:0 10px 28px rgba(0,0,0,.13); } .duveo-room__ai{background:linear-gradient(145deg,rgba(0,89,249,.18),rgba(5,24,47,.94))} .duveo-room__auto-moment{background:linear-gradient(145deg,rgba(199,5,151,.16),rgba(37,8,39,.94))} .duveo-room__smart-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center} .duveo-room__smart-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--duveo-blue),var(--duveo-purple));font-size:17px;font-weight:900;box-shadow:0 8px 18px rgba(0,89,249,.22)} .duveo-room__auto-moment .duveo-room__smart-icon{background:linear-gradient(135deg,var(--duveo-pink),#ff4c87)} .duveo-room__smart-head strong{display:block;font-size:13px} .duveo-room__smart-head strong em{display:inline-flex;margin-left:4px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.10);color:#cfd7ff;font-size:8px;font-style:normal;letter-spacing:.08em} .duveo-room__smart-head small{display:block;margin-top:2px;color:#9dacC5;font-size:10px;line-height:1.35} .duveo-room__ai-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:11px} .duveo-room__ai-form input{min-width:0;height:39px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(4,11,27,.82);color:#fff;padding:0 11px;outline:none} .duveo-room__ai-form input:focus{border-color:#6f83ff;box-shadow:0 0 0 3px rgba(111,131,255,.12)} .duveo-room__ai-form button,.duveo-room__smart-action{min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;padding:0 12px;font-size:10px;font-weight:850} .duveo-room__ai-form button{background:linear-gradient(90deg,var(--duveo-blue),var(--duveo-purple));border-color:transparent} .duveo-room__ai-form input:disabled,.duveo-room__ai-form button:disabled{opacity:.48;cursor:not-allowed} .duveo-room__ai-answer{min-height:34px;margin-top:9px;color:#d9e1ef;font-size:10px;line-height:1.45} .duveo-room__smart-action{margin-top:8px} .duveo-room__smart-action--primary{background:linear-gradient(90deg,var(--duveo-pink),var(--duveo-purple));border-color:transparent} .duveo-room__moment-state{display:grid;gap:4px;margin-top:11px;padding:10px;border-radius:11px;background:rgba(255,255,255,.055)} .duveo-room__moment-state strong{font-size:12px}.duveo-room__moment-state span{color:#bec8d9;font-size:10px;line-height:1.4} .duveo-room__moment-actions{display:flex;gap:7px;flex-wrap:wrap} .duveo-room__moment-status{display:block;min-height:14px;margin-top:5px;color:#aeb9d0;font-size:9px} /* Portada: presentación protagonista de DUVEO Sala. */ .duveo-home-sala-pro__hero{ display:grid; grid-template-columns:minmax(280px,.78fr) minmax(0,1.45fr); gap:18px; align-items:stretch; padding:18px; border:1px solid #dfe5f1; border-radius:22px; background: radial-gradient(circle at 8% 10%,rgba(0,89,249,.12),transparent 32%), radial-gradient(circle at 92% 12%,rgba(199,5,151,.10),transparent 28%), linear-gradient(135deg,#f8faff,#fff); box-shadow:0 16px 42px rgba(0,13,54,.07); } .duveo-home-sala-pro__intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px} .duveo-home-sala-pro__eyebrow{color:#5f70ef;font-size:10px;font-weight:950;letter-spacing:.13em} .duveo-home-sala-pro__intro h3{margin:7px 0 8px;font-size:clamp(24px,2.2vw,38px);line-height:1.02;letter-spacing:-.045em;color:var(--duveo-ink)} .duveo-home-sala-pro__intro p{margin:0;color:#5d6880;font-size:12px;line-height:1.58} .duveo-home-sala-pro__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin:14px 0} .duveo-home-sala-pro__features span{display:flex;align-items:center;min-height:34px;padding:7px 9px;border:1px solid #e6eaf3;border-radius:10px;background:rgba(255,255,255,.78);color:#334158;font-size:9px;font-weight:800} .duveo-home-sala-pro__featured{overflow:hidden;border:1px solid rgba(0,13,54,.10);border-radius:18px;background:#071022;color:#fff;box-shadow:0 14px 34px rgba(0,13,54,.16)} .duveo-home-sala-pro__media{position:relative;display:block;aspect-ratio:16/8.3;overflow:hidden;background:#10192a} .duveo-home-sala-pro__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.60))} .duveo-home-sala-pro__media img{width:100%;height:100%;object-fit:cover} .duveo-home-sala-pro__media .duveo-room-card-status,.duveo-home-sala-pro__media .duveo-home-sala-pro__countdown,.duveo-home-sala-pro__community{z-index:2} .duveo-home-sala-pro__community{position:absolute;left:12px;bottom:11px;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(3,8,22,.75);backdrop-filter:blur(8px);color:#fff;font-size:9px;font-weight:800} .duveo-home-sala-pro__body{display:grid;gap:9px;padding:13px} .duveo-home-sala-pro__title span{display:block;color:#8ea4ff;font-size:9px;font-weight:900;letter-spacing:.12em}.duveo-home-sala-pro__title strong{display:block;margin-top:3px;font-size:16px;line-height:1.25;color:#fff} .duveo-home-sala-pro__creator{display:flex;align-items:center;gap:8px}.duveo-home-sala-pro__creator .duveo-avatar{width:36px;height:36px}.duveo-home-sala-pro__creator>span{display:grid}.duveo-home-sala-pro__creator strong{font-size:10px}.duveo-home-sala-pro__creator small,.duveo-home-sala-pro__schedule{color:#9eabc0;font-size:9px} .duveo-home-sala-pro__rail-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:16px 2px 8px}.duveo-home-sala-pro__rail-head strong{font-size:13px}.duveo-home-sala-pro__rail-head small{color:#758198;font-size:9px} .duveo-home-sala-pro__empty{display:grid;gap:8px;padding:24px;border:1px dashed #d9e0ed;border-radius:18px;background:#f8faff}.duveo-home-sala-pro__empty span{color:#66708a;font-size:11px;line-height:1.5}.duveo-home-sala-pro__empty .duveo-btn{justify-self:start} /* Creator Studio: configuración de Sala. */ .duveo-studio-room-config{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid #dfe5f1;border-radius:14px;background:linear-gradient(145deg,#f7f9ff,#fff)} .duveo-studio-room-config__head{display:grid;gap:3px}.duveo-studio-room-config__head strong{font-size:14px;color:#10204a}.duveo-studio-room-config__head small{color:#6c7890;font-size:10px;line-height:1.45} @media(max-width:980px){ .duveo-home-sala-pro__hero{grid-template-columns:1fr} .duveo-home-sala-pro__intro{padding:2px} } @media(max-width:767px){ .duveo-room__smart-grid{grid-template-columns:1fr} .duveo-room__ai-form{grid-template-columns:1fr} .duveo-room__ai-form button{width:100%} .duveo-home-sala-pro__hero{padding:12px;border-radius:16px} .duveo-home-sala-pro__features{grid-template-columns:1fr} .duveo-home-sala-pro__media{aspect-ratio:16/9} .duveo-home-sala-pro__rail-head{align-items:flex-start;flex-direction:column;gap:2px} .page-template-page-estrenos .duveo-page-head{margin-top:4px} .page-template-page-estrenos .duveo-filterbar{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none} .page-template-page-estrenos .duveo-filterbar select,.page-template-page-estrenos .duveo-filterbar .duveo-btn{flex:0 0 auto;min-width:130px} .page-template-page-estrenos .duveo-premieres-sala-page__featured{margin-left:-14px;margin-right:-14px} } /* ========================================================== DUVEO 5.1.96 · Sala limpia + portada real + IA flotante ========================================================== */ .duveo-home-sala-clean .duveo-section-head{margin-bottom:10px} .duveo-home-sala-clean__featured{margin-bottom:16px} .duveo-home-sala-clean__featured>.duveo-room{margin-top:0} .duveo-home-sala-clean__featured .duveo-room__title h1{font-size:clamp(20px,2vw,30px)} /* El chat empieza exactamente junto al reproductor; el JS iguala su altura en escritorio. */ .duveo-room__chat{ display:flex; flex-direction:column; align-self:start; min-height:0; } .duveo-room__messages{flex:1 1 240px;min-height:180px} .duveo-room__poll{flex:0 0 auto} .duveo-room__chat-head,.duveo-room__chat-form,.duveo-room__chat-status,.duveo-room__login{flex:0 0 auto} /* Pregúntale a DUVEO: control discreto y flotante solo para escritorio. */ .duveo-room__ai-float{position:fixed;right:28px;bottom:28px;z-index:80} .duveo-room__ai-trigger{ width:56px;height:56px;border:0;border-radius:50%; display:flex;align-items:center;justify-content:center;gap:3px; background:linear-gradient(135deg,var(--duveo-blue),var(--duveo-purple)); color:#fff;box-shadow:0 16px 38px rgba(0,13,54,.28);font-weight:900 } .duveo-room__ai-trigger span{font-size:19px}.duveo-room__ai-trigger b{font-size:10px;letter-spacing:.04em} .duveo-room__ai-popover{ position:absolute;right:0;bottom:68px;width:min(380px,calc(100vw - 48px)); padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:16px; background:#071022;color:#fff;box-shadow:0 22px 54px rgba(0,0,0,.36) } .duveo-room__ai-popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px} .duveo-room__ai-popover-head strong{font-size:13px} .duveo-room__ai-popover-head button{width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:18px} .duveo-room__ai-form--float{grid-template-columns:minmax(0,1fr) 40px auto;margin-top:0} .duveo-room__ai-form--float .duveo-room__ai-voice{padding:0;min-width:40px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)} .duveo-room__ai-form--float .duveo-room__ai-voice.is-listening{box-shadow:0 0 0 3px rgba(0,89,249,.22);background:#17346f} .duveo-room__ai-form--float .duveo-room__ai-submit{padding-inline:13px} /* Estrenos: encabezado limpio, sin explicación redundante. */ .duveo-premieres-sala-page__head{margin-bottom:14px} .duveo-premieres-sala-page__head h1{margin-bottom:0} .duveo-premieres-sala__head>span,.duveo-premieres-sala__head>small{display:none!important} @media(max-width:980px){ .duveo-room__ai-float{display:none!important} .duveo-room__chat{height:auto!important;min-height:420px} } /* ========================================================== DUVEO 5.1.97 · Portada web corregida + carrusel de Estrenos - Escritorio: Inicio no incrusta DUVEO Sala. - Móvil: se conserva la portada 5.1.96; solo crece notificaciones. ========================================================== */ /* Escritorio: el contenido de Inicio respeta siempre la columna del menú. */ @media (min-width:901px){ body.home .duveo-shell{ display:grid!important; grid-template-columns:var(--duveo-sidebar) minmax(0,1fr)!important; width:100%!important; max-width:100%!important; overflow:visible!important; } body.home .duveo-sidebar{ grid-column:1!important; min-width:var(--duveo-sidebar)!important; width:var(--duveo-sidebar)!important; z-index:10!important; } body.home .duveo-main{ grid-column:2!important; grid-row:1!important; min-width:0!important; width:100%!important; max-width:none!important; margin:0!important; padding-left:clamp(18px,2vw,30px)!important; padding-right:clamp(18px,2vw,30px)!important; overflow-x:clip!important; position:relative!important; z-index:1!important; } body.home .duveo-home-v5143, body.home .duveo-home-featured, body.home .duveo-home-category-strip, body.home .duveo-home-premiere-banner{ min-width:0!important; width:100%!important; max-width:100%!important; } body.home .duveo-home-hero__creator-copy{ left:clamp(24px,2.5vw,44px)!important; right:auto!important; width:auto!important; max-width:min(560px,62%)!important; transform:none!important; } /* Categorías: una sola línea estable dentro del área útil de Inicio. */ body.home .duveo-home-category-strip{ margin-top:0!important; margin-bottom:14px!important; overflow:hidden!important; } body.home .duveo-home-category-chips{ width:100%!important; max-width:100%!important; display:flex!important; align-items:center!important; gap:9px!important; overflow-x:auto!important; overflow-y:hidden!important; padding:2px 0 7px!important; scroll-padding-inline:0!important; } body.home .duveo-home-category-chips a{ flex:0 0 auto!important; } body.home .duveo-home-category-more{ margin-left:auto!important; } /* En escritorio desaparece la Sala completa incrustada que provocaba el desajuste. */ body.home .duveo-home-premieres-mobile-legacy{ display:none!important; } body.home .duveo-home-premiere-banner{ display:block!important; margin:0 0 20px!important; } } /* En móvil no se cambia la composición de Inicio: solo se oculta el nuevo banner web. */ @media (max-width:900px){ body.home .duveo-home-premiere-banner{display:none!important} body.home .duveo-home-premieres-mobile-legacy{display:block!important} /* Solicitud puntual: campana de notificaciones más visible en portada móvil. */ body.home .duveo-top-actions .duveo-notification-btn{ width:42px!important; height:42px!important; min-width:42px!important; padding:0!important; } body.home .duveo-top-actions .duveo-notification-btn svg{ width:23px!important; height:23px!important; stroke-width:2!important; } } /* Carrusel de próximos Estrenos · solo se muestra en escritorio. */ .duveo-home-premiere-banner__viewport{ position:relative; min-width:0; width:100%; aspect-ratio:16/4.6; min-height:255px; max-height:390px; overflow:hidden; border-radius:18px; background:#071022; box-shadow:0 12px 30px rgba(0,13,54,.10); } .duveo-home-premiere-banner__slide{ position:absolute; inset:0; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .36s ease,visibility .36s ease; } .duveo-home-premiere-banner__slide.is-active{ opacity:1; visibility:visible; pointer-events:auto; z-index:1; } .duveo-home-premiere-banner__link{ position:relative; display:block; width:100%; height:100%; overflow:hidden; } .duveo-home-premiere-banner__link>img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; } .duveo-home-premiere-banner__shade{ position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,8,22,.88) 0%,rgba(3,8,22,.58) 38%,rgba(3,8,22,.10) 76%),linear-gradient(0deg,rgba(3,8,22,.62),transparent 58%); } .duveo-home-premiere-banner__status, .duveo-home-premiere-banner__countdown{ position:absolute; z-index:3; top:16px; display:inline-flex; align-items:center; min-height:30px; padding:0 11px; border-radius:999px; color:#fff; font-size:10px; font-weight:950; letter-spacing:.08em; } .duveo-home-premiere-banner__status{ left:16px; background:rgba(4,13,38,.76); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(8px); } .duveo-home-premiere-banner__status.is-live{ background:#e11d48; border-color:#e11d48; } .duveo-home-premiere-banner__countdown{ right:16px; background:rgba(0,89,249,.90); box-shadow:0 8px 22px rgba(0,89,249,.26); } .duveo-home-premiere-banner__copy{ position:absolute; z-index:3; left:clamp(22px,3vw,44px); right:clamp(22px,3vw,44px); bottom:clamp(22px,3vw,38px); display:grid; gap:7px; max-width:720px; color:#fff; text-shadow:0 2px 14px rgba(0,0,0,.34); } .duveo-home-premiere-banner__copy strong{ font-size:clamp(25px,2.6vw,42px); line-height:1.03; letter-spacing:-.035em; } .duveo-home-premiere-banner__copy small{ font-size:12px; font-weight:750; color:rgba(255,255,255,.84); } .duveo-home-premiere-banner__arrow{ position:absolute; z-index:5; top:50%; width:40px; height:40px; margin-top:-20px; border:1px solid rgba(255,255,255,.20); border-radius:50%; background:rgba(3,8,22,.58); color:#fff; font-size:28px; line-height:1; backdrop-filter:blur(8px); } .duveo-home-premiere-banner__arrow.is-prev{left:12px} .duveo-home-premiere-banner__arrow.is-next{right:12px} .duveo-home-premiere-banner__dots{ position:absolute; z-index:5; left:50%; bottom:13px; display:flex; gap:6px; transform:translateX(-50%); } .duveo-home-premiere-banner__dots button{ width:7px; height:7px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.45); } .duveo-home-premiere-banner__dots button.is-active{ width:22px; border-radius:999px; background:#fff; } .duveo-home-premiere-banner__empty{min-height:150px} /* Estrenos ya finalizados bajan a recientes en Inicio. */ .duveo-home-premiere-recent{margin-top:14px} .duveo-home-premiere-recent__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 2px 9px; } .duveo-home-premiere-recent__head strong{font-size:14px} .duveo-home-premiere-recent__head a{font-size:11px;font-weight:850;color:var(--duveo-blue)} .duveo-home-premiere-recent__grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } .duveo-home-premiere-recent__card{min-width:0} .duveo-home-premiere-recent__media{ position:relative; display:block; aspect-ratio:16/9; overflow:hidden; border-radius:12px; background:#10192a; } .duveo-home-premiere-recent__media img{ width:100%; height:100%; object-fit:cover; } .duveo-home-premiere-recent__media span{ position:absolute; left:8px; bottom:8px; padding:4px 7px; border-radius:999px; background:rgba(3,8,22,.75); color:#fff; font-size:8px; font-weight:900; } .duveo-home-premiere-recent__body{ display:grid; gap:2px; padding:7px 2px 0; } .duveo-home-premiere-recent__body strong{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:12px; line-height:1.25; } .duveo-home-premiere-recent__body small{font-size:9px;color:var(--duveo-muted)} @media (min-width:901px) and (max-width:1180px){ .duveo-home-premiere-banner__viewport{aspect-ratio:16/5.5} .duveo-home-premiere-recent__grid{grid-template-columns:repeat(3,minmax(0,1fr))} } /* DUVEO Sala: iconos de acciones/reacciones se dibujan con SVG/emoji nativo, nunca mediante imágenes externas susceptibles de quedar rotas. */ .duveo-room__primary-actions .duveo-btn svg, .duveo-room__emoji-bar button svg{ display:block; width:18px; height:18px; stroke:currentColor; fill:none; } .duveo-room__emoji-bar button>span{ display:inline-flex; align-items:center; justify-content:center; min-width:22px; min-height:22px; line-height:1; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; } /* ========================================================== DUVEO 5.1.98 · Estrenos debajo de Momentos + Sala interactiva ========================================================== */ /* Inicio: el mismo carrusel/banner se usa en escritorio y móvil; nunca se incrusta una Sala. */ body.home .duveo-home-premieres-mobile-legacy{display:none!important} body.home .duveo-home-premiere-banner{display:block!important;margin:0 0 20px!important} .duveo-home-premiere-banner__cta{ display:inline-flex;align-items:center;justify-content:center;justify-self:start; min-height:36px;padding:0 14px;border-radius:10px;background:#1769ff;color:#fff; font-size:11px;font-weight:900;letter-spacing:0;text-shadow:none;box-shadow:0 8px 20px rgba(23,105,255,.28) } @media(max-width:900px){ body.home .duveo-home-premiere-banner{display:block!important} .duveo-home-premiere-banner__viewport{aspect-ratio:16/9;min-height:0;max-height:none;border-radius:14px} .duveo-home-premiere-banner__copy{left:16px;right:16px;bottom:16px;gap:5px} .duveo-home-premiere-banner__copy strong{font-size:22px} .duveo-home-premiere-banner__copy small{font-size:10px} .duveo-home-premiere-banner__cta{min-height:34px;padding:0 12px;font-size:10px} .duveo-home-premiere-recent__grid{grid-template-columns:repeat(2,minmax(0,1fr))} } /* Sala: "Viendo contigo" se muestra debajo de la cuenta regresiva, no en la cabecera. */ .duveo-room__viewers--under-countdown{justify-self:center;margin:3px 0 2px;padding:6px 10px;border-radius:999px;background:rgba(3,8,22,.55);color:#dbe4f3} .duveo-room__presence-row{display:flex;justify-content:flex-end;padding:8px 4px 0} .duveo-room__resume[hidden],.duveo-room__poll[hidden],.duveo-room__poll-toggle[hidden]{display:none!important} /* Reacciones y acciones: solo SVG locales; no dependen de imágenes de emoji externas. */ .duveo-room__reaction-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;min-height:22px} .duveo-room__reaction-icon svg,.duveo-room__primary-actions .duveo-btn svg,.duveo-premieres-sala-card__signals svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .duveo-room__primary-actions .duveo-btn{display:inline-flex;align-items:center;gap:7px} /* Chat siempre principal; la encuesta es opcional y se abre bajo demanda. */ .duveo-room__chat{overflow:hidden} .duveo-room__messages{flex:1 1 auto!important;min-height:0!important} .duveo-room__chat-tools{display:flex;align-items:center;gap:9px} .duveo-room__poll-toggle{min-height:30px;padding:0 10px;border:1px solid var(--room-line);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;font-size:10px;font-weight:850} .duveo-room__poll-toggle.is-active{background:#1769ff;border-color:#1769ff} .duveo-room__poll{max-height:48%;overflow:auto;border-bottom:1px solid var(--room-line)} .duveo-room__chat-form button svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* Página Estrenos: catálogo de banners. La Sala solo existe al entrar a un estreno. */ .page-template-page-estrenos .duveo-premieres-sala-page__featured{display:none!important} .page-template-page-estrenos .duveo-premieres-sala-page__program{margin-top:20px} .duveo-premieres-sala-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .duveo-premieres-sala-card__media{aspect-ratio:16/7.2} .duveo-premieres-sala-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,22,.05),rgba(3,8,22,.72))} .duveo-premieres-sala-card__overlay{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;display:grid;gap:3px;color:#fff} .duveo-premieres-sala-card__overlay strong{font-size:20px;line-height:1.08;letter-spacing:-.025em;text-shadow:0 2px 12px rgba(0,0,0,.34)} .duveo-premieres-sala-card__overlay small{font-size:10px;color:rgba(255,255,255,.82)} .duveo-premieres-sala-card__signals span{display:inline-flex;align-items:center;gap:5px} .duveo-premieres-sala-card__signals svg{width:13px;height:13px} .duveo-premieres-mobile__actions{display:flex;gap:8px;flex-wrap:wrap} .page-template-page-estrenos .duveo-premieres-mobile__action--primary{background:#1769ff!important;color:#fff!important;border-color:#1769ff!important} @media(max-width:1100px){.duveo-premieres-sala-grid{grid-template-columns:1fr}.duveo-premieres-sala-card__media{aspect-ratio:16/7.4}} /* ============================================================ DUVEO 5.1.99 · MOMENTOS + ESTADOS · MÚSICA LIBRE CC0 - Biblioteca Openverse con validación CC0 - Momentos móvil: pantalla limpia, controles ocultos, Seguir circular - Estados/Momentos: pista, fragmento y mezcla de volumen - Menú móvil existente: sin cambios ============================================================ */ /* Biblioteca de música reutilizable en Crear / Estados / Momentos */ .duveo-music-picker{margin:14px 0 4px;padding:14px;border:1px solid #e3e8f2;border-radius:18px;background:linear-gradient(180deg,#fff,#fafbff);box-shadow:0 10px 30px rgba(20,34,70,.05)} .duveo-music-picker__head{display:flex;align-items:center;justify-content:space-between;gap:12px} .duveo-music-picker__head>div{min-width:0}.duveo-music-picker__head strong{display:block;color:#0b1f4d;font-size:14px}.duveo-music-picker__head small{display:block;margin-top:3px;color:#6d7890;font-size:11px;line-height:1.35} .duveo-music-add,.duveo-music-remove,.duveo-music-search button,.duveo-music-result__use{border:0;cursor:pointer;font:inherit;font-weight:800} .duveo-music-add{flex:0 0 auto;min-height:38px;padding:0 14px;border-radius:999px;background:#1769ff;color:#fff} .duveo-music-selected{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border:1px solid #dce4f2;border-radius:14px;background:#fff} .duveo-music-selected__icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:#1769ff;font-size:18px;font-weight:900} .duveo-music-selected__copy{min-width:0}.duveo-music-selected__copy strong,.duveo-music-selected__copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duveo-music-selected__copy strong{font-size:12px;color:#14254c}.duveo-music-selected__copy small{margin-top:2px;font-size:10px;color:#758097} .duveo-music-remove{width:32px;height:32px;border-radius:50%;background:#f2f4f8;color:#5f6b83;font-size:17px} .duveo-music-panel{margin-top:12px;padding:12px;border:1px solid #dde4f0;border-radius:16px;background:#fff} .duveo-music-panel__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.duveo-music-panel__top strong{font-size:13px;color:#13234a}.duveo-music-panel__close{width:32px;height:32px;border:0;border-radius:50%;background:#f2f4f8;color:#5d6880;font-size:19px;cursor:pointer} .duveo-music-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.duveo-music-search input{min-width:0;height:42px;padding:0 13px;border:1px solid #dbe2ed;border-radius:12px;background:#fbfcff;color:#17264b}.duveo-music-search button{min-height:42px;padding:0 15px;border-radius:12px;background:#1769ff;color:#fff} .duveo-music-suggestions{display:flex;gap:7px;overflow:auto;padding:10px 0 2px;scrollbar-width:none}.duveo-music-suggestions::-webkit-scrollbar{display:none}.duveo-music-suggestions button{flex:0 0 auto;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#334466;padding:7px 10px;font-size:10px;font-weight:750;cursor:pointer} .duveo-music-status{min-height:18px;margin:8px 0 2px;color:#6f7a90;font-size:10px} .duveo-music-results{display:grid;gap:8px;max-height:330px;overflow:auto;padding-right:2px} .duveo-music-result{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px;border:1px solid #e4e9f2;border-radius:12px;background:#fff}.duveo-music-result.is-selected{border-color:#1769ff;box-shadow:0 0 0 1px #1769ff inset}.duveo-music-result__note{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f0f4ff;color:#1769ff}.duveo-music-result__copy{min-width:0}.duveo-music-result__copy strong,.duveo-music-result__copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duveo-music-result__copy strong{font-size:11px;color:#17264b}.duveo-music-result__copy small{margin-top:2px;font-size:9px;color:#7a8497}.duveo-music-result__preview{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:#eef2f8;color:#273750;cursor:pointer}.duveo-music-result__use{height:34px;padding:0 10px;border-radius:999px;background:#1769ff;color:#fff;font-size:9px} .duveo-music-mix{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.duveo-music-mix label{display:grid;gap:5px;padding:10px;border-radius:12px;background:#f7f9fc}.duveo-music-mix label>span{display:flex;justify-content:space-between;gap:8px;color:#43516d;font-size:10px;font-weight:750}.duveo-music-mix input[type=range]{width:100%;accent-color:#1769ff}.duveo-music-fragment{grid-column:1/-1}.duveo-music-license{margin:10px 1px 0;color:#7b8598;font-size:9px;line-height:1.4}.duveo-music-license a{color:#1769ff} /* Momentos: control de sonido contextual y etiqueta de pista */ .page-template-page-momentos .duveo-momentos-v5199__sound-prompt{position:absolute;z-index:14;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(0,0,0,.52);backdrop-filter:blur(12px);color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.24);cursor:pointer}.page-template-page-momentos .duveo-momentos-v5199__sound-prompt svg{width:20px;height:20px;stroke:currentColor;fill:none}.page-template-page-momentos .duveo-momentos-v5199__sound-prompt strong{font-size:11px}.page-template-page-momentos .duveo-momentos-v5199__sound-prompt[hidden]{display:none!important} .page-template-page-momentos .duveo-momentos-v5199__sound-mini{position:absolute;z-index:14;right:14px;top:16px;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.35);backdrop-filter:blur(10px);color:#fff;cursor:pointer}.page-template-page-momentos .duveo-momentos-v5199__sound-mini svg{width:19px;height:19px;stroke:currentColor;fill:none}.page-template-page-momentos .duveo-momentos-v5199__sound-mini[hidden]{display:none!important} .page-template-page-momentos .duveo-momentos-v5199__music{display:flex;align-items:flex-start;gap:6px;min-width:0;margin-top:5px;color:rgba(255,255,255,.92);font-size:10px}.page-template-page-momentos .duveo-momentos-v5199__music[hidden]{display:none!important}.page-template-page-momentos .duveo-momentos-v5199__music>a{min-width:0;color:inherit;text-decoration:none}.page-template-page-momentos .duveo-momentos-v5199__music strong,.page-template-page-momentos .duveo-momentos-v5199__music small{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-template-page-momentos .duveo-momentos-v5199__music small{margin-top:1px;color:rgba(255,255,255,.72);font-size:8px} .page-template-page-momentos .duveo-momentos-v5199__follow-rail{display:none} /* Estados: identificación discreta de la música usada */ .duveo-state-music{position:absolute;z-index:7;left:18px;right:82px;bottom:126px;display:flex;align-items:flex-start;gap:7px;padding:8px 10px;border-radius:13px;background:rgba(0,0,0,.34);backdrop-filter:blur(10px);color:#fff}.duveo-state-music[hidden]{display:none!important}.duveo-state-music a{min-width:0;color:#fff;text-decoration:none}.duveo-state-music strong,.duveo-state-music small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duveo-state-music strong{font-size:10px}.duveo-state-music small{margin-top:1px;color:rgba(255,255,255,.75);font-size:8px} @media(min-width:981px){ .page-template-page-momentos .duveo-momentos-v5199__sound-mini{top:14px;right:54px} .page-template-page-momentos .duveo-momentos-v5199__music{color:#263654;text-shadow:none}.page-template-page-momentos .duveo-momentos-v5199__music small{color:#77839a} } @media(max-width:980px){ /* Pantalla completa útil: contenido hasta arriba y solo se reserva el menú móvil existente abajo. */ .page-template-page-momentos .duveo-momentos-v5138__viewer{height:calc(100dvh - 60px)!important;min-height:0!important} .page-template-page-momentos .duveo-momentos-v5138__mobile-logo{top:max(10px,env(safe-area-inset-top))!important} .page-template-page-momentos .duveo-momentos-v5199__sound-mini{top:max(58px,calc(env(safe-area-inset-top) + 46px));right:13px} .page-template-page-momentos .duveo-momentos-v5199__sound-prompt{top:47%} /* Diseño aprobado: sin reproductor inferior visible en móvil. El toque sobre el video pausa/reanuda. */ .page-template-page-momentos .duveo-momentos-v5138__controls{display:none!important} /* Avatar/@usuario se quedan abajo; Seguir sale de la ficha y vive encima de Me gusta. */ .page-template-page-momentos .duveo-momentos-v5138__creator{bottom:18px!important;right:76px!important} .page-template-page-momentos .duveo-momentos-v5138__creatorline{grid-template-columns:42px minmax(0,1fr)!important} .page-template-page-momentos .duveo-momentos-v5138__creatorline>.duveo-momentos-v5138__follow{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__views{margin-left:51px!important} .page-template-page-momentos .duveo-momentos-v5138__actions{right:9px!important;bottom:76px!important;gap:9px!important} .page-template-page-momentos .duveo-momentos-v5199__follow-rail{display:grid;place-items:center;width:50px;height:50px;padding:0;border:1.5px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(23,105,255,.92);box-shadow:0 6px 18px rgba(0,0,0,.28);color:#fff;font-size:8px;font-weight:900;line-height:1;text-align:center;cursor:pointer;backdrop-filter:blur(8px)} .page-template-page-momentos .duveo-momentos-v5199__follow-rail[hidden]{display:none!important} .page-template-page-momentos .duveo-momentos-v5199__music{order:4;margin:5px 0 0 51px!important;max-width:calc(100vw - 140px)} .page-template-page-momentos .duveo-momentos-v5138__description{order:5!important} .duveo-state-music{left:12px;right:76px;bottom:166px} /* En móvil la biblioteca se abre como hoja inferior; escritorio permanece integrada en el formulario. */ .duveo-music-picker.is-open .duveo-music-panel{position:fixed;z-index:10050;left:0;right:0;bottom:0;margin:0;max-height:82dvh;overflow:auto;padding:16px 14px calc(18px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;box-shadow:0 -24px 70px rgba(0,0,0,.30)} .duveo-music-result{grid-template-columns:34px minmax(0,1fr) 34px}.duveo-music-result__use{grid-column:2/4;justify-self:stretch} .duveo-music-mix{grid-template-columns:1fr} .duveo-music-fragment{grid-column:auto} } /* 5.1.99 · Ajuste visual del selector según su marcado real. */ .duveo-music-picker__head>div{display:flex;align-items:center;gap:9px;min-width:0}.duveo-music-picker__icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#edf3ff;color:#1769ff;font-size:17px}.duveo-music-license-badge{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#eef8f1;color:#217744;font-size:9px;font-weight:900} .duveo-music-add{width:100%;margin-top:11px;display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;text-align:left;column-gap:8px;min-height:52px;padding:8px 12px;border-radius:14px}.duveo-music-add>span{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18)}.duveo-music-add>strong{font-size:11px}.duveo-music-add>small{font-size:8px;font-weight:600;opacity:.82} .duveo-music-selected>div{display:flex;align-items:center;gap:9px;min-width:0}.duveo-music-selected__disc{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:#eff4ff;color:#1769ff}.duveo-music-selected>div>div{min-width:0}.duveo-music-selected>button{border:0;border-radius:999px;background:#f2f4f8;color:#5e6980;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer} .duveo-music-panel__bar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.duveo-music-panel__bar>div{min-width:0}.duveo-music-panel__bar strong{display:block;color:#13234a;font-size:13px}.duveo-music-panel__bar small{display:block;margin-top:2px;color:#788399;font-size:9px}.duveo-music-panel__bar>button{width:32px;height:32px;flex:0 0 32px;border:0;border-radius:50%;background:#f2f4f8;color:#5d6880;font-size:19px;cursor:pointer} .duveo-music-result{grid-template-columns:40px minmax(0,1fr) auto}.duveo-music-result__thumb{width:40px;height:40px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#f0f4ff;color:#1769ff}.duveo-music-result__thumb img{width:100%;height:100%;object-fit:cover}.duveo-music-result__copy span{display:block;margin-top:2px;color:#8b94a6;font-size:8px}.duveo-music-result__actions{display:flex;align-items:center;gap:6px}.duveo-music-result__actions button{border:0;cursor:pointer;font-weight:850}.duveo-music-result__actions [data-music-preview]{width:34px;height:34px;border-radius:50%;background:#eef2f8;color:#273750}.duveo-music-result__actions [data-music-use]{height:34px;padding:0 10px;border-radius:999px;background:#1769ff;color:#fff;font-size:9px} .duveo-music-mix>label,.duveo-music-volume-grid label{display:grid;gap:5px;padding:10px;border-radius:12px;background:#f7f9fc}.duveo-music-mix label>span,.duveo-music-volume-grid label>span{display:flex;justify-content:space-between;gap:8px;color:#43516d;font-size:10px;font-weight:750}.duveo-music-mix input[type=range],.duveo-music-volume-grid input[type=range]{width:100%;accent-color:#1769ff}.duveo-music-volume-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.duveo-music-note{grid-column:1/-1;color:#7b8598;font-size:9px;line-height:1.4}.duveo-music-empty,.duveo-music-loading{padding:16px 10px;border-radius:12px;background:#f8f9fc;color:#6f7a90;text-align:center;font-size:10px} .duveo-music-selected[hidden],.duveo-music-panel[hidden],.duveo-music-mix[hidden]{display:none!important} @media(max-width:980px){.duveo-music-result{grid-template-columns:40px minmax(0,1fr)}.duveo-music-result__actions{grid-column:1/-1;justify-content:flex-end}.duveo-music-result__actions [data-music-use]{min-width:84px}.duveo-music-volume-grid{grid-template-columns:1fr}} /* 5.2.02 · Biblioteca de música: fallback directo de navegador, categorías ampliadas y preescucha. */ .duveo-music-suggestions{flex-wrap:wrap;overflow:visible} .duveo-music-empty--error{display:grid;gap:8px;justify-items:center}.duveo-music-empty--error strong{color:#b42318;font-size:11px}.duveo-music-empty--error span{max-width:560px;line-height:1.4}.duveo-music-empty button{border:0;border-radius:999px;background:#1769ff;color:#fff;padding:7px 12px;font-size:9px;font-weight:850;cursor:pointer} .duveo-music-result__actions [data-music-preview].is-loading{opacity:.65}.duveo-music-result__actions [data-music-preview].is-playing{background:#1769ff;color:#fff}.duveo-music-result__actions [data-music-preview].is-error{background:#fff1f0;color:#b42318} @media(max-width:980px){.duveo-music-suggestions{flex-wrap:nowrap;overflow:auto}} /* ===== DUVEO 5.2.03 · Experiencia de creador simplificada ===== */ .duveo-validation-grid--actionable>div{position:relative;display:grid;gap:5px;align-content:start} .duveo-validation-grid--actionable .duveo-validation-action{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;margin-top:6px;padding:7px 10px;border-radius:999px;background:rgba(92,40,209,.1);color:var(--duveo-purple);font-size:12px;font-weight:800} .duveo-validation-grid--actionable em{font-size:11px;color:var(--duveo-muted);font-style:normal;line-height:1.35} .duveo-creator-profile-form section[id^="duveo-validation-"]{scroll-margin-top:110px} .duveo-minor-rights-confirm{border:1px solid rgba(199,5,151,.25);background:rgba(199,5,151,.05);border-radius:12px;padding:12px} .duveo-minor-rights-confirm[hidden]{display:none!important} .duveo-account-create-modal{position:fixed;inset:0;z-index:10080;background:rgba(0,13,54,.58);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px} .duveo-account-create-modal.is-open{display:flex} .duveo-account-create-panel{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,13,54,.28);padding:24px} .duveo-account-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px} .duveo-account-create-head h2{margin:3px 0 6px;font-size:clamp(24px,4vw,36px)} .duveo-account-create-head p{margin:0;color:var(--duveo-muted);max-width:620px} .duveo-account-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .duveo-account-create-grid>a,.duveo-account-create-grid>button{appearance:none;border:1px solid var(--duveo-line);background:var(--duveo-white);color:var(--duveo-ink);border-radius:16px;padding:16px;text-align:left;display:grid;grid-template-columns:42px 1fr;gap:2px 12px;align-items:center;min-height:92px;transition:.18s ease} .duveo-account-create-grid>a:hover{transform:translateY(-1px);border-color:rgba(92,40,209,.35);box-shadow:0 10px 26px rgba(0,13,54,.08)} .duveo-account-create-grid>a>span,.duveo-account-create-grid>button>span{grid-row:1/3;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(92,40,209,.1);font-size:20px;font-weight:900} .duveo-account-create-grid strong{font-size:15px}.duveo-account-create-grid small{color:var(--duveo-muted);line-height:1.35} .duveo-account-create-grid>button.is-locked{opacity:.68;cursor:not-allowed;background:#f7f8fb} .duveo-account-create-grid>a.is-state-unlocked{border-color:rgba(0,89,249,.28)} .duveo-account-create-foot{margin-top:14px;padding:11px 13px;border-radius:12px;background:var(--duveo-soft);color:var(--duveo-muted);font-size:12px} body.duveo-account-create-open{overflow:hidden} /* Publicación rápida: al creador se le muestra únicamente el formulario elegido. */ .duveo-studio-app.is-quick-publish{display:block!important;min-height:calc(100vh - 80px);background:var(--duveo-soft)} .duveo-studio-app.is-quick-publish>.duveo-studio-side,.duveo-studio-app.is-quick-publish .duveo-studio-top,.duveo-studio-app.is-quick-publish .duveo-studio-pro-hero,.duveo-studio-app.is-quick-publish .duveo-studio-pro-actions,.duveo-studio-app.is-quick-publish .duveo-studio-profile-link,.duveo-studio-app.is-quick-publish .duveo-studio-pro-grid,.duveo-studio-app.is-quick-publish .duveo-studio-pro-metrics{display:none!important} .duveo-studio-app.is-quick-publish .duveo-studio-workspace{margin:0!important;width:100%!important;max-width:none!important} .duveo-studio-app.is-quick-publish .duveo-studio-pro-main{max-width:1180px;margin:0 auto;padding:28px 18px 48px} .duveo-quick-publish-shell{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;background:#fff;border:1px solid var(--duveo-line);border-radius:18px;padding:18px 20px;box-shadow:var(--duveo-shadow)} .duveo-quick-publish-shell h1{margin:4px 0 6px;font-size:28px}.duveo-quick-publish-shell p{margin:0;color:var(--duveo-muted)} @media(max-width:700px){ .duveo-account-create-modal{padding:0;align-items:flex-end} .duveo-account-create-panel{border-radius:24px 24px 0 0;padding:18px 14px 22px;max-height:88vh} .duveo-account-create-grid{grid-template-columns:1fr} .duveo-account-create-grid>a,.duveo-account-create-grid>button{min-height:78px;padding:13px} .duveo-quick-publish-shell{flex-direction:column} } .duveo-moderation-badge{display:inline-flex;width:max-content;margin-top:5px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800} .duveo-moderation-badge.is-blocked{background:rgba(214,54,56,.1);color:#a61b1f} .duveo-moderation-badge.is-review{background:rgba(199,5,151,.1);color:#970574} .duveo-moderation-badge.is-clear{background:rgba(0,163,42,.1);color:#087b2e} /* ============================================================ DUVEO 5.2.04 · AUDITORÍA FINAL DE MODO OSCURO / CLARO - El dispositivo es la autoridad mediante prefers-color-scheme. - Este bloque está al FINAL para ganar a componentes añadidos después de la implementación original del modo oscuro. - Refuerza contraste de categorías, formularios, Sala, música y 5.2.03. - El logo conserva sus colores oficiales sobre una placa clara discreta. ============================================================ */ @media (prefers-color-scheme: dark) and (max-width:0px) { html { color-scheme:dark; background:#090f18; } body { background:#090f18; color:#f4f7fb; } /* Identidad: no invertir ni desaturar el logo oficial. */ .duveo-logo, .duveo-menu-brand, .duveo-studio-logo { background:rgba(255,255,255,.94) !important; border:1px solid rgba(255,255,255,.72) !important; border-radius:11px !important; padding:4px 8px !important; box-shadow:0 5px 18px rgba(0,0,0,.20) !important; } .duveo-logo__official, .duveo-menu-brand img, .duveo-studio-logo img, .duveo-auth-logo, .page-template-page-momentos .duveo-momentos-v5138__mobile-logo { filter:none !important; } .duveo-auth-logo, .page-template-page-momentos .duveo-momentos-v5138__mobile-logo { background:rgba(255,255,255,.94) !important; border:1px solid rgba(255,255,255,.68) !important; border-radius:10px !important; padding:4px 7px !important; box-shadow:0 5px 18px rgba(0,0,0,.24) !important; } /* Categorías y chips: contraste mínimo consistente en todas las vistas. */ .home .duveo-home-category-chips a, .home .duveo-home-category-chips .duveo-home-category-more, .duveo-premieres-mobile__category-options span, .duveo-premieres-mobile__date-options span, .page-template-page-momentos .duveo-momentos-tabs .duveo-chip, .page-template-page-momentos .duveo-momentos-category-explore .duveo-chip, .duveo-music-suggestions button, .duveo-chip { background:#131d2c !important; color:#e8eef8 !important; border-color:#304058 !important; } .home .duveo-home-category-chips a.is-active, .home .duveo-home-category-chips a:hover, .duveo-premieres-mobile__category-options span.is-active, .duveo-premieres-mobile__date-options span.is-active, .page-template-page-momentos .duveo-momentos-tabs .duveo-chip.is-active, .duveo-music-suggestions button:hover, .duveo-music-suggestions button.is-active { background:#1769ff !important; color:#fff !important; border-color:#1769ff !important; } .home .duveo-home-category-chips .duveo-home-category-more { color:#a9c3ff !important; } /* Estrenos / Sala añadidos después del bloque oscuro original. */ .duveo-premieres-sala-card, .duveo-home-sala-pro__hero, .duveo-home-sala-pro__empty, .duveo-studio-room-config { background:#111a28 !important; color:#eef3fb !important; border-color:#2b3a50 !important; } .duveo-home-sala-pro__hero { background: radial-gradient(circle at 8% 10%,rgba(23,105,255,.18),transparent 32%), radial-gradient(circle at 92% 12%,rgba(199,5,151,.15),transparent 28%), linear-gradient(135deg,#0f1724,#111a28) !important; } .duveo-premieres-sala-card__body>a>strong, .duveo-home-sala-pro__intro h3, .duveo-studio-room-config__head strong, .duveo-home-sala-pro__rail-head strong { color:#f4f7fb !important; } .duveo-premieres-sala-card__creator, .duveo-premieres-sala__head small, .duveo-home-sala-pro__intro p, .duveo-home-sala-pro__rail-head small, .duveo-home-sala-pro__empty span, .duveo-studio-room-config__head small { color:#9eabc0 !important; } .duveo-premieres-sala-card__signals span, .duveo-home-sala-pro__features span { background:#172235 !important; color:#dce6f5 !important; border-color:#31415a !important; } /* Biblioteca musical: evita texto azul marino sobre panel oscuro. */ .duveo-music-picker, .duveo-music-selected, .duveo-music-panel, .duveo-music-result, .duveo-music-mix>label, .duveo-music-volume-grid label, .duveo-music-empty, .duveo-music-loading { background:#111a28 !important; color:#eef3fb !important; border-color:#2c3b52 !important; box-shadow:none !important; } .duveo-music-picker__head strong, .duveo-music-panel__top strong, .duveo-music-panel__bar strong, .duveo-music-selected__copy strong, .duveo-music-result__copy strong { color:#f4f7fb !important; } .duveo-music-picker__head small, .duveo-music-panel__bar small, .duveo-music-selected__copy small, .duveo-music-result__copy small, .duveo-music-result__copy span, .duveo-music-status, .duveo-music-license, .duveo-music-note { color:#9aa7bd !important; } .duveo-music-search input { background:#0f1724 !important; color:#eef3fb !important; border-color:#34435d !important; } .duveo-music-result__actions [data-music-preview], .duveo-music-panel__close, .duveo-music-panel__bar>button, .duveo-music-selected>button, .duveo-music-remove { background:#182438 !important; color:#e2eaf7 !important; } .duveo-music-result__thumb, .duveo-music-result__note, .duveo-music-selected__icon, .duveo-music-selected__disc, .duveo-music-picker__icon { background:#172b50 !important; color:#8fb4ff !important; } /* 5.2.03: selector de creación, publicación rápida y validación. */ .duveo-account-create-panel, .duveo-quick-publish-shell { background:#111a28 !important; color:#eef3fb !important; border-color:#2c3b52 !important; } .duveo-account-create-head h2, .duveo-account-create-grid strong, .duveo-quick-publish-shell h1 { color:#f4f7fb !important; } .duveo-account-create-head p, .duveo-account-create-grid small, .duveo-quick-publish-shell p, .duveo-account-create-foot { color:#9aa7bd !important; } .duveo-account-create-grid>a, .duveo-account-create-grid>button { background:#131d2c !important; color:#eef3fb !important; border-color:#304058 !important; } .duveo-account-create-grid>a:hover { background:#18263b !important; border-color:#526d9c !important; } .duveo-account-create-grid>button.is-locked { background:#101722 !important; color:#a9b5c7 !important; opacity:.82; } .duveo-account-create-grid>a>span, .duveo-account-create-grid>button>span, .duveo-validation-grid--actionable .duveo-validation-action { background:#221d3d !important; color:#c8b7ff !important; } .duveo-minor-rights-confirm { background:rgba(199,5,151,.12) !important; color:#f4d9ee !important; border-color:rgba(255,99,196,.38) !important; } .duveo-moderation-badge.is-blocked { background:#35171e !important; color:#ffb9c4 !important; } .duveo-moderation-badge.is-review { background:#32152c !important; color:#ffb8e8 !important; } .duveo-moderation-badge.is-clear { background:#10281a !important; color:#a6e7bd !important; } /* Reproductor de Momentos: metadata y etiqueta musical legibles. */ .page-template-page-momentos .duveo-momentos-v5199__music { color:#eaf1fb !important; text-shadow:0 1px 5px rgba(0,0,0,.55) !important; } .page-template-page-momentos .duveo-momentos-v5199__music small { color:#bdc9da !important; } /* Navegación inferior móvil: iconos y etiquetas no desaparecen. */ .duveo-mobilebar a, .duveo-mobilebar button { color:#c4cfdf !important; } .duveo-mobilebar .is-active { color:#78a6ff !important; } .duveo-mobilebar svg { stroke:currentColor !important; } } /* Refuerzo por atributo calculado en JS para navegadores móviles que actualizan la preferencia del sistema sin reconstruir inmediatamente todos los estilos UA. */ html[data-duveo-scheme="dark"] { color-scheme:dark; } html[data-duveo-scheme="light"] { color-scheme:light; } /* ============================================================ DUVEO 5.2.05 · MOMENTOS — REPRODUCCIÓN Y AUDIO - Escritorio: un solo control de audio en la barra del reproductor. - Móvil: conserva el aviso contextual Activar sonido y el mini control. ============================================================ */ @media (min-width:981px){ .page-template-page-momentos .duveo-momentos-v5199__sound-prompt, .page-template-page-momentos .duveo-momentos-v5199__sound-mini{ display:none!important; } } /* ============================================================ DUVEO 5.2.06 · MOMENTOS MÓVIL — PROPUESTA 1 FIEL - Mantiene intacto el menú móvil global existente. - Wordmark blanco DUVEO arriba. - Identidad abajo: avatar + @usuario + seguidores/visitas. - Título debajo de la identidad. - Seguir circular azul con + encima de Me gusta. - Acciones blancas sin cápsulas, contadores visibles. - Sin insignia de validación ni descripción en estado inicial. ============================================================ */ .duveo-momentos-v5206__mobile-wordmark, .duveo-momentos-v5206__mobile-identity{display:none} @media(max-width:980px){ .page-template-page-momentos .duveo-momentos-v5138__for-you-badge{display:none!important} .page-template-page-momentos .duveo-momentos-v5138__mobile-logo{display:none!important} .page-template-page-momentos .duveo-momentos-v5206__mobile-wordmark{ display:block!important;position:absolute;z-index:15;top:max(14px,calc(env(safe-area-inset-top) + 6px));left:50%;transform:translateX(-50%); color:#fff;font-size:25px;font-weight:950;line-height:1;letter-spacing:-1.7px;text-shadow:0 2px 9px rgba(0,0,0,.38);pointer-events:none } /* El contenido toca toda el área disponible de Momentos; el menú global queda fuera del visor. */ .page-template-page-momentos .duveo-momentos-v5138__viewer{height:calc(100dvh - 60px)!important;min-height:0!important} .page-template-page-momentos .duveo-momentos-v5138__shade{ background:linear-gradient(180deg,rgba(0,0,0,.06) 0%,transparent 38%,rgba(0,0,0,.03) 56%,rgba(0,0,0,.76) 100%)!important } /* Bloque inferior exacto de la propuesta: identidad primero y título después. */ .page-template-page-momentos .duveo-momentos-v5138__creator{ left:14px!important;right:78px!important;bottom:16px!important;display:flex!important;flex-direction:column!important;gap:0!important } .page-template-page-momentos .duveo-momentos-v5206__mobile-identity{ order:1!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin:0 0 9px!important } .page-template-page-momentos .duveo-momentos-v5206__mobile-identity>a{display:block;width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.94);box-shadow:0 2px 10px rgba(0,0,0,.25)} .page-template-page-momentos .duveo-momentos-v5206__mobile-identity .duveo-moment-author-avatar, .page-template-page-momentos .duveo-momentos-v5206__mobile-identity .duveo-moment-author-avatar img{ width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;border-radius:50%!important;object-fit:cover!important;display:grid!important;place-items:center!important } .page-template-page-momentos .duveo-momentos-v5206__mobile-identity-copy{min-width:0;display:grid;gap:2px;text-shadow:0 2px 6px rgba(0,0,0,.72)} .page-template-page-momentos .duveo-momentos-v5206__mobile-identity-copy strong{color:#fff;font-size:16px;font-weight:900;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .page-template-page-momentos .duveo-momentos-v5206__mobile-identity-copy small{color:rgba(255,255,255,.92);font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .page-template-page-momentos .duveo-momentos-v5138__title-row{order:2!important;margin:0!important;display:block!important} .page-template-page-momentos .duveo-momentos-v5138__title-row h2{margin:0!important;color:#fff!important;font-size:19px!important;font-weight:900!important;line-height:1.14!important;letter-spacing:-.02em!important;-webkit-line-clamp:2!important;text-shadow:0 2px 7px rgba(0,0,0,.72)} .page-template-page-momentos [data-moment-title-toggle]{display:none!important} /* Se usa el bloque móvil nuevo; el bloque tradicional queda solo para escritorio. */ .page-template-page-momentos .duveo-momentos-v5138__creatorline, .page-template-page-momentos .duveo-momentos-v5138__views, .page-template-page-momentos .duveo-momentos-v5138__description, .page-template-page-momentos .duveo-momentos-v5138__tags, .page-template-page-momentos [data-moment-author-verified-mobile]{display:none!important} /* Música asociada, cuando existe, queda debajo del título y no desplaza la identidad. */ .page-template-page-momentos .duveo-momentos-v5199__music{order:3!important;margin:7px 0 0!important;max-width:100%!important;background:rgba(0,0,0,.28)!important} /* Rail de acciones: forma y jerarquía de la referencia. */ .page-template-page-momentos .duveo-momentos-v5138__actions{ right:10px!important;bottom:72px!important;gap:11px!important;opacity:1!important;transform:none!important;pointer-events:auto!important } .page-template-page-momentos .duveo-momentos-v5199__follow-rail{ display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:58px!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;backdrop-filter:none!important;gap:4px!important } .page-template-page-momentos .duveo-momentos-v5199__follow-rail[hidden]{display:none!important} .page-template-page-momentos .duveo-momentos-v5206__follow-plus{ display:grid!important;place-items:center!important;width:52px!important;height:52px!important;border-radius:50%!important;background:#1388f6!important;color:#fff!important;font-size:39px!important;font-weight:400!important;line-height:1!important;box-shadow:0 5px 15px rgba(0,0,0,.28)!important;border:0!important } .page-template-page-momentos .duveo-momentos-v5199__follow-rail small{display:block!important;color:#fff!important;font-size:11px!important;font-weight:700!important;line-height:1!important;text-shadow:0 2px 6px rgba(0,0,0,.75)!important} .page-template-page-momentos .duveo-momentos-v5138__action{ width:58px!important;min-height:58px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:#fff!important;gap:4px!important;text-shadow:0 2px 6px rgba(0,0,0,.78)!important } .page-template-page-momentos .duveo-momentos-v5138__action svg{ width:31px!important;height:31px!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;stroke:currentColor!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))!important } .page-template-page-momentos .duveo-momentos-v5138__action.is-active svg{color:#ff3b58!important;stroke:#ff3b58!important} .page-template-page-momentos .duveo-momentos-v5138__action strong{display:block!important;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1!important} .page-template-page-momentos .duveo-momentos-v5138__action>span:not(.duveo-momentos-v5206__follow-plus){display:none!important} .page-template-page-momentos [data-moment-share-count], .page-template-page-momentos [data-moment-save-count]{display:block!important} /* Elipsis sin etiqueta de texto. */ .page-template-page-momentos [data-moment-more].duveo-momentos-v5138__action strong{display:none!important} /* En móvil no aparece barra de reproducción tradicional. */ .page-template-page-momentos .duveo-momentos-v5138__controls{display:none!important} /* Audio contextual aprobado: aviso central al iniciar silenciado y control mini después. */ .page-template-page-momentos .duveo-momentos-v5199__sound-prompt{top:47%!important} .page-template-page-momentos .duveo-momentos-v5199__sound-mini{top:max(58px,calc(env(safe-area-inset-top) + 48px))!important;right:13px!important} } @media(min-width:981px){ .page-template-page-momentos .duveo-momentos-v5206__mobile-wordmark, .page-template-page-momentos .duveo-momentos-v5206__mobile-identity{display:none!important} .page-template-page-momentos [data-moment-share] [data-moment-share-count], .page-template-page-momentos [data-moment-save] [data-moment-save-count]{display:none!important} } /* ============================================================ DUVEO 5.2.07 · MOMENTOS — FULL BLEED + AUDIO + PORTADA MÓVIL ============================================================ */ @media(max-width:980px){ body.page-template-page-momentos, body.page-template-page-momentos .duveo-app, body.page-template-page-momentos .duveo-shell, body.page-template-page-momentos .duveo-main, body.page-template-page-momentos .duveo-momentos-v5138, body.page-template-page-momentos .duveo-momentos-v5138__playerarea, body.page-template-page-momentos .duveo-momentos-v5138__workspace{ background:#000!important; border:0!important; box-shadow:none!important; } body.page-template-page-momentos .duveo-main{ width:100vw!important; max-width:100vw!important; margin:0!important; padding:0 0 calc(64px + env(safe-area-inset-bottom))!important; overflow:hidden!important; } body.page-template-page-momentos .duveo-momentos-v5138, body.page-template-page-momentos .duveo-momentos-v5138__playerarea, body.page-template-page-momentos .duveo-momentos-v5138__workspace, body.page-template-page-momentos .duveo-momentos-v5138__viewer{ width:100vw!important; max-width:100vw!important; margin:0!important; padding-left:0!important; padding-right:0!important; border-left:0!important; border-right:0!important; } body.page-template-page-momentos .duveo-momentos-v5138__viewer{ height:calc(100dvh - 64px - env(safe-area-inset-bottom))!important; min-height:0!important; border-radius:0!important; } body.page-template-page-momentos .duveo-momentos-v5138__media, body.page-template-page-momentos .duveo-momentos-v5138__media video, body.page-template-page-momentos .duveo-momentos-v5138__media iframe, body.page-template-page-momentos .duveo-momentos-v5138__media>img{ width:100%!important; height:100%!important; max-width:none!important; border:0!important; } /* El control de audio solo aparece centrado cuando el navegador obliga a iniciar silenciado. */ body.page-template-page-momentos .duveo-momentos-v5199__sound-mini{ display:none!important; } body.page-template-page-momentos .duveo-momentos-v5199__sound-prompt{ left:50%!important; top:50%!important; right:auto!important; transform:translate(-50%,-50%)!important; min-height:48px!important; padding:0 16px!important; border:1px solid rgba(255,255,255,.22)!important; background:rgba(5,9,15,.56)!important; color:#fff!important; } } /* Escritorio: iframe interactivo y un único control de volumen en la barra. */ @media(min-width:981px){ .page-template-page-momentos .duveo-momentos-v5138__media iframe{ pointer-events:auto!important; } .page-template-page-momentos .duveo-momentos-v5199__sound-prompt, .page-template-page-momentos .duveo-momentos-v5199__sound-mini{ display:none!important; } } /* Portada móvil oscura: quita líneas/bordes blancos fuertes y corrige el logo sobredimensionado. */ @media(max-width:0px) and (prefers-color-scheme:dark){ body.home .duveo-topbar{ border-bottom-color:rgba(255,255,255,.09)!important; box-shadow:none!important; } body.home .duveo-logo{ min-width:0!important; background:transparent!important; border:0!important; border-radius:0!important; padding:0!important; box-shadow:none!important; } body.home .duveo-logo__official{ width:min(160px,42vw)!important; max-height:42px!important; padding:4px 8px!important; border:0!important; border-radius:10px!important; background:rgba(247,249,252,.96)!important; box-shadow:0 4px 14px rgba(0,0,0,.18)!important; } body.home .duveo-home-category-chips a, body.home .duveo-featured-creators__rail, body.home .duveo-featured-creator-chip{ border-color:rgba(255,255,255,.12)!important; } body.home .duveo-mobilebar{ border-top-color:rgba(255,255,255,.09)!important; box-shadow:0 -10px 28px rgba(0,0,0,.16)!important; } } @media(max-width:900px){ html[data-duveo-scheme="dark"] body.home .duveo-topbar{ border-bottom-color:rgba(255,255,255,.09)!important; box-shadow:none!important; } html[data-duveo-scheme="dark"] body.home .duveo-logo{ min-width:0!important; background:transparent!important; border:0!important; border-radius:0!important; padding:0!important; box-shadow:none!important; } html[data-duveo-scheme="dark"] body.home .duveo-logo__official{ width:min(160px,42vw)!important; max-height:42px!important; padding:4px 8px!important; border:0!important; border-radius:10px!important; background:rgba(247,249,252,.96)!important; box-shadow:0 4px 14px rgba(0,0,0,.18)!important; } html[data-duveo-scheme="dark"] body.home .duveo-home-category-chips a, html[data-duveo-scheme="dark"] body.home .duveo-featured-creators__rail, html[data-duveo-scheme="dark"] body.home .duveo-featured-creator-chip{ border-color:rgba(255,255,255,.12)!important; } html[data-duveo-scheme="dark"] body.home .duveo-mobilebar{ border-top-color:rgba(255,255,255,.09)!important; } } /* ============================================================ DUVEO 5.2.09 · MOMENTOS — REPRODUCCIÓN ROBUSTA ============================================================ */ .page-template-page-momentos .duveo-momentos-v5208__media-error{ position:absolute;z-index:18;left:50%;top:50%;transform:translate(-50%,-50%); max-width:min(82%,360px);padding:12px 16px;border:1px solid rgba(255,255,255,.22); border-radius:14px;background:rgba(5,9,15,.72);color:#fff;font:700 13px/1.35 inherit; text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3);cursor:pointer } @media(max-width:980px){ /* Petición expresa: Momentos móvil sin el nombre/wordmark DUVEO superpuesto. */ .page-template-page-momentos .duveo-momentos-v5206__mobile-wordmark, .page-template-page-momentos .duveo-momentos-v5138__mobile-logo{display:none!important} } /* DUVEO 5.2.17 · la validación es funcional, no una insignia pública. */ .duveo-verified:not(.dctv-public-badge){display:none!important} /* ============================================================ DUVEO 5.2.21 · DESTACADOS POR RENDIMIENTO + DOS FILAS + NUEVO ============================================================ */ .home .duveo-home-recommendations .duveo-home-recs-grid, .home .duveo-home-stage .duveo-home-standard-grid, .home .duveo-home-premiere-recent__grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; grid-auto-flow:row!important; gap:16px!important; overflow:visible!important; } .home .duveo-home-recommendations .duveo-home-recs-grid.is-category-carousel{display:grid!important;overflow:visible!important;scroll-snap-type:none!important} .home .duveo-home-recommendations .duveo-home-recs-grid.is-category-carousel>.duveo-card{flex:auto!important} .duveo-new-badge{position:absolute;z-index:7;left:9px;top:9px;display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#0f4cff;color:#fff;font-size:9px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 5px 14px rgba(15,76,255,.28)} .duveo-home-premiere-recent__media .duveo-new-badge{left:8px;top:8px;bottom:auto;background:#0f4cff} .duveo-notification{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important} .duveo-notification>span{display:grid;gap:3px;min-width:0} .duveo-notification-status{flex:0 0 auto;font-style:normal;font-size:9px;font-weight:900;color:#69748a;padding:4px 8px;border-radius:999px;background:#edf1f7} .duveo-notification.is-unread .duveo-notification-status{color:#0f4cff;background:#e9f0ff} .duveo-account-privacy-menu-v5221{margin-bottom:18px;border:1px solid var(--duveo-line);border-radius:16px;background:#fff;overflow:hidden} .duveo-account-privacy-menu-v5221>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:center;padding:16px 18px;cursor:pointer} .duveo-account-privacy-menu-v5221>summary::-webkit-details-marker{display:none}.duveo-account-privacy-menu-v5221>summary span{font-weight:900}.duveo-account-privacy-menu-v5221>summary small{grid-column:1;color:var(--duveo-muted)}.duveo-account-privacy-menu-v5221>summary b{grid-column:2;grid-row:1/3;transition:transform .18s}.duveo-account-privacy-menu-v5221[open]>summary b{transform:rotate(180deg)} .duveo-account-privacy-links-v5221{display:grid;border-top:1px solid var(--duveo-line)}.duveo-account-privacy-links-v5221 a{display:grid;gap:3px;padding:14px 18px;border-bottom:1px solid var(--duveo-line)}.duveo-account-privacy-links-v5221 a:last-child{border-bottom:0}.duveo-account-privacy-links-v5221 small{color:var(--duveo-muted)} .duveo-password-panel-v5221__head{display:flex;align-items:center;justify-content:space-between;gap:18px}.duveo-password-panel-v5221 [data-password-form]{margin-top:16px}.duveo-password-panel-v5221 [data-password-form][hidden]{display:none!important} @media(max-width:900px){ .home .duveo-home-recommendations .duveo-home-recs-grid, .home .duveo-home-stage .duveo-home-standard-grid, .home .duveo-home-premiere-recent__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 9px!important} .duveo-password-panel-v5221__head{align-items:flex-start;flex-direction:column}.duveo-password-panel-v5221__head .duveo-btn{width:100%} } /* ============================================================ DUVEO 5.2.24 · DESTACADOS ESTILO CLÁSICO ESTÁTICO - Recupera el aspecto anterior solicitado. - Banner principal por imagen, sin loop/preview de video. - Avatar principal y miniaturas laterales siempre visibles. - La selección cambia únicamente por interacción del usuario. ============================================================ */ @media(min-width:901px){ body.home .duveo-featured-creators__layout{ grid-template-columns:minmax(0,1fr) 270px!important; gap:0!important; min-height:342px!important; max-height:390px!important; border-radius:18px!important; overflow:hidden!important; background:#07101e!important; } body.home .duveo-featured-creators .duveo-featured-carousel__track, body.home .duveo-featured-creators .duveo-home-hero__media{ min-height:342px!important; height:390px!important; max-height:390px!important; } body.home .duveo-home-hero__creator-copy{ display:grid!important; visibility:visible!important; opacity:1!important; position:absolute!important; z-index:6!important; left:clamp(24px,2.8vw,46px)!important; bottom:clamp(22px,2.5vw,34px)!important; width:min(560px,66%)!important; gap:8px!important; transform:none!important; } body.home .duveo-home-hero__creator-id{ display:flex!important; align-items:center!important; gap:10px!important; } body.home .duveo-featured-main-avatar, body.home .duveo-home-hero__creator-id .duveo-avatar-media{ display:inline-grid!important; visibility:visible!important; opacity:1!important; width:58px!important; height:58px!important; min-width:58px!important; min-height:58px!important; border:3px solid #fff!important; border-radius:50%!important; overflow:hidden!important; } body.home .duveo-featured-creators__rail{ display:flex!important; flex-direction:column!important; visibility:visible!important; opacity:1!important; gap:7px!important; padding:11px!important; background:#0e1f4d!important; overflow:auto!important; } body.home .duveo-featured-creators__rail-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; } body.home .duveo-featured-creator-chip{ display:grid!important; visibility:visible!important; opacity:1!important; grid-template-columns:82px minmax(0,1fr)!important; align-items:center!important; gap:8px!important; width:100%!important; min-height:62px!important; padding:5px!important; background:transparent!important; border:1px solid transparent!important; border-radius:10px!important; color:#fff!important; } body.home .duveo-featured-creator-chip:hover, body.home .duveo-featured-creator-chip.is-active{ background:rgba(255,255,255,.06)!important; border-color:#FC1C6D!important; box-shadow:0 0 0 1px rgba(252,28,109,.16)!important; } body.home .duveo-featured-creator-chip__thumb{ display:block!important; visibility:visible!important; opacity:1!important; width:82px!important; aspect-ratio:16/9!important; border-radius:8px!important; overflow:hidden!important; background:#142650!important; } body.home .duveo-featured-creator-chip__thumb img{ display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; height:100%!important; object-fit:cover!important; } body.home .duveo-featured-carousel__arrow{display:none!important} } /* ============================================================ DUVEO 5.2.40 · CREADORES DESTACADOS — CARRUSEL EDITORIAL PREMIUM - Hero editorial protagonista + carrusel vertical de creadores. - Avatar, identidad, acciones y canal siempre visibles. - Tarjetas laterales con miniatura individual y estado algorítmico. - Fila inferior con videos destacados del creador activo. - Sin reproducción automática ni selección por hover. ============================================================ */ .home .duveo-featured-editorial{margin:2px 0 22px!important;overflow:visible!important;background:transparent!important} .home .duveo-featured-editorial__shell{padding:14px;border:1px solid #e5ebf4;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(0,13,54,.07)} .home .duveo-featured-editorial .duveo-featured-creators__layout{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:14px!important;min-height:430px!important;max-height:none!important;border-radius:0!important;overflow:visible!important;background:transparent!important} .home .duveo-featured-editorial .duveo-featured-carousel__track{position:relative!important;min-height:430px!important;height:430px!important;max-height:430px!important;aspect-ratio:auto!important;border-radius:20px!important;overflow:hidden!important;background:#07101e!important;box-shadow:0 14px 34px rgba(0,13,54,.14)!important} .home .duveo-featured-editorial .duveo-home-hero__media{height:430px!important;min-height:430px!important;max-height:430px!important;border-radius:20px!important;overflow:hidden!important;background:#07101e!important} .home .duveo-featured-editorial .duveo-home-hero__media>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important} .home .duveo-featured-editorial .duveo-home-hero__shade{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(3,10,25,.92) 0%,rgba(3,10,25,.74) 34%,rgba(3,10,25,.18) 68%,rgba(3,10,25,.06) 100%),linear-gradient(0deg,rgba(3,10,25,.5),transparent 56%)!important} .home .duveo-featured-editorial .duveo-home-hero__creator-copy{display:grid!important;visibility:visible!important;opacity:1!important;position:absolute!important;z-index:6!important;left:34px!important;bottom:30px!important;width:min(610px,68%)!important;gap:10px!important;transform:none!important;color:#fff!important} .home .duveo-featured-editorial .duveo-home-hero__eyebrow{color:#ff3a89!important;font-size:10px!important;font-weight:950!important;letter-spacing:.14em!important} .home .duveo-featured-editorial .duveo-home-hero__creator-id{display:flex!important;align-items:center!important;gap:13px!important} .home .duveo-featured-editorial .duveo-featured-main-avatar,.home .duveo-featured-editorial .duveo-home-hero__creator-id .duveo-avatar-media{display:inline-grid!important;visibility:visible!important;opacity:1!important;width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;border:3px solid #fff!important;border-radius:50%!important;overflow:hidden!important;box-shadow:0 0 0 3px rgba(255,58,137,.65)!important} .home .duveo-featured-editorial .duveo-featured-main-avatar img,.home .duveo-featured-editorial .duveo-home-hero__creator-id .duveo-avatar-media img{width:100%!important;height:100%!important;object-fit:cover!important} .home .duveo-featured-editorial .duveo-home-hero__creator-id strong{display:block!important;color:#fff!important;font-size:clamp(25px,2.35vw,36px)!important;line-height:1.02!important;font-weight:950!important;letter-spacing:-.03em!important} .home .duveo-featured-editorial .duveo-home-hero__creator-id span,.home .duveo-featured-editorial .duveo-home-hero__creator-id small{display:block!important;color:#fff!important} .home .duveo-featured-editorial .duveo-home-hero__creator-id span{margin-top:4px!important;font-size:13px!important;font-weight:850!important}.home .duveo-featured-editorial .duveo-home-hero__creator-id small{margin-top:3px!important;font-size:10px!important;opacity:.82!important} .home .duveo-featured-editorial .duveo-home-hero__creator-copy>p{max-width:480px!important;margin:2px 0 0!important;color:rgba(255,255,255,.86)!important;font-size:12px!important;line-height:1.5!important} .home .duveo-featured-editorial .duveo-home-hero__actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important;margin-top:3px!important} .home .duveo-featured-editorial .duveo-home-hero__actions .duveo-btn{min-height:40px!important;padding:10px 16px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important} .home .duveo-featured-editorial .duveo-home-hero__actions .duveo-btn--primary{background:#0f5cff!important;border-color:#0f5cff!important;color:#fff!important;box-shadow:0 8px 20px rgba(15,92,255,.28)!important} .home .duveo-featured-editorial .duveo-home-hero__actions .duveo-btn--light{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.72)!important;color:#fff!important;backdrop-filter:blur(10px)!important} .home .duveo-featured-editorial .duveo-home-hero__actions .duveo-btn--light.is-active{background:#fff!important;border-color:#fff!important;color:#0e1f4d!important} .home .duveo-featured-editorial .duveo-btn--ghost-light{background:transparent!important;border:1px solid rgba(255,255,255,.58)!important;color:#fff!important} .home .duveo-featured-editorial .duveo-home-hero__actions .duveo-btn:hover{transform:translateY(-1px)!important} .home .duveo-featured-editorial .duveo-featured-creators__rail{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;gap:10px!important;max-height:430px!important;padding:0!important;border:0!important;border-radius:18px!important;background:#fff!important;color:#0e1f4d!important;overflow:hidden!important;box-shadow:none!important} .home .duveo-featured-editorial .duveo-featured-creators__rail-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:3px 4px 6px!important} .home .duveo-featured-editorial .duveo-featured-creators__rail-head strong{font-size:14px!important;color:#0e1f4d!important}.home .duveo-featured-editorial .duveo-featured-creators__rail-head a{font-size:9px!important;font-weight:850!important;color:#65718a!important} .home .duveo-featured-editorial .duveo-featured-creators__rail-list{display:grid!important;gap:8px!important;overflow:auto!important;padding:0 2px 2px!important;scrollbar-width:thin!important} .home .duveo-featured-editorial .duveo-featured-creator-chip{display:grid!important;visibility:visible!important;opacity:1!important;grid-template-columns:106px minmax(0,1fr) 18px!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:78px!important;padding:8px!important;background:#fff!important;border:1px solid #e3e9f2!important;border-radius:15px!important;color:#0e1f4d!important;text-align:left!important;box-shadow:0 4px 14px rgba(0,13,54,.035)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease!important} .home .duveo-featured-editorial .duveo-featured-creator-chip:hover{transform:translateY(-1px)!important;border-color:#cfd9eb!important;background:#fbfdff!important}.home .duveo-featured-editorial .duveo-featured-creator-chip.is-active{border-color:#0f5cff!important;box-shadow:0 0 0 2px rgba(15,92,255,.09),0 10px 24px rgba(15,92,255,.09)!important;background:#fbfdff!important} .home .duveo-featured-editorial .duveo-featured-creator-chip__thumb{position:relative!important;display:block!important;width:106px!important;aspect-ratio:16/9!important;border-radius:10px!important;overflow:visible!important;background:#eef3fb!important} .home .duveo-featured-editorial .duveo-featured-creator-chip__thumb>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px!important} .home .duveo-featured-editorial .duveo-featured-creator-chip__avatar{position:absolute!important;left:6px!important;bottom:-8px!important;display:block!important;width:24px!important;height:24px!important;border:2px solid #fff!important;border-radius:50%!important;overflow:hidden!important;background:#fff!important;box-shadow:0 3px 8px rgba(0,13,54,.16)!important}.home .duveo-featured-editorial .duveo-featured-creator-chip__avatar img{width:100%!important;height:100%!important;object-fit:cover!important} .home .duveo-featured-editorial .duveo-featured-creator-chip__meta{display:block!important;min-width:0!important}.home .duveo-featured-editorial .duveo-featured-creator-chip__meta b,.home .duveo-featured-editorial .duveo-featured-creator-chip__meta strong,.home .duveo-featured-editorial .duveo-featured-creator-chip__meta small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.home .duveo-featured-editorial .duveo-featured-creator-chip__meta b{font-size:11px!important;color:#0e1f4d!important}.home .duveo-featured-editorial .duveo-featured-creator-chip__meta strong{margin-top:2px!important;font-size:9px!important;color:#63708a!important}.home .duveo-featured-editorial .duveo-featured-creator-chip__meta small{margin-top:2px!important;font-size:8px!important;color:#8993a7!important} .home .duveo-featured-editorial .duveo-featured-creator-chip__status{display:inline-flex!important;width:max-content!important;margin-top:5px!important;padding:3px 7px!important;border-radius:999px!important;font-size:8px!important;font-style:normal!important;font-weight:900!important;line-height:1!important}.home .duveo-featured-editorial .duveo-featured-creator-chip__status.is-trending{background:#ffe9f3!important;color:#d80b62!important}.home .duveo-featured-editorial .duveo-featured-creator-chip__status.is-rising{background:#e8f0ff!important;color:#0f5cff!important} .home .duveo-featured-editorial .duveo-featured-creator-chip__arrow{font-size:22px!important;line-height:1!important;color:#a8b1c2!important}.home .duveo-featured-editorial .duveo-featured-carousel__arrow{display:none!important} .home .duveo-featured-editorial__videos{margin-top:15px!important;padding-top:14px!important;border-top:1px solid #e8edf5!important} .home .duveo-featured-editorial__video-panel[hidden]{display:none!important}.home .duveo-featured-editorial__video-panel.is-active{display:block!important} .home .duveo-featured-editorial__video-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:10px!important}.home .duveo-featured-editorial__video-head strong{font-size:14px!important;color:#0e1f4d!important}.home .duveo-featured-editorial__video-head a{font-size:9px!important;font-weight:900!important;color:#0f5cff!important} .home .duveo-featured-editorial__video-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important} .home .duveo-featured-editorial__video-card{min-width:0!important}.home .duveo-featured-editorial__video-media{position:relative!important;display:block!important;aspect-ratio:16/9!important;border-radius:11px!important;overflow:hidden!important;background:#edf2f8!important}.home .duveo-featured-editorial__video-media img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .2s ease!important}.home .duveo-featured-editorial__video-card:hover .duveo-featured-editorial__video-media img{transform:scale(1.025)!important}.home .duveo-featured-editorial__video-media>span{position:absolute!important;right:6px!important;bottom:6px!important;padding:3px 5px!important;border-radius:5px!important;background:rgba(3,10,25,.78)!important;color:#fff!important;font-size:8px!important;font-weight:900!important}.home .duveo-featured-editorial__video-body{display:block!important;padding:7px 2px 0!important}.home .duveo-featured-editorial__video-body strong,.home .duveo-featured-editorial__video-body small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.home .duveo-featured-editorial__video-body strong{font-size:10px!important;color:#0e1f4d!important}.home .duveo-featured-editorial__video-body small{margin-top:3px!important;font-size:8px!important;color:#7d879b!important} @media(max-width:1100px) and (min-width:901px){ .home .duveo-featured-editorial .duveo-featured-creators__layout{grid-template-columns:minmax(0,1fr) 286px!important}.home .duveo-featured-editorial .duveo-featured-creator-chip{grid-template-columns:88px minmax(0,1fr) 14px!important}.home .duveo-featured-editorial .duveo-featured-creator-chip__thumb{width:88px!important}.home .duveo-featured-editorial__video-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.home .duveo-featured-editorial__video-card:nth-child(n+5){display:none!important} } @media(max-width:900px){ .home .duveo-featured-editorial{margin:0 0 16px!important}.home .duveo-featured-editorial__shell{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.home .duveo-featured-editorial .duveo-featured-creators__layout{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;min-height:0!important;max-height:none!important;background:transparent!important;overflow:visible!important}.home .duveo-featured-editorial .duveo-featured-carousel__track,.home .duveo-featured-editorial .duveo-home-hero__media{height:auto!important;min-height:330px!important;max-height:none!important;aspect-ratio:16/10!important;border-radius:16px!important}.home .duveo-featured-editorial .duveo-home-hero__media>img{object-position:center!important}.home .duveo-featured-editorial .duveo-home-hero__shade{background:linear-gradient(0deg,rgba(3,10,25,.92) 0%,rgba(3,10,25,.54) 48%,rgba(3,10,25,.12) 100%)!important}.home .duveo-featured-editorial .duveo-home-hero__creator-copy{left:16px!important;right:16px!important;bottom:16px!important;width:auto!important;gap:7px!important}.home .duveo-featured-editorial .duveo-featured-main-avatar,.home .duveo-featured-editorial .duveo-home-hero__creator-id .duveo-avatar-media{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}.home .duveo-featured-editorial .duveo-home-hero__creator-id strong{font-size:24px!important}.home .duveo-featured-editorial .duveo-home-hero__creator-copy>p{display:none!important}.home .duveo-featured-editorial .duveo-home-hero__actions{gap:7px!important}.home .duveo-featured-editorial .duveo-home-hero__actions .duveo-btn{min-height:36px!important;padding:8px 12px!important;font-size:10px!important}.home .duveo-featured-editorial .duveo-featured-creators__rail{display:block!important;max-height:none!important;border-radius:0!important;background:transparent!important;overflow:visible!important}.home .duveo-featured-editorial .duveo-featured-creators__rail-head{padding:5px 2px!important}.home .duveo-featured-editorial .duveo-featured-creators__rail-list{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:1px 1px 9px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}.home .duveo-featured-editorial .duveo-featured-creators__rail-list::-webkit-scrollbar{display:none!important}.home .duveo-featured-editorial .duveo-featured-creator-chip{flex:0 0 min(78vw,310px)!important;grid-template-columns:94px minmax(0,1fr) 14px!important;min-height:74px!important;scroll-snap-align:start!important}.home .duveo-featured-editorial .duveo-featured-creator-chip__thumb{width:94px!important}.home .duveo-featured-editorial__videos{margin-top:7px!important;padding-top:10px!important}.home .duveo-featured-editorial__video-grid{display:flex!important;gap:9px!important;overflow-x:auto!important;padding-bottom:7px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}.home .duveo-featured-editorial__video-grid::-webkit-scrollbar{display:none!important}.home .duveo-featured-editorial__video-card{flex:0 0 48%!important;scroll-snap-align:start!important}.home .duveo-featured-editorial__video-head strong{font-size:12px!important} } @media(max-width:520px){ .home .duveo-featured-editorial .duveo-featured-carousel__track,.home .duveo-featured-editorial .duveo-home-hero__media{min-height:360px!important;aspect-ratio:9/10!important}.home .duveo-featured-editorial .duveo-home-hero__creator-id strong{font-size:21px!important}.home .duveo-featured-editorial .duveo-btn--ghost-light{display:none!important}.home .duveo-featured-editorial__video-card{flex-basis:68%!important} } /* 5.2.40: formularios completos dentro del alto disponible. */ .duveo-state-create-modal.is-open{position:fixed!important;inset:0!important;height:100dvh!important;overflow:auto!important;align-items:center!important;padding:16px!important;box-sizing:border-box!important} .duveo-state-create-card{max-height:calc(100dvh - 32px)!important;min-height:0!important;overflow:hidden!important;flex-shrink:0!important} .duveo-state-create-card .duveo-quick-state-form{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;grid-auto-rows:max-content;scroll-padding-bottom:90px} .duveo-state-create-card .duveo-state-create-actions{position:sticky!important;bottom:0!important;background:#fff!important;padding:12px 0!important;z-index:3;flex-wrap:wrap} .duveo-state-create-card .duveo-state-create-drop{min-height:210px!important;max-height:320px!important} .duveo-state-create-card [hidden],.duveo-dialog [hidden]{display:none!important} .duveo-rights-notice{font-size:13px;line-height:1.5;padding:12px;background:#f1f5f9;color:#243247;border-radius:10px} .duveo-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box} [data-copyright-fields] label{display:block;margin:12px 0} [data-copyright-fields] input:not([type=checkbox]),[data-copyright-fields] textarea,[data-copyright-fields] select{width:100%;box-sizing:border-box} @media(max-width:620px){.duveo-state-create-modal.is-open{padding:0!important;align-items:flex-end!important}.duveo-state-create-card{max-height:95dvh!important}.duveo-state-create-card .duveo-state-create-drop{min-height:180px!important}} .duveo-momentos-v5138__send svg{transform:none!important;rotate:0deg!important;width:22px;height:22px} /* Avatares de Momentos: evitar compresión y deformación. */ [data-moment-author-avatar],[data-moment-author-avatar-mobile],[data-desktop-moment-author-avatar]{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;aspect-ratio:1/1!important;flex:0 0 44px!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important;transform:none!important;padding:0!important} [data-moment-author-avatar] img,[data-moment-author-avatar-mobile] img,[data-desktop-moment-author-avatar] img,.duveo-momentos-v5138__comment-avatar img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;aspect-ratio:1/1!important;border-radius:50%!important;transform:none!important;margin:0!important;padding:0!important} .duveo-momentos-v5138__comment-avatar{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;aspect-ratio:1/1;overflow:hidden;border-radius:50%} /* Momentos: acciones blancas, autoocultables y video sin capa visual. */ .page-template-page-momentos .duveo-momentos-v5138.is-moment-playing:not(.is-controls-visible):not(.is-comments-open) [data-moment-actions]{opacity:0!important;visibility:hidden!important;pointer-events:none!important} .page-template-page-momentos [data-moment-actions]{transition:opacity .2s ease;} .page-template-page-momentos [data-moment-actions] button,.page-template-page-momentos [data-moment-actions] button.is-active{color:#fff!important;background:transparent!important;border-color:#fff!important} .page-template-page-momentos [data-moment-actions] button svg,.page-template-page-momentos [data-moment-actions] button.is-active svg{color:#fff!important;stroke:#fff!important} .page-template-page-momentos [data-moment-actions] button.is-active svg{fill:#fff!important} .page-template-page-momentos .duveo-momentos-v5138__shade{display:none!important;background:none!important} .page-template-page-momentos [data-moment-media-host] video,.page-template-page-momentos [data-moment-media-host] iframe,.page-template-page-momentos [data-moment-media-host] img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important} .duveo-help-section>header{grid-template-columns:minmax(0,1fr)!important}.duveo-help-section>header>div{grid-column:1/-1!important}.duveo-help-articles{counter-reset:none!important}.duveo-help-section>header::before{content:none!important} .duveo-help-contact{display:grid;grid-template-columns:minmax(0,1fr)!important}.duveo-help-contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px}.duveo-help-contact-form label{display:grid;gap:7px}.duveo-help-contact-form input,.duveo-help-contact-form select,.duveo-help-contact-form textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}.duveo-help-contact-form label:has(textarea),.duveo-help-contact-form p,.duveo-help-contact-form .duveo-help-contact-consent{grid-column:1/-1}.duveo-help-contact-form .duveo-help-contact-consent{display:block;line-height:1.5}.duveo-help-contact-consent input[type=checkbox]{width:auto;margin-right:7px}.duveo-help-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.duveo-help-tickets details{margin:12px 0;padding:12px;border:1px solid #cbd5e1;border-radius:10px}@media(max-width:650px){.duveo-help-contact-form{grid-template-columns:minmax(0,1fr)}} /* 5.2.48.1 — Estados con cuenta regresiva y expiración real */ .duveo-state-remaining{display:block;text-align:center;font-size:10px;line-height:1.25;white-space:nowrap;color:var(--duveo-muted);margin-top:2px;} .duveo-home-states.duveo-states-expired{display:none!important;} .duveo-showcase-arrow:disabled{opacity:.3;cursor:default;pointer-events:none;} /* 5.2.48.10: caratula del reproductor individual; no modifica vistas previas. */ [data-player-shell] .duveo-watch-poster{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:linear-gradient(140deg,#08183b,#14234a);overflow:hidden;isolation:isolate} [data-player-shell] .duveo-watch-poster[hidden], [data-player-shell] .duveo-watch-poster.is-hidden{display:none!important} [data-player-shell] .duveo-watch-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.63);z-index:0} [data-player-shell] .duveo-watch-poster__button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:0;background:none;color:#fff;text-align:center;padding:24px;cursor:pointer;text-shadow:0 2px 9px #000} [data-player-shell] .duveo-watch-poster__button span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:rgba(0,89,249,.95);color:#fff;font-size:27px;box-shadow:0 4px 22px rgba(0,0,0,.35)} [data-player-shell] .duveo-watch-poster__button strong{font-size:14px;font-weight:750} [data-player-shell] .duveo-watch-poster__button:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:16px} @media(max-width:620px){[data-player-shell] .duveo-watch-poster__button span{width:58px;height:58px;font-size:24px}} /* 5.2.48.10: una miniatura fallida deja visible la caratula degradada y el boton. */ [data-player-shell] .duveo-watch-poster>img[hidden]{display:none!important} /* 5.2.48.13: políticas en menú lateral y menú vertical móvil. */ .duveo-legal-menu{border-top:1px solid rgba(128,128,128,.22);margin-top:16px;padding-top:14px} .duveo-legal-menu__title{display:block;padding:0 12px 6px;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:inherit} .duveo-legal-menu a{min-height:44px;font-size:13px;line-height:1.5} .duveo-legal-menu a span{white-space:normal;overflow-wrap:anywhere} .duveo-legal-menu a:focus-visible{outline:2px solid currentColor;outline-offset:2px} .duveo-mobile-menu-sheet .duveo-legal-menu{grid-template-columns:1fr!important} /* 5.2.48.15: acciones al terminar; hidden prevalece sobre display. */ .duveo-player-ended{position:absolute;inset:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;background:rgba(9,13,23,.94);color:#fff;text-align:center} .duveo-player-ended[hidden]{display:none!important} .duveo-player-ended strong{font-size:clamp(16px,3vw,24px)} .duveo-player-ended .duveo-btn{min-height:44px} /* 5.2.48.15 — Upcoming choices leave the current video playing. */ .duveo-up-next[hidden],.duveo-watch-ended[hidden]{display:none!important} .duveo-up-next{position:absolute;right:16px;bottom:65px;z-index:12;display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:12px;background:rgba(15,17,23,.95);border:1px solid #ffffff30;border-radius:14px;color:#fff;box-shadow:0 10px 30px #0005} .duveo-up-next__preview{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}.duveo-up-next__preview img{width:100px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.duveo-up-next__preview strong{display:block;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duveo-up-next__preview small{color:#bbb}.duveo-watch-ended{position:absolute;inset:0;z-index:13;background:#10131aee;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:20px;color:white}.duveo-watch-ended strong{width:100%;text-align:center} @media(max-width:600px){.duveo-up-next{right:8px;bottom:48px;max-width:calc(100% - 16px);gap:8px;padding:8px}.duveo-up-next__preview{gap:8px}.duveo-up-next__preview img{width:64px}.duveo-up-next__preview strong{max-width:115px;font-size:12px}.duveo-up-next .duveo-btn{padding:8px;font-size:12px}} /* 5.2.48.17 — IA secundaria y previsualizacion sin sonido en tarjetas. */ .duveo-card{position:relative} [data-hover-preview]>.duveo-hover-preview{opacity:0!important;transition:opacity .2s ease!important;pointer-events:none!important} [data-hover-preview].duveo-preview-playing>.duveo-hover-preview{opacity:1!important} .duveo-card>.duveo-preview-audio{position:absolute;z-index:7;right:10px;top:10px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(12,18,36,.8);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25);backdrop-filter:blur(6px);font-weight:800;cursor:pointer} .duveo-card>.duveo-preview-audio[hidden]{display:none!important} .duveo-card>.duveo-preview-audio:focus-visible{outline:3px solid #60a5fa;outline-offset:3px} .duveo-card.is-preview-playing>.duveo-preview-audio{display:flex} .duveo-card>.duveo-preview-audio [data-preview-audio-icon]{font-size:15px} .duveo-video-facts{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 10px;min-height:22px;color:var(--duveo-muted);font-size:12px} .duveo-video-facts__views{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums} .duveo-video-facts__views svg{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9} .duveo-ai-info{position:relative;margin-left:auto;color:var(--duveo-muted);font-size:12px;z-index:20} .duveo-ai-info summary{display:inline-flex;gap:4px;align-items:center;padding:4px 7px;border-radius:8px;cursor:pointer;list-style:none;font-weight:650;user-select:none} .duveo-ai-info summary::-webkit-details-marker{display:none} .duveo-ai-info summary:hover,.duveo-ai-info[open] summary{background:rgba(110,133,170,.10)} .duveo-ai-info summary:focus-visible{outline:2px solid #3976fd;outline-offset:2px} .duveo-ai-info__sparkle{font-size:16px;line-height:1}.duveo-ai-info__info{font-size:13px} .duveo-ai-info__popup{position:absolute;right:0;top:calc(100% + 5px);width:min(280px,calc(100vw - 42px));padding:12px 14px;border:1px solid var(--duveo-line);border-radius:12px;box-shadow:0 10px 28px rgba(10,27,57,.16);background:var(--duveo-white,#fff);color:var(--duveo-ink,#111827);line-height:1.4;font-size:12px} .duveo-ai-info__popup strong{font-size:12px}.duveo-ai-info__popup p{margin:5px 0 0;color:inherit;font-weight:400} @media (prefers-reduced-motion:reduce){[data-hover-preview]>.duveo-hover-preview{transition:none!important}} html[data-duveo-scheme="dark"] .duveo-ai-info__popup{background:var(--dv-surface,#121d34);color:var(--dv-text,#fff);border-color:var(--dv-border,#26344b)} html[data-duveo-scheme="dark"] .duveo-video-facts{color:var(--dv-muted,#b6c2d7)} /* 5.2.48.19 — Solo presentación del botón Regalar en el reproductor. WordPress puede sustituir 🎁 por una cuyo recurso falla. No alterar el HTML ni las acciones/cobros gestionados por el plugin. */ .duveo-actions-row--official .dmp-gift-open > span:first-child { display:inline-flex; align-items:center; justify-content:center; width:20px; min-width:20px; height:20px; flex:0 0 20px; font-size:0!important; line-height:1; } .duveo-actions-row--official .dmp-gift-open > span:first-child img, .duveo-actions-row--official .dmp-gift-open > span:first-child img.emoji { display:none!important; } .duveo-actions-row--official .dmp-gift-open > span:first-child::before { content:"\1F381"!important; display:block; font:normal 18px/1 "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important; } /* DUVEO 5.2.48.20 — Confirmación de envíos y cambio privado de @usuario. */ .duveo-content-submitted{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;border:1px solid #bde6cd;border-radius:15px;background:#effaf3;color:#173b28} .duveo-content-submitted__icon{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:50%;background:#167b49;color:#fff;font-weight:900;font-size:21px} .duveo-content-submitted__copy{min-width:200px;flex:1 1 270px} .duveo-content-submitted__copy strong{display:block;font-size:15px} .duveo-content-submitted__copy p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#335a42} .duveo-content-submitted>.duveo-btn{flex:0 0 auto} .duveo-private-username{margin:10px 0 18px;border:1px solid var(--duveo-line);border-radius:15px;background:var(--duveo-white);overflow:hidden} .duveo-private-username>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:14px 16px;color:var(--duveo-ink)} .duveo-private-username>summary::-webkit-details-marker{display:none} .duveo-private-username>summary span:first-child{display:grid;gap:3px;min-width:0} .duveo-private-username>summary strong{font-size:13px;font-weight:750} .duveo-private-username>summary small{font-size:11px;color:var(--duveo-muted);font-weight:400} .duveo-private-username__chevron{font-size:23px;line-height:1;transition:transform .15s ease} .duveo-private-username[open] .duveo-private-username__chevron{transform:rotate(180deg)} .duveo-private-username__body{padding:0 16px 16px;border-top:1px solid var(--duveo-line)} .duveo-private-username__body>p{font-size:12px;line-height:1.5;color:var(--duveo-muted)} .duveo-private-username .duveo-channel-username-request{max-width:450px} .duveo-private-username>summary:focus-visible{outline:2px solid var(--duveo-blue);outline-offset:-3px} @media(max-width:620px){.duveo-content-submitted{align-items:flex-start}.duveo-content-submitted>.duveo-btn{margin-left:47px}.duveo-private-username{margin:12px 0}} html[data-duveo-scheme="dark"] .duveo-content-submitted{background:#16352c;color:#def7e7;border-color:#32644c} html[data-duveo-scheme="dark"] .duveo-content-submitted__copy p{color:#c7e9d5} /* 5.2.48.21: feedback discreto de interacciones del Estado. */ .duveo-state-action-feedback:not([hidden]){position:absolute;bottom:95px;left:50%;transform:translateX(-50%);z-index:40;max-width:min(90%,360px);padding:9px 13px;border-radius:12px;background:rgba(8,18,39,.93);color:#fff;font-size:13px;text-align:center;pointer-events:none;} /* DUVEO 5.2.48.24: descubrir, identidad de creadores y fin de reproducción */ .duveo-category-results__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .duveo-category-results[hidden]{display:none!important} .duveo-category-results .duveo-thumb{aspect-ratio:16/9;overflow:hidden;border-radius:14px} .duveo-category-results .duveo-thumb>img{width:100%;height:100%;object-fit:cover} .duveo-player-handle{font-weight:600;font-size:12px;color:var(--duveo-blue);display:inline-block} .duveo-views-label-short{display:none} .duveo-watch-ended{max-height:100%;overflow-y:auto;z-index:8} .duveo-watch-ended__suggestions{display:flex;flex-wrap:nowrap;gap:10px;width:100%;max-width:900px;overflow-x:auto;padding:9px 2px 14px;scroll-snap-type:x mandatory} .duveo-watch-ended__suggestions a{flex:0 0 clamp(120px,22%,190px);min-width:0;scroll-snap-align:start;color:white;text-align:left} .duveo-watch-ended__suggestions img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px} .duveo-watch-ended__suggestions span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;font-size:12px} @media(max-width:760px){.duveo-category-results__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.duveo-views-label-long{display:none}.duveo-views-label-short{display:inline}.duveo-watch-ended__suggestions a{flex-basis:42%}} /* DUVEO 5.2.48.24 · ajuste móvil sin bordes negros externos (Momentos) */ @media (max-width:980px){ /* Pantalla sin marco ni franjas laterales del tema; no se reemplaza el iframe Bunny. */ html:has(body.page-template-page-momentos), body.page-template-page-momentos, body.page-template-page-momentos .duveo-main, body.page-template-page-momentos .duveo-momentos-v5138, body.page-template-page-momentos .duveo-momentos-v5138__playerarea, body.page-template-page-momentos .duveo-momentos-v5138__workspace{ box-sizing:border-box!important; border:0!important; outline:0!important; box-shadow:none!important; } body.page-template-page-momentos .duveo-momentos-v5138__playerarea, body.page-template-page-momentos .duveo-momentos-v5138__workspace, body.page-template-page-momentos .duveo-momentos-v5138__viewer, body.page-template-page-momentos [data-moment-media-host]{ display:block; width:100%!important; max-width:100vw!important; margin:0!important; padding:0!important; border:0!important; outline:0!important; border-radius:0!important; box-shadow:none!important; background:#0a1222!important; overflow:hidden!important; } body.page-template-page-momentos .duveo-momentos-v5138__viewer{ display:block!important; width:100vw!important; height:calc(100dvh - 64px - env(safe-area-inset-bottom))!important; min-height:0!important; aspect-ratio:auto!important; } body.page-template-page-momentos [data-moment-media-host] video, body.page-template-page-momentos [data-moment-media-host]>img{ display:block!important;width:100%!important;height:100%!important; border:0!important;outline:0!important; object-fit:cover!important; } body.page-template-page-momentos [data-moment-media-host] iframe{ display:block!important;width:100%!important;height:100%!important; border:0!important;outline:0!important; background:transparent!important; } } /* DUVEO 5.2.48.24: bandeja inferior de descubrimiento, no pantalla completa. */ [data-player-shell] .duveo-watch-ended:not([hidden]){ position:absolute!important;inset:auto 0 0!important; display:flex!important;flex-direction:column!important;align-items:stretch!important; justify-content:flex-start!important;gap:8px!important; width:100%!important;max-height:min(50vh,350px)!important; overflow-y:auto!important;padding:18px 18px max(16px, env(safe-area-inset-bottom))!important; background:linear-gradient(0deg,rgba(7,13,29,.98),rgba(7,13,29,.91))!important; border-top:1px solid rgba(255,255,255,.15)!important; border-radius:0!important;z-index:30!important; } [data-player-shell] .duveo-watch-ended[hidden]{display:none!important} [data-player-shell] .duveo-watch-ended>strong{text-align:left!important;font-size:16px!important} [data-player-shell] .duveo-watch-ended__suggestions{max-width:none!important;gap:12px!important;max-height:none!important} [data-player-shell] .duveo-watch-ended__suggestions>a{font-size:12px!important} [data-player-shell] .duveo-watch-ended>.duveo-btn{align-self:flex-start!important;min-height:34px!important} @media(max-width:760px){ [data-player-shell] .duveo-watch-ended:not([hidden]){padding:14px 12px max(12px,env(safe-area-inset-bottom))!important;max-height:55vh!important} [data-player-shell] .duveo-watch-ended__suggestions>a{flex:0 0 42%!important} } /* DUVEO 5.2.48.25 — Jerarquía limpia debajo del título de la reproducción. Seguidores bajo el @usuario; vistas solo en texto debajo del título. */ .duveo-content-info > .duveo-video-facts{ justify-content:flex-start; margin:2px 0 13px; min-height:19px; gap:14px; font-size:12px; line-height:1.4; } .duveo-content-info > .duveo-video-facts .duveo-ai-info{margin-left:0} .duveo-creator-line--watch .duveo-creator-line__meta{min-width:0} .duveo-creator-line--watch .duveo-player-handle{ display:block; width:fit-content; max-width:100%; overflow-wrap:anywhere; line-height:1.35; margin-top:2px; } .duveo-creator-line--watch .duveo-creator-line__meta [data-follower-count]{ display:block; margin-top:3px; font-size:11px; line-height:1.3; white-space:normal; } @media(max-width:760px){ .duveo-content-info > .duveo-video-facts{margin:2px 0 11px;} } /* DUVEO 5.2.48.28 — canal propiedad exclusiva del creador; descubrimiento independiente. */ .duveo-channel-discovery{margin:clamp(44px,7vw,86px) 0 26px;padding:clamp(18px,3vw,28px) 0 0;border-top:2px solid var(--duveo-line)} .duveo-channel-discovery-intro{margin-bottom:18px} .duveo-channel-discovery-intro .duveo-kicker{font-size:11px;font-weight:800;color:var(--duveo-muted)} .duveo-channel-discovery-intro h2{font-size:22px;letter-spacing:-.025em;margin:5px 0 7px} .duveo-channel-discovery-intro p{margin:0;color:var(--duveo-muted);font-size:13px;line-height:1.5} .duveo-channel-discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr))} @media(max-width:1000px){.duveo-channel-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.duveo-channel-discovery-grid{grid-template-columns:1fr}.duveo-channel-discovery{margin-top:50px}} /* DUVEO 5.2.48.32: insignia verificada junto al @usuario, 2px, no circular. */ .duveo-channel-handle, .duveo-player-account{display:inline-flex;align-items:center;gap:0;max-width:100%;white-space:nowrap} .duveo-player-account{width:max-content;max-width:100%;margin-top:2px;line-height:1.35} .duveo-player-account .duveo-player-handle{display:inline!important;width:auto!important;max-width:calc(100% - 14px);margin-top:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .duveo-channel-handle .dctv-public-badge,.duveo-player-account .dctv-public-badge{margin-inline-start:2px!important} .duveo-momentos-v5160__identity,.duveo-momentos-v5138__author-identity-desktop,.duveo-momentos-v5138__author-handle-mobile{align-items:center!important;gap:0!important} .duveo-momentos-v5160__identity .dctv-public-badge,.duveo-momentos-v5138__author-identity-desktop .dctv-public-badge,.duveo-momentos-v5138__author-handle-mobile .dctv-public-badge{margin-inline-start:2px!important} .duveo-momentos-v5206__mobile-identity-copy>.duveo-momentos-v5206__primary-username{display:inline-flex;align-items:center;gap:0;max-width:100%;min-width:0} .duveo-momentos-v5206__primary-username>strong{min-width:0} /* Solo se oculta si no hay validación DUVEO; el atributo hidden tiene prioridad. */ .dctv-public-badge[hidden]{display:none!important} /* 5.2.48.36: resume titles and channel identity hierarchy. */ .home .duveo-home-continue .duveo-card-meta{display:grid!important} .home .duveo-home-continue .duveo-card-title{display:block!important;color:#182235!important;font-size:14px!important;line-height:1.35!important;white-space:normal!important} .duveo-channel-copy h1>.dctv-public-badge{vertical-align:middle;margin-inline-start:2px} .duveo-channel-copy>.duveo-channel-meta{margin-top:4px}