body[data-page] .ficha-cta.camellos-cta{ background:#120E1C; }
.camellos-cta .ficha-cta__escena::before{ display:none; }
.camellos-cta .ficha-cta__lienzo{ -webkit-mask-image:none; mask-image:none; }
.camellos-cta .ficha-cta__lienzo canvas{ cursor:pointer; }
.ficha-cta.camellos-cta.is-mate .ficha-cta__lienzo canvas{ filter:brightness(.45); }
.ficha-cta.camellos-cta.is-mate .surf-cta__jugar{ opacity:0; pointer-events:none; visibility:hidden; }
body[data-page] main#smooth-wrapper #smooth-content .camellos-cta .ficha-cta__aviso{ top:6%; bottom:auto; background:#FFCB1F; color:#1A1410; font-size:1rem !important; }

.cm-rampa{ position:relative; width:min(100%,460px); margin:0 0 clamp(24px,2.6vw,34px); padding:20px 20px 40px; border-radius:18px; cursor:pointer; outline:none;
  background:linear-gradient(180deg, #1F6B40, #2E8B57); box-shadow:inset 0 2px 0 rgba(255,255,255,.12), 0 18px 34px -20px rgba(0,0,0,.7);
  transition:box-shadow .3s ease; user-select:none; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.cm-rampa:focus-visible{ box-shadow:0 0 0 3px #FFCB1F, 0 18px 34px -20px rgba(0,0,0,.7); }
.cm-rampa.is-activa{ box-shadow:0 0 0 3px rgba(255,203,31,.75), 0 18px 34px -20px rgba(0,0,0,.7); }
.cm-rampa__hoyos{ position:relative; display:flex; align-items:flex-end; gap:6px; }
.cm-hoyo{ position:relative; flex:1 1 0; display:flex; flex-direction:column; align-items:center; gap:6px; }
.cm-hoyo--1{ flex-grow:1.3; --c:#FFCB1F; }
.cm-hoyo--2{ --c:#3C7BD6; }
.cm-hoyo--3{ flex-grow:.55; --c:#E5262D; }
.cm-hoyo b{ font-size:1.05rem; font-weight:800; color:#fff; line-height:1; }
.cm-hoyo i{ display:block; width:100%; height:34px; border-radius:50%; background:radial-gradient(ellipse at 50% 60%, rgba(0,0,0,.65) 0 46%, var(--c) 48%); }
.cm-hoyo.is-dentro i{ animation:cm-dentro .5s ease-out; }
@keyframes cm-dentro{ 0%{ box-shadow:0 0 0 0 rgba(255,255,255,.8); } 100%{ box-shadow:0 0 0 14px rgba(255,255,255,0); } }
.cm-hoyo__mas{ position:absolute; left:50%; top:-8px; font-style:normal; font-weight:900; font-size:1.5rem; color:#fff; pointer-events:none;
  transform:translateX(-50%); animation:cm-mas .9s ease-out forwards; }
@keyframes cm-mas{ from{ opacity:1; transform:translate(-50%,0); } to{ opacity:0; transform:translate(-50%,-30px); } }
.cm-rampa__flecha{ position:absolute; top:calc(100% + 8px); left:50%; width:0; height:0; margin-left:-10px; border:10px solid transparent; border-top:0; border-bottom:16px solid #fff; pointer-events:none; }
.cm-rampa.is-recarga .cm-rampa__flecha{ opacity:.35; }

body[data-page] main#smooth-wrapper #smooth-content .cm-leyenda{ position:absolute; top:4%; right:2.5%; z-index:3; display:grid; gap:5px; margin:0; padding:12px 16px; list-style:none; border-radius:12px; background:rgba(18,14,28,.62); backdrop-filter:blur(6px); pointer-events:none; }
body[data-page] main#smooth-wrapper #smooth-content .cm-leyenda li{ display:flex; align-items:center; gap:7px; margin:0; font-size:.78rem !important; line-height:1.25 !important; color:rgba(255,255,255,.9); white-space:nowrap; }
.cm-leyenda i{ flex:none; width:10px; height:10px; border-radius:50%; }
.cm-leyenda__rojo{ background:#E5262D; }
.cm-leyenda__amarillo{ background:#FFCB1F; }
.cm-leyenda__azul{ background:#3C7BD6; }
.cm-leyenda__verde{ background:#2E8B57; }
@media (max-width:760px){
  body[data-page] main#smooth-wrapper #smooth-content .cm-leyenda{ top:3%; right:3%; padding:8px 10px; gap:3px; }
  body[data-page] main#smooth-wrapper #smooth-content .cm-leyenda li{ font-size:.66rem !important; }
  .camellos-cta .ficha-cta__mate{ inset:4% 4%; gap:6px; }
  body[data-page] main#smooth-wrapper #smooth-content .camellos-cta .ficha-cta__mate-titulo{ font-size:30px !important; }
  body[data-page] main#smooth-wrapper #smooth-content .camellos-cta .ficha-cta__mate-sub{ font-size:.85rem !important; margin-bottom:6px; }
}
@media (min-width:901px){
  .camellos-cta .ficha-cta__escena{ aspect-ratio:16 / 7; }
  .camellos-cta .ficha-cta__escena::after{ display:none; }
  .camellos-cta .ficha-cta__texto{ width:min(29%,460px); }
  .ficha-cta.camellos-cta.is-jugada .ficha-cta__texto{ opacity:1; pointer-events:auto; }
  .ficha-cta.camellos-cta.is-jugada .ficha-cta__texto > *{ pointer-events:auto; }
  body[data-page] .ficha-cta.camellos-cta{ padding-top:clamp(30px,4vh,50px); padding-bottom:clamp(20px,3vh,40px); }
  body[data-page] main#smooth-wrapper #smooth-content .camellos-cta .ficha-cta__titulo{ margin-bottom:18px; font-size:clamp(2.6rem,4.2vw,4.8rem) !important; }
  body[data-page] main#smooth-wrapper #smooth-content .camellos-cta .ficha-cta__reto{ white-space:normal; max-width:30ch; margin-bottom:20px; }
  body[data-page] main#smooth-wrapper #smooth-content .camellos-cta .ficha-cta__aviso{ left:64%; }
  .camellos-cta .ficha-cta__mate{ inset:8% 3% 8% 34%; }
  body[data-page] main#smooth-wrapper #smooth-content .camellos-cta .ficha-cta__mate-titulo{ font-size:clamp(2.4rem,4.2vw,4.6rem) !important; }
}
@media (max-width:900px){
  .camellos-cta .ficha-cta__escena{ aspect-ratio:4 / 3; }
  .cm-rampa{ width:100%; }
}
@media (prefers-reduced-motion: reduce){
  .cm-hoyo__mas{ animation:none; opacity:0; }
}
body[data-page] .ficha-cta.camellos-cta.is-mate .ficha-cta__texto{ opacity:1; pointer-events:auto; }
.ficha-cta.camellos-cta.is-mate .cm-leyenda{ opacity:0; }
.cm-leyenda__camello{ flex:none; width:34px; height:auto; }
@media (max-width:760px){ .cm-leyenda__camello{ width:24px; } }
.cm-sinsalto{ white-space:nowrap; }
.cm-leyenda__camello{ width:42px; }
body[data-page] main#smooth-wrapper #smooth-content .cm-leyenda{ gap:8px; padding:16px 20px; border-radius:14px; background:rgba(18,14,28,.72); }
body[data-page] main#smooth-wrapper #smooth-content .cm-leyenda li{ gap:10px; font-size:1rem !important; font-weight:700; color:#fff; }
.cm-leyenda__camello{ width:54px; }
@media (max-width:760px){
  body[data-page] main#smooth-wrapper #smooth-content .cm-leyenda{ padding:9px 12px; gap:4px; }
  body[data-page] main#smooth-wrapper #smooth-content .cm-leyenda li{ font-size:.74rem !important; gap:6px; }
  .cm-leyenda__camello{ width:30px; }
}