.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-49126a5 *//* ============================================
   CONTENEDOR GENERAL
   ============================================ */
.edur-contact-table {
  max-width: 1200px;
  margin: 2rem auto;
}

/* ============================================
   TABLA EN CUADRÍCULA
   ============================================ */
.edur-contact-table table {
  width: 100%;
  border-collapse: collapse;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.95rem;
  border: 1px solid #d4dce6; /* borde exterior */
}

/* ============================================
   CABECERA (ÚNICO ENCABEZADO)
   ============================================ */
.edur-contact-table thead th {
  background: #003366 !important; /* azul institucional EDUR */
  color: #ffffff !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em;
  padding: 0.8rem 0.75rem;
  border: 1px solid #00264d;
  text-align: center !important; /* títulos centrados */
}

/* Asegurar que ninguna celda del cuerpo parezca encabezado */
.edur-contact-table tbody th {
  background: #ffffff !important;
  color: #222 !important;
  font-weight: normal !important;
}

/* ============================================
   CELDAS DEL CUERPO
   ============================================ */
.edur-contact-table td {
  padding: 0.6rem 0.75rem;
  border: 1px solid #d4dce6; /* cuadrícula */
  color: #222222;
  text-align: left !important; /* cuerpo alineado a la izquierda */
}

/* Última columna (extensión) centrada */
.edur-contact-table tbody td:nth-child(4) {
  text-align: center !important;
}

/* ============================================
   HOVER CORPORATIVO
   ============================================ */
.edur-contact-table tbody tr:hover {
  background-color: #E8F2FF; /* azul claro EDUR */
  transition: background-color 0.15s ease-in-out;
}

/* ============================================
   COLUMNA DE EXTENSIÓN MÁS ESTRECHA
   ============================================ */
.edur-contact-table thead th:nth-child(4),
.edur-contact-table tbody td:nth-child(4) {
  width: 9%;
  white-space: nowrap;
}

/* ============================================
   ENLACES DE CORREO
   ============================================ */
.edur-contact-table a {
  text-decoration: none;
  font-weight: 500;
  color: #003366;
}

.edur-contact-table a:hover {
  color: #0055A4;
  text-decoration: underline;
}

/* ============================================
   ÍCONOS TIPO A (emoji)
   ============================================ */

/* 1️⃣ Icono para CARGO / DEPENDENCIA */
.edur-contact-table tbody tr td:nth-child(1)::before {
  content: "🏢 ";
  font-size: 1em;
  margin-right: 4px;
}

/* 2️⃣ Icono para FUNCIONARIO */
.edur-contact-table tbody tr td:nth-child(2)::before {
  content: "👤 ";
  font-size: 1em;
  margin-right: 4px;
}

/* 3️⃣ Icono para CORREO (sobre el enlace) */
.edur-contact-table tbody tr td:nth-child(3) a::before {
  content: "✉️ ";
  font-size: 1em;
  margin-right: 4px;
}

/* 4️⃣ Icono para EXTENSIÓN (solo si hay texto) */
.edur-contact-table tbody tr td:nth-child(4):not(:empty)::before {
  content: "☎️ ";
  font-size: 1em;
  margin-right: 4px;
}

/* Quitamos la "pastilla" gigante: solo texto + ícono */
.edur-contact-table tbody tr td:nth-child(4):not(:empty) {
  font-weight: 600;
  color: #003366;
  background: transparent;
  padding: 0.6rem 0.75rem;
  border-radius: 0;
  letter-spacing: 0.02em;
}

/* ============================================
   RESPONSIVE (scroll en móvil)
   ============================================ */
@media (max-width: 768px) {
  .edur-contact-table {
    padding: 0 0.5rem;
  }

  .edur-contact-table table {
    font-size: 0.85rem;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .edur-contact-table thead th {
    padding: 0.6rem 0.5rem;
  }

  .edur-contact-table td {
    padding: 0.5rem 0.5rem;
  }
}/* End custom CSS */