/* =============================================
   Botones RTVC — Componentes unificados
   Color primario: #c7013d
   ============================================= */

/* --- Pill outline: borde rojo, fondo blanco, hover rojo --- */
.btn-pill,
.node-useful-btn,
.en-medios-btn-fuente,
.glosario-search .form-submit,
.contratacion-secop-btn,
.contratacion-search .form-submit,
.contratacion-search .btn.btn-secondary,
.node--ci .ci-site-btn,
.node--sc .sc-site-btn,
.node--rca .rca-site-btn,
.ci-card-informe__btn,
.ci-landing-card__btn,
.node-webform-section .form-actions .webform-button--submit,
.node-webform-section .form-actions .button--primary,
.node-webform-section .webform-submission-form .form-actions .webform-button--submit,
.node-webform-section .webform-submission-form .form-actions input[type="submit"],
.node-webform-section .webform-submission-form .form-actions .button--primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 24px;
  background: #fff;
  color: #c7013d;
  border: 2px solid #c7013d;
  border-radius: 30px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

/* Visited: mantener color original (no púrpura) */
.btn-pill:visited,
.en-medios-btn-fuente:visited,
.contratacion-secop-btn:visited,
.node--ci .ci-site-btn:visited,
.node--sc .sc-site-btn:visited,
.node--rca .rca-site-btn:visited,
.ci-card-informe__btn:visited,
.ci-landing-card__btn:visited {
  color: #c7013d;
}

.btn-pill:hover, .btn-pill:visited:hover,
.node-useful-btn:hover,
.en-medios-btn-fuente:hover, .en-medios-btn-fuente:visited:hover,
.glosario-search .form-submit:hover,
.contratacion-secop-btn:hover, .contratacion-secop-btn:visited:hover,
.contratacion-search .form-submit:hover,
.contratacion-search .btn.btn-secondary:hover,
.node--ci .ci-site-btn:hover, .node--ci .ci-site-btn:visited:hover,
.node--sc .sc-site-btn:hover, .node--sc .sc-site-btn:visited:hover,
.node--rca .rca-site-btn:hover, .node--rca .rca-site-btn:visited:hover,
.ci-card-informe__btn:hover, .ci-card-informe__btn:visited:hover,
.ci-landing-card__btn:hover, .ci-landing-card__btn:visited:hover,
.node-webform-section .form-actions .webform-button--submit:hover,
.node-webform-section .form-actions .button--primary:hover,
.node-webform-section .webform-submission-form .form-actions .webform-button--submit:hover,
.node-webform-section .webform-submission-form .form-actions input[type="submit"]:hover,
.node-webform-section .webform-submission-form .form-actions .button--primary:hover {
  background-color: #c7013d;
  color: #fff;
  text-decoration: none;
}

/* --- Pill filled: fondo rojo, texto blanco --- */
.btn-pill--filled,
.node-detail-body .descargar a,
.aspirante-cv a {
  display: inline-block;
  padding: 12px 32px;
  background: #c7013d;
  color: #fff;
  border: none;
  border-radius: 32px;
  font-size: 1.1rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: background 0.2s, box-shadow 0.2s;
  cursor: pointer;
}

.btn-pill--filled:hover,
.node-detail-body .descargar a:hover,
.aspirante-cv a:hover {
  background: #c50139;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22);
  color: #fff;
  text-decoration: none;
}

/* --- Pill large: "Ver más" del home --- */
.btn-pill--lg,
.btn-ver-mas {
  display: inline-block;
  padding: 20px 45px;
  background-color: #fff;
  color: #c7013d;
  font-size: 30px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid #c7013d;
  border-radius: 45px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}

.btn-pill--lg:hover,
.btn-ver-mas:hover {
  background-color: #c7013d;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(226, 1, 69, 0.3);
}

/* --- Selected state (useful widget) --- */
.node-useful-btn.selected {
  background-color: #c7013d;
  color: #fff;
}

/* --- Overrides específicos por contexto --- */

/* SECOP: shadow + underline */
.contratacion-secop-btn {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  text-decoration: underline;
  font-size: 0.9rem;
  font-weight: 400;
}

/* Contratación search: !important overrides de Bootstrap */
.contratacion-search .form-submit,
.contratacion-search .btn.btn-secondary {
  padding: 0.85rem 3rem !important;
  box-shadow: none !important;
}

/* Control Interno card: más pequeño */
.ci-card-informe__btn {
  padding: 0.5rem 1.5rem;
  border-radius: 20.5px;
  font-size: 13px;
  color: #4b4b4b;
}

.ci-landing-card__btn {
  padding: 0.4rem 1.5rem;
  border-radius: 20.5px;
  font-size: 14px;
}

/* Ver más: margin */
.btn-ver-mas {
  margin: 40px auto 60px;
}

.btn-ver-mas:active {
  transform: translateY(0);
}