/*
  PÁGINAS: PROVINCIA
  Fase 40

  Dueño de:
  - /quiniela/<provincia>
  - /provincia
  - bloques SEO/interlinking de provincia

  Mantener este archivo después de styles.css mientras exista CSS legacy.
*/

.prov-breadcrumb {opacity:.7;
  margin-bottom:10px;
  font-size:.82rem}

.prov-breadcrumb a {color:var(--color-blanco);
  text-underline-offset:2px;
  text-decoration:underline}

.prov-container {max-width:860px;
  padding:var(--esp-lg);
  margin:0 auto}

.prov-cabeza-section {text-align:center;
  padding:var(--esp-xl) 0 var(--esp-lg)}

.prov-cabeza-label {letter-spacing:.12em;
  color:var(--color-gris);
  margin-bottom:8px;
  font-size:.72rem;
  font-weight:700}

.prov-cabeza-numero {color:var(--color-marino);
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
  font-size:5rem;
  font-weight:900;
  line-height:1;
  transition:opacity .3s}

.prov-cabeza-turno {color:var(--color-rojo);
  letter-spacing:.06em;
  margin-top:6px;
  font-size:.85rem;
  font-weight:600}

.prov-numeros-titulo {letter-spacing:.08em;
  color:var(--color-gris);
  text-transform:uppercase;
  margin-bottom:12px;
  font-size:.78rem;
  font-weight:700}

.prov-otros-titulo {letter-spacing:.08em;
  color:var(--color-gris);
  text-transform:uppercase;
  margin:var(--esp-lg) 0 12px;
  font-size:.78rem;
  font-weight:700}

.prov-otros-grid {margin-bottom:var(--esp-xl);
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  display:grid}

.prov-otro-turno {background:var(--color-gris-claro);
  border-radius:var(--radio-md);
  cursor:pointer;
  text-align:center;
  transition:var(--transicion);
  border:2px solid #0000;
  flex-direction:column;
  gap:4px;
  padding:12px 8px;
  display:flex}

.prov-otro-turno:hover {border-color:var(--color-marino)}

.prov-otro-turno.sin-dato {opacity:.5}

.prov-otro-nombre {color:var(--color-gris);
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:.72rem;
  font-weight:700}

.prov-otro-cabeza {color:var(--color-marino);
  font-variant-numeric:tabular-nums;
  font-size:1.2rem;
  font-weight:800}

@media (width<=600px) {

  .prov-cabeza-numero {font-size:3.5rem}

  .prov-otros-grid {grid-template-columns:repeat(2,1fr)}


}

.prov-meta-card {background:var(--color-blanco);
  border-radius:var(--radio-lg);
  margin-bottom:var(--esp-md);
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:14px;
  display:grid;
  box-shadow:0 6px 18px var(--color-marino)0f}

.prov-meta-item {background:var(--color-gris-claro);
  border-radius:var(--radio-md);
  text-align:center;
  padding:12px}

.prov-meta-item span {color:var(--color-gris);
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:5px;
  font-size:.68rem;
  font-weight:700;
  display:block}

.prov-meta-item strong {color:var(--color-marino);
  font-size:.9rem;
  font-weight:800;
  display:block}

.prov-result-section, .prov-turnos-section, .prov-premios-card, .prov-historico-section, .prov-links-section {background:var(--color-blanco);
  border-radius:var(--radio-lg);
  padding:var(--esp-lg);
  margin-bottom:var(--esp-md);
  box-shadow:0 6px 18px var(--color-marino)0f}

.prov-result-section h2, .prov-turnos-section h2, .prov-premios-card h2, .prov-historico-section h2, .prov-links-section h2, .prov-faq-section h2 {color:var(--color-marino);
  margin-bottom:8px;
  font-size:clamp(1.2rem,2.4vw,1.75rem);
  line-height:1.2}

.prov-section-desc {color:var(--color-gris);
  margin:0 0 16px;
  font-size:.95rem;
  line-height:1.5}

.prov-premios-card p {color:var(--color-gris);
  margin-bottom:10px;
  line-height:1.65}

