.elementor-2901 .elementor-element.elementor-element-75d38bb1{--display:flex;--background-transition:0.3s;}.elementor-2901 .elementor-element.elementor-element-5a15ef7{--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;}/* Start custom CSS for html, class: .elementor-element-d2d05f8 *//* ============================================================
   COMPONENTE: ATENCIÓN Y SERVICIOS A LA CIUDADANÍA — INDUMIL
   Paleta: bg #FFFFFF | text #000000 | accent #FFCD00 | border #E2E2E2
   WCAG 2.1 AA | Mobile-First | clamp() responsivo
   ============================================================ */

/* --- CONTENEDOR PRINCIPAL --- */
.indumil-atencion-section {
  background-color: #FFFFFF !important;
  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 4vw, 2rem) !important;
  font-family: 'Georgia', 'Times New Roman', serif !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* --- ENCABEZADO --- */
.indumil-atencion-header {
  margin-bottom: clamp(2rem, 4vw, 3rem) !important;
  border-left: 4px solid #FFCD00 !important;
  padding-left: clamp(1rem, 2.5vw, 1.5rem) !important;
}

.indumil-atencion-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background-color: #000000 !important;
  color: #FFCD00 !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-size: clamp(0.65rem, 1.5vw, 0.72rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 0.3rem 0.8rem !important;
  border-radius: 2px !important;
  margin-bottom: 1rem !important;
}

.indumil-atencion-title {
  font-family: 'Georgia', serif !important;
  font-size: clamp(1.6rem, 4.5vw, 2.6rem) !important;
  font-weight: 700 !important;
  color: #000000 !important;
  line-height: 1.15 !important;
  margin: 0 0 0.75rem 0 !important;
  letter-spacing: -0.02em !important;
}

.indumil-atencion-subtitle {
  font-family: 'Georgia', serif !important;
  font-size: clamp(0.9rem, 2vw, 1.05rem) !important;
  color: #333333 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  max-width: 60ch !important;
}

/* --- GRILLA DE TARJETAS --- */
.indumil-docs-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(1rem, 2.5vw, 1.5rem) !important;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;
}

@media (min-width: 640px) {
  .indumil-docs-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 960px) {
  .indumil-docs-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* --- TARJETA DE DOCUMENTO --- */
.indumil-doc-card {
  background-color: #FFFFFF !important;
  border: 1.5px solid #E2E2E2 !important;
  border-top: 3px solid #FFCD00 !important;
  border-radius: 4px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  overflow: hidden !important;
}

.indumil-doc-card:hover,
.indumil-doc-card:focus-within {
  border-color: #000000 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.10) !important;
}

.indumil-doc-card__icon {
  padding: clamp(1rem, 2vw, 1.25rem) clamp(1rem, 2vw, 1.25rem) 0 !important;
  display: flex !important;
  align-items: flex-start !important;
}

.indumil-doc-card__content {
  padding: 0.75rem clamp(1rem, 2vw, 1.25rem) !important;
  flex: 1 !important;
}

.indumil-doc-card__tag {
  display: inline-block !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-size: clamp(0.6rem, 1.2vw, 0.65rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #555555 !important;
  background-color: #F5F5F5 !important;
  border: 1px solid #E2E2E2 !important;
  padding: 0.2rem 0.5rem !important;
  border-radius: 2px !important;
  margin-bottom: 0.6rem !important;
}

.indumil-doc-card__title {
  font-family: 'Georgia', serif !important;
  font-size: clamp(0.95rem, 2vw, 1.08rem) !important;
  font-weight: 700 !important;
  color: #000000 !important;
  line-height: 1.3 !important;
  margin: 0 0 0.6rem 0 !important;
}

.indumil-doc-card__desc {
  font-family: 'Georgia', serif !important;
  font-size: clamp(0.82rem, 1.6vw, 0.9rem) !important;
  color: #444444 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.indumil-doc-card__footer {
  padding: 0.75rem clamp(1rem, 2vw, 1.25rem) clamp(1rem, 2vw, 1.25rem) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-top: 1px solid #E2E2E2 !important;
  margin-top: 0.75rem !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
}

/* --- BOTÓN DESCARGAR PDF --- */
.indumil-btn-download {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  background-color: #FFCD00 !important;
  color: #000000 !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-size: clamp(0.72rem, 1.4vw, 0.78rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 0.45rem 0.9rem !important;
  border-radius: 2px !important;
  border: 1.5px solid #000000 !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.indumil-btn-download:hover,
.indumil-btn-download:focus {
  background-color: #000000 !important;
  color: #FFCD00 !important;
  outline: 2px solid #FFCD00 !important;
  outline-offset: 2px !important;
}

.indumil-btn-download:focus-visible {
  outline: 3px solid #000000 !important;
  outline-offset: 3px !important;
}

/* --- META FORMATO --- */
.indumil-doc-card__meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-size: clamp(0.6rem, 1.1vw, 0.65rem) !important;
  color: #777777 !important;
  letter-spacing: 0.04em !important;
}

/* --- BARRA DE CUMPLIMIENTO NORMATIVO --- */
.indumil-compliance-bar {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.75rem !important;
  background-color: #F9F9F9 !important;
  border: 1px solid #E2E2E2 !important;
  border-left: 4px solid #000000 !important;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1rem, 2.5vw, 1.25rem) !important;
  border-radius: 2px !important;
}

.indumil-compliance-bar svg {
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.indumil-compliance-bar p {
  font-family: 'Georgia', serif !important;
  font-size: clamp(0.78rem, 1.5vw, 0.85rem) !important;
  color: #333333 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.indumil-compliance-bar strong {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* --- FOCUS GLOBAL WCAG 2.1 AA --- */
.indumil-atencion-section *:focus-visible {
  outline: 3px solid #000000 !important;
  outline-offset: 2px !important;
}

/* --- REDUCCIÓN DE MOVIMIENTO --- */
@media (prefers-reduced-motion: reduce) {
  .indumil-doc-card,
  .indumil-btn-download {
    transition: none !important;
  }
}/* End custom CSS */