/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 28 2026 | 09:02:25 */
/* Alkon – Accesibilidad y ajustes (oct 2026)
   Revisión completa de la web del 27-10-2026 (escritorio y móvil, axe): contraste de textos pequeños,
   enlaces subrayados dentro del texto, tablas, listas y palabras largas en móvil, tamaño de los puntos de los carruseles,
   foto destacada de las entradas, márgenes de las entradas antiguas y texto justificado en móvil.
   El verde de la marca se cambió el 27-10-2026 de #6A8F3A (3,7:1 con blanco) a #5A7A31 (4,9:1) en el kit de Elementor
   y en los colores escritos a mano; este fragmento no lo toca.
   Vuelta atrás: desactivar este fragmento. */

/* 1. Enlaces dentro del texto: subrayados, para distinguirlos sin depender del color (WCAG 1.4.1) */
.elementor-widget-text-editor :is(p, li, td) a:not(.elementor-button),
.elementor-widget-theme-post-content :is(p, li, td) a:not(.elementor-button) { text-decoration: underline; text-underline-offset: 2px; }
.elementor-element-dc44be0 a { text-decoration: none; } /* banda «Visita nuestra sección de transparencia» de la portada */

/* 2. Listados de entradas (blog y barra lateral de las entradas antiguas): fecha, resumen y «Leer más» con contraste */
.elementor-posts .elementor-post-date,
.elementor-posts .elementor-post-avatar,
.elementor-posts .elementor-post__meta-data { color: #666 !important; }                 /* #ADADAD 2,2:1 → 5,7:1 */
.elementor-posts .elementor-post__excerpt p { color: #595959 !important; }            /* #777 4,5:1 → 7:1 */
.elementor-posts .elementor-post__read-more { color: #A8475D !important; }            /* #CE6178 3,7:1 → 5,6:1 */

/* 3. Rosa del proyecto Alimentando al Campus (acordeones): un tono más oscuro. Sus botones pasaron al granate estándar el 28-10-2026 (estaban en #A8475D) */
:is(.elementor-element-2763b9c, .elementor-element-db4aba0, .elementor-element-55c2bdf, .elementor-element-b55aaba) .elementor-tab-title,
:is(.elementor-element-2763b9c, .elementor-element-db4aba0, .elementor-element-55c2bdf, .elementor-element-b55aaba) .elementor-tab-title a { color: #A8475D !important; }

/* 4. Descripciones grises de las cajas de icono (portada, Sede de Madrid, Delegación CLM) y de Sobre nosotras */
:is(.elementor-element-928675f, .elementor-element-a516e55, .elementor-element-5a7854d, .elementor-element-aac0fea, .elementor-element-0b19fb1,
    .elementor-element-0098afe, .elementor-element-bf3076a, .elementor-element-2943abe, .elementor-element-203361f, .elementor-element-1b5eff2,
    .elementor-element-30836da, .elementor-element-f8d7ab0, .elementor-element-5350ac5, .elementor-element-0137c14, .elementor-element-f673d29,
    .elementor-element-2a46180, .elementor-element-eea69ca, .elementor-element-e3e6db5, .elementor-element-7b803d6, .elementor-element-6802695,
    .elementor-element-22ac366) .elementor-icon-box-description { color: #5F5F5F !important; }       /* #7D7D7D 4,1:1 → 6,4:1 */
:is(.elementor-element-c606af3, .elementor-element-ba9a3d5, .elementor-element-9460ef2, .elementor-element-e58d56f, .elementor-element-4075937,
    .elementor-element-67aa136, .elementor-element-ec471f2, .elementor-element-3f6ab54) .elementor-image-box-description { color: #5F5F5F !important; }       /* #949494 3,0:1 → 6,4:1 */

/* 5. Enlaces y textos sueltos de color claro */
.elementor-element-682588a b, .elementor-element-682588a a { color: #595959 !important; }  /* «Aviso Legal» en la declaración de accesibilidad */
.elementor-element-ce5d48a a, .elementor-element-34007d8 strong, .elementor-element-807bc1e a { color: #3B6E12 !important; } /* verdes claros → 6,3:1 */

/* 6. Puntos de los carruseles: zona pulsable de 24 px (WCAG 2.5.8) sin cambiar su aspecto */
.swiper-pagination-bullet { box-sizing: content-box; padding: 9px; margin: 0 !important; background-clip: content-box; }

/* 7. Móvil: tablas que no caben (política de cookies) y palabras o direcciones muy largas */
@media (max-width: 767px) {
  .elementor-widget-text-editor table:not(.oct-ini-tabla) { display: block; max-width: 100%; overflow-x: auto; }
  .elementor-widget-text-editor :is(p, li, td) { overflow-wrap: break-word; }
  .elementor-widget-text-editor a { overflow-wrap: anywhere; }
  /* Legsapiens: títulos blancos de 32 px con 6 px de espaciado («COMERCIALIZACIÓN» no cabía) */
  :is(.elementor-element-f2570bb, .elementor-element-beb9426, .elementor-element-bb47b79) .elementor-heading-title { font-size: 24px !important; letter-spacing: 2px !important; }
}

/* 8. Móvil: viñetas de las listas dentro de la pantalla (quedaban fuera por la izquierda) y enlaces del pie sin partir */
@media (max-width: 767px) {
  .elementor-widget-text-editor ul:not([class]), .elementor-widget-text-editor ol:not([class]) { padding-left: 1.25em; }
  :is(.page-id-337, .page-id-341, .page-id-343, .page-id-3345) .elementor-widget-text-editor { padding-left: 6px; padding-right: 6px; }
  .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a, a.submenupoliticas { white-space: nowrap; }
}

/* 9. Entradas con la plantilla del tema: la foto destacada se ve entera y más baja (antes ocupaba hasta 1.150 px y cortaba carteles y personas) */
.single-featured-image-header img { width: auto; max-width: 100%; max-height: 55vh; margin: 0 auto; }

/* 10. Móvil: entradas antiguas hechas con Elementor (2016-2021) con 60 px de margen a cada lado; el texto queda en 270 px */
@media (max-width: 767px) {
  .single-post :is(.elementor-element-c630652, .elementor-element-47631002) > .elementor-widget-wrap { margin-left: 0 !important; margin-right: 0 !important; padding-left: 20px !important; padding-right: 20px !important; }
}

/* 11. Texto justificado de Cooperar para alimentar Madrid alineado a la izquierda (dejaba huecos muy grandes entre palabras;
   hasta el 28-10-2026 solo en móvil, desde entonces también en ordenador, como en el resto de proyectos) */
:is(.elementor-element-601c2d6, .elementor-element-220ac66) :is(p, li, div) { text-align: left !important; }

/* 12. Menú de la cabecera en una sola línea en ordenador (27-10-2026, noche: con «NOTICIAS» bajaba «CONTACTO» a otra línea;
   antes pasaba lo mismo con «BLOG»). Menos espaciado entre letras y relleno, y letra algo más pequeña en pantallas medianas.
   Valores del widget: 13 px, espaciado 2,7 px y relleno 14 px. */
@media (min-width: 1025px) {
  :is(header, .elementor-location-header) .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item { padding-left: 10px !important; padding-right: 10px !important; letter-spacing: 1.6px !important; }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  :is(header, .elementor-location-header) .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item { font-size: 12px !important; padding-left: 8px !important; padding-right: 8px !important; letter-spacing: 1px !important; }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  :is(header, .elementor-location-header) .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item { font-size: 11px !important; padding-left: 5px !important; padding-right: 5px !important; letter-spacing: .3px !important; }
}

/* 13. Páginas legales (28-10-2026): aviso legal, privacidad, cookies y declaración de accesibilidad con la misma tipografía
   que el resto de la web (títulos en Alata y verde de la marca) y tablas de cookies legibles en el móvil (una ficha por fila). */
.elementor-widget-text-editor .oct-legal { color: #3f3f3f; font-family: Roboto, sans-serif; font-size: 16px; line-height: 1.65; }
.elementor-widget-text-editor .oct-legal h1 { font-family: Alata, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: .5px; color: #4E6B2E; font-size: 32px; line-height: 1.2; margin: 0 0 8px; }
.elementor-widget-text-editor .oct-legal .oct-legal-fecha { color: #5c5c5c; font-size: 14px; margin: 0 0 28px; }
.elementor-widget-text-editor .oct-legal h2 { font-family: Alata, sans-serif; font-weight: 400; text-transform: none; color: #4E6B2E; font-size: 22px; line-height: 1.3; margin: 36px 0 12px; }
.elementor-widget-text-editor .oct-legal h3 { font-family: Roboto, sans-serif; font-weight: 600; text-transform: none; color: #2b2b2b; font-size: 17px; line-height: 1.4; margin: 26px 0 8px; }
.elementor-widget-text-editor .oct-legal p { margin: 0 0 14px; }
.elementor-widget-text-editor .oct-legal ul { margin: 0 0 16px; padding-left: 22px; list-style: disc; }
.elementor-widget-text-editor .oct-legal li { margin: 0 0 6px; }
.elementor-widget-text-editor .oct-legal a { color: #4E6B2E; text-decoration: underline; }
.elementor-widget-text-editor .oct-legal a:hover, .elementor-widget-text-editor .oct-legal a:focus-visible { color: #2F4A17; }
.elementor-widget-text-editor .oct-legal a.oct-legal-boton { display: inline-block; background: #782849; color: #fff; text-decoration: none; font-size: 15px; line-height: 1.2; padding: 12px 20px; border-radius: 3px; margin: 4px 0 8px; }
.elementor-widget-text-editor .oct-legal a.oct-legal-boton:hover, .elementor-widget-text-editor .oct-legal a.oct-legal-boton:focus-visible { background: #5E1F39; color: #fff; }
.elementor-widget-text-editor .oct-legal table { width: 100%; border-collapse: collapse; margin: 8px 0 22px; font-size: 14px; line-height: 1.5; }
.elementor-widget-text-editor .oct-legal tr { border: 0; }
.elementor-widget-text-editor .oct-legal th, .elementor-widget-text-editor .oct-legal td { text-align: left; vertical-align: top; padding: 8px 10px; border: 0; border-bottom: 1px solid #dcdcdc; }
.elementor-widget-text-editor .oct-legal thead th { background: #EEF2E8; color: #2b2b2b; font-weight: 600; }
.elementor-widget-text-editor .oct-legal td:first-child { font-weight: 600; color: #2b2b2b; overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .elementor-widget-text-editor .oct-legal h1 { font-size: 24px; }
  .elementor-widget-text-editor .oct-legal h2 { font-size: 20px; margin-top: 30px; }
  .elementor-widget-text-editor .oct-legal table, .elementor-widget-text-editor .oct-legal tbody, .elementor-widget-text-editor .oct-legal tr, .elementor-widget-text-editor .oct-legal td { display: block; width: 100%; }
  .elementor-widget-text-editor .oct-legal thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .elementor-widget-text-editor .oct-legal tr { border: 1px solid #dcdcdc; border-radius: 4px; padding: 6px 12px; margin: 0 0 12px; }
  .elementor-widget-text-editor .oct-legal td { border: 0; padding: 4px 0; }
  .elementor-widget-text-editor .oct-legal td::before { content: attr(data-label); display: block; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: #4E6B2E; }
}

/* 14. Revisión página a página del 28-10-2026 (madrugada) */
/* 14a. Menú del móvil y la tableta a todo el ancho: el desplegable salía 5 px a la izquierda (móvil) o 30 px a la derecha (tableta)
   por el margen de −30 px y el relleno de 35 px del contenedor del widget del menú, que llevan todas las cabeceras. */
@media (max-width: 1024px) {
  :is(header, .elementor-location-header) .elementor-widget-nav-menu.elementor-nav-menu--stretch > .elementor-widget-container { margin-left: 0 !important; padding-left: 0 !important; }
}
/* 14b. Entradas: los títulos largos de «Anterior/Siguiente» ya no ensanchan la columna del texto (se metía bajo la barra lateral) */
.single-post .elementor-element-c630652 > .elementor-widget-wrap { min-width: 0; }
/* 14c. Paginación de Noticias, archivos y búsqueda con los colores de la web; «Anteriores»/«Siguientes» sin enlace no se muestran */
.elementor-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; }
.elementor-pagination .page-numbers { display: inline-block; box-sizing: border-box; min-width: 44px; margin: 0 !important; padding: 10px 16px; border: 1px solid #782849; border-radius: 3px; background: #fff; color: #782849 !important; font-family: Alata, sans-serif; font-size: 15px !important; line-height: 1.2; letter-spacing: 1px; text-align: center; text-decoration: none !important; }
.elementor-pagination a.page-numbers:hover, .elementor-pagination a.page-numbers:focus-visible, .elementor-pagination .page-numbers.current { background: #782849; color: #fff !important; }
.elementor-pagination span.page-numbers.prev, .elementor-pagination span.page-numbers.next { display: none; }
.elementor-pagination .page-numbers.dots { border-color: transparent; background: none; color: #595959 !important; }
/* 14d. Tarjetas de los listados: «Leer más» siempre al pie de la tarjeta */
.elementor-posts--skin-cards .elementor-post__card { display: flex; flex-direction: column; }
.elementor-posts--skin-cards .elementor-post__text { flex-grow: 1; display: flex; flex-direction: column; }
.elementor-posts--skin-cards .elementor-post__read-more { margin-top: auto; align-self: flex-start; }
/* 14e. Botón de la lupa del buscador (búsqueda y 404) en el verde de la web (era #222) */
.search-form .search-submit { background-color: #5A7A31; }
.search-form .search-submit:hover, .search-form .search-submit:focus { background-color: #4E6B2E; }
/* 14f. Listas dentro de acordeones (Alimentando al Campus, Cursos) y del texto de las entradas en móvil: viñetas dentro de la caja */
:is(.elementor-accordion, .elementor-toggle) .elementor-tab-content :is(ul, ol) { padding-left: 1.4em; }
@media (max-width: 767px) {
  .elementor-widget-theme-post-content :is(ul, ol):not([class]) { padding-left: 1.25em; }
}
/* 14g. Móvil: texto a 20 px del borde (estaba a 10 px) en Transparencia, Internacional, Alimentando al Campus y Cooperar */
@media (max-width: 767px) {
  :is(.elementor-element-c934b9c, .elementor-element-d0d2726, .elementor-element-0e1e94c, .elementor-element-1f6ed14,
      .elementor-element-0cd4be5, .elementor-element-5ff9a74, .elementor-element-d091db8) > .elementor-container { padding-left: 10px; padding-right: 10px; }
  .elementor-element-b3127be li > :is(ol, ul) { margin-left: 0; padding-left: .6em; } /* listas anidadas de Internacional: sangría de 145 px */
}

/* 15. Botones (28-10-2026): el mismo color al pasar el ratón o con el teclado en todos los botones de Elementor
   (#A8475D, 5,6:1 con el texto blanco; antes rosa #CE6178, 3,7:1, o verde en algunos) */
.elementor-widget-button .elementor-button:is(:hover, :focus-visible) { background-color: #A8475D !important; border-color: #A8475D !important; color: #fff !important; fill: #fff !important; }
.elementor-widget-button .elementor-button:is(:hover, :focus-visible) svg { fill: #fff !important; }

/* 16. Qué hacemos (28-10-2026): fotos de las tarjetas del apartado 2 con la misma proporción (los títulos quedaban
   escalonados 10-20 px) y botones «Ver proyectos» de las dos sedes a la misma altura (había 32 px de diferencia) */
.elementor-133 .elementor-element-5a11aba .elementor-image-box-img img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
@media (min-width: 768px) {
  .elementor-133 .elementor-element-c5708e2 > .elementor-container > .elementor-column > .elementor-widget-wrap { flex-direction: column; flex-wrap: nowrap; }
  .elementor-133 .elementor-element-c5708e2 :is(.elementor-element-44790b0, .elementor-element-26163cd) { margin-top: auto; }
}

/* 17. Revisión del 28-10-2026 (madrugada, 2.ª tanda). Los id de Elementor se repiten entre páginas copiadas: cada regla lleva la página (.elementor-N) */
/* 17a. Legsapiens: subtítulo de la cabecera en líneas equilibradas (dejaba «grano» solo en la última línea) */
.elementor-2780 .elementor-element-a7c3e51 .elementor-heading-title { text-wrap: balance; }
/* 17b. Cooperar: tarjetas de Noticias y Roll ups centradas (estaban a la izquierda con media fila vacía) y botones al pie */
.elementor-3873 :is(.elementor-element-87f57b5, .elementor-element-f1ead3f) > .elementor-container { justify-content: center; }
/* 17c. Alimentando al Campus: portadas de Publicaciones en cajas iguales con borde fino, botones al pie y 2.ª fila centrada */
.elementor-3515 .elementor-element-7fed6c6 > .elementor-container { justify-content: center; }
@media (min-width: 768px) {
  .elementor-3873 .elementor-element-87f57b5 > .elementor-container > .elementor-column > .elementor-widget-wrap,
  .elementor-3515 :is(.elementor-element-0470d58, .elementor-element-7fed6c6) > .elementor-container > .elementor-column > .elementor-widget-wrap { flex-direction: column; flex-wrap: nowrap; }
  .elementor-3873 .elementor-element-87f57b5 .elementor-widget-button,
  .elementor-3515 :is(.elementor-element-0470d58, .elementor-element-7fed6c6) .elementor-widget-button { margin-top: auto; }
  .elementor-3515 :is(.elementor-element-0470d58, .elementor-element-7fed6c6) .elementor-widget-image img { width: 100%; height: 300px; object-fit: contain; background: #fff; border: 1px solid #DCDCD6; padding: 6px; box-sizing: border-box; }
}
/* 17d. Publicaciones: logos de «OCT en los medios» en cajas de la misma altura (los textos empezaban a alturas distintas) */
.elementor-1199 :is(.elementor-element-0c67988, .elementor-element-771e6b6, .elementor-element-5fda8bb, .elementor-element-acd70c6, .elementor-element-994d374, .elementor-element-18a92ee, .elementor-element-6c55fbc, .elementor-element-da4a4ea) > .elementor-widget-container { height: 90px; display: flex; align-items: center; justify-content: center; }
.elementor-1199 :is(.elementor-element-0c67988, .elementor-element-771e6b6, .elementor-element-5fda8bb, .elementor-element-acd70c6, .elementor-element-994d374, .elementor-element-18a92ee, .elementor-element-6c55fbc, .elementor-element-da4a4ea) img { width: auto; height: auto; max-width: min(100%, 300px); max-height: 80px; object-fit: contain; }
@media (max-width: 767px) {
  /* 17e. Transparencia: documentos de dos en dos (cada portada ocupaba ≈490 px de alto con mucho blanco) */
  .elementor-2340 :is(.elementor-element-0470d58, .elementor-element-8203853) > .elementor-container { flex-wrap: wrap; }
  .elementor-2340 :is(.elementor-element-0470d58, .elementor-element-8203853) > .elementor-container > .elementor-column { width: 50%; }
  .elementor-2340 :is(.elementor-element-0470d58, .elementor-element-8203853) .elementor-widget-text-editor :is(.elementor-widget-container, span, a, p) { font-size: 15px !important; letter-spacing: 1px !important; line-height: 1.3 !important; }
  /* 17f. Sobre nosotras: el enlace de cada persona, pegado a su texto y separado de la foto siguiente */
  .elementor-135 .elementor-widget-image-box + .elementor-widget-social-icons { margin-top: -26px; margin-bottom: 30px; }
  /* 17g. Títulos de sección de 32-40 px con mucho espaciado (portada, Qué hacemos, Cómo trabajamos, Contacto): 24 px en móvil */
  .elementor-widget-text-editor h2.h2p, .elementor-widget h2.customh2,
  .elementor-148 .elementor-element-5310f845 :is(.elementor-widget-container, p) { font-size: 24px !important; letter-spacing: 2px !important; line-height: 1.3 !important; text-wrap: balance; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-widget-text-editor h2.h2p { font-size: 28px !important; letter-spacing: 4px !important; }
}
/* 17h. Guía de parques agrarios: imagen de socios sin el título repetido que lleva dentro («“Socios del Grupo Operativo”») ni el blanco del final */
.elementor-1932 .elementor-element-771e6b6 img { width: 100%; aspect-ratio: 1600 / 780; object-fit: cover; object-position: 50% 58%; }
/* 17i. «Últimas noticias»: el cartel de la Merienda CALMAR entero en su tarjeta (se cortaban la «R» y la «n» por los lados) */
.elementor-posts .post-4386 .elementor-post__thumbnail img { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; transform: none !important; object-fit: contain; background: #fff; }
/* 17j. Entradas en móvil: título a 24 px sin espacio entre letras (con 30 px y 1,8 px de espaciado llegaba a ocupar 10 líneas) */
@media (max-width: 767px) {
  .single-post h1.elementor-heading-title { font-size: 24px !important; letter-spacing: 0 !important; line-height: 1.25 !important; }
}
/* 18. Pie de página (28-10): menos espacio entre letras para que se lea mejor. Enlaces legales de 2,6 a 1 px y con interlineado normal (tenían 0,9); copyright de 3,2 a 1 px */
.elementor-631 a.submenupoliticas { letter-spacing: 1px; line-height: 1.5; }
.elementor-631 .elementor-element.elementor-element-5e9886c6 .elementor-heading-title.elementor-size-default { letter-spacing: 1px; }