.prov-otro-turno.activo {border-color:var(--color-rojo);
  background:#e539350f}

.prov-historico-wrap {-webkit-overflow-scrolling:touch;
  overflow-x:auto}

.prov-historico-table {border-collapse:separate;
  border-spacing:0;
  border-radius:var(--radio-md);
  border:1px solid var(--color-marino)14;
  width:100%;
  min-width:620px;
  overflow:hidden}

.prov-historico-table th, .prov-historico-table td {text-align:center;
  font-variant-numeric:tabular-nums;
  border-bottom:1px solid var(--color-marino)0f;
  padding:12px 10px}

.prov-historico-table th {background:var(--color-marino);
  color:var(--color-blanco);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.72rem}

.prov-historico-table td {color:var(--color-marino);
  background:var(--color-blanco);
  font-weight:700}

.prov-historico-table tbody tr:nth-child(2n) td {background:var(--color-gris-claro)}

.prov-empty-state {text-align:center;
  color:var(--color-gris);
  background:var(--color-gris-claro);
  border-radius:var(--radio-md);
  padding:24px;
  font-weight:600}

.prov-link-grid, .prov-extra-links {flex-wrap:wrap;
  gap:10px;
  display:flex}

.prov-link-chip, .prov-extra-links a {border-radius:var(--radio-sm);
  min-height:38px;
  color:var(--color-marino);
  background:var(--color-gris-claro);
  transition:var(--transicion);
  border:1px solid var(--color-marino)24;
  justify-content:center;
  align-items:center;
  padding:9px 13px;
  font-size:.82rem;
  font-weight:800;
  text-decoration:none;
  display:inline-flex}

.prov-link-chip:hover, .prov-extra-links a:hover {background:var(--color-marino);
  color:var(--color-blanco);
  transform:translateY(-1px)}

.prov-extra-links {border-top:1px solid var(--color-marino)14;
  margin-top:14px;
  padding-top:14px}

.prov-faq-section {max-width:860px;
  margin:var(--esp-lg) auto;
  padding:var(--esp-lg)}

@media (width<=720px) {

  .prov-meta-card {grid-template-columns:repeat(2,1fr)}

  .prov-container {padding:var(--esp-md)}

  .prov-result-section, .prov-turnos-section, .prov-premios-card, .prov-historico-section, .prov-links-section, .prov-faq-section {padding:var(--esp-md);
    border-radius:var(--radio-md)}

  .prov-otros-grid {grid-template-columns:repeat(2,1fr)}


}

@media (width<=420px) {

  .prov-meta-card, .prov-otros-grid {grid-template-columns:1fr}


}

.prov-breadcrumb, .prov-breadcrumb a, .prov-breadcrumb span {color:var(--nev-coral,var(--theme-accent));
  opacity:1}

.prov-breadcrumb a {text-underline-offset:3px;
  text-decoration-color:currentColor;
  text-decoration-thickness:2px}

.footer:not(.footer-main) a, .prov-breadcrumb, .prov-breadcrumb a, .prov-breadcrumb span, .legal-card a, .sitemap-note-card a, .info-seo a, .faq-section a, .seo-copy a {color:var(--nev-coral,var(--theme-accent))}

.prov-seo-hub {background:linear-gradient(135deg,#fff8ecfa,#f7eedeeb);
  border:1px solid #20211f1a;
  border-radius:30px;
  max-width:1180px;
  margin:34px auto 24px;
  padding:30px;
  box-shadow:0 18px 48px #20211f14}

.prov-seo-head {max-width:860px;
  margin-bottom:22px}

.prov-seo-kicker {color:var(--theme-accent);
  letter-spacing:.12em;
  text-transform:uppercase;
  background:#ef51481f;
  border-radius:999px;
  align-items:center;
  width:max-content;
  margin-bottom:12px;
  padding:7px 13px;
  font-family: var(--theme-font-body);
  font-size:.78rem;
  font-weight:900;
  display:inline-flex}

.prov-seo-head h1, .prov-seo-head h2 {color:var(--theme-ink);
  letter-spacing:-.04em;
  margin:0 0 10px;
  font-family: var(--theme-font-body);
  font-size:clamp(1.8rem,3vw,3rem);
  font-weight:900;
  line-height:1.05}

.prov-seo-head p, .prov-seo-note {color:#20211fbd;
  font-size:1.02rem;
  line-height:1.7}

.prov-seo-note {background:#ffffff9e;
  border-left:4px solid var(--theme-accent);
  border-radius:12px;
  margin-top:10px;
  padding:12px 14px}

.prov-seo-actions {flex-wrap:wrap;
  gap:10px;
  margin:20px 0 26px;
  display:flex}

.prov-seo-action {color:var(--theme-ink);
  background:#ffffffb8;
  border:1px solid #20211f1f;
  border-radius:14px;
  justify-content:center;
  align-items:center;
  min-height:42px;
  padding:10px 15px;
  font-weight:900;
  text-decoration:none;
  display:inline-flex}

.prov-seo-action:hover {transform:translateY(-1px);
  box-shadow:0 12px 24px #20211f1a}

.prov-seo-action.is-primary {color:var(--theme-surface);
  background:var(--theme-accent);
  border-color:var(--theme-accent)}

.prov-seo-grid {grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  display:grid}

.prov-seo-card {background:#ffffffc7;
  border:1px solid #20211f1a;
  border-radius:22px;
  padding:20px}

.prov-seo-card h3 {color:var(--theme-ink);
  margin:0 0 8px;
  font-size:1.15rem;
  font-weight:900}

.prov-seo-card p {color:#20211fb8;
  margin:0;
  line-height:1.65}

.prov-chip-list, .prov-alias-list {flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
  display:flex}

.prov-chip-list a, .prov-alias-list span {color:var(--theme-ink);
  background:#ef51481a;
  border-radius:999px;
  padding:8px 10px;
  font-size:.86rem;
  font-weight:850;
  text-decoration:none;
  display:inline-flex}

.prov-chip-list a:hover {color:var(--theme-surface);
  background:var(--theme-accent)}

.prov-related-section {border-top:1px solid #20211f1a;
  margin-top:24px;
  padding-top:22px}

.prov-related-head span {color:var(--theme-accent);
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.78rem;
  font-weight:900}

.prov-related-head h2 {color:var(--theme-ink);
  letter-spacing:-.03em;
  margin:5px 0 8px;
  font-size:clamp(1.45rem,2.4vw,2.2rem);
  font-weight:900}

.prov-related-head p {color:#20211fad;
  line-height:1.6}

.prov-related-grid {grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
  display:grid}

.prov-related-card {color:var(--theme-ink);
  background:#ffffffc7;
  border:1px solid #20211f1a;
  border-radius:18px;
  gap:4px;
  min-height:76px;
  padding:15px;
  text-decoration:none;
  display:grid}

.prov-related-card span {color:var(--theme-accent);
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.78rem;
  font-weight:900}

.prov-related-card strong {font-size:.98rem;
  line-height:1.25}

.prov-related-card:hover {color:var(--theme-surface);
  background:var(--theme-ink);
  transform:translateY(-1px)}

.prov-related-card:hover span {color:#ffb3ac}

.prov-seo-standalone {padding-top:34px}

@media (width<=760px) {

  .prov-seo-hub {border-radius:24px;
    margin:24px 12px;
    padding:20px}

  .prov-seo-grid, .prov-related-grid {grid-template-columns:1fr}

  .prov-seo-actions {grid-template-columns:1fr;
    display:grid}

  .nev-search-suggestions {border-radius:18px;
    max-height:58vh;
    left:0;
    right:0}

  .nev-search-option {grid-template-columns:38px minmax(0,1fr);
    padding:10px}

  .nev-search-option-icon {width:38px;
    height:38px}


}

.phub-wrap {max-width: 1240px;
         margin: 0 auto;
         padding: 36px 16px 64px;}

.phub-intro {text-align: center;
         margin-bottom: 36px;}

.phub-intro h1 {font-family: var(--theme-font-body);
         font-size: clamp(1.8rem, 4vw, 2.8rem);
         font-weight: 900;
         text-transform: uppercase;
         letter-spacing: -.03em;
         color: var(--color-marino);
         margin: 0 0 10px;}

.phub-intro p {color: var(--color-gris);
         font-size: 1rem;
         line-height: 1.6;
         max-width: 640px;
         margin: 0 auto;}

.phub-turno-badge {display: inline-block;
         background: var(--color-marino);
         color: var(--theme-white);
         font-size: .72rem;
         font-weight: 800;
         text-transform: uppercase;
         letter-spacing: .08em;
         padding: 5px 14px;
         border-radius: 999px;
         margin-bottom: 18px;}

.phub-grid {display: grid;
         grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
         gap: 16px;}

.phub-card-head {align-items: center;}

.phub-card-flag {width: 38px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  color: #fff;
  background: linear-gradient(180deg, #e5675c 0%, #d95035 100%);
  clip-path: polygon(50% 0%, 92% 14%, 92% 70%, 50% 100%, 8% 70%, 8% 14%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14), 0 8px 18px rgba(0,0,0,0.18);}

.phub-card[data-slug="uruguaya"] .phub-card-flag {background: linear-gradient(180deg, var(--brand-accent-2) 0%, var(--brand-accent) 100%);}

.phub-card[data-slug="ciudad"] .phub-card-flag {background: linear-gradient(180deg, #e95549 0%, #cf4338 100%);}

.phub-card[data-slug="buenos-aires"] .phub-card-flag, .phub-card[data-slug="santa-fe"] .phub-card-flag, .phub-card[data-slug="cordoba"] .phub-card-flag, .phub-card[data-slug="entre-rios"] .phub-card-flag, .phub-card[data-slug="mendoza"] .phub-card-flag, .phub-card[data-slug="tucuman"] .phub-card-flag, .phub-card[data-slug="salta"] .phub-card-flag, .phub-card[data-slug="jujena"] .phub-card-flag, .phub-card[data-slug="correntina"] .phub-card-flag, .phub-card[data-slug="chaquena"] .phub-card-flag, .phub-card[data-slug="misionera"] .phub-card-flag, .phub-card[data-slug="formosena"] .phub-card-flag, .phub-card[data-slug="catamarca"] .phub-card-flag, .phub-card[data-slug="la-rioja"] .phub-card-flag, .phub-card[data-slug="santiaguena"] .phub-card-flag, .phub-card[data-slug="rio-negro"] .phub-card-flag, .phub-card[data-slug="san-juan"] .phub-card-flag, .phub-card[data-slug="san-luis"] .phub-card-flag, .phub-card[data-slug="neuquen"] .phub-card-flag, .phub-card[data-slug="santa-cruz"] .phub-card-flag {color: #fff;}

.prov-empty-state--full {grid-column: 1 / -1;}

.hero .prov-breadcrumb {color: rgba(255,255,255,0.84);}

.hero .prov-breadcrumb a {color: rgba(255,255,255,0.94);
  border-bottom-color: rgba(255,255,255,0.34);}

.prov-meta-card {position: relative;
  z-index: 2;}