:root{
  --purpura:#8C4888;
  --purpura-profundo:#6B366B;
  --purpura-claro:#A85CA8;
  --dorado:#BD8E51;
  --dorado-claro:#D3AD38;
  --dorado-oscuro:#A0723E;
  --rosa:#AC7664;
  --rosa-claro:#C49688;
  --marfil:#FFFDF8;
  --gris:#7E8484;
  --gris-claro:#B8BCBE;
  --texto:#3D3D3D;
  --borde:#E8DCC8;
  --fondo-base:#FFF8F0;
  --sombra:rgba(140,72,136,0.15);
  --sombra-fuerte:rgba(140,72,136,0.3);
}

*{box-sizing:border-box}
body{
  margin:0;
  color:var(--texto);
  font:16px Montserrat,Arial,sans-serif;
  background:
    radial-gradient(ellipse at 10% 10%, #FFFDF8 0 8%, transparent 30%),
    radial-gradient(ellipse at 90% 20%, #FDF3E8 0, transparent 25%),
    radial-gradient(ellipse at 50% 80%, #F5EDE8 0, transparent 35%),
    linear-gradient(145deg, #FFFDF8 0%, #FDF3E8 40%, #F5EDE8 100%);
  min-height:100vh;
}

.contenedor{
  width:min(1120px,calc(100% - 32px));
  margin:auto;
}

.barra{
  background:linear-gradient(90deg, var(--purpura-profundo), var(--purpura) 50%, var(--purpura-profundo));
  border-bottom:3px solid var(--dorado);
  padding:12px 0;
  box-shadow:0 4px 20px var(--sombra-fuerte);
}

.marca{
  font:700 25px 'Playfair Display',serif;
  color:#fff;
  text-decoration:none;
  letter-spacing:.2px;
}

.marca:before{
  content:'♕';
  display:inline-grid;
  place-items:center;
  width:33px;
  height:33px;
  margin-right:10px;
  border:1px solid var(--dorado-claro);
  border-radius:50%;
  font:22px Georgia;
  color:var(--dorado-claro);
  background:rgba(140,72,136,0.2);
}

.barra .contenedor{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#fff;
}

.barra .enlace{color:var(--dorado-claro)}

.enlace,button{font:600 14px Montserrat,Arial,sans-serif}

.enlace{color:var(--purpura);text-decoration:none}

.boton{
  border:0;
  border-radius:999px;
  padding:12px 20px;
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
  transition:transform .2s,box-shadow .2s;
}

.boton:hover{
  transform:translateY(-2px);
  box-shadow:0 7px 14px var(--sombra);
}

.boton:disabled{cursor:not-allowed;transform:none;filter:saturate(.45);opacity:.62;box-shadow:none;}

.primario{
  background:linear-gradient(135deg, var(--purpura), var(--purpura-profundo));
  color:#fff;
}

.dorado{
  background:linear-gradient(135deg, #FDE8C7 0%, var(--dorado-claro) 25%, var(--dorado) 55%, #C49040 100%);
  color:#4A2C1A;
  font-weight:800;
  letter-spacing:.25px;
  box-shadow:0 6px 16px rgba(189,142,81,0.4), 0 0 0 2px #FFF8F0 inset;
  position:relative;
  overflow:hidden;
}

.dorado:before{
  content:'';
  position:absolute;
  top:0; left:-90%;
  width:55%; height:100%;
  transform:skewX(-22deg);
  background:rgba(255,255,255,0.3);
  transition:left .45s;
}

.dorado:hover{
  background:linear-gradient(135deg, #FFF0D8, #E8C46A 30%, var(--dorado) 60%, #B8860B 100%);
  box-shadow:0 9px 22px rgba(189,142,81,0.5), 0 0 0 2px #FFF8F0 inset;
}

.dorado:hover:before{left:130%}

.secundario{
  background:transparent;
  color:var(--purpura);
  border:2px solid var(--dorado);
}

.secundario:hover{
  background:var(--purpura);
  color:#fff;
  border-color:var(--purpura);
}

.peligro{
  background:linear-gradient(135deg, #C05A5A, #9B3D3D);
  color:#fff;
}

.peligro:hover{
  background:linear-gradient(135deg, #D46A6A, #B04D4D);
}

.tarjeta{
  background:#fff;
  border:1px solid var(--borde);
  border-radius:16px;
  padding:24px;
  box-shadow:0 4px 16px var(--sombra);
}

/* Contenedor de votación más compacto */
.tarjeta.voto{
  max-width:780px;
  margin:0 auto 34px;
  padding:12px;
  overflow:hidden;
  border-color:rgba(189,142,81,.42);
  box-shadow:0 18px 42px rgba(92,54,101,.16),0 2px 8px rgba(189,142,81,.12);
}

.tarjeta h1,.tarjeta h2{color:var(--purpura);font-family:'Playfair Display',serif;margin-top:0}

.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}

.campo label{font:600 13px Montserrat;color:var(--gris);text-transform:uppercase;letter-spacing:.5px}

.campo input,.campo textarea,.campo select{
  border:1px solid var(--borde);
  border-radius:10px;
  padding:12px 14px;
  font:15px Montserrat;
  background:#fff;
  color:var(--texto);
  transition:border-color .2s,box-shadow .2s;
}

.campo input:focus,.campo textarea:focus,.campo select:focus{
  outline:none;
  border-color:var(--dorado);
  box-shadow:0 0 0 3px rgba(189,142,81,0.15);
}

.mensaje{
  padding:12px 16px;
  border-radius:10px;
  font:14px Montserrat;
  margin:16px 0;
}

.mensaje.exito{
  background:linear-gradient(135deg, #E8F5E9, #D0EBD0);
  color:#2E7D32;
  border:1px solid #A5D6A7;
}

.mensaje.error{
  background:linear-gradient(135deg, #FDEDEC, #F9D0CE);
  color:#C62828;
  border:1px solid #EF9A9A;
}
.aviso-revision{max-width:700px;margin:0 auto 14px;box-sizing:border-box;text-align:left;line-height:1.55;font-size:16px;font-weight:600;letter-spacing:.1px;text-shadow:0 0 1px currentColor;animation:avisoRevisionEntrada .7s ease-out both;}
@keyframes avisoRevisionEntrada{from{opacity:0;transform:translateY(-6px);text-shadow:0 0 0 transparent}to{opacity:1;transform:translateY(0);text-shadow:0 0 1px currentColor}}

.fila{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}

.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}

.metrica{font:700 2.5rem/1.1 'Playfair Display',serif;color:var(--purpura);margin:0}

.barra-voto{height:10px;background:#F0E8E0;border-radius:999px;overflow:hidden;margin:8px 0 16px}

.barra-voto i{display:block;height:100%;background:linear-gradient(90deg, var(--dorado-claro), var(--dorado), #E8C46A);border-radius:999px;transition:width .6s ease}

.acciones{display:flex;gap:8px}

.admin{display:grid;grid-template-columns:220px 1fr;gap:24px}

.menu{display:flex;flex-direction:column;gap:6px}

.menu a{
  display:flex;align-items:center;gap:10px;
  padding:12px 16px;
  border-radius:10px;
  color:var(--gris);
  font:600 14px Montserrat;
  text-decoration:none;
  transition:all .2s;
}

.menu a:hover,.menu a.activo{
  background:linear-gradient(135deg, rgba(140,72,136,0.1), rgba(189,142,81,0.1));
  color:var(--purpura);
  border-left:3px solid var(--dorado);
}

.menu a.activo{font-weight:700}

.hero{h1{font:700 2.5rem/1.2 'Playfair Display',serif;color:var(--purpura);margin:0 0 8px}h2{font:500 1.2rem/1.4 'Playfair Display',serif;color:var(--rosa);margin:0}}

main>.hero{
  max-width:780px;
  margin:34px auto 18px;
  padding:0 18px;
  text-align:center;
}
main>.hero h1{font:700 clamp(2rem,4vw,3.1rem)/1.08 'Playfair Display',serif;color:var(--purpura-profundo);letter-spacing:-.025em;}
main>.hero h1:after{content:'';display:block;width:72px;height:3px;margin:16px auto 14px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--dorado),transparent);}
main>.hero p{max-width:560px;margin:0 auto;color:#6A6370;line-height:1.65;}
.contador-cierre{display:inline-flex;flex-direction:column;align-items:center;gap:10px;margin:22px auto 4px;padding:15px 18px 16px;border:1px solid rgba(189,142,81,.42);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,248,240,.88));box-shadow:0 8px 22px rgba(92,54,101,.1);}
.contador-etiqueta{color:var(--purpura-profundo);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.contador-unidades{display:flex;align-items:center;gap:9px;}
.contador-unidades>div{min-width:58px;padding:8px 8px 6px;border-radius:10px;background:linear-gradient(145deg,var(--purpura),var(--purpura-profundo));color:#fff;text-align:center;box-shadow:0 4px 10px rgba(92,54,101,.2);}
.contador-unidades strong{display:block;font:700 1.55rem/1 'Playfair Display',serif;color:#fff;}
.contador-unidades small{display:block;margin-top:5px;color:rgba(255,255,255,.78);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.contador-unidades i{color:var(--dorado);font:700 1.35rem Georgia,serif;margin-top:-15px;}

.voto .cuerpo{padding:22px 18px 16px;}
.voto .campo{margin-bottom:18px;}
.voto .campo>label,.voto .campo{font-weight:700;color:var(--purpura-profundo);}
.voto select{min-height:54px;border:1px solid rgba(189,142,81,.58);background:linear-gradient(135deg,#fff,#FFF9F0);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 10px rgba(92,54,101,.06);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--dorado) 50%),linear-gradient(135deg,var(--dorado) 50%,transparent 50%),linear-gradient(135deg,#fff,#FFF9F0);background-position:calc(100% - 20px) 23px,calc(100% - 14px) 23px,0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;padding-right:42px;}
.voto select:hover{border-color:var(--dorado);}
.voto select:invalid{color:#837A83;}
.voto select:focus-visible{outline:3px solid rgba(189,142,81,.26);outline-offset:2px;}
.voto .cuerpo form:before{content:'REGISTRA TU ELECCIÓN';display:block;margin-bottom:10px;color:var(--dorado-oscuro);font-size:.7rem;font-weight:800;letter-spacing:.14em;}
.voto #bio{min-height:76px;margin:0 0 16px;padding:14px 15px;border-left:3px solid var(--dorado);border-radius:0 10px 10px 0;background:linear-gradient(90deg,rgba(253,232,199,.52),rgba(255,255,255,0));color:#625966;font-size:.92rem;line-height:1.6;}
.voto .boton.dorado{min-height:52px;font-size:15px;}
.turnstile-campo{align-items:center;min-height:66px;}
.turnstile-campo .cf-turnstile{min-height:65px;}
.voto .campo input,.voto .campo select{width:100%;max-width:100%;box-sizing:border-box;}
.voto .g-recaptcha{max-width:100%;overflow:hidden;}

@media(min-width:760px){
  .tarjeta.voto{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(290px,.92fr);align-items:stretch;padding:12px;}
  .tarjeta.voto>.foto-escenario{grid-column:1;grid-row:1;}
  .tarjeta.voto>.enlace-historial{grid-column:1;grid-row:2;align-self:start;margin:14px 12px 4px;width:max-content;}
  .tarjeta.voto>.cuerpo{grid-column:2;grid-row:1 / span 2;}
  .voto .cuerpo{display:flex;flex-direction:column;justify-content:center;padding:30px 28px;}
  .voto .cuerpo form{width:100%;}
}

.pie{margin-top:40px;padding:24px 0;border-top:1px solid var(--borde);text-align:center;color:var(--gris);font-size:14px}

.ayuda{font-size:12px;color:var(--gris);margin-top:4px;line-height:1.4}

.ayuda strong{color:var(--rosa)}

@media(max-width:720px){
  .admin{grid-template-columns:1fr}
  .menu{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .menu a{flex:1;text-align:center;padding:10px}
  .hero h1{font-size:1.8rem}
  .marca{font-size:20px}
  .barra .enlace{display:none}
  .tarjeta{padding:16px}
  main>.hero{margin:25px auto 14px;padding:0 8px}
  .tarjeta.voto{padding:8px;margin-bottom:26px}
  .voto .cuerpo{padding:20px 14px 14px}
  .contador-cierre{width:100%;padding:13px 8px;}
  .contador-unidades{gap:4px;width:100%;justify-content:center}
  .contador-unidades>div{min-width:50px;padding:8px 5px 6px}
  .contador-unidades strong{font-size:1.3rem}
  .contador-unidades i{font-size:1.1rem}
}
@media(max-width:360px){
  .voto .g-recaptcha,.voto .turnstile-campo .cf-turnstile{transform:scale(.88);transform-origin:left top;}
  .voto .turnstile-campo{height:60px;}
}