/* KATA PLAY REDISENO V2 - capa visual independiente, sin cambiar APIs */
:root{--kata-pink:#ff168b;--kata-orange:#ff7838;--kata-bg:#0c080c;--kata-white:#fff9f7}
html{scroll-behavior:smooth}body{background:var(--kata-bg);color:var(--kata-white);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}
.nav{max-width:1180px!important;border-bottom:1px solid #5d1843!important;padding:18px 14px!important}.logo{font-weight:950!important;letter-spacing:-1px!important;font-size:26px!important;color:#fff!important}.logo span{color:var(--kata-pink)!important}.logo small{color:#fcb5d7!important;font-size:9px!important;letter-spacing:1.5px!important}.nav .pill{display:none!important}
main{max-width:1180px!important;padding:0 16px!important}.hero{position:relative!important;isolation:isolate!important;display:grid!important;grid-template-columns:1.1fr .9fr!important;align-items:stretch!important;min-height:360px!important;background:linear-gradient(110deg,#230a22 0%,#3b0b2a 54%,#180915 100%)!important;border:1px solid #d52c86!important;border-radius:26px!important;overflow:hidden!important;box-shadow:0 12px 42px #0008!important;margin:18px 0 24px!important}
.hero::before,.hero::after{display:none!important}.heroInside{position:relative!important;z-index:2!important;padding:45px 34px!important;max-width:none!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero .eyebrow{color:#ffba49!important;letter-spacing:2px!important;font-size:11px!important}.hero h1{font-size:clamp(42px,5.2vw,76px)!important;line-height:1.02!important;letter-spacing:-2.5px!important;color:#fff!important;margin:14px 0!important;font-weight:950!important}.hero h1 em{color:var(--kata-pink)!important;font-style:italic!important}.hero p{max-width:480px!important;font-size:17px!important;color:#fff1f7!important;line-height:1.55!important}.heroCta{display:inline-flex;gap:25px;align-items:center;margin:12px 0;padding:15px 24px;border-radius:40px;background:linear-gradient(95deg,var(--kata-pink),var(--kata-orange));color:#fff!important;text-decoration:none;font-weight:900;box-shadow:0 8px 25px #ff168b55}.hero .notice{color:#f7bbd9!important;background:transparent!important;border:0!important;padding:0!important;margin-top:18px!important;font-size:11px!important}.heroVisual{position:relative;z-index:1;min-height:330px;background:linear-gradient(90deg,#3b0b2a 0%,#3b0b2a22 32%,#14091418 100%),url('kata-play-hero-referencia.jpg') center/cover no-repeat!important}.heroVisualCaption{position:absolute;right:20px;bottom:20px;padding:10px 16px;background:#180915b9;border:1px solid #ff168b77;border-radius:14px;color:#fff;text-align:right;font-size:12px;font-weight:900;letter-spacing:1px}.heroVisualCaption strong{color:#ff91c6}
#setup{background:linear-gradient(135deg,#25101f,#180e18)!important;border:1px solid #ff298a!important;border-radius:24px!important;box-shadow:0 10px 36px #0006!important;padding:30px!important;margin:22px 0!important}#setup .eyebrow{color:#ff9cbd!important}#setup h2{font-size:clamp(27px,3vw,40px)!important;color:#fff!important;letter-spacing:-1px!important}#setup h2::first-letter{color:#fff}#setup .muted{color:#f4d5e3!important}#setup label{color:#fff!important}#setup select{background:#160d16!important;border:1px solid #c54487!important;color:#fff!important;min-height:48px!important}#begin{background:linear-gradient(95deg,var(--kata-pink),var(--kata-orange))!important;border:0!important;color:#fff!important;font-weight:900!important;border-radius:14px!important;padding:16px 24px!important;box-shadow:0 8px 25px #ff168b44!important}
.kataSpecial{margin:25px 0 35px;padding:25px;border-radius:24px;background:linear-gradient(135deg,#25111e,#140b12);border:1px solid #f28b4d}.specialHeading{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.kataSpecial .eyebrow{color:#ffb86a!important}.kataSpecial h2{font-size:clamp(26px,3vw,37px);margin:7px 0;color:#fff}.kataSpecial h2 em{font-style:normal;color:#ff813d}.kataSpecial p{color:#f2d8e6}.specialLink{color:#ff7ebd!important;font-weight:800;text-decoration:none}.specialCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.specialCard{min-height:160px;border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;color:#fff!important;text-decoration:none;border:1px solid #ff9a5266;background:radial-gradient(circle at 90% 20%,#9e2940,#3a0e21 60%,#160a13)}.specialCocktail{background:radial-gradient(circle at 90% 20%,#d85e28,#4e1836 60%,#170a13)}.specialCard span{font-size:10px;letter-spacing:1.5px;color:#ffd0aa}.specialCard strong{font-size:23px;line-height:1.15;max-width:260px}.specialCard b{font-size:12px;color:#ffbf80}.specialNote{font-size:11px!important;opacity:.75;margin-bottom:0}
#experience .btn.primary,#newDiscovery{background:linear-gradient(95deg,var(--kata-pink),var(--kata-orange))!important;border:0!important;color:#fff!important}#experience .panel,.discovery{border-color:#b62c77!important}footer{border-color:#582344!important;color:#ffbadc!important}
@media(max-width:720px){main{padding:0 12px!important}.hero{grid-template-columns:1fr!important}.heroInside{padding:28px 22px!important}.hero h1{font-size:48px!important}.heroVisual{min-height:180px!important}.heroVisualCaption{font-size:10px}#setup{padding:20px!important}.specialCards{grid-template-columns:1fr}.specialCard{min-height:135px}.kataSpecial{padding:18px}}

/* LANZAMIENTO: quitar imagen de fondo que simula videos inexistentes. */
#experience .discovery .photo {
  background: linear-gradient(115deg, #301126 0%, #1c0d1b 60%, #120914 100%) !important;
  background-image: linear-gradient(115deg, #301126 0%, #1c0d1b 60%, #120914 100%) !important;
}