.elementor-25445 .elementor-element.elementor-element-6f9f39e{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--background-transition:0.3s;}.elementor-25445 .elementor-element.elementor-element-6f9f39e:not(.elementor-motion-effects-element-type-background), .elementor-25445 .elementor-element.elementor-element-6f9f39e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-25445 .elementor-element.elementor-element-6f9f39e, .elementor-25445 .elementor-element.elementor-element-6f9f39e::before{--border-transition:0.3s;}.elementor-25445 .elementor-element.elementor-element-4a9e350{text-align:center;}.elementor-25445 .elementor-element.elementor-element-4a9e350 .elementor-heading-title{color:var( --e-global-color-e5c221a );font-family:"Arial", Sans-serif;font-size:1rem;font-weight:600;}.elementor-25445 .elementor-element.elementor-element-1fb34cf{text-align:center;}.elementor-25445 .elementor-element.elementor-element-1fb34cf .elementor-heading-title{color:var( --e-global-color-e5c221a );font-family:"Arial", Sans-serif;font-size:3.5rem;font-weight:600;}.elementor-25445 .elementor-element.elementor-element-5405de15{--display:flex;--background-transition:0.3s;}.elementor-25445 .elementor-element.elementor-element-20e6675{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-25445 .elementor-element.elementor-element-6f9f39e{--content-width:1500px;}}/* Start custom CSS for html, class: .elementor-element-8467cd1 */<style>
/* ================================================================
   INDUMIL — Informes de Auditoría · 4 categorías principales
   Tarjetas especiales con diseño destacado
   !important forzado · Mobile-First · WCAG 2.1 AA
================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Barlow:wght@400;500;600;700&display=swap');

.aud-wrap {
  font-family: 'Barlow', Arial, sans-serif !important;
  padding: 1rem 0 1.5rem !important;
}

/* ── Grid 2x2 desktop, 1 col móvil ───────────────────────── */
.aud-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (min-width: 40rem) {
  .aud-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ── Tarjeta ──────────────────────────────────────────────── */
.aud-card {
  background-color: #FFFFFF !important;
  border: 1.5px solid #DDDDD8 !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 3px 14px rgba(26,26,26,0.09) !important;
  list-style: none !important;
  overflow: hidden !important;
  position: relative !important;
  transition: transform 260ms cubic-bezier(0.4,0,0.2,1),
              box-shadow 260ms cubic-bezier(0.4,0,0.2,1),
              border-color 260ms !important;
  animation: audIn 0.45s cubic-bezier(0.4,0,0.2,1) both !important;
}
.aud-card:nth-child(1){ animation-delay:0.05s !important }
.aud-card:nth-child(2){ animation-delay:0.11s !important }
.aud-card:nth-child(3){ animation-delay:0.17s !important }
.aud-card:nth-child(4){ animation-delay:0.23s !important }

@keyframes audIn {
  from { opacity:0; transform:translateY(18px); }
  to   { opacity:1; transform:translateY(0); }
}

/* Línea amarilla superior que se expande */
.aud-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 4px !important;
  background: #FFCD00 !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1) !important;
}
.aud-card:hover::before,
.aud-card:focus-within::before { transform: scaleX(1) !important; }

.aud-card:hover,
.aud-card:focus-within {
  transform: translateY(-6px) !important;
  border-color: #FFCD00 !important;
  box-shadow: 0 18px 44px rgba(26,26,26,0.15) !important;
}

/* ── Enlace ───────────────────────────────────────────────── */
.aud-link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none !important;
  color: #1A1A1A !important;
  outline: none !important;
}
.aud-link:focus-visible {
  outline: 3px solid #FFCD00 !important;
  outline-offset: 3px !important;
  border-radius: 0.75rem !important;
}

/* ── Cabecera negra ───────────────────────────────────────── */
.aud-head {
  background-color: #1A1A1A !important;
  padding: 1.25rem 1.4rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Círculo decorativo fondo */
.aud-head::after {
  content: '' !important;
  position: absolute !important;
  right: -1.5rem !important; bottom: -1.5rem !important;
  width: 5rem !important; height: 5rem !important;
  background: rgba(255,205,0,0.08) !important;
  border-radius: 50% !important;
  transition: transform 0.4s cubic-bezier(0.4,0,0.2,1) !important;
}
.aud-card:hover .aud-head::after { transform: scale(2.4) !important; }

/* Ícono grande en cabecera */
.aud-ico-wrap {
  width: 3rem !important;
  height: 3rem !important;
  background-color: #FFCD00 !important;
  border-radius: 0.6rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  transition: transform 260ms cubic-bezier(0.4,0,0.2,1),
              background-color 260ms !important;
}
.aud-ico-wrap svg {
  width: 1.4rem !important;
  height: 1.4rem !important;
  stroke: #1A1A1A !important;
  fill: none !important;
  display: block !important;
  transition: stroke 260ms !important;
}
.aud-card:hover .aud-ico-wrap {
  transform: rotate(-8deg) scale(1.1) !important;
  background-color: #FFFFFF !important;
}

/* Número/orden de la tarjeta */
.aud-num {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,0.08) !important;
  line-height: 1 !important;
  position: relative !important;
  z-index: 1 !important;
  transition: color 260ms !important;
  user-select: none !important;
}
.aud-card:hover .aud-num { color: rgba(255,205,0,0.18) !important; }

/* ── Cuerpo ───────────────────────────────────────────────── */
.aud-body {
  padding: 1.2rem 1.4rem 1.3rem !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

.aud-categoria {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #888 !important;
}

.aud-titulo {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  color: #1A1A1A !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Pie CTA ──────────────────────────────────────────────── */
.aud-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 0.85rem !important;
  border-top: 1px solid #EEEEEA !important;
  margin-top: auto !important;
}

.aud-cta {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #888 !important;
  transition: color 220ms !important;
}
.aud-card:hover .aud-cta { color: #1A1A1A !important; }

.aud-btn {
  width: 2rem !important;
  height: 2rem !important;
  background-color: #F4F4F0 !important;
  border: 1.5px solid #DDDDD8 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: background-color 220ms, border-color 220ms,
              transform 260ms cubic-bezier(0.4,0,0.2,1) !important;
}
.aud-btn svg {
  width: 0.8rem !important;
  height: 0.8rem !important;
  stroke: #1A1A1A !important;
  fill: none !important;
}
.aud-card:hover .aud-btn {
  background-color: #FFCD00 !important;
  border-color: #FFCD00 !important;
  transform: translateX(3px) !important;
}

@media (prefers-reduced-motion: reduce) {
  .aud-card, .aud-ico-wrap, .aud-btn, .aud-head::after {
    transition: none !important; animation: none !important;
  }
  .aud-card::before { transition: none !important; }
}
</style>/* End custom CSS */