.tick {
  font-size:1rem; white-space:nowrap; font-family:arial,sans-serif;
}
.tick-flip,.tick-text-inline {
  font-size:2.5em;
}
.tick-label {
  margin-top:1em;font-size:1em;
}
.tick-char {
  width:1.5em;
}
.tick-text-inline {
  display:inline-block;text-align:center;min-width:1em;
}
.tick-text-inline+.tick-text-inline {
  margin-left:-.325em;
}
.tick-group {
  margin:0 .5em;text-align:center;
}
body {
   background-color: rgb(156, 156, 156) !important; 
}
.tick-text-inline {
   color: rgb(163, 163, 163) !important; 
}
.tick-label {
   color: rgb(122, 122, 122) !important; 
}
.tick-flip-panel {
   color: rgb(255, 255, 255) !important; 
}
.tick-flip {
   font-family:inherit !important; 
}
.tick-flip-panel-text-wrapper {
   line-height: 1.45 !important; 
}
.tick-flip-panel {
   background-color: rgb(65, 65, 65) !important; 
}
.tick-flip {
   border-radius:0.12em !important; 
}




.tick-text{
   display: none;
}
.tick-label{
   display: none;
}

.tick-label.tick-text{
   display: none;
}

span.tick-label.tick-text{
   display: none !important;
}


.container_seccion_reloj{
   background-color: var(--color-celeste);
   border-radius: 24px;
   padding: 20px;
   margin: 30px;
   margin-top: 80px;
   box-shadow: var(--shadow-generica);
   /* opacity: 0.9; */
   display: none; 

   box-shadow: 0 8px 20px rgba(0,0,0,0.25);
   background: linear-gradient(180deg, #2da8ff 0%, #2496e8 100%);
}


.container_seccion_reloj h3{
   width: 320px;
   font-size: 15px;
   text-align: center;
   text-transform: uppercase;
   color: rgb(49, 46, 38);
   font-weight: bolder;
   font-family: Helvetica, Arial;
   /* padding: 10px; */
   
}


.container_seccion_reloj div{
   text-align: center;
   
}

.container_seccion_reloj div div{
   /* background-color: brown; */
   transform: scale(0.80);
}
.container_seccion_reloj div div div{
   margin: 0;
}









.container-personaje-de-hoy{
   text-align: center;
   margin-bottom: 25px;
}

.container-personaje-de-hoy h4.h4-victoria{
   /* color: rgb(49, 46, 38); */
   font-weight: bolder;
   font-family: Helvetica, Arial;
   font-size: 25px;
   font-size: 2rem;
   font-weight: 800;
   text-shadow: 0 2px 6px rgba(0,0,0,0.3);
   
}

.container-personaje-de-hoy-info{
   display: flex;
   gap: 35px;
   align-items: center;
   justify-content: center;
}

.container-personaje-de-hoy-info #imagen-personaje-de-hoy{
   border-radius: 5px;
   border: 3px solid rgb(255, 255, 255);
   box-shadow: var(--shadow-generica);
   transform: scale(0.9);
}


.container-personaje-de-hoy-info-texto{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: start;
   
}

.container-personaje-de-hoy-info-texto .p-adivinaste{
   font-size: 11px;
   transform: scale(2);
   /* font-weight: bolder; */
   font-family:  Arial;
   color: rgb(34, 32, 27);
}

.container-personaje-de-hoy-info-texto #nombre-personaje-de-hoy{
   font-size: 18px;
   transform: scale(2);
   font-weight: bolder;
   font-family: Helvetica, Arial;
   width: 130px;
   font-size: 1.5rem;
   font-weight: 700;
   color: #fff;
   text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}


.tick-credits{
   display: none;
}

.container-jugar-de-nuevo{
   margin-top: 15px;
}
.jugar-de-nuevo{
   display:inline-flex; align-items:center; justify-content:center;
   min-height:48px; padding:14px 22px; border-radius:999px;
   font-weight:600; font-size:16px; line-height:1;
   background:#0A84FF; color:#fff; /* asegúrate de 4.5:1+ */
   box-shadow:0 6px 16px rgba(0,0,0,.12);
   border:none; cursor:pointer; 
   transform: 0.2s ease, box-shadow 0.2s ease;
   opacity: 1;
   
}



.jugar-de-nuevo:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 15px rgba(0,0,0,0.3);
}
.jugar-de-nuevo:focus-visible { outline:3px solid rgba(10,132,255,.6); outline-offset:2px; }
.jugar-de-nuevo:active { transform:translateY(1px); }
.jugar-de-nuevo__sub { margin:.5rem 0 0; font-size:14px; opacity:.9; }