/* =========================================================
   CUADRÍCULA
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.js-form-item-field-coleccion-target-id {
  width: 100%;
}

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.js-form-item-field-coleccion-target-id
.bef-links > ul {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
  gap: 15px 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 30px 0 !important;
  list-style: none !important;
}


/* =========================================================
   LI: PERSPECTIVA DE TODA LA CARD
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.js-form-item-field-coleccion-target-id
.bef-links > ul > li {
position: relative !important;
    display: flex !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 215px !important;
    width: 190px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  perspective: 1200px;
  background: #FFF;
  border-radius: 20px;
}

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.js-form-item-field-coleccion-target-id
.bef-links > ul > li[hidden] {
  display: none !important;
}


/* =========================================================
   ENLACE: ELEMENTO QUE GIRA
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.js-form-item-field-coleccion-target-id
a.bef-link {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 435px !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  transition: transform 0.65s ease;
  transform-style: preserve-3d;
}


/* =========================================================
   GIRO DE TODO EL ENLACE
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.js-form-item-field-coleccion-target-id
.bef-links > ul > li:hover > a.bef-link,

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.js-form-item-field-coleccion-target-id
.bef-links > ul > li:focus-within > a.bef-link {
  transform: rotateY(180deg);
}


/* =========================================================
   ICONO ::BEFORE
   Permanece visible solamente en la cara frontal
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.js-form-item-field-coleccion-target-id
a.bef-link::before {
  position: relative;
  z-index: 2;
  display: block;
  margin-right: auto !important;
  margin-bottom: 30px !important;
  margin-left: auto !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}


/* =========================================================
   CONTENEDOR DE LAS CARAS
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.categoria-card-interior {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  transform-style: preserve-3d;
}


/* =========================================================
   CONFIGURACIÓN GENERAL DE LAS CARAS
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.categoria-card-cara {
  position: absolute !important;
  inset: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-align: center !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}


/* =========================================================
   CARA FRONTAL
   Fondo transparente para dejar visible el icono
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.categoria-card-frente {
  z-index: 1;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 !important;
  background: transparent !important;
  transform: rotateY(0deg);
}


/* =========================================================
   TÍTULO: PERMANECE ABAJO COMO EN EL DISEÑO ORIGINAL
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.categoria-card-frente
.texto-categoria {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 15px 25px !important;
  color: #fff !important;
  font-size: 1.35rem !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  background: #b92b1c !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  box-shadow: none !important;
}

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.categoria-card-frente
.texto-categoria::before,

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.categoria-card-frente
.texto-categoria::after {
  display: none !important;
  content: none !important;
}


/* =========================================================
   CARA POSTERIOR
   Cubre toda la tarjeta, incluyendo el área del icono
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.categoria-card-reverso {
  z-index: 10;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 35px !important;
  color: #fff !important;
  background: #d6a100 !important;
  border-radius: 18px !important;
  transform: rotateY(180deg);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
.descripcion-categoria {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}


/* =========================================================
   SELECCIONADO
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
a.bef-link--selected
.texto-categoria {
  box-shadow:
    6px 9px 12px rgba(0, 0, 0, 0.4) !important;
}


/* =========================================================
   FOCO ACCESIBLE
   ========================================================= */

#block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
a.bef-link:focus-visible {
  outline: 4px solid #005ea8 !important;
  outline-offset: 6px;
  border-radius: 18px;
}


/* =========================================================
   TABLETAS
   ========================================================= */

@media (max-width: 991px) {
  #block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
  .js-form-item-field-coleccion-target-id
  .bef-links > ul {
    grid-template-columns:
      repeat(2, minmax(200px, 1fr)) !important;
  }
}


/* =========================================================
   CELULARES
   ========================================================= */

@media (max-width: 575px) {
  #block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
  .js-form-item-field-coleccion-target-id
  .bef-links > ul {
    grid-template-columns: 1fr !important;
    gap: 50px !important;
  }

  #block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
  .js-form-item-field-coleccion-target-id
  .bef-links > ul > li {
    height: 300px !important;
  }

  #block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
  .categoria-card-frente
  .texto-categoria {
    font-size: 1.2rem !important;
  }

  #block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
  .descripcion-categoria {
    font-size: 1rem !important;
  }
}


/* =========================================================
   REDUCIR MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  #block-govco-formularioexpuesto2025-repositorio-insititucionalpage-1
  a.bef-link {
    transition: none;
  }
}



.region-relevante2 {
    background: #f0f0f0;
}