/* Contenedor candidato */
.candidato-box{
 border:2px solid #ddd;
 padding:8px;
 cursor:pointer;
 display:block;
 transition:0.2s;
 border-radius:10px;
 background:#fff;
}

/* Hover */
.candidato-box:hover{
 border-color:#0d6efd;
 transform:scale(1.02);
}

/* FOTO */
.candidato-img{
 width:100%;
 height:180px;
 object-fit:cover;
 border-radius:6px;
}

/* MARCADO DEL RECUADRO COMPLETO */
.candidato-box input:checked ~ img,
.candidato-box input:checked ~ h6,
.candidato-box input:checked ~ small{
}

/* MARCADO VISUAL DEL CUADRO */
.candidato-box input:checked{
 display:none;
}

.candidato-box input:checked + img{
 border:3px solid #ff8c00;
}

/* CLAVE: marcar el contenedor */
.candidato-box:has(input:checked){
 border:4px solid #ff8c00;
 background:#fff7e6;
}

/* ===== CODELCO – Design Tokens ===== */
:root{
  --codelco-azul:#0b3c5d;
  --codelco-azul-claro:#174193;
  --codelco-naranja:#ef8910;
  --codelco-gris:#f4f6f8;
  --texto-principal:#1f2933;
  --texto-secundario:#6b7280;
  --radio:12px;
  --sombra:0 10px 25px rgba(0,0,0,.08);
}

/* Base */
body{
  background:var(--codelco-gris);
  color:var(--texto-principal);
  font-family:'Roboto Condensed', system-ui, -apple-system, sans-serif;
}

h1,h2,h3{
  color:var(--codelco-azul);
}

a{
  color:var(--codelco-azul-claro);
  text-decoration:none;
}
/* ===== Tarjetón Premium ===== */
.candidato-box{
  background:#fff;
  border:2px solid transparent;
  border-radius:var(--radio);
  padding:12px;
  cursor:pointer;
  box-shadow:var(--sombra);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.candidato-box:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(0,0,0,.12);
  border-color:var(--codelco-azul-claro);
}

.candidato-img{
  width:100%;
  height:190px;
  object-fit:cover;
  border-radius:10px;
  margin-bottom:10px;
}

/* Selección activa */
.candidato-box.seleccionado{
  border:4px solid var(--codelco-naranja);
  background:#fff7e6;
}

.candidato-box h6{
  margin:6px 0 0;
  font-weight:700;
  color:var(--codelco-azul);
}

.candidato-box small{
  color:var(--texto-secundario);
}

/* ===== Botones CODELCO ===== */
.btn-primary,
.btn-success,
.btn-danger{
  border-radius:var(--radio);
  padding:12px 18px;
  font-weight:700;
  letter-spacing:.4px;
  box-shadow:var(--sombra);
}

.btn-success{
  background:var(--codelco-azul);
  border-color:var(--codelco-azul);
}

.btn-success:hover{
  background:#082e46;
  border-color:#082e46;
}

.btn-danger{
  background:var(--codelco-naranja);
  border-color:var(--codelco-naranja);
}

.btn-danger:hover{
  background:#d97706;
  border-color:#d97706;
}

/* Estado deshabilitado claro */
button:disabled{
  opacity:.6;
  cursor:not-allowed;
}

/* Mensajes */
.alert{
  border-radius:var(--radio);
  box-shadow:var(--sombra);
}

.alert-warning{
  background:#fff7e6;
  border-color:var(--codelco-naranja);
}

/* ===== Header CODELCO ===== */
header, .navbar{
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* Logo HEADER – sin deformación */
.navbar-brand img{
  max-height:80px;
  height:auto;
  width:auto;
  object-fit:contain;
  display:block;
}


.header-title{
  color:var(--codelco-azul);
  font-weight:700;
  letter-spacing:.5px;
}

/* ===== Footer CODELCO ===== */
footer{
  background:#ffffff;
  border-top:1px solid #e5e7eb;
  padding:22px 0;
  margin-top:40px;
}

footer p{
  margin:0;
  color:var(--texto-secundario);
  font-size:14px;
}

footer a{
  color:var(--codelco-azul-claro);
  font-weight:600;
}

footer a:hover{
  text-decoration:underline;
}

/* ===== Modal Mensajes ===== */
.modal-msg{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  z-index:9999;
  align-items:center;
  justify-content:center;
}

.modal-content{
  background:#fff;
  padding:30px;
  max-width:420px;
  width:90%;
  border-radius:14px;
  text-align:center;
  box-shadow:0 20px 40px rgba(0,0,0,.25);
}

.modal-content h3{
  color:var(--codelco-azul);
  margin-bottom:10px;
}

.modal-content p{
  color:var(--texto-principal);
  margin-bottom:20px;
}

.modal-content button{
  background:var(--codelco-naranja);
  border:none;
  color:#fff;
  padding:10px 30px;
  border-radius:30px;
  font-weight:700;
  cursor:pointer;
}

.confirmacion-box{
  border-radius:16px;
  padding:30px 20px;
}