/* =====================================================================
   VinumVitis 2026 — hoja de la maquetación nueva
   ---------------------------------------------------------------------
   Es la hoja que vino en la entrega, con una sola diferencia: todo
   cuelga de .vv26. La original tocaba body, *, h1, h2, p, a, img... y
   esto es un WordPress compartido: esas reglas se habrían llevado por
   delante el panel profesional, las páginas legales y el formulario de
   contacto. Metiéndolo todo bajo .vv26 la portada manda en lo suyo y no
   se mete donde no la llaman.

   El ORDEN DE LAS REGLAS IMPORTA: la entrega avisa de que los ajustes
   finales están al final del archivo y pisan a los anteriores a
   propósito. Está respetado tal cual. No reordenar.

   Las fuentes (Anton e IBM Plex Sans) se cargan en header.php.
   Las fotos van en img/ y las pinta el HTML, aquí no hay ninguna.
   ===================================================================== */

.vv26{--ink:#202321;--wine:#46232e;--cream:#f3f1eb;--paper:#faf9f6;--line:#d4d0c8;--muted:#63655f;--white:#fff;--font:'IBM Plex Sans',Arial,sans-serif}.vv26 *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}.vv26{margin:0;color:var(--ink);background:var(--paper);font:400 17px/1.55 var(--font);-webkit-font-smoothing:antialiased}.vv26 button,.vv26 input{font:inherit}.vv26 button,.vv26 a{-webkit-tap-highlight-color:transparent}.vv26 button{cursor:pointer}.vv26 a{color:inherit;text-decoration:none}.vv26 button{border-radius:0}.vv26 img{display:block;max-width:100%}.vv26 p,.vv26 h1,.vv26 h2,.vv26 h3,.vv26 figure{margin:0}.vv26 h1,.vv26 h2,.vv26 h3{font-weight:500}.vv26 h2{font-size:clamp(38px,4.1vw,65px);line-height:1.08;letter-spacing:-2px}.vv26 h3{font-size:23px;line-height:1.2;letter-spacing:-.4px}.vv26 p{max-width:60ch}.vv26 a:focus-visible,.vv26 button:focus-visible,.vv26 summary:focus-visible,.vv26 input:focus-visible{outline:3px solid #a8773e;outline-offset:5px}.vv26 a:hover{text-decoration:none}.vv26 ::selection{background:#b9a7a7;color:#171d1a}.vv26 [hidden]{display:none!important}.vv26 .sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.vv26 .skip{position:absolute;top:-80px;left:20px;background:#fff;padding:12px;z-index:20}.vv26 .skip:focus{top:10px}.vv26 .section-pad{padding:105px max(5vw,calc((100vw - 1500px)/2))}.vv26 .eyebrow{font-size:12px;letter-spacing:1.6px;line-height:1.4;font-weight:500}.vv26 .button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:14px 24px;font-size:15px;font-weight:500;border:1px solid transparent;transition:background .2s,color .2s}.vv26 .button-light{color:var(--ink);background:var(--cream)}.vv26 .button-light:hover{background:#e1d9cd}.vv26 .button-wine{background:var(--wine);color:#fff}.vv26 .button-wine:hover{background:#683a48}.vv26 .text-link{display:inline-flex;gap:24px;align-items:center;padding:8px 0;border-bottom:1px solid currentColor;font-size:15px;font-weight:500}.vv26 .light-link{color:var(--cream)}.vv26 .text-link:hover{opacity:.7}.vv26 .wordmark{font-size:35px;font-weight:500;letter-spacing:-1.8px;line-height:1}.vv26 .brand-dot{color:#b89494}.vv26 .site-header{height:90px;background:#1c0a10;color:#f9f8f4;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.vv26 .desktop-nav{display:flex;gap:34px;font-size:14px}.vv26 .header-actions{display:flex;gap:27px;align-items:center;font-size:13px}.vv26 .header-actions .button{min-height:44px;padding:9px 18px;font-size:13px}.vv26 .client-link{color:#c8ccc7}.vv26 .pin-link{border-bottom:1px solid #939b92;padding-bottom:2px}.vv26 .menu-toggle{display:none;background:transparent;color:white;border:0}.vv26 .mobile-nav{background:#1c0a10;color:white;padding:15px 6vw 28px}.vv26 .mobile-nav a{display:block;padding:12px 0;border-top:1px solid #4a3b41}.vv26 .hero{height:min(860px,64vw);min-height:650px;position:relative;color:#fff;background:#1c0a10;isolation:isolate}.vv26 .hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 55%;position:absolute;inset:0;z-index:-3}.vv26 .hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(22,9,14,.93),transparent 55%),linear-gradient(180deg,rgba(22,9,14,.33),transparent 38%)}.vv26 .hero-head{position:absolute;top:8%;left:48%;right:5%}.vv26 .hero-head .eyebrow{color:#e6e7e0;margin-bottom:22px}.vv26 .hero h1{font-size:clamp(84px,8.2vw,138px);font-weight:400;letter-spacing:-6px;line-height:.96}.vv26 .hero-bottom{position:absolute;bottom:89px;left:5%;right:5%;display:flex;align-items:end;justify-content:space-between;gap:40px}.vv26 .hero-description{font-size:25px;line-height:1.28;letter-spacing:-.4px;margin-bottom:16px}.vv26 .hero-sub{font-size:15px;line-height:1.5;color:#dedfd8}.vv26 .hero-cta{display:flex;gap:28px;align-items:center;padding-bottom:3px}.vv26 .hero-footnote{position:absolute;left:5%;right:5%;bottom:25px;display:flex;justify-content:space-between;border-top:1px solid #ffffff50;padding-top:18px;font-size:12px;color:#d2d5cd}.vv26 .section-intro{display:grid;grid-template-columns:1fr 2fr;gap:50px}.vv26 .section-label{padding-top:9px}.vv26 .lead{font-size:20px;line-height:1.55;max-width:670px;color:var(--muted);margin-top:25px}.vv26 .journey{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:75px}.vv26 .journey article{border-top:1px solid var(--line);padding-top:19px}.vv26 .phase{font-size:13px;color:var(--muted)}.vv26 .journey h3{margin:25px 0 15px}.vv26 .journey article>p:last-child{font-size:16px;color:var(--muted);line-height:1.6}.vv26 .platform{background:var(--wine);color:var(--cream)}.vv26 .platform-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}.vv26 .platform-heading .eyebrow{color:#d3b8bf;margin-bottom:19px}.vv26 .platform-heading>p{font-size:18px;line-height:1.5;color:#ddccd0;padding-bottom:3px}.vv26 .product-tabs{display:flex;gap:30px;margin:48px 0 32px;border-bottom:1px solid #80616a}.vv26 .product-tabs button{font-size:15px;background:transparent;color:#d9c3ca;border:0;border-bottom:3px solid transparent;padding:13px 0;position:relative;bottom:-1px}.vv26 .product-tabs [aria-selected=true]{color:#fff;border-bottom-color:#fff}.vv26 .product-layout{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(220px,1fr);gap:58px;align-items:center}.vv26 .product-panel{background:#fbfaf7;color:var(--ink);position:relative;min-height:470px}.vv26 .app-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 25px;gap:20px}.vv26 .app-wordmark{font-size:22px;font-weight:500;letter-spacing:-.7px}.vv26 .app-top>span:last-child{font-size:12px;color:#60665e}.vv26 .app-top i{display:inline-block;border-left:1px solid #b8beb4;height:14px;vertical-align:middle;margin:0 10px}.vv26 .app-layout{display:grid;grid-template-columns:155px 1fr;min-height:407px}.vv26 .app-sidebar{border-right:1px solid var(--line);padding:25px 14px 20px;display:flex;flex-direction:column;gap:10px;font-size:12px;background:#f2f0e9}.vv26 .app-sidebar>span{padding:7px 10px}.vv26 .sidebar-caption{font-size:9px;letter-spacing:1px;color:#74776e}.vv26 .app-sidebar .selected{background:#e2d6d7;color:#4f2130}.vv26 .room-code{margin-top:auto;display:flex;flex-direction:column;border-top:1px solid #d2cec7;padding:15px 10px 0}.vv26 .room-code small{font-size:10px;color:#676b61}.vv26 .room-code strong{font-size:24px;font-weight:500;letter-spacing:.5px;padding:2px 0}.vv26 .app-content{padding:28px 36px}.vv26 .question-top{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#72786d;margin-bottom:17px}.vv26 .live-label{color:#526043}.vv26 .app-content h3{font-size:27px;line-height:1.18;font-weight:500;letter-spacing:-.7px}.vv26 .result-bars{margin:28px 0}.vv26 .result-row{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:12px;margin:13px 0}.vv26 .result-row b{font-weight:400;color:#73786e}.vv26 .track{grid-column:1/-1;height:8px;background:#e8e7df}.vv26 .track span{display:block;height:100%;background:#875365}.vv26 .result-row:first-child .track span{background:#4c2935}.vv26 .app-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:#74786e}.vv26 .app-action{border:1px solid #5e3845;color:#4b2834;background:transparent;padding:8px 13px;font-size:11px}.vv26 .app-action:hover{background:#eae2df}.vv26 .ranking{position:absolute;inset:63px 0 0 155px;background:var(--paper);padding:28px 36px}.vv26 .ranking-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.vv26 .ranking-head button{border:0;border-bottom:1px solid;color:#5d3142;background:none;font-size:11px;padding:6px 0}.vv26 .ranking ol{padding-left:24px;margin:35px 0}.vv26 .ranking li{padding:15px;border-bottom:1px solid var(--line);font-size:19px}.vv26 .ranking li strong{float:right;font-size:14px;font-weight:500}.vv26 .ranking>p{font-size:12px;color:var(--muted)}.vv26 .product-caption{font-size:11px;color:#d0b8c0;margin-top:12px}.vv26 .product-notes article{margin-bottom:33px}.vv26 .product-notes h3{font-size:21px;font-weight:400;margin-bottom:11px}.vv26 .product-notes p{font-size:14px;color:#ddccd0;line-height:1.65}.vv26 .product-notes .text-link{font-size:13px}.vv26 .guest-panel{padding:27px 30px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.vv26 .guest-context h3{font-size:34px;line-height:1.06;margin:20px 0}.vv26 .guest-context>p{font-size:15px;color:var(--muted)}.vv26 .guest-context .demo-disclaimer{font-size:11px;margin-top:32px}.vv26 .guest-screen{max-width:315px;width:100%;justify-self:center;background:#fff;padding:21px;border:1px solid #c9c6bd}.vv26 .guest-top{font-size:12px;display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:20px}.vv26 .guest-top span{color:#6a6e64}.vv26 .guest-screen .phase{font-size:10px}.vv26 .guest-screen h3{font-size:23px;margin:10px 0 19px}.vv26 .guest-screen fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}.vv26 .guest-screen label{display:flex;gap:10px;align-items:center;border:1px solid #d0cec5;padding:9px 10px;font-size:12px;cursor:pointer}.vv26 .guest-screen label:has(input:checked){background:#f2e9ea;border-color:var(--wine)}.vv26 .guest-screen input{accent-color:var(--wine)}.vv26 .guest-screen .button{font-size:12px;min-height:40px;width:100%;justify-content:center;margin-top:17px;padding:8px}.vv26 .guest-screen #answer-status{font-size:12px;color:#4b6340;margin-top:13px;min-height:18px}.vv26 .reset-answer{border:0;border-bottom:1px solid;background:none;font-size:11px;color:var(--wine);padding:5px 0}.vv26 .audience{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;background:var(--cream)}.vv26 .audience-photo{position:relative;min-height:680px}.vv26 .audience-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.vv26 .audience-photo span{position:absolute;bottom:0;left:0;right:0;background:#172019e6;color:#f7f7ef;font-size:14px;padding:20px 25px}.vv26 .audience-copy{padding-top:12px}.vv26 .audience-copy .eyebrow{color:#6c5a5b;margin-bottom:24px}.vv26 .audience-rows{margin-top:34px}.vv26 .audience-rows article{padding:25px 0;border-top:1px solid #c8c6bc}.vv26 .audience-rows h3{font-size:26px;font-weight:400;margin-bottom:13px}.vv26 .audience-rows p{font-size:15px;color:var(--muted)}.vv26 .audience-rows span{display:block;font-size:11px;color:#7c605e;margin-top:14px}.vv26 .brand-section{display:grid;grid-template-columns:1fr 1fr;background:#1c0a10;color:#f3f1eb}.vv26 .brand-copy{padding:90px 9vw;display:flex;align-items:start;flex-direction:column;justify-content:center}.vv26 .brand-copy .eyebrow{color:#c2c9bb;margin-bottom:24px}.vv26 .brand-copy h2{font-size:clamp(38px,3.6vw,58px)}.vv26 .brand-copy p:not(.eyebrow){font-size:17px;line-height:1.65;color:#ced3c8;margin:27px 0 33px}.vv26 .brand-section>img{width:100%;height:600px;object-fit:cover;object-position:center 48%}.vv26 .commercial{background:#f8f6f0}.vv26 .commercial-bottom{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-top:52px;border-top:1px solid var(--line);padding-top:30px}.vv26 .commercial-bottom>p{font-size:19px;line-height:1.4;color:#74756b}.vv26 .demo-description{display:grid;grid-template-columns:1fr auto;gap:12px 45px;align-items:start}.vv26 .demo-description h3{font-size:23px}.vv26 .demo-description p{font-size:15px;color:var(--muted);grid-column:1;max-width:440px}.vv26 .demo-description .button{grid-column:2;grid-row:1/3;align-self:center}.vv26 .faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr;gap:10%;padding-top:80px;padding-bottom:85px}.vv26 .faq .eyebrow{margin-bottom:18px;color:#766868}.vv26 .faq h2{font-size:45px}.vv26 .faq .text-link{margin-top:30px;font-size:13px}.vv26 .faq details{border-top:1px solid var(--line)}.vv26 .faq details:last-child{border-bottom:1px solid var(--line)}.vv26 .faq summary{font-size:17px;font-weight:400;padding:20px 30px 20px 0;list-style:none;cursor:pointer;position:relative}.vv26 .faq summary::-webkit-details-marker{display:none}.vv26 .faq summary::after{content:'+';position:absolute;right:0;top:18px;font-size:23px;font-weight:400}.vv26 .faq details[open] summary::after{content:'−'}.vv26 .faq details p{font-size:15px;color:var(--muted);padding:0 35px 25px 0}.vv26 .contact{background:var(--wine);color:var(--cream);display:grid;grid-template-columns:1.5fr 1fr;gap:10%;padding-top:83px;padding-bottom:88px;align-items:end}.vv26 .contact .eyebrow{color:#d9bdc4;margin-bottom:27px}.vv26 .contact h2{font-size:clamp(42px,4vw,64px);max-width:760px}.vv26 .contact-action>p{font-size:16px;color:#dfcfd3;margin-bottom:25px}.vv26 .contact-action .button{min-width:245px}.vv26 .contact-email{display:block;font-size:14px;color:#d9c1c7;margin-top:20px;text-decoration:underline;text-underline-offset:4px}.vv26 .site-footer{background:#191e1b;color:#dce0d8;padding:65px max(5vw,calc((100vw - 1500px)/2)) 28px}.vv26 .footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:45px}.vv26 .footer-logo{font-size:44px;color:#f8f7ef}.vv26 .footer-main>div p{font-size:15px;line-height:1.6;color:#aeb5aa;margin-top:22px}.vv26 .footer-main nav{display:flex;align-items:start;flex-direction:column;gap:11px;font-size:13px}.vv26 .footer-main nav h3{font-weight:500;font-size:13px;color:#a3aa9e;margin:0 0 7px;letter-spacing:0}.vv26 .footer-main nav a:hover{text-decoration:underline;text-underline-offset:4px}.vv26 .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #443338;margin-top:65px;padding-top:25px;font-size:11px;color:#b2baac}.vv26 .footer-bottom>div{display:flex;gap:28px}.vv26 .back-top{color:#d4dacc}.vv26 .credits-page{max-width:850px;margin:70px auto;padding:0 25px}.vv26 .credits-page h1{font-size:40px;line-height:1.2;margin:35px 0}.vv26 .credits-page h2{font-size:25px;letter-spacing:0;margin:30px 0 10px}.vv26 .credits-page p,.vv26 .credits-page li{font-size:16px;margin:10px 0}.vv26 .credits-page a{text-decoration:underline}
@media(min-width:1800px){.vv26 .hero{height:960px}.vv26 .hero-head{left:50%;top:9%}.vv26 .hero h1{font-size:148px}.vv26 .hero-bottom,.vv26 .hero-footnote{left:max(5vw,calc((100vw - 1600px)/2));right:max(5vw,calc((100vw - 1600px)/2))}.vv26 .hero-photo{object-position:center 54%}.vv26 .section-pad{padding-top:115px;padding-bottom:115px}.vv26 .brand-copy{padding-left:max(5vw,calc((100vw - 1500px)/2));padding-right:100px}}
@media(max-width:1150px){.vv26 .site-header{padding:0 4%;height:78px}.vv26 .desktop-nav{gap:20px;font-size:13px}.vv26 .header-actions{gap:16px}.vv26 .client-link{display:none}.vv26 .wordmark{font-size:30px}.vv26 .section-pad{padding:75px 6%}.vv26 .hero{min-height:700px}.vv26 .hero h1{font-size:96px}.vv26 .hero-head{left:48%;top:9%}.vv26 .hero-bottom{gap:25px}.vv26 .hero-cta{flex-direction:column;align-items:start;gap:12px}.vv26 .product-layout{grid-template-columns:1fr;gap:25px}.vv26 .product-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.vv26 .product-notes article{margin-bottom:0}.vv26 .product-notes>.text-link{grid-column:1/-1;justify-self:start}.vv26 .audience{gap:6%}.vv26 .audience-photo{min-height:640px}.vv26 .brand-copy{padding:65px 10%}.vv26 .brand-section>img{height:590px}.vv26 .demo-description{grid-template-columns:1fr}.vv26 .demo-description .button{grid-row:auto;grid-column:1;justify-self:start;margin-top:12px}.vv26 .journey{gap:35px}.vv26 .footer-main{gap:25px}.vv26 .footer-bottom>div{gap:18px}}
@media(max-width:760px){html{scroll-padding-top:20px}.vv26 .desktop-nav,.vv26 .header-actions{display:none}.vv26 .menu-toggle{display:flex;align-items:center;gap:15px;font-size:13px;padding:10px 0}.vv26 .menu-toggle span{font-size:24px}.vv26 .site-header{height:72px;padding:0 6%}.vv26 .wordmark{font-size:31px}.vv26 .section-pad{padding:60px 7%}.vv26 .hero{height:810px;min-height:0}.vv26 .hero-photo{object-position:39% center}.vv26 .hero-shade{background:linear-gradient(180deg,rgba(21,8,13,.6),transparent 48%,rgba(21,8,13,.93) 87%)}.vv26 .hero-head{left:7%;right:7%;top:35px}.vv26 .hero-head .eyebrow{max-width:230px;font-size:10px;letter-spacing:1px;margin-bottom:18px}.vv26 .hero h1{font-size:78px;letter-spacing:-3.5px;line-height:.96;font-weight:400}.vv26 .hero-bottom{left:7%;right:7%;bottom:70px;display:block}.vv26 .hero-description{font-size:21px;line-height:1.3;margin-bottom:12px}.vv26 .hero-sub{font-size:14px;max-width:320px}.vv26 .hero-cta{display:flex;flex-direction:row;align-items:center;gap:22px;margin-top:25px}.vv26 .hero-cta .button{font-size:13px;padding:12px 18px;min-height:46px;gap:18px}.vv26 .hero-cta .text-link{font-size:12px}.vv26 .hero-footnote{left:7%;right:7%;bottom:20px;padding-top:14px;font-size:10px}.vv26 .hero-footnote span:last-child{display:none}.vv26 h2{font-size:39px;letter-spacing:-1.2px;line-height:1.1}.vv26 .section-intro{grid-template-columns:1fr;gap:22px}.vv26 .section-label{padding-top:0}.vv26 .lead{font-size:17px;margin-top:23px}.vv26 .eyebrow{font-size:11px;letter-spacing:1.1px}.vv26 .journey{grid-template-columns:1fr;margin-top:35px;gap:25px}.vv26 .journey article{display:grid;grid-template-columns:1fr;gap:8px;padding-top:17px}.vv26 .journey h3{font-size:25px;margin:5px 0}.vv26 .journey article>p:last-child{font-size:15px}.vv26 .platform-heading{display:block}.vv26 .platform-heading>p{font-size:16px;margin-top:22px}.vv26 .product-tabs{gap:28px;margin-top:24px;margin-bottom:24px}.vv26 .product-tabs button{font-size:13px}.vv26 .product-layout{gap:28px}.vv26 .app-top{padding:15px;gap:10px}.vv26 .app-wordmark{font-size:20px}.vv26 .app-top>span:last-child{font-size:10px;text-align:right}.vv26 .app-top i{display:none}.vv26 .app-layout{display:block;min-height:0}.vv26 .app-sidebar{display:none}.vv26 .app-content{padding:23px 19px}.vv26 .app-content h3{font-size:25px}.vv26 .question-top{font-size:10px}.vv26 .app-bottom{gap:10px;font-size:10px}.vv26 .app-action{font-size:10px;padding:8px}.vv26 .product-panel{min-height:0}.vv26 .ranking{inset:56px 0 0;padding:25px 19px}.vv26 .ranking-head{align-items:start}.vv26 .ranking-head h3{font-size:23px}.vv26 .ranking li{font-size:17px;padding:14px 3px}.vv26 .ranking li strong{font-size:12px}.vv26 .product-notes{display:block}.vv26 .product-notes article{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #80616a}.vv26 .product-notes h3{font-size:23px}.vv26 .product-notes p{font-size:15px}.vv26 .guest-panel{display:block;padding:20px}.vv26 .guest-context{margin-bottom:20px}.vv26 .guest-context h3{font-size:30px;margin:12px 0}.vv26 .guest-context h3 br{display:none}.vv26 .guest-context .demo-disclaimer{font-size:10px;margin-top:15px}.vv26 .guest-screen{max-width:none;padding:18px}.vv26 .audience{display:flex;flex-direction:column-reverse;gap:35px}.vv26 .audience-copy{padding-top:0}.vv26 .audience-copy h2{font-size:44px}.vv26 .audience-rows{margin-top:28px}.vv26 .audience-rows article{padding:22px 0}.vv26 .audience-rows h3{font-size:27px}.vv26 .audience-photo{min-height:390px}.vv26 .audience-photo img{object-position:center 64%}.vv26 .audience-photo span{font-size:12px;padding:17px}.vv26 .brand-section{grid-template-columns:1fr}.vv26 .brand-copy{padding:60px 7%}.vv26 .brand-copy h2{font-size:44px}.vv26 .brand-copy p:not(.eyebrow){font-size:16px}.vv26 .brand-section>img{height:430px;object-position:center 37%}.vv26 .commercial-bottom{grid-template-columns:1fr;gap:25px;margin-top:35px;padding-top:25px}.vv26 .commercial-bottom>p{font-size:17px}.vv26 .demo-description{gap:15px}.vv26 .demo-description h3{font-size:24px}.vv26 .demo-description .button{font-size:13px;gap:25px}.vv26 .faq{grid-template-columns:1fr;gap:35px}.vv26 .faq h2{font-size:40px}.vv26 .faq .text-link{margin-top:21px}.vv26 .faq summary{font-size:16px}.vv26 .faq details p{font-size:14px;padding-right:20px}.vv26 .contact{grid-template-columns:1fr;gap:30px}.vv26 .contact h2{font-size:43px}.vv26 .contact-action>p{font-size:15px}.vv26 .contact-action .button{min-width:235px}.vv26 .site-footer{padding:50px 7% 25px}.vv26 .footer-main{grid-template-columns:1fr 1fr;gap:35px 22px}.vv26 .footer-main>div{grid-column:1/-1}.vv26 .footer-main>nav:last-child{grid-column:1/-1}.vv26 .footer-logo{font-size:42px}.vv26 .footer-main>div p{font-size:14px;margin-top:17px}.vv26 .footer-bottom{margin-top:40px;padding-top:23px;flex-wrap:wrap;gap:20px;font-size:10px}.vv26 .footer-bottom>div{order:3;flex-basis:100%;flex-wrap:wrap;gap:18px}.vv26 .back-top{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vv26 *{transition:none!important}}
@media(max-width:760px){.vv26 .hero{height:960px}.vv26 .hero-photo{top:245px;bottom:auto;height:420px;object-position:center 55%}.vv26 .hero-head{top:35px}.vv26 .hero h1{font-size:68px;letter-spacing:-3px}.vv26 .hero-shade{background:linear-gradient(0deg,#1c0a10 29%,transparent 40%)}.vv26 .hero-bottom{bottom:72px}.vv26 .hero-head .eyebrow{max-width:none;font-size:10px;margin-bottom:20px}}
/* Revised art direction: bold editorial typography and an interactive product story. */
.vv26{--wine:#350f20;--yellow:#F8F0B0;--ink:#191d1a;--display:Anton,'Arial Narrow',Impact,sans-serif}
.vv26 .site-header{height:74px;background:#290c19}.vv26 .wordmark{font-weight:600;letter-spacing:-1.7px}.vv26 .brand-dot{color:var(--yellow)}.vv26 .button-light,.vv26 .button-yellow{background:var(--yellow);color:#172018;font-weight:600}.vv26 .button-light:hover,.vv26 .button-yellow:hover{background:#FDF8C9}.vv26 .pin-link{border:1px solid #c2abb4;padding:9px 15px}.vv26 .hero{height:800px;min-height:0;max-height:none;background:#1c0a10}.vv26 .hero-photo{position:absolute;inset:0;height:100%;width:100%;object-position:center 54%}.vv26 .hero-shade{background:linear-gradient(90deg,rgba(20,7,12,.93),rgba(20,7,12,.65) 38%,rgba(20,7,12,.02) 78%),linear-gradient(0deg,rgba(20,7,12,.4),transparent 50%)}.vv26 .hero-head{position:relative;left:auto;right:auto;top:auto;padding:47px 4.8%;width:100%;height:100%}.vv26 .hero-head .eyebrow{font-size:11px;font-weight:600;letter-spacing:2.6px;margin-bottom:19px}.vv26 .hero h1{font-family:var(--display);font-weight:400;font-size:clamp(105px,10.4vw,158px);line-height:.99;letter-spacing:-3px;margin:0 0 21px}.vv26 .hero-description{font-size:23px;font-weight:500;line-height:1.25;margin-bottom:6px}.vv26 .hero-sub{font-size:17px;color:#ecebe3}.vv26 .hero-cta{display:flex;align-items:center;flex-direction:row;gap:30px;margin-top:24px}.vv26 .hero-cta .button{min-width:240px}.vv26 .hero-for{font-size:12px;margin-top:12px;color:#e5e5dc}.vv26 .hero-live{position:absolute;right:4.8%;bottom:48px;background:var(--paper);color:var(--ink);width:325px;padding:23px;box-shadow:0 12px 50px #0003;transition:transform .2s}.vv26 .hero-live:hover{transform:translateY(-5px)}.vv26 .mini-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.vv26 .mini-top b{font-size:18px;letter-spacing:-.7px}.vv26 .mini-top>span{font-size:8px;background:var(--yellow);padding:5px;font-weight:600}.vv26 .hero-live>p{font-weight:600;font-size:27px;line-height:1.12;margin:26px 0 20px;letter-spacing:-.8px}.vv26 .mini-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vv26 .mini-options span{font-size:10px;font-weight:500;padding:13px 10px;background:#F8F0B0}.vv26 .mini-options span:nth-child(2){background:#e5b4a4}.vv26 .mini-options span:nth-child(3){background:#b4cdd8}.vv26 .mini-options span:nth-child(4){background:#c8b8da}.vv26 .mini-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:10px}.vv26 .experience-strip{background:var(--wine);color:#fff;display:flex;justify-content:space-between;gap:25px;padding:23px 5%;font-size:10px;letter-spacing:2px;font-weight:500}.vv26 .game-section{background:var(--cream);padding-top:80px;padding-bottom:65px}.vv26 .game-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:60px}.vv26 .game-heading .eyebrow{color:var(--wine);margin-bottom:22px;font-size:11px;font-weight:600}.vv26 .game-heading h2{font-family:var(--display);font-size:clamp(52px,5.4vw,80px);line-height:1.02;letter-spacing:-1px;font-weight:400}.vv26 .game-heading h2 em{font-style:normal;color:#722f49}.vv26 .game-heading>div:last-child{justify-self:end;padding-bottom:3px}.vv26 .game-heading>div>p:not(.eyebrow){font-size:21px;line-height:1.45}.vv26 .game-heading .text-link{margin-top:14px}.vv26 .game-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #bdb9b0;border-bottom:1px solid #bdb9b0;margin:42px 0 32px;scroll-margin-top:25px}.vv26 .game-controls button{display:flex;align-items:center;justify-content:start;gap:15px;background:transparent;color:#69635f;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:19px 14px;font-size:14px;text-align:left}.vv26 .game-controls button:first-child{padding-left:0}.vv26 .game-controls button span{font-size:11px;color:#847d75}.vv26 .game-controls button[aria-pressed=true]{border-bottom-color:var(--wine);color:var(--wine);font-weight:600}.vv26 .game-controls button[aria-pressed=true] span{color:var(--wine)}.vv26 .game-stage{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:38px;align-items:start}.vv26 .surface-label{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;margin-bottom:12px;color:#68675e}.vv26 .surface-label span:last-child:not(:first-child){letter-spacing:0}.vv26 .projection{background:var(--wine);color:#fff;min-height:535px;display:flex;flex-direction:column}.vv26 .project-top{display:flex;align-items:center;justify-content:space-between;padding:19px 29px;border-bottom:1px solid #ffffff29;gap:15px}.vv26 .project-top>b{font-size:22px;letter-spacing:-.8px}.vv26 .project-top>span{font-size:10px;letter-spacing:.6px}.vv26 .project-top i{font-style:normal;color:#263019;background:var(--yellow);padding:5px 7px;margin-left:12px;font-size:8px}.vv26 .question-body{padding:24px 36px 28px;flex:1}.vv26 .question-meta{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px;color:#e0c5d0}.vv26 .question-body h3{font-family:var(--display);font-size:clamp(38px,3.7vw,55px);line-height:1.05;font-weight:400;letter-spacing:-.4px;margin:23px 0 12px}.vv26 .question-body>p{color:#d5c2ca;font-size:12px}.vv26 .answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:27px}.vv26 .answer-tile{display:flex;align-items:center;gap:17px;padding:17px 19px;color:#212621;font-size:18px;font-weight:500}.vv26 .answer-tile b,.vv26 .phone-answers b{display:flex;align-items:center;justify-content:center;width:25px;height:25px;flex-shrink:0;border:1px solid #20251c66;font-size:12px;font-weight:500}.vv26 .color-0{background:#F8F0B0;color:#202817}.vv26 .color-1{background:#e5b4a4;color:#34211c}.vv26 .color-2{background:#b4cdd8;color:#1c2b32}.vv26 .color-3{background:#c8b8da;color:#2b2034}.vv26 .project-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;border-top:1px solid #ffffff29;padding:18px 29px;font-size:10px;color:#dcc7d1}.vv26 .play-phone{border:2px solid #262b23;border-radius:20px;padding:0 14px 14px;background:#faf9f6;min-height:535px;display:flex;flex-direction:column;overflow:hidden;box-shadow:5px 7px 0 #d6d2c8}.vv26 .phone-brand{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:17px;letter-spacing:-.6px;font-weight:600;border-bottom:1px solid var(--line);padding:19px 3px 17px}.vv26 .phone-brand span{font-size:9px;font-weight:400;letter-spacing:0}.vv26 .mobile-body{padding:21px 3px 15px}.vv26 .player-label{display:flex;justify-content:space-between;font-size:10px;color:#797367;margin-bottom:25px}.vv26 .mobile-body h3{font-size:26px;font-weight:600;line-height:1.08;letter-spacing:-.8px;margin-bottom:14px}.vv26 .phone-hint{font-size:11px;color:#736e64;margin:12px 0}.vv26 .phone-answers{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}.vv26 .phone-answers button{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid transparent;font-size:13px;text-align:left;font-weight:500;transition:transform .15s,border .15s}.vv26 .phone-answers button:hover{border:1px solid #26301d;transform:translateX(-3px)}.vv26 .bottom-hint{font-size:10px;margin-top:15px}.vv26 .phone-footer{margin-top:auto;padding-top:13px;border-top:1px solid var(--line);text-align:center;font-size:8px;color:#766d60}.vv26 .game-bottom{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:26px}.vv26 .game-bottom>p{font-size:14px;color:#686159;max-width:700px;min-height:44px}.vv26 .game-disclaimer{font-size:10px;color:#797064;margin-top:12px}.vv26 .game-kicker{font-size:10px;letter-spacing:1.5px}.vv26 .lobby-body{text-align:center;padding:25px 30px;flex:1}.vv26 .lobby-body h3,.vv26 .podium-body h3{font-family:var(--display);font-weight:400;font-size:50px;line-height:1.05;letter-spacing:0;margin:15px 0}.vv26 .lobby-body>p:not(.game-kicker){font-size:13px;color:#d8c4ce;margin:16px auto 5px}.vv26 .big-pin{font-size:48px;letter-spacing:8px;font-weight:600;color:var(--yellow);line-height:1.2}.vv26 .players{display:flex;justify-content:center;gap:7px;margin:20px 0 5px;flex-wrap:wrap}.vv26 .players span{border:1px solid #a88192;padding:6px 12px;font-size:11px}.vv26 .mobile-body>.game-kicker{font-size:9px;color:#6b6156;margin-bottom:17px}.vv26 .mobile-body form{display:flex;flex-direction:column;margin-top:25px}.vv26 .mobile-body form label{font-size:10px;margin-bottom:5px;color:#6c6257}.vv26 .mobile-body input{border:1px solid #c9c1b3;background:white;border-radius:0;width:100%;padding:9px 10px;margin-bottom:16px;font-size:14px;min-width:0}.vv26 .mobile-body input[readonly]{font-weight:600;letter-spacing:3px;background:#eeeae2}.vv26 .mobile-body .button{width:100%;font-size:12px;min-height:43px;padding:11px 13px;gap:5px}.vv26 .reveal-body{flex:1;padding:30px 36px 22px}.vv26 .reveal-body h3{font-family:var(--display);font-weight:400;font-size:clamp(34px,3.6vw,54px);line-height:1.05;letter-spacing:0;color:var(--yellow);display:flex;justify-content:space-between;gap:15px;margin:18px 0 10px}.vv26 .reveal-body>p:not(.game-kicker){font-size:12px;max-width:420px;color:#dfcad4}.vv26 .vote-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;margin-top:28px}.vv26 .vote-column{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;min-width:0}.vv26 .vote-column strong{font-size:16px;font-weight:500}.vv26 .vote-bar{width:100%}.vv26 .vote-column>span{font-size:9px;white-space:nowrap}.vv26 .feedback{text-align:center;padding-top:26px}.vv26 .feedback-symbol{margin:20px auto;font-size:57px;line-height:1;width:85px;height:85px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;color:#354521}.vv26 .feedback h3{margin:20px 0 13px}.vv26 .feedback>p:not(.game-kicker){font-size:12px;color:#686359;line-height:1.5}.vv26 .points{display:block;font-size:21px;margin:18px 0 25px}.vv26 .retry{font-size:11px;background:none;border:0;border-bottom:1px solid #827060;color:#5a4145;padding:4px 0;margin-top:16px}.vv26 .podium-body{text-align:center;padding:24px 30px 0;flex:1}.vv26 .podium-body>.game-kicker{margin:auto}.vv26 .podium-body h3{font-size:43px;margin:15px 0 25px}.vv26 .podium{display:flex;align-items:end;gap:10px;justify-content:center}.vv26 .podium-person{width:26%;max-width:155px}.vv26 .podium-person>span{display:block;font-size:13px;margin-bottom:10px;overflow-wrap:anywhere}.vv26 .podium-person>div{display:flex;flex-direction:column;justify-content:center;background:#75445c;padding:8px}.vv26 .podium-person strong{font-family:var(--display);font-weight:400;font-size:49px;line-height:1}.vv26 .podium-person small{font-size:10px;margin-top:8px}.vv26 .podium-person.first>div{height:162px;background:var(--yellow);color:#26321d}.vv26 .podium-person.second>div{height:121px}.vv26 .podium-person.third>div{height:92px}.vv26 .rank-number{font-family:var(--display);font-size:112px;line-height:1;letter-spacing:-5px;margin:29px 0 25px;color:var(--wine)}.vv26 .rank-number>span{font-size:50px;vertical-align:top;letter-spacing:0}.vv26 .feedback .button{margin-top:23px}.vv26 .introduction{background:#fff}.vv26 .introduction h2,.vv26 .audience h2{font-family:var(--display);font-weight:400;font-size:clamp(40px,4.2vw,64px);letter-spacing:-.6px}.vv26 .brand-copy h2,.vv26 .commercial h2,.vv26 .contact h2{font-weight:600;letter-spacing:-2px}.vv26 .contact .button-light{background:var(--yellow)}
@media(min-width:1800px){.vv26 .hero{height:900px}.vv26 .hero-head{padding-top:55px}.vv26 .hero h1{font-size:172px}.vv26 .hero-live{width:370px;bottom:60px}.vv26 .game-stage{grid-template-columns:minmax(0,3fr) 320px}}
@media(max-width:1150px){.vv26 .hero{height:780px}.vv26 .hero h1{font-size:127px}.vv26 .hero-head{padding-top:43px}.vv26 .hero-description{font-size:19px}.vv26 .hero-sub{font-size:14px;max-width:420px}.vv26 .hero-live{width:265px;padding:19px;bottom:45px}.vv26 .hero-live>p{font-size:24px}.vv26 .mini-top>span{font-size:6px}.vv26 .mini-options span{font-size:8px;padding:12px 7px}.vv26 .game-stage{gap:22px;grid-template-columns:minmax(0,2.3fr) minmax(235px,1fr)}.vv26 .game-controls button{font-size:11px;gap:9px;padding:16px 9px}.vv26 .question-body,.vv26 .reveal-body{padding:24px}.vv26 .question-body h3{font-size:39px}.vv26 .answer-tile{padding:16px 12px;font-size:13px;gap:10px}.vv26 .project-top{padding:20px}.vv26 .project-bottom{padding:17px 20px;font-size:8px}.vv26 .project-top>span{font-size:8px}.vv26 .project-top i{margin-left:7px}.vv26 .game-heading>div>p:not(.eyebrow){font-size:18px}.vv26 .projection,.vv26 .play-phone{min-height:525px}.vv26 .mobile-body h3{font-size:24px}.vv26 .vote-column>span{font-size:7px}}
@media(max-width:760px){.vv26 .site-header{height:70px}.vv26 .hero{height:auto;min-height:0;padding-bottom:28px;background:#1c0a10;overflow:hidden}.vv26 .hero-photo{inset:0;height:640px;object-position:58% center;opacity:.73}.vv26 .hero-shade{background:linear-gradient(90deg,rgba(20,7,12,.65),transparent),linear-gradient(0deg,#1c0a10 20%,transparent 65%)}.vv26 .hero-head{padding:35px 7% 0;height:auto}.vv26 .hero-head .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:22px;max-width:260px;line-height:1.7}.vv26 .hero h1{font-size:clamp(91px,24vw,145px);line-height:1.02;letter-spacing:-2px;margin:0 0 25px}.vv26 .hero-description{font-size:20px;max-width:300px;line-height:1.3}.vv26 .hero-sub{font-size:14px;max-width:300px;margin-top:10px}.vv26 .hero-cta{margin-top:24px;gap:20px;flex-wrap:wrap}.vv26 .hero-cta .button{min-width:205px;padding:13px 18px;font-size:13px}.vv26 .hero-cta .text-link{font-size:13px}.vv26 .hero-for{font-size:10px;max-width:300px;margin-top:16px}.vv26 .hero-live{position:relative;width:auto;right:auto;bottom:auto;margin:30px 7% 0;padding:20px;box-shadow:none}.vv26 .hero-live>p{font-size:25px;margin:20px 0}.vv26 .hero-live>p br{display:none}.vv26 .mini-top>span{font-size:8px}.vv26 .mini-options span{font-size:11px}.vv26 .mini-bottom{font-size:10px}.vv26 .experience-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;padding:24px 7%;font-size:8px;letter-spacing:1.5px}.vv26 .game-section{padding:54px 6% 40px}.vv26 .game-heading{grid-template-columns:1fr;gap:24px}.vv26 .game-heading h2{font-size:47px;letter-spacing:-.5px}.vv26 .game-heading .eyebrow{font-size:9px;letter-spacing:1.2px}.vv26 .game-heading>div:last-child{justify-self:start}.vv26 .game-heading>div>p:not(.eyebrow){font-size:17px}.vv26 .game-heading .text-link{font-size:13px}.vv26 .game-controls{grid-template-columns:1fr 1fr;margin:30px 0 24px}.vv26 .game-controls button,.vv26 .game-controls button:first-child{font-size:11px;padding:14px 7px;gap:8px;border-bottom:1px solid #cec6ba;margin:0}.vv26 .game-controls button[aria-pressed=true]{background:#e6e0d5;border-bottom:2px solid var(--wine)}.vv26 .game-stage{grid-template-columns:1fr;gap:27px}.vv26 .surface-label{font-size:8px}.vv26 .projection{min-height:435px}.vv26 .project-top{padding:15px 18px}.vv26 .project-top>b{font-size:21px}.vv26 .project-top>span{font-size:8px}.vv26 .question-body{padding:22px 19px}.vv26 .question-meta{font-size:7px;letter-spacing:.5px}.vv26 .question-body h3{font-size:36px;line-height:1.09;margin:21px 0 13px}.vv26 .question-body>p{font-size:11px}.vv26 .answer-grid{gap:7px;margin-top:22px}.vv26 .answer-tile{font-size:11px;padding:13px 9px;gap:8px}.vv26 .answer-tile b{font-size:9px;width:20px;height:20px}.vv26 .project-bottom{font-size:7px;padding:14px 18px;gap:10px}.vv26 .play-phone{max-width:315px;min-height:515px;margin:auto;padding:0 17px 16px}.vv26 .mobile-wrap>.surface-label{max-width:315px;margin:0 auto 12px}.vv26 .mobile-body h3{font-size:27px}.vv26 .phone-answers button{font-size:14px;padding:14px}.vv26 .game-bottom{flex-direction:column;align-items:start;gap:20px;margin-top:30px}.vv26 .game-bottom>p{font-size:13px;min-height:0}.vv26 .game-disclaimer{font-size:9px;line-height:1.5;margin-top:23px}.vv26 .lobby-body{padding:22px 18px}.vv26 .lobby-body h3{font-size:43px}.vv26 .big-pin{font-size:39px;letter-spacing:6px}.vv26 .players{gap:5px}.vv26 .players span{font-size:9px;padding:5px 9px}.vv26 .reveal-body{padding:25px 19px}.vv26 .reveal-body h3{font-size:32px}.vv26 .reveal-body>p:not(.game-kicker){font-size:11px}.vv26 .vote-chart{gap:9px;margin-top:28px}.vv26 .vote-column>span{font-size:7px}.vv26 .podium-body{padding:25px 16px 0}.vv26 .podium-body h3{font-size:35px}.vv26 .podium-person{width:29%}.vv26 .podium-person>span{font-size:11px}.vv26 .podium-person.first>div{height:140px}.vv26 .podium-person.second>div{height:106px}.vv26 .podium-person.third>div{height:85px}.vv26 .introduction h2{font-size:40px}.vv26 .audience h2{font-size:43px}.vv26 .brand-copy h2{font-size:44px}.vv26 .contact h2{font-size:41px}}
.vv26 .hero-photo{transform:scaleX(-1)}.vv26 .hero h1{transform:scaleX(1.2);transform-origin:left center;width:max-content}.vv26 .question-body h3{text-align:center;font-size:clamp(38px,4.4vw,65px)}.vv26 .question-body>p{text-align:center;max-width:none}.vv26 .projection>div:not(.project-top):not(.project-bottom){animation:panel-in .25s ease-out}@keyframes panel-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.vv26 .organizer-preview{display:grid;grid-template-columns:1.8fr 1fr;border:1px solid #cfc7b9;margin-top:45px;background:#faf9f5}.vv26 .organizer-plan{padding:30px 35px}.vv26 .organizer-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}.vv26 .organizer-top strong{font-size:23px;font-weight:600;letter-spacing:-.7px}.vv26 .organizer-top span{font-size:9px;color:#726c62}.vv26 .organizer-plan ol{list-style:none;margin:0;padding:0;counter-reset:question}.vv26 .organizer-plan li{counter-increment:question;border-top:1px solid #ded8cf;padding:14px 0;display:flex;align-items:center;gap:15px;font-size:14px}.vv26 .organizer-plan li::before{content:'0' counter(question);font-size:10px;color:#8a7d70}.vv26 .organizer-plan li span{margin-left:auto;font-size:10px;color:#6f7563}.vv26 .organizer-ready{border-left:1px solid #cfc7b9;padding:30px 35px;display:flex;flex-direction:column;align-items:start;background:#ece9df;justify-content:center}.vv26 .organizer-ready p{font-size:12px;color:#6c655b}.vv26 .organizer-ready strong{font-size:32px;letter-spacing:3px;margin:5px 0 20px}.vv26 .organizer-ready .button{font-size:12px;min-height:44px;padding:12px 18px;gap:15px}.vv26 .organizer-ready small{font-size:9px;color:#7e7365;margin-top:10px}
@media(max-width:1150px){.vv26 .question-body h3{font-size:43px}.vv26 .organizer-plan,.vv26 .organizer-ready{padding:25px}.vv26 .organizer-top strong{font-size:20px}}
@media(max-width:760px){.vv26 .hero h1{transform:scaleX(1.08)}.vv26 .question-body h3{font-size:35px}.vv26 .organizer-preview{grid-template-columns:1fr}.vv26 .organizer-plan,.vv26 .organizer-ready{padding:23px}.vv26 .organizer-ready{border-left:0;border-top:1px solid #cfc7b9}.vv26 .organizer-top{flex-wrap:wrap;gap:8px}.vv26 .organizer-plan li{font-size:12px;gap:10px}.vv26 .organizer-plan li span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.vv26 .projection>div{animation:none!important}}
.vv26 .hero-live{display:block}
/* One continuous wine-coloured closing section. */
.vv26 .contact,.vv26 .site-footer{background:#350f20}
.vv26 .site-footer{border-top:1px solid #ffffff26;color:#eee3e6}
.vv26 .footer-main>div p,.vv26 .footer-main nav h3{color:#cbb8c0}
.vv26 .footer-bottom{border-color:#ffffff26;color:#cbb8c0}
.vv26 .back-top{color:#eee3e6}
/* Each photograph keeps its own composition; only the original is mirrored. */
.vv26 .hero[data-hero-image="1"] .hero-photo{transform:none;object-position:50% 46%}
.vv26 .hero[data-hero-image="2"] .hero-photo{transform:none;object-position:50% 55%}
.vv26 .hero[data-hero-image="3"] .hero-photo{transform:none;object-position:50% 44%}
@media(max-width:760px){
.vv26 .hero[data-hero-image="1"] .hero-photo{object-position:50% center}
.vv26 .hero[data-hero-image="2"] .hero-photo{object-position:77% center}
.vv26 .hero[data-hero-image="3"] .hero-photo{object-position:72% center}
}
/* The interactive tasting photographs already reserve the left side for the headline. */
.vv26 .hero[data-hero-image] .hero-photo{transform:none;object-position:50% 50%}
@media(max-width:760px){
.vv26 .hero{display:flex;flex-direction:column}
.vv26 .hero-head{order:0}
.vv26 .hero[data-hero-image] .hero-photo{position:relative;inset:auto;order:1;width:100%;height:310px;margin-top:24px;object-fit:cover;object-position:100% center;opacity:1;z-index:0}
.vv26 .hero-shade{display:none}
.vv26 .hero-live{order:2;margin-top:22px}
}


/* =====================================================================
   AÑADIDOS DE LA INTEGRACIÓN EN WORDPRESS
   Lo mínimo para que la maqueta encaje en el tema. Nada de diseño.
   ===================================================================== */

/* La portada vive dentro de #view-home, que el tema muestra y esconde
   con JavaScript y lleva display:flex. Sin esto el bloque no estira. */
#view-home > .vv26 { width: 100%; }

/* Fondo de la página. El tema trae #FDFBF7 y la maqueta #FAF9F6:
   casi el mismo papel, pero donde asoma el body se notaba el salto. */
body.home { background: #faf9f6; }

/* El salto al contenido lo pinta la cabecera, fuera del envoltorio de
   la portada, así que necesita su sitio también aquí. */
.vv26 .skip { position: fixed; }

/* Las dos tipografías de la entrega. Si algún día no cargan, que no se
   caiga el titular: Anton es muy estrecha y su sustituta debe serlo. */
.vv26 { --display: Anton, 'Arial Narrow', 'Haettenschweiler', Impact, sans-serif; }

/* Donde la demo tenia un boton de "ver el podio". En el juego de verdad el
   catador no decide cuando sale la clasificacion: la saca quien dirige la
   cata, desde la pantalla de la sala. La demo no debe prometer otra cosa. */
.vv26 .espera-sala.phone-hint{
  margin-top:26px;padding-top:18px;
  border-top:1px solid var(--line);
  font-size:12.5px;line-height:1.5;
}


/* =====================================================================
   LO QUE INYECTA EL PLUGIN FUERA DE .vv26
   ---------------------------------------------------------------------
   Estas dos cosas las pinta el plugin con los estilos escritos en el
   propio atributo style, en varias paginas y sin clase propia, asi que
   no cuelgan de .vv26 y hay que ganarles con !important. Los archivos
   que las generan (includes/class-quizlive-jugador.php y
   class-quizlive-profesional.php) son de los que el cortafuegos no deja
   guardar, por eso se visten desde aqui.
   ===================================================================== */
#ql-jugador-login-injected{
  text-align:center !important;
  margin:22px auto 0 !important;
  padding:18px 20px !important;
  max-width:420px !important;
  background:#F3F1EB !important;
  border:1px solid #D4D0C8 !important;
}
#ql-jugador-login-injected p{
  color:#63655F !important;
  font-family:'IBM Plex Sans',Arial,sans-serif !important;
  font-size:13.5px !important;
  margin:0 0 10px !important;
}
#ql-jugador-login-injected a{
  display:inline-block !important;
  background:#350F20 !important;
  color:#FAF9F6 !important;
  border-radius:0 !important;
  padding:12px 22px !important;
  font-family:'IBM Plex Sans',Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-decoration:none !important;
}
.ql-jugador-woo-link{
  background:#F3F1EB !important;
  border:1px solid #D4D0C8 !important;
  border-radius:0 !important;
}
.ql-jugador-woo-link p{color:#63655F !important;font-family:'IBM Plex Sans',Arial,sans-serif !important}
.ql-jugador-woo-link a{
  background:#350F20 !important;color:#FAF9F6 !important;
  border-radius:0 !important;font-family:'IBM Plex Sans',Arial,sans-serif !important;
}


/* =====================================================================
   LA FLECHA DIAGONAL DE LOS BOTONES
   ---------------------------------------------------------------------
   Iba escrita con el caracter U+2197. En el ordenador salia fina, pero
   en el movil no: ese signo tiene version de emoji y el telefono la
   prefiere, asi que aparecia el recuadro de colores. Quitar el conversor
   de emojis de WordPress arreglo el escritorio pero no el movil, porque
   ahi lo hace la propia tipografia del sistema. Ahora va dibujada, que
   es la unica forma de que salga igual en todas partes.
   ===================================================================== */
.vv26 .flecha-diag{
  display:inline-flex;
  align-items:center;
  margin-left:.45em;
  vertical-align:-.08em;
}
.vv26 .flecha-diag svg{
  width:1em;
  height:1em;
  display:block;
}