.elementor-3840 .elementor-element.elementor-element-07505f4{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3840 .elementor-element.elementor-element-a870244{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3840 .elementor-element.elementor-element-07505f4{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3840 .elementor-element.elementor-element-07505f4{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-66ce0bb *//* ==========================================================================
   ESTILOS MODULARES PARA LA TABLA PSICOPEDAGOGÍA (VERSIÓN NARANJA)
   ========================================================================== */

.table-psicoped-inte {
    /* --- PALETA DE COLORES NARANJA --- */
    --primary-color: #d84100; /* Naranja principal solicitado */
    --primary-light: #ff6e33; /* Un naranja más claro y vibrante */
    --primary-dark: #a83200;  /* Un naranja más oscuro para acentos */
    --primary-lighter: #ffe0d1; /* Un naranja muy claro para fondos */
    --primary-lightest: #fff3ed; /* Un naranja casi blanco para hover */
    --text-color: #333;
    --text-light: #fff;
    --border-color: #E0E0E0;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    /* --- FIN DE LA PALETA DE COLORES --- */

    font-family: 'Roboto', sans-serif;
    color: var(--text-color);
    line-height: 1.6;
    padding: 20px 0;
}

.table-psicoped-inte h1 {
    color: var(--primary-color);
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
}

.table-psicoped-inte .tablepsico-inte-controls {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 15px;
}

.table-psicoped-inte .year-filter {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.table-psicoped-inte .filter-btn {
    padding: 8px 16px;
    background-color: var(--primary-lightest);
    border: 1px solid var(--primary-lighter);
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: var(--primary-dark);
}

.table-psicoped-inte .filter-btn:hover,
.table-psicoped-inte .filter-btn.active {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}

.table-psicoped-inte .table-inte-container {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.table-psicoped.inte .psicoped-inte {
    width: 100%;
    border-collapse: collapse;
}

.table-psicoped-inte .psicoped-inte thead {
    background-color: var(--primary-color);
    color: var(--text-light);
}

.table-psicoped-inte .psicoped-inte th {
    padding: 15px;
    text-align: left;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.table-psicoped-inte .psicoped-inte tbody tr {
    border-bottom: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

.table-psicoped-inte .psicoped-inte tbody tr:last-child {
    border-bottom: none;
}

.table-psicoped-inte .psicoped-inte tbody tr:hover {
    background-color: var(--primary-lightest);
}

.table-psicoped-inte .psicoped-inte td {
    padding: 15px;
}

/* Estilos específicos para las columnas de esta tabla */
.table-psicoped-inte .psicoped-inte td:nth-child(1) { /* Columna Año */
    font-weight: 500;
    color: var(--primary-dark);
}

.table-psicoped-inte .psicoped-inte td:nth-child(2) { /* Columna Código */
    font-family: monospace;
    color: var(--primary-color);
    font-weight: 500;
}

.table-psicoped-inte .psicoped-inte td:nth-child(4) { /* Columna Régimen */
    font-size: 0.9rem;
    color: #666;
}/* End custom CSS */