/* ============================================================
   DIGITALIZACIÓN CERTIFICADA — TEMPLATE
   Página nueva que reutiliza tal cual el diseño de Instrumentos
   Archivísticos (template-instrumentos-archivisticos.css, clases
   inst-mejoras__*, inst-diseno__*, inst-fases__*, inst-formulario__*
   cargadas como dependencia vía enqueue). Este archivo NO repite
   esos estilos — solo contiene lo propio de esta página: el hero
   pegado al menú y el botón del hero (clase propia dig-hero__btn).
   El fix responsive del hero (min-height / object-position en
   @media) ya se hereda sin duplicar porque viene en el CSS de
   Instrumentos con selectores genéricos .correo-hero__* (no
   scopeados a su body class).
   ============================================================ */

/* ── HERO pegado al menú — sin espacio entre header e imagen ── */
.page-template-template-digitalizacion-certificada .andes-main-wrap {
  padding-top: 0 !important;
}

.page-template-template-digitalizacion-certificada .correo-hero {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── HERO BOTÓN — hereda tamaño/posición/tipografía de .correo-hero__btn,
   mismos valores que el botón de Instrumentos (.inst-hero__btn) ── */
.dig-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
  background: #00c4b5;
  border-radius: 20px;
  width: 248px;
  height: 33px;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.dig-hero__btn:hover,
.dig-hero__btn:focus {
  opacity: 0.88;
  color: #ffffff;
}

@media (max-width: 1024px) {
  .dig-hero__btn { font-size: 14px; width: 186px; height: 44px; }
}

@media (max-width: 480px) {
  .dig-hero__btn { font-size: 11px; width: 160px; height: 44px; }
}

/* ── FIX TAMAÑO LOGO FORMULARIO ── */
.inst-formulario__logo {
  display: block;
  width: 100%;
  max-width: 220px;              /* desktop */
  aspect-ratio: 292 / 184.905;
  object-fit: contain;
  margin: 0 auto;
}

@media (max-width: 1035px) {
  .inst-formulario__logo { max-width: 190px; }
}

@media (max-width: 1024px) {
  .inst-formulario__logo { max-width: 180px; }
}

@media (max-width: 480px) {
  .inst-formulario__logo { max-width: 150px; }
}


.hiper-formulario__enlace {
  color: #0A3C83;
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
}

.hiper-formulario__enlace:hover {
  text-decoration: underline;
  opacity: 0.8;
}