/* ========================================================= EU GREEN Resource Center — estilos del widget Todos los selectores prefijados con .eugreen-rc para evitar conflictos con Elementor / The7. No se fija font-family ni color en el contenedor raíz a propósito: The7 aplica su tipografía (Merriweather) y su color base a , y ambos se heredan de forma natural. Los tonos y radios de aquí están tomados de los ajustes reales del tema (wp option get the7): title_color #000, content-primary_text_color #666, content- secondary_text_color/links #999, buttons bg #999 / hover #666, buttons_border_radius 3px, input_border_radius 2px, filtros en píldora (general-filter_style-minimal-border_radius 100px). ========================================================= */ .eugreen-rc { box-sizing: border-box; } .eugreen-rc *, .eugreen-rc *::before, .eugreen-rc *::after { box-sizing: inherit; } /* Controles ------------------------------------------------ */ .eugreen-rc-controls { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; } .eugreen-rc-search, .eugreen-rc-filter { padding: 8px 12px; border: 1px solid rgba(102, 102, 102, 0.25); border-radius: 2px; background: #fff; color: #666; font-size: 14px; font-family: inherit; } .eugreen-rc-search { flex: 1 1 320px; min-width: 220px; } .eugreen-rc-filter { min-width: 220px; } /* Grid ------------------------------------------------------ */ .eugreen-rc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 16px 0; } @media (max-width: 900px) { .eugreen-rc-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .eugreen-rc-grid { grid-template-columns: 1fr; } } .eugreen-rc-card { border: 1px solid rgba(102, 102, 102, 0.15); border-radius: 2px; overflow: hidden; display: flex; flex-direction: column; background: #fff; transition: box-shadow 0.2s ease; } .eugreen-rc-card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1); } .eugreen-rc-media img { width: 100%; height: 150px; object-fit: cover; display: block; } .eugreen-rc-card-body { padding: 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; } .eugreen-rc-chips { display: flex; flex-wrap: wrap; gap: 6px; } .eugreen-rc-chip { display: inline-block; font-size: 11px; line-height: 1.4; letter-spacing: 0.03em; text-transform: uppercase; padding: 3px 10px; border-radius: 100px; border: 1px solid transparent; } /* Paleta de colores del logotipo EU GREEN, asignada por término (Eugreen\ResourceCenter\Renderer\ChipColorPalette). Cada color se expone como variable: las categorías van rellenas (fondo de color, texto blanco) y los tipos en contorno (fondo blanco, borde y texto de color) para diferenciarlas visualmente. */ .eugreen-rc-color-0 { --chip-color: #662285; } /* morado */ .eugreen-rc-color-1 { --chip-color: #B51754; } /* granate */ .eugreen-rc-color-2 { --chip-color: #0A9C6B; } /* verde azulado */ .eugreen-rc-color-3 { --chip-color: #F8B133; } /* ámbar */ .eugreen-rc-color-4 { --chip-color: #80B742; } /* verde */ .eugreen-rc-color-5 { --chip-color: #E47B0E; } /* naranja */ .eugreen-rc-color-6 { --chip-color: #003398; } /* azul oscuro */ .eugreen-rc-color-7 { --chip-color: #D90F27; } /* rojo */ .eugreen-rc-color-8 { --chip-color: #000000; } /* negro */ .eugreen-rc-color-9 { --chip-color: #3360A4; } /* azul */ .eugreen-rc-chip--category { background: var(--chip-color); border-color: var(--chip-color); color: #fff; } .eugreen-rc-chip--category.eugreen-rc-color-3, .eugreen-rc-chip--category.eugreen-rc-color-4, .eugreen-rc-chip--category.eugreen-rc-color-5 { color: #1a1a1a; } .eugreen-rc-chip--type { background: #fff; border-color: var(--chip-color); color: var(--chip-color); } .eugreen-rc-title { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 17px; margin: 0; color: #000; } .eugreen-rc-title a { text-decoration: none; color: inherit; } .eugreen-rc-title a:hover { text-decoration: underline; } .eugreen-rc-description { font-size: 14px; line-height: 1.5; color: #666; margin: 0; flex: 1; } .eugreen-rc-download { display: inline-block; align-self: flex-start; padding: 8px 18px; border-radius: 3px; background: #999; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; } .eugreen-rc-download:hover { background: #666; color: #fff; } .eugreen-rc-file-meta { font-size: 12px; color: #999; margin-left: 8px; } .eugreen-rc-coming-soon { font-size: 13px; font-style: italic; color: #999; } .eugreen-rc-empty { font-size: 15px; color: #666; } /* Paginación -------------------------------------------------- */ .eugreen-rc-pager { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0; } .eugreen-rc-btn { padding: 6px 14px; border: 1px solid rgba(102, 102, 102, 0.25); border-radius: 3px; background: #fff; color: #666; cursor: pointer; font-size: 13px; font-family: inherit; } .eugreen-rc-btn:hover:not(:disabled) { background: #999; border-color: #999; color: #fff; } .eugreen-rc-btn:disabled { opacity: 0.4; cursor: default; } .eugreen-rc-page-info { font-size: 13px; color: #999; } /* Single -------------------------------------------------------- */ .eugreen-rc-single { max-width: 800px; margin: 140px auto 60px; padding: 0 20px; } /* Algunos temas ocultan/solapan el h1 del contenido cuando esperan que el título se muestre vía su propio "page title" (Elementor). Forzamos que el título del recurso sea siempre visible. */ .eugreen-rc-single-title { display: block !important; visibility: visible !important; opacity: 1 !important; font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; font-size: 34px !important; line-height: 1.3 !important; color: #000 !important; margin: 0 0 12px !important; padding: 0 !important; text-indent: 0 !important; height: auto !important; width: auto !important; overflow: visible !important; clip: auto !important; clip-path: none !important; } .eugreen-rc-single-media img { width: 100%; border-radius: 2px; margin: 16px 0; } .eugreen-rc-single-description { font-size: 16px; line-height: 1.6; color: #666; margin: 16px 0; }