:root{--bg:#fff7fb;--ink:#2d1630;--muted:#6d5a70;--pink:#e9569f;--rose:#ff8cc6;--card:#ffffff;--line:#f2d5e5;--shadow:0 18px 50px rgba(102,31,78,.14)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#fff7fb,#fff 42%,#fff0f7);color:var(--ink)}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:900;font-size:20px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--pink),#8d5cff);color:#fff}.top nav{display:flex;gap:18px;align-items:center}.top nav a{font-weight:700;color:#4b344f}.adminlink{padding:10px 14px;border-radius:999px;background:#2d1630;color:#fff!important}.menu{display:none;border:0;background:#fff;font-size:26px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:70px 5vw 45px}.kicker{color:var(--pink);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(38px,6vw,72px);line-height:.96;margin:10px 0}.lead{font-size:20px;color:var(--muted);line-height:1.55}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:16px;background:var(--pink);color:white;font-weight:900;box-shadow:var(--shadow);border:0}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line);box-shadow:none}.hero-card{background:var(--card);border:1px solid var(--line);border-radius:34px;padding:24px;box-shadow:var(--shadow)}.hero-card img{width:100%;display:block}.section{padding:45px 5vw}.section h2{font-size:clamp(30px,4vw,48px);margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:0 12px 35px rgba(102,31,78,.08)}.card img{width:100%;height:160px;object-fit:contain;border-radius:20px;background:#fff2f8}.price{display:inline-block;margin:10px 0;padding:8px 12px;background:#fff0f7;color:#b51468;border-radius:999px;font-weight:900}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.panel{background:linear-gradient(135deg,#2d1630,#713464);color:white;border-radius:34px;padding:34px;box-shadow:var(--shadow)}.panel p{color:#f8d7ea}.form{display:grid;gap:12px}.form input,.form textarea,.form select{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:14px;font:inherit;background:#fff}.promo{position:relative;overflow:hidden}.promo:before{content:'PROMO';position:absolute;right:-28px;top:18px;rotate:35deg;background:var(--pink);color:white;font-weight:900;padding:7px 34px;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 5vw;background:#2d1630;color:white;margin-top:50px}footer p{color:#e8cee2}footer div:last-child{display:flex;gap:14px;flex-wrap:wrap}footer a{color:#fff;font-weight:800}.admin{max-width:1100px;margin:30px auto;padding:0 16px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs a{padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:999px;font-weight:800}.editor{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.editor label{display:block;font-weight:900;margin-top:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{padding:12px 14px;background:#eafff3;border:1px solid #9ae6b4;border-radius:14px;margin:12px 0}.danger{background:#fff0f0;border-color:#ffc4c4}@media(max-width:800px){.menu{display:block}.top nav{display:none;position:absolute;left:0;right:0;top:69px;background:white;padding:16px 5vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}body.open .top nav{display:flex}.hero,.split{grid-template-columns:1fr;padding-top:35px}.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}footer{flex-direction:column}.hero h1{font-size:42px}.lead{font-size:17px}}
.wheel-banner{display:grid;grid-template-columns:1fr 220px;gap:28px;align-items:center;background:linear-gradient(135deg,#fff,#fff0f7);border:1px solid var(--line);border-radius:34px;padding:30px;box-shadow:var(--shadow)}.wheel-banner img{width:220px;max-width:100%;border-radius:22px}.wheel-page{max-width:760px;margin:auto}.wheel-box{text-align:center;background:#fff;border:1px solid var(--line);border-radius:34px;padding:30px;box-shadow:var(--shadow)}.wheel-visual{width:min(390px,90vw);aspect-ratio:1;margin:24px auto;border-radius:50%;border:12px solid #fff;box-shadow:0 12px 45px rgba(102,31,78,.18);background:conic-gradient(#e9569f 0 14.28%,#8d5cff 14.28% 28.56%,#ffb15c 28.56% 42.84%,#4cb8a8 42.84% 57.12%,#f5d04c 57.12% 71.4%,#e56f6f 71.4% 85.68%,#68a5df 85.68%);display:grid;place-items:center;position:relative}.wheel-visual:before{content:'▼';position:absolute;top:-32px;font-size:34px;color:var(--ink)}.wheel-center{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:1000;font-size:24px;box-shadow:0 4px 20px rgba(0,0,0,.14)}.wheel-form{max-width:480px;margin:20px auto;text-align:left}.winner{padding:28px;border-radius:26px;background:#fff5fa;border:1px solid var(--line);margin-top:22px}.winner-icon{font-size:54px}.claim-code{font-size:clamp(26px,7vw,44px);font-weight:1000;letter-spacing:.08em;margin:12px 0;color:#b51468}.check{display:flex!important;align-items:center;gap:10px}.check input{width:auto!important}.prize-row{display:grid;grid-template-columns:1fr 120px 100px;gap:12px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:14px}@media(max-width:800px){.wheel-banner{grid-template-columns:1fr;text-align:center}.wheel-banner img{margin:auto}.prize-row{grid-template-columns:1fr}}
/* Ruleta animada: primero gira, después solicita datos */
.wheel-box-live{overflow:hidden}.wheel-stage{position:relative;width:min(430px,86vw);aspect-ratio:1;margin:34px auto 22px}.wheel-pointer{position:absolute;z-index:5;left:50%;top:-23px;transform:translateX(-50%);font-size:38px;line-height:1;color:#301331;filter:drop-shadow(0 3px 2px rgba(0,0,0,.12))}.wheel-live{position:absolute;inset:0;border-radius:50%;border:12px solid #fff;box-shadow:0 16px 50px rgba(102,31,78,.22),inset 0 0 0 2px rgba(255,255,255,.65);background:conic-gradient(from -25.714deg,#e9569f 0deg 51.428deg,#8d5cff 51.428deg 102.856deg,#ffb15c 102.856deg 154.284deg,#4cb8a8 154.284deg 205.712deg,#f5d04c 205.712deg 257.14deg,#e56f6f 257.14deg 308.568deg,#68a5df 308.568deg 360deg);transform:rotate(0deg);will-change:transform}.wheel-live:after{content:"";position:absolute;inset:7px;border-radius:50%;border:2px dashed rgba(255,255,255,.62);pointer-events:none}.wheel-label{position:absolute;left:50%;top:50%;width:44%;height:1px;transform-origin:0 0;transform:rotate(var(--a)) translateX(6px)}.wheel-label span{position:absolute;left:32%;top:0;width:122px;transform:translate(-50%,-50%) rotate(90deg);font-weight:900;font-size:12px;line-height:1.08;text-align:center;color:white;text-shadow:0 1px 3px rgba(0,0,0,.4)}.wheel-center-live{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:6px solid rgba(255,255,255,.8);box-shadow:0 5px 25px rgba(0,0,0,.2);color:#2d1630}.wheel-center-live strong{font-size:25px}.wheel-center-live small{font-size:9px;letter-spacing:.18em;font-weight:900}.wheel-spin-btn{font-size:18px;padding:16px 32px;min-width:220px;cursor:pointer}.wheel-spin-btn:disabled{opacity:.6;cursor:not-allowed}.wheel-help{font-size:14px;color:var(--muted);margin:12px 0 0}.wheel-step[hidden]{display:none!important}.wheel-reveal{animation:wheelReveal .5s ease both}.winner-before-save{margin-top:26px}.winner-before-save h3{font-size:clamp(22px,5vw,34px);margin:8px 0;color:#b51468}.wheel-form label{font-weight:800}.wheel-form input{font-size:16px}.wheel-form .btn{width:100%;margin-top:4px}.wheel-form .notice{margin:2px 0 0}@keyframes wheelReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.wheel-live{transition-duration:.01ms!important}.wheel-reveal{animation:none}}@media(max-width:520px){.wheel-box{padding:24px 16px}.wheel-stage{width:min(350px,82vw)}.wheel-label span{width:92px;font-size:9.5px}.wheel-center-live{width:88px;height:88px}.wheel-center-live strong{font-size:20px}.wheel-pointer{font-size:32px;top:-19px}}

.brand-logo{display:block;width:auto;height:54px;max-width:min(260px,55vw);object-fit:contain}.brand{gap:0}.logo{display:none}@media(max-width:800px){.brand-logo{height:46px;max-width:210px}}

/* Ajuste responsive portada/header 2026-09-07 */
.top{min-height:78px;padding:10px max(24px,calc((100% - 1180px)/2));gap:28px}
.brand{flex:0 0 auto;min-width:0}
.brand-logo{display:block!important;width:auto!important;height:58px!important;max-width:230px!important;object-fit:contain!important}
.top nav{margin-left:auto;gap:22px;font-size:15px;white-space:nowrap}
.hero,.section{width:min(1180px,calc(100% - 48px));margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.hero{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:56px;padding-top:64px;padding-bottom:56px}
.hero>div{min-width:0}.hero h1{font-size:clamp(42px,4.4vw,66px);line-height:1.02}.lead{font-size:19px}
.hero-card{width:100%;max-width:560px;justify-self:end;padding:18px}.hero-card img{width:100%;height:auto;max-height:560px;object-fit:contain}
@media(max-width:800px){.top{min-height:68px;padding:8px 18px}.brand-logo{height:48px!important;max-width:185px!important}.top nav{top:68px;font-size:16px;white-space:normal}.hero,.section{width:min(100% - 32px,1180px)}.hero{grid-template-columns:1fr;gap:28px;padding-top:36px;padding-bottom:34px}.hero h1{font-size:clamp(36px,11vw,48px)}.lead{font-size:17px}.hero-card{justify-self:stretch;max-width:none}}

/* Corrección definitiva de proporciones del encabezado */
.top{
  min-height:88px!important;
  height:auto!important;
  max-height:96px!important;
  padding:8px max(24px,calc((100% - 1180px)/2))!important;
  overflow:visible!important;
}
.brand{height:72px!important;max-height:72px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important}
.brand-logo{
  width:190px!important;
  height:auto!important;
  max-width:48vw!important;
  max-height:72px!important;
  object-fit:contain!important;
}
.top nav{font-size:15px!important;line-height:1.2!important}
.hero{padding-top:54px!important}
@media(max-width:800px){
  .top{min-height:68px!important;max-height:none!important;padding:7px 16px!important}
  .brand{height:54px!important;max-height:54px!important}
  .brand-logo{width:150px!important;max-width:55vw!important;max-height:54px!important}
  .top nav{top:68px!important}
  .hero{padding-top:32px!important}
}

/* Dashboard administrativo Skinmas Express */
.admin-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.admin-titlebar h1{margin:0}.view-site{font-weight:700;text-decoration:none;color:#3b1837;border:1px solid #ecd5e5;padding:9px 13px;border-radius:12px;background:#fff}.admin-dashboard{display:grid;gap:18px}.dash-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 26px;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#fff5fa 100%);border:1px solid #f1cfe2}.dash-kicker{display:block;font-size:12px;font-weight:900;letter-spacing:.12em;color:#e84c9a;margin-bottom:8px}.dash-hero h2{font-size:30px;line-height:1.08;margin:0 0 8px}.dash-hero p{margin:0;color:#6a5366;max-width:680px}.dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dash-stats article{background:#fff;border:1px solid #efd7e5;border-radius:18px;padding:18px}.dash-stats span{display:block;color:#735f70;font-size:13px;margin-bottom:7px}.dash-stats strong{font-size:30px;color:#35132f}.dash-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.dash-section-head h2{margin:0 0 4px}.dash-section-head p{margin:0;color:#765f72}.dash-empty{display:flex;flex-direction:column;gap:5px;padding:30px;border:1px dashed #e9bfd8;border-radius:16px;text-align:center;background:#fffafd}.dash-code{display:inline-block;font-weight:900;letter-spacing:.04em;color:#c91d74;background:#fff0f7;border-radius:8px;padding:5px 8px;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.status-pill.ok{background:#edf8f0;color:#22703a}.status-pill.pending{background:#fff3df;color:#8b5c0b}.btn.small{padding:7px 10px;font-size:12px;white-space:nowrap}.muted{color:#8a7687}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.prize-summary{display:grid;gap:9px}.prize-summary>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f1e5ec}.prize-summary>div:last-child{border-bottom:0}.prize-summary strong{min-width:32px;text-align:center;border-radius:999px;background:#fff0f7;color:#c91d74;padding:3px 9px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-links a{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#35132f;padding:14px;border:1px solid #ecd8e5;border-radius:14px;background:#fff}.quick-links a span{font-size:12px;color:#786574}.dashboard-table td,.dashboard-table th{vertical-align:middle}
@media(max-width:850px){.dash-stats{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.dash-hero{align-items:flex-start;flex-direction:column}.quick-links{grid-template-columns:1fr}.dash-winners .table-wrap{overflow-x:auto}.dashboard-table{min-width:900px}}
@media(max-width:520px){.dash-stats{grid-template-columns:1fr 1fr}.dash-stats article{padding:14px}.dash-stats strong{font-size:25px}.dash-hero{padding:19px}.dash-hero h2{font-size:25px}.admin-titlebar{align-items:flex-start}.view-site{font-size:12px}.dash-section-head{align-items:flex-start;flex-direction:column}}

/* Contacto WhatsApp para ganadores */
.btn.whatsapp{background:#25D366;color:#fff;border-color:#25D366;box-shadow:none}.btn.whatsapp:hover{filter:brightness(.96)}