/* ========================================
ARCA USC - OPTIMIZED STYLESHEET
======================================== */
@import url('https://fonts.googleapis.com/css2?family=Aleo:wght@400;700&family=Lato:wght@400;500;700&display=swap');
/* ========================================
CSS CUSTOM PROPERTIES (VARIABLES)
======================================== */
:root {
/* Colors */
--color-primary: #053E00;
--color-primary-light: #075300;
--color-primary-dark: #042A00;
--color-secondary: #0079C0;
--color-secondary-hover: #005f96;
--color-accent: #E5C174;
--color-accent-hover: #D4B263;
--color-accent-border: #DFB254;
--color-background-primary: #F3F7F2;
--color-background-secondary: #F7ECD4;
--color-background-tertiary: #F5F5F8;
--color-background-light: #FDFBF6;
--color-text-secondary: #16182D;
--color-text-tertiary: #2D2411;
--color-text-muted: #6C757D;
--color-text-light: #6B7280;
--color-border: #E9ECEF;
--color-border-light: #DEE2E6;
--color-border-accent: #EBCF95;
--color-white: #FFFFFF;
--color-black: #121212;
--color-dark: #2C3E50;
--color-dark-2: #1E1E1E;
--color-dark-3: #2C2F5A;
--color-success: #28A745;
--color-tag: #CDCEDB;
--color-breadcrumb: #494949;
/* Typography */
--font-primary: 'Aleo', serif;
--font-secondary: 'Lato', sans-serif;
--font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
/* Font Sizes */
--font-size-xs: 12px;
--font-size-sm: 14px;
--font-size-base: 16px;
--font-size-lg: 18px;
--font-size-xl: 24px;
--font-size-2xl: 28px;
--font-size-3xl: 32px;
--font-size-4xl: 40px;
--font-size-5xl: 48px;
/* Line Height */
--line-height-xs: 20px;
--line-height-sm: 22px;
--line-height-base: 24px;
--line-height-lg: 26px;
--line-height-xl: 32px;
--line-height-2xl: 36px;
--line-height-3xl: 40px;
--line-height-4xl: 48px;
--line-height-5xl: 56px;
/* Spacing */
--spacing-xs: 4px;
--spacing-sm: 8px;
--spacing-md: 16px;
--spacing-lg: 24px;
--spacing-xl: 32px;
--spacing-2xl: 40px;
--spacing-3xl: 60px;
--spacing-4xl: 64px;
/* Border Radius */
--radius-sm: 4px;
--radius-md: 6px;
--radius-lg: 8px;
--radius-xl: 12px;
--radius-pill: 16px;
--radius-pill-2: 32px;
--radius-full: 50%;
/* Shadows */
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
--shadow-md: 0 2px 4px rgba(0, 0, 0, 0.1);
--shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1);
--shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.12);
--shadow-2xl: 0 10px 25px rgba(0, 0, 0, 0.15);
/* Transitions */
--transition-fast: 0.1s ease;
--transition-base: 0.2s ease;
--transition-slow: 0.3s ease;
/* Breakpoints (min-width) */
--min-width-sm: 576px;
--min-width-md: 768px;
--min-width-lg: 992px;
--min-width-xl: 1200px;
/* Breakpoints (max-width) */
--max-width-sm: 575px;
--max-width-md: 767px;
--max-width-lg: 991px;
--max-width-xl: 1199px;
}
/* ========================================
ÍNDICE PÁGINAS:
1. FRONT PAGE
2. SOBRE ARCA
3. MAPA Y BUSCADOR
4. PUBLICACIONES
5. ADIVINA
6. DATOS DEL CORPUS
7. GUÍA DE USUARIO
8. NOTICIAS
9. COLABORA
10. FAQ
======================================== */
/* ========================================
GENERAL STYLES
======================================== */
/* Global Layout */
body {
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
overflow-x: hidden;
}
@media (min-width: 1200px) {
.container {
max-width: 1200px !important;
}
}
.highlighted>.container {
padding: 0;
}
div#main-wrapper {
/* Altura viewport - altura header - altura breadcrumb - altura footer */
min-height: calc(100vh - 90px - 64px - 355px);
}
@media (max-width: 767px) {
div#main-wrapper {
min-height: auto;
}
}
.main-content {
padding: 0;
}
h1.title {
color: var(--color-text-tertiary);
font-size: var(--font-size-4xl);
font-weight: bold;
line-height: var(--line-height-4xl);
margin: var(--spacing-lg) 0;
padding: 0 16px;
overflow-wrap: anywhere;
}
@media (max-width: 767px) {
h1.title {
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
margin: var(--spacing-md) 0;
}
}
.node__content {
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
margin: 0;
}
.block-system-main-block {
padding: 0 16px;
}
/* Breadcrumb */
.highlighted,
.layout-main-wrapper {
background-color: var(--color-background-light);
}
.block-system-breadcrumb-block {
max-width: 1200px;
padding: 0 16px;
}
@media (max-width: 1199px) {
.block-system-breadcrumb-block {
max-width: 960px;
}
}
@media (max-width: 991px) {
.block-system-breadcrumb-block {
max-width: 720px;
}
}
@media (max-width: 767px) {
.block-system-breadcrumb-block {
max-width: 540px;
}
}
.breadcrumb {
list-style: none;
background-color: transparent;
border-radius: 0;
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
padding: 40px 0 0;
margin: 0;
}
@media (max-width: 767px) {
.breadcrumb {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
padding: 24px 0 0;
}
}
.breadcrumb a {
color: var(--color-primary-light);
}
.breadcrumb-item {
float: unset;
display: inline;
}
.breadcrumb-item.active {
color: var(--color-breadcrumb);
}
.breadcrumb-item+.breadcrumb-item::before {
color: var(--color-breadcrumb);
padding: 0 4px;
}
/* ========================================
HEADER & NAVIGATION
======================================== */
.top-header {
position: relative;
z-index: 10000;
background-color: var(--color-white);
box-shadow: var(--shadow-md);
padding: 24px 0;
}
@media (max-width: 767px) {
.top-header {
padding: 16px 0;
}
}
.top-header>.container {
padding: 0 16px;
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 767px) {
.header-content {
flex-direction: column;
gap: 16px;
align-items: flex-start;
}
}
.navbar-brand {
padding: 4px 0;
}
.navbar-brand>img {
width: auto;
max-width: none;
height: 32px;
}
.menu-contact-section {
display: flex;
gap: 16px;
}
.main-navigation {
border-right: 1px solid #C2D9BF;
padding: 0 16px 0 0;
}
.list-container {
display: flex;
flex-wrap: wrap;
gap: 16px;
list-style: none;
padding: 0;
margin: 0;
}
.menu-trigger,
.menu-link {
display: block;
background: none;
border: none;
border-bottom: 2px solid transparent;
color: var(--color-primary-dark);
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
padding: 8px 16px 6px;
text-decoration: none;
transition: color var(--transition-slow);
cursor: pointer;
outline: none;
}
.menu-trigger {
background: url('data:image/svg+xml;utf8,') no-repeat right 8px center;
background-size: 24px;
padding-right: 40px;
}
.menu-trigger:hover,
.menu-trigger:focus,
.menu-link:hover,
.menu-link:focus {
color: var(--color-primary-dark);
border-bottom: 2px solid var(--color-accent-border);
text-decoration: none;
}
.menu-trigger.active {
color: var(--color-primary-dark);
border-bottom: 2px solid var(--color-accent-border);
text-decoration: none;
}
.contact-link {
color: var(--color-text-muted);
text-decoration: none;
transition: color var(--transition-slow);
}
.contact-link:hover,
.contact-link:focus {
color: var(--color-success);
}
/* Resopnsive Menu */
@media (max-width: 991px) {
.menu-contact-section {
flex-direction: row-reverse;
width: 100%;
}
.main-navigation {
border: none;
padding: 0;
}
.navigation__item {
border: 1px solid #E9E9E9;
border-radius: var(--radius-sm);
padding: 4px 12px;
}
.navigation__item:not(:first-child) {
display: none;
}
.menu-trigger {
width: 30px;
height: 30px;
background: none;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4516_6755)'%3E%3Crect width='30' height='30' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M4 23H26H4Z' fill='%23096800'/%3E%3Cpath d='M4 7H26M4 15H26M4 23H26' stroke='%23096800' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4516_6755'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
border: none;
padding: 0;
margin: 0;
}
.menu-trigger:hover,
.menu-trigger:focus {
border: none;
}
.menu-trigger.active {
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4516_6808)'%3E%3Crect width='30' height='30' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M4.02459 5.35041C3.65847 4.9843 3.65847 4.3907 4.02459 4.02459C4.3907 3.65847 4.9843 3.65847 5.35041 4.02459L15 13.6742L24.6496 4.02459C25.0157 3.65847 25.6093 3.65847 25.9754 4.02459C26.3415 4.3907 26.3415 4.9843 25.9754 5.35041L16.3258 15L25.9754 24.6496C26.3415 25.0157 26.3415 25.6093 25.9754 25.9754C25.6093 26.3415 25.0157 26.3415 24.6496 25.9754L15 16.3258L5.35041 25.9754C4.9843 26.3415 4.39071 26.3415 4.02459 25.9754C3.65847 25.6093 3.65847 25.0157 4.02459 24.6496L13.6742 15L4.02459 5.35041Z' fill='%23096800'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4516_6808'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
border: none;
}
.menu-trigger>span {
display: none;
}
}
/* Language */
.language-select .row {
margin: 0;
}
.language-switcher-language-url select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('data:image/svg+xml;utf8,') no-repeat right 12px center;
background-color: var(--color-background-primary);
background-size: 24px;
border: none;
border-radius: var(--radius-sm);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: bold;
line-height: var(--line-height-base);
padding: 8px 48px 8px 16px;
cursor: pointer;
}
/* Submenu */
.submenu-section {
position: relative;
z-index: 1000;
}
.submenu-panel {
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 999;
background-color: var(--color-white);
box-shadow: var(--shadow-lg);
padding: 24px 0;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all var(--transition-slow);
}
@media (max-width: 767px) {
.submenu-panel {
padding: 16px 0;
}
}
.submenu-panel.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.submenu-panel>.container {
padding: 0 16px;
}
.submenu-grid {
display: flex;
gap: 40px;
margin: 4px 0 0;
}
@media (max-width: 1199px) {
.submenu-grid {
gap: 24px;
}
}
@media (max-width: 991px) {
.submenu-grid {
flex-direction: column;
gap: 8px;
}
}
.submenu-column {
display: flex;
flex-direction: column;
gap: 8px;
justify-content: space-between;
width: fit-content;
min-width: 200px;
border-right: 1px solid #C2D9BF;
padding: 0 40px 0 0;
}
@media (max-width: 1199px) {
.submenu-column {
min-width: 184px;
padding: 0 24px 0 0;
}
}
@media (max-width: 991px) {
.submenu-column {
width: 100%;
min-width: 100%;
border: none;
padding: 0;
}
}
.submenu-column:last-of-type {
border: none;
}
.submenu-column a {
border-bottom: 1px solid transparent;
color: var(--color-primary-dark);
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
padding: 8px 16px;
text-decoration: none;
transition: all var(--transition-slow);
}
.submenu-column a:hover,
.submenu-column a:focus {
border-bottom-color: var(--color-accent-border);
color: var(--color-primary-light) !important;
text-decoration: none;
}
@media (max-width: 991px) {
.submenu-column a:hover,
.submenu-column a:focus {
background-color: var(--color-background-primary);
}
}
/* ========================================
FOOTER
======================================== */
.site-footer {
display: flex;
flex-direction: column;
gap: 80px;
}
@media (max-width: 767px) {
.site-footer {
gap: 24px;
}
}
.footer-logo-principal {
flex: none;
flex-shrink: 1;
width: fit-content;
max-width: none;
margin: 0 !important;
}
@media (max-width: 1199px) {
.footer-logo-principal {
order: 1;
}
}
.footer-menus {
flex: none;
flex-grow: 1;
display: flex;
justify-content: flex-end;
width: fit-content;
max-width: none;
}
@media (max-width: 1199px) {
.footer-menus {
order: 3;
justify-content: flex-start;
width: 100%;
}
}
@media (max-width: 767px) {
.footer-menus {
order: 2;
width: 100%;
}
}
.footer-lang-selector {
flex: none;
flex-shrink: 1;
width: fit-content;
max-width: none;
margin-left: auto;
}
@media (max-width: 1199px) {
.footer-lang-selector {
order: 2;
}
}
@media (max-width: 767px) {
.footer-lang-selector {
order: 3;
margin: 0;
}
}
.footer-menu {
flex: none;
width: fit-content;
max-width: none;
}
.footer-bottom {
display: flex !important;
gap: 24px;
margin-top: 0 !important;
padding: 0 16px 24px;
}
@media (max-width: 767px) {
.footer-bottom {
flex-direction: column;
align-items: flex-start !important;
}
}
.footer-up {
padding: 40px 16px 0;
}
.footer-up>.row {
display: flex;
gap: 24px;
}
.footer-menus>.row {
display: flex;
gap: 24px;
}
@media (max-width: 767px) {
.footer-menus>.row {
flex-direction: column;
gap: 8px;
margin: 0;
}
}
.footer-menu {
display: flex;
flex-direction: column;
gap: var(--spacing-sm);
}
.footer-menu a {
color: var(--color-primary-light);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
text-decoration: none;
transition: color var(--transition-base);
}
.footer-menu a:hover,
.footer-menu a:focus {
text-decoration: underline;
}
.logos-footer {
display: flex;
gap: 16px;
}
@media (max-width: 767px) {
.logos-footer {
flex-direction: column;
justify-content: flex-start;
}
}
.logos-footer img {
width: auto;
height: 49px;
}
.footer-copy {
color: var(--color-primary-dark) !important;
font-size: var(--font-size-sm);
font-weight: normal;
line-height: var(--line-height-sm);
padding: 0;
margin: auto 0 0 !important;
}
.footer-lang-selector .row.region.region-secondary-menu {
display: flex;
justify-content: flex-end;
margin: 0;
}
/* ========================================
MENSAJE DE ALERTA
======================================== */
.messages {
padding: 16px 16px 0;
}
.alert {
margin: 0;
}
.alert .messages__item {
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
}
.alert .btn-close {
display: none;
}
/* ========================================
1. FRONT PAGE
======================================== */
.path-frontpage .breadcrumb {
display: none;
}
.path-frontpage .bloque-texto-principal {
background-color: var(--color-background-primary);
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-5xl);
font-weight: normal;
line-height: var(--line-height-5xl);
padding: 64px 0;
}
@media (max-width: 767px) {
.path-frontpage .bloque-texto-principal {
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
padding: 24px 0;
}
}
.path-frontpage .bloque-texto-principal>.container {
padding: 0 16px;
}
.path-frontpage .texto-principal {
margin: 0 0 40px;
}
@media (max-width: 767px) {
.path-frontpage .texto-principal {
margin: 0 0 24px;
}
}
/* ? */
.bloque-texto-principal p {
font: inherit;
margin-bottom: 0.9rem;
}
/* ? */
.bloque-texto-principal h2,
.bloque-texto-principal h3 {
color: var(--color-dark);
margin-bottom: 0.5rem;
}
/* ? */
.bloque-texto-principal h2 {
font-size: var(--font-size-3xl);
line-height: var(--line-height-3xl);
}
/* ? */
.bloque-texto-principal h3 {
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
}
/* ? */
.bloque-texto-principal ul,
.bloque-texto-principal ol {
padding-left: 1.25rem;
margin-bottom: 1rem;
}
/* ? */
.bloque-texto-principal a {
color: var(--color-secondary);
border-bottom: 1px solid rgba(0, 121, 192, 0.35);
text-decoration: none;
transition: color var(--transition-base), border-color var(--transition-base);
}
/* ? */
.bloque-texto-principal a:hover,
.bloque-texto-principal a:focus {
color: var(--color-secondary-hover);
border-bottom-color: var(--color-secondary-hover);
text-decoration: none;
}
/* Formulario de búsqueda */
.buscador {
display: flex;
flex-direction: column;
width: 100%;
}
.buscador .d-flex {
flex-wrap: nowrap !important;
column-gap: 12px;
}
@media (max-width: 767px) {
.buscador .d-flex {
flex-direction: column;
}
}
.buscador .form-item-title {
flex-grow: 1;
margin-bottom: 12px !important;
}
.buscador label {
display: block;
color: var(--color-black);
font-family: var(--font-secondary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
margin-bottom: 12px;
}
@media (max-width: 767px) {
.buscador label {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
.buscador input[type="text"] {
width: 100%;
background-color: var(--color-white);
border: 1px solid var(--color-border-accent);
border-radius: var(--radius-lg);
font-family: var(--font-secondary);
color: var(--color-black);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
padding: 8px 16px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
@media (max-width: 767px) {
.buscador input[type="text"] {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
.buscador input[type="text"]:focus {
outline: none;
border-color: var(--color-accent);
box-shadow: 0 0 0 4px rgba(235, 207, 149, 0.2);
}
.buscador input[type="text"]::placeholder {
color: #747474;
}
.buscador .form-actions {
margin-bottom: 12px !important;
}
@media (max-width: 767px) {
.buscador .form-actions {
width: 100%;
}
}
.buscador .btn-primary {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-accent);
border: 1px solid var(--color-accent);
border-radius: var(--radius-lg);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
padding: 8px 24px;
transition: background-color 0.2s ease, border-color 0.2s ease;
cursor: pointer;
}
@media (max-width: 767px) {
.buscador .btn-primary {
width: 100%;
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
.buscador .btn-primary:hover,
.buscador .btn-primary:focus {
background-color: var(--color-accent-border);
border-color: var(--color-accent-border);
color: var(--color-text-tertiary);
text-decoration: none;
}
.buscador-texto {
color: var(--color-black);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
}
@media (max-width: 767px) {
.buscador-texto {
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
}
}
/* ========================================
1. FRONT PAGE - Bloque destacados
======================================== */
.bloque-portada.bloque-destacados {
background-color: var(--color-white);
padding: var(--spacing-4xl) 0;
}
@media (max-width: 767px) {
.bloque-portada.bloque-destacados {
padding: var(--spacing-md) 0;
}
}
.bloque-portada.bloque-destacados>.container {
padding: 0 16px;
}
.bloque-portada.bloque-destacados .nuevos-destacados>.contidos>.row {
gap: 24px;
margin: 0;
}
@media (max-width: 767px) {
.bloque-portada.bloque-destacados .nuevos-destacados>.contidos>.row {
gap: 8px;
}
}
.bloque-portada.bloque-destacados .elementos {
flex: 0 0 calc((100% - 48px) / 3);
max-width: calc((100% - 48px) / 3);
padding: 0 !important;
}
@media (max-width: 1199px) {
.bloque-portada.bloque-destacados .elementos {
flex: 0 0 calc((100% - 24px) / 2);
max-width: calc((100% - 24px) / 2);
}
}
@media (max-width: 767px) {
.bloque-portada.bloque-destacados .elementos {
flex: 0 0 100%;
max-width: 100%;
}
}
.bloque-portada.bloque-destacados a {
display: block;
background-color: var(--color-background-secondary);
border-radius: var(--radius-sm);
text-decoration: none;
transition: var(--transition-base);
}
.bloque-portada.bloque-destacados a:hover {
background-color: #F1DEB5;
text-decoration: none;
}
.bloque-portada.bloque-destacados .container-destacado {
display: flex;
align-items: center;
padding: var(--spacing-md) var(--spacing-lg);
}
.bloque-portada.bloque-destacados .container-destacado::after {
content: "";
width: 24px;
height: 46px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' stroke='%23594722' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16h20'/%3E%3Cpath d='M18 8l8 8-8 8'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
border-bottom: 2px solid transparent;
padding: 8px 0;
}
@media (max-width: 767px) {
.bloque-portada.bloque-destacados .container-destacado::after {
height: 44px;
}
}
.bloque-portada.bloque-destacados a:hover .container-destacado::after {
border-bottom: 2px solid var(--color-accent-border);
}
.bloque-portada.bloque-destacados .imaxe {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
margin: 0 var(--spacing-md) 0 0;
}
@media (max-width: 767px) {
.bloque-portada.bloque-destacados .imaxe {
width: 40px;
height: 40px;
}
}
.bloque-portada.bloque-destacados .imaxe img {
width: auto;
max-width: 80px;
height: auto;
max-height: 80px;
}
@media (max-width: 767px) {
.bloque-portada.bloque-destacados .imaxe img {
max-width: 40px;
max-height: 40px;
}
}
.bloque-portada.bloque-destacados .text-link {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
border-bottom: 2px solid transparent;
padding: 8px 0;
margin: 2px 0 0;
}
.bloque-portada.bloque-destacados a:hover .text-link {
border-bottom: 2px solid var(--color-accent-border);
}
.bloque-portada.bloque-destacados .title {
color: #594722;
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.bloque-portada.bloque-destacados .title {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
.bloque-portada.bloque-destacados a:hover .title {
font-weight: bold;
}
.bloque-portada.bloque-destacados .link {
display: none;
color: #594722;
font-family: var(--font-primary);
font-size: var(--font-size-sm);
font-weight: normal;
line-height: var(--line-height-sm);
padding: 0;
margin: 0;
}
/* Accessibility */
.bloque-destacados .elementos a:focus,
.bloque-destacados .elementos a:focus-visible {
outline: auto;
outline-color: black;
box-shadow: none;
transition: none;
}
@media (prefers-reduced-motion: reduce) {
.bloque-destacados .elementos a,
.bloque-destacados .container-destacado,
.bloque-destacados .container-destacado::after {
transition: none !important;
}
.bloque-destacados .elementos a:hover .container-destacado::after,
.bloque-destacados .elementos a:focus-visible .container-destacado::after {
transform: none !important;
}
}
/* ========================================
1. FRONT PAGE - Bloque noticias
======================================== */
.bloque-portada.ultimas-novas {
padding: 64px 0 40px;
}
@media (max-width: 767px) {
.bloque-portada.ultimas-novas {
padding: 24px 0 8px;
}
}
.bloque-portada.ultimas-novas>.container {
padding: 0 16px;
}
.bloque-portada.ultimas-novas .col-titulo {
display: flex;
align-items: center;
margin: 0 0 24px;
}
@media (max-width: 767px) {
.bloque-portada.ultimas-novas .col-titulo {
margin: 0 0 16px;
}
}
.bloque-portada.ultimas-novas .col-titulo h2 {
flex-grow: 1;
color: var(--color-primary-light);
font-family: var(--font-primary);
font-size: var(--font-size-3xl);
font-weight: bold;
line-height: var(--line-height-3xl);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.bloque-portada.ultimas-novas .col-titulo h2 {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
.enlace-vertodas a {
display: inline-flex;
gap: 8px;
align-items: center;
color: var(--color-primary-light);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: bold;
line-height: var(--line-height-base);
text-decoration: none;
transition: 0.2s ease;
}
@media (max-width: 767px) {
.enlace-vertodas a {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
}
.enlace-vertodas a:hover {
color: var(--color-primary);
text-decoration: none;
transform: translateX(2px);
}
.enlace-vertodas a::after {
content: "";
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23075300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10'/%3E%3Cpath d='M9 4l4 4-4 4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
transition: 0.2s ease;
}
.enlace-vertodas a:hover::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23053E00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10'/%3E%3Cpath d='M9 4l4 4-4 4'/%3E%3C/svg%3E");
transform: translateX(2px);
}
#views-bootstrap-portada-novas-block-1>.row {
margin: 0;
}
#views-bootstrap-portada-novas-block-1>.row>.col-12 {
display: flex;
flex-direction: column;
margin-bottom: var(--spacing-lg);
}
@media (max-width: 767px) {
#views-bootstrap-portada-novas-block-1>.row>.col-12 {
margin-bottom: var(--spacing-md);
}
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-field-image,
.bloque-portada.ultimas-novas .views-field-field-image {
position: relative;
background-color: var(--color-white);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
overflow: hidden;
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-field-image img,
.bloque-portada.ultimas-novas .views-field-field-image img {
display: block;
width: 100%;
height: 130px;
margin: 0 auto;
transition: var(--transition-base);
object-fit: cover;
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-field-image:hover img,
.bloque-portada.ultimas-novas .views-field-field-image:hover img {
transform: scale(1.05);
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-field-data-de-publicacion,
.bloque-portada.ultimas-novas .views-field-field-data-de-publicacion {
background-color: var(--color-background-primary);
color: var(--color-primary-light);
font-size: var(--font-size-xs);
font-weight: bold;
line-height: var(--line-height-xs);
padding: 12px 16px 8px;
margin: 0;
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-field-data-de-publicacion .field-content,
.bloque-portada.ultimas-novas .views-field-field-data-de-publicacion .field-content {
width: fit-content;
border-bottom: 1px solid var(--color-accent-border);
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-title,
.bloque-portada.ultimas-novas .views-field-title {
display: block;
background-color: var(--color-background-primary);
color: var(--color-dark-2);
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
text-decoration: none;
padding: 0 16px 12px;
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-title a,
.bloque-portada.ultimas-novas .views-field-title a,
.bloque-portada.ultimas-novas .views-field-title .field-content {
display: block;
color: var(--color-dark-2);
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
text-decoration: none;
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-title a,
.bloque-portada.ultimas-novas .views-field-title a {
color: var(--color-primary-light);
font-weight: bold;
text-decoration: none;
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-title a:hover,
.bloque-portada.ultimas-novas .views-field-title a:hover {
color: var(--color-primary);
text-decoration: underline;
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-view-node,
#views-bootstrap-portada-novas-block-1 .views-field-view-node {
flex-grow: 1;
display: flex;
align-items: flex-end;
justify-content: flex-end;
background-color: var(--color-background-primary);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 0 16px 16px;
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-view-node a,
#views-bootstrap-portada-novas-block-1 .views-field-view-node a {
display: block;
background-color: var(--color-accent);
border: none;
border-radius: var(--radius-sm);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
text-decoration: none;
padding: 8px 16px;
transition: var(--transition-base);
cursor: pointer;
}
#views-bootstrap-novas-relacionadas-block-1 .views-field-view-node a:hover,
#views-bootstrap-portada-novas-block-1 .views-field-view-node a:hover {
background-color: var(--color-accent-border);
}
/* ? */
.views-bootstrap-grid-item {
background: var(--color-white);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-sm);
overflow: hidden;
transition: all var(--transition-base);
height: 100%;
display: flex;
flex-direction: column;
}
/* ? */
.views-bootstrap-grid-item:hover {
box-shadow: var(--shadow-lg);
transform: translateY(-2px);
}
/* ? */
.news-content {
padding: var(--spacing-lg);
flex: 1;
display: flex;
flex-direction: column;
}
/* ========================================
1. FRONT PAGE - Bloque cita
======================================== */
.bloque-portada.bloque-forma-de-cita {
background-color: var(--color-background-tertiary);
padding: 64px 0;
}
@media (max-width: 767px) {
.bloque-portada.bloque-forma-de-cita {
padding: 24px 0;
}
}
.bloque-portada.bloque-forma-de-cita>.container {
padding: 0 16px;
}
.bloque-portada.bloque-forma-de-cita h2 {
color: var(--color-dark-3);
font-size: var(--font-size-3xl);
font-weight: bold;
line-height: var(--line-height-3xl);
text-align: left;
margin-bottom: 24px;
}
@media (max-width: 767px) {
.bloque-portada.bloque-forma-de-cita h2 {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
margin-bottom: 16px;
}
}
.bloque-portada.bloque-forma-de-cita p {
color: var(--color-dark-3);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
text-align: left;
margin-bottom: 16px;
}
@media (max-width: 767px) {
.bloque-portada.bloque-forma-de-cita p {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
/* Normalización de contenido incrustado en el párrafo */
.bloque-portada.bloque-forma-de-cita p meta {
display: none !important;
}
.bloque-portada.bloque-forma-de-cita p span {
white-space: pre-wrap;
}
.bloque-portada.bloque-forma-de-cita p br {
content: "";
display: block;
margin-top: 8px;
}
.bloque-portada.bloque-forma-de-cita p:last-child {
margin-bottom: 0;
}
.bloque-portada.bloque-forma-de-cita a {
color: var(--color-dark-3);
text-decoration: underline;
transition: color 0.2s ease;
}
.bloque-portada.bloque-forma-de-cita a:hover,
.bloque-portada.bloque-forma-de-cita a:focus {
color: #1A1D3A;
text-decoration: underline;
}
/* ========================================
2. SOBRE ARCA - Bloque principal
======================================== */
.node--type-pagina-dinamica .bloque-contenido-principal {
padding: 0;
margin: 0 !important;
}
.node--type-pagina-dinamica .bloque-alternado {
padding: 0;
margin: 0 !important;
}
.node--type-pagina-dinamica .bloque-alternado.bloque-imaxe-izquierda-texto-derecha {
margin: 0 0 40px !important;
}
@media (max-width: 767px) {
.node--type-pagina-dinamica .bloque-alternado.bloque-imaxe-izquierda-texto-derecha {
margin: 0 0 24px !important;
}
}
.node--type-pagina-dinamica .bloque-alternado>.row {
display: flex;
gap: 32px;
padding: 0;
margin: 0 0 24px;
}
@media (max-width: 991px) {
.node--type-pagina-dinamica .bloque-alternado>.row {
flex-direction: column;
gap: 24px;
}
}
@media (max-width: 767px) {
.node--type-pagina-dinamica .bloque-alternado>.row {
gap: 16px;
margin: 0 0 16px;
}
}
.node--type-pagina-dinamica .bloque-alternado>.row>div {
display: flex;
flex-direction: column;
flex: none;
width: calc(50% - 50px);
max-width: none;
height: 100%;
padding: 0;
margin: 0;
}
@media (max-width: 991px) {
.node--type-pagina-dinamica .bloque-alternado>.row>div {
width: 100%;
}
}
@media (max-width: 991px) {
.node--type-pagina-dinamica .bloque-alternado.bloque-imaxe-izquierda-texto-derecha>.row>div:first-of-type {
order: 2;
}
}
@media (max-width: 991px) {
.node--type-pagina-dinamica .bloque-alternado.bloque-imaxe-izquierda-texto-derecha>.row>div:last-of-type {
order: 1;
}
}
/* Imagen */
.node--type-pagina-dinamica .bloque-alternado>.row>div img {
width: 100%;
height: auto;
}
/* Pie de foto */
.node--type-pagina-dinamica .bloque-alternado>.row>div .field--name-field-imaxe-derecha p,
.node--type-pagina-dinamica .bloque-alternado>.row>div .field--name-field-imaxe-izquierda p {
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-xs);
font-weight: normal;
line-height: var(--line-height-xs);
padding: 0;
margin: 8px 0 0;
}
/* Texto */
.node--type-pagina-dinamica .bloque-alternado .field--name-field-texto-izquierda,
.node--type-pagina-dinamica .bloque-alternado .field--name-field-texto-derecha {
color: var(--color-text-tertiary);
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.node--type-pagina-dinamica .bloque-alternado .field--name-field-texto-izquierda,
.node--type-pagina-dinamica .bloque-alternado .field--name-field-texto-derecha {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
.node--type-pagina-dinamica .bloque-alternado .field--name-field-texto-izquierda p,
.node--type-pagina-dinamica .bloque-alternado .field--name-field-texto-derecha p {
margin: 0 0 24px;
}
@media (max-width: 767px) {
.node--type-pagina-dinamica .bloque-alternado .field--name-field-texto-izquierda p,
.node--type-pagina-dinamica .bloque-alternado .field--name-field-texto-derecha p {
margin: 0 0 16px;
}
}
.node--type-pagina-dinamica .bloque-alternado .field--name-field-texto-izquierda p:last-of-type,
.node--type-pagina-dinamica .bloque-alternado .field--name-field-texto-derecha p:last-of-type {
margin: 0;
}
/* ========================================
2. SOBRE ARCA - Bloque destacados
======================================== */
.node__destacados-section {
position: relative;
left: 50%;
width: 100vw;
background: var(--color-white);
box-sizing: border-box;
margin: 0 !important;
transform: translateX(-50%);
padding: 64px 0;
}
@media (max-width: 767px) {
.node__destacados-section {
padding: 24px 0;
}
}
.destacados-wrapper {
max-width: 1200px;
margin: 0 auto;
}
@media (max-width: 1199px) {
.destacados-wrapper {
max-width: 960px;
}
}
@media (max-width: 991px) {
.destacados-wrapper {
max-width: 720px;
}
}
@media (max-width: 767px) {
.destacados-wrapper {
max-width: 540px;
}
}
.destacados-grid {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-lg);
padding: 0 16px;
}
@media (max-width: 767px) {
.destacados-grid {
gap: var(--spacing-md);
}
}
.destacado-item {
display: flex;
flex-direction: column;
gap: var(--spacing-sm);
width: calc((100% - 72px) / 4);
border-radius: var(--radius-sm);
padding: var(--spacing-md) var(--spacing-lg);
}
@media (max-width: 1199px) {
.destacado-item {
width: calc((100% - 24px) / 2);
}
}
@media (max-width: 767px) {
.destacado-item {
gap: var(--spacing-xs);
width: 100%;
padding: 12px 16px;
}
}
.destacado-item:nth-child(3n+1) {
background-color: var(--color-background-primary);
}
.destacado-item:nth-child(3n+2) {
background-color: var(--color-background-tertiary);
}
.destacado-item:nth-child(3n) {
background-color: var(--color-background-light);
}
.destacado-icon {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
margin-bottom: var(--spacing-sm);
}
@media (max-width: 767px) {
.destacado-icon {
width: 40px;
height: 40px;
margin-bottom: var(--spacing-xs);
}
}
.destacado-icon img,
.destacado-icon svg {
width: 80px;
height: 80px;
object-fit: contain;
}
@media (max-width: 767px) {
.destacado-icon img,
.destacado-icon svg {
width: 40px;
height: 40px;
}
}
.destacado-titulo {
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: bold;
line-height: var(--line-height-lg);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.destacado-titulo {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
.destacado-item:nth-child(3n+1) .destacado-titulo {
color: var(--color-primary-dark);
}
.destacado-item:nth-child(3n+2) .destacado-titulo {
color: var(--color-dark-3);
}
.destacado-item:nth-child(3n) .destacado-titulo {
color: var(--color-text-tertiary);
}
.destacado-texto {
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
padding: 0;
margin: 0;
}
.destacado-item:nth-child(3n+1) .destacado-texto {
color: var(--color-primary-dark);
}
.destacado-item:nth-child(3n+2) .destacado-texto {
color: var(--color-dark-3);
}
.destacado-item:nth-child(3n) .destacado-texto {
color: var(--color-text-tertiary);
}
/* ========================================
2. SOBRE ARCA - Bloque equipo
======================================== */
.block-views-blockequipo-block-1 {
position: relative;
left: 50%;
width: 100vw;
background-color: var(--color-background-primary);
padding: 40px 0 20px;
transform: translateX(-50%);
}
@media (max-width: 767px) {
.block-views-blockequipo-block-1 {
padding: 24px 0 0;
}
}
.block-views-blockequipo-block-1 .view-equipo .view-content.row {
max-width: calc(1200px - 32px);
margin: 0 auto;
}
@media (max-width: 1199px) {
.block-views-blockequipo-block-1 .view-equipo .view-content.row {
max-width: calc(960px - 32px);
}
}
@media (max-width: 991px) {
.block-views-blockequipo-block-1 .view-equipo .view-content.row {
max-width: calc(720px - 32px);
}
}
@media (max-width: 767px) {
.block-views-blockequipo-block-1 .view-equipo .view-content.row {
max-width: calc(540px - 32px);
}
}
@media (max-width: 575px) {
.block-views-blockequipo-block-1 .view-equipo .view-content.row {
max-width: calc(100% - 32px);
}
}
.block-views-blockequipo-block-1 .view-equipo .views-view-grid {
width: 100%;
}
.block-views-blockequipo-block-1 .view-equipo .views-view-grid>.row>div {
flex: none;
display: flex;
flex-direction: column;
align-items: center;
width: calc(100% / 4);
max-width: none;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.block-views-blockequipo-block-1 .view-equipo .views-view-grid>.row>div {
width: calc(100% / 2);
}
}
@media (max-width: 767px) {
.block-views-blockequipo-block-1 .view-equipo .views-view-grid>.row>div {
width: 100%;
}
}
.block-views-blockequipo-block-1 .view-equipo .views-field-field-equipo-imaxe {
margin-bottom: 16px;
}
@media (max-width: 767px) {
.block-views-blockequipo-block-1 .view-equipo .views-field-field-equipo-imaxe {
margin-bottom: 8px;
}
}
.block-views-blockequipo-block-1 .view-equipo .views-field-field-equipo-imaxe img {
width: 100%;
height: auto;
}
.block-views-blockequipo-block-1 .view-equipo .views-field {
display: flex;
justify-content: center;
align-items: center;
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
text-align: center;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.block-views-blockequipo-block-1 .view-equipo .views-field {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
margin-bottom: 4px;
}
}
.block-views-blockequipo-block-1 .view-equipo .views-field:last-child {
margin-bottom: 0;
}
.block-views-blockequipo-block-1 .view-equipo .views-field-title .field-content {
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: bold;
line-height: var(--line-height-lg);
text-align: center;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.block-views-blockequipo-block-1 .view-equipo .views-field-title .field-content {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
margin-bottom: 4px;
}
}
/* ========================================
2. SOBRE ARCA - Bloque colaboradores
======================================== */
.block-views-blockcolaboradores-block-1 {
position: relative;
left: 50%;
width: 100vw;
background-color: var(--color-background-primary);
padding: 0 0 40px;
transform: translateX(-50%);
}
@media (max-width: 767px) {
.block-views-blockcolaboradores-block-1 {
padding: 0 0 24px;
}
}
.block-views-blockcolaboradores-block-1>h2 {
max-width: calc(1200px - 32px);
background-color: var(--color-background-light);
border-bottom: 1px solid var(--color-accent);
color: var(--color-primary);
font-size: var(--font-size-lg);
font-weight: bold;
line-height: var(--line-height-lg);
padding: 16px 20px;
margin: 0 auto;
}
@media (max-width: 1199px) {
.block-views-blockcolaboradores-block-1>h2 {
max-width: calc(960px - 32px);
}
}
@media (max-width: 991px) {
.block-views-blockcolaboradores-block-1>h2 {
max-width: calc(720px - 32px);
}
}
@media (max-width: 767px) {
.block-views-blockcolaboradores-block-1>h2 {
max-width: calc(540px - 32px);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
padding: 12px;
}
}
@media (max-width: 575px) {
.block-views-blockcolaboradores-block-1>h2 {
max-width: calc(100% - 32px);
}
}
.view-colaboradores {
max-width: calc(1200px - 32px);
background-color: var(--color-white);
padding: 16px 20px;
margin: 0 auto;
}
@media (max-width: 1199px) {
.view-colaboradores {
max-width: calc(960px - 32px);
}
}
@media (max-width: 991px) {
.view-colaboradores {
max-width: calc(720px - 32px);
}
}
@media (max-width: 767px) {
.view-colaboradores {
max-width: calc(540px - 32px);
padding: 16px 12px;
}
}
@media (max-width: 575px) {
.view-colaboradores {
max-width: calc(100% - 32px);
}
}
.view-colaboradores .view-content {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
}
.collaborator-item {
display: flex;
align-items: center;
gap: 12px;
}
.collaborator-item::before {
content: "";
width: 24px;
height: 24px;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23053e00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
}
.collaborator-name {
color: #0C0C0C;
font-family: var(--font-primary);
font-weight: normal;
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
@media (max-width: 767px) {
.collaborator-name {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
}
.collaborator-name a {
color: #0C0C0C;
text-decoration: underline;
}
/* ========================================
2. SOBRE ARCA - Bloque financiamiento
======================================== */
section.section-bloque-violeta {
background-color: var(--color-background-tertiary);
padding: 0;
margin: 0;
}
section.section-bloque-violeta>.container {
padding: 64px 16px;
}
@media (max-width: 767px) {
section.section-bloque-violeta>.container {
padding: 24px 16px;
}
}
section.section-bloque-violeta>.container>.row {
flex-wrap: nowrap;
align-items: flex-end !important;
}
@media (max-width: 991px) {
section.section-bloque-violeta>.container>.row {
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start !important;
}
}
section.section-bloque-violeta>.container>.row>div {
flex: none;
max-width: none;
margin-bottom: 0 !important;
}
@media (max-width: 991px) {
section.section-bloque-violeta>.container>.row>div {
margin-bottom: 24px !important;
}
}
@media (max-width: 767px) {
section.section-bloque-violeta>.container>.row>div {
margin-bottom: 16px !important;
}
}
section.section-bloque-violeta>.container>.row>div:first-child {
flex-grow: 1;
width: 75%;
}
@media (max-width: 991px) {
section.section-bloque-violeta>.container>.row>div:first-child {
width: 100%;
}
}
section.section-bloque-violeta>.container>.row>div:last-child {
flex-shrink: 0;
width: 25%;
margin-bottom: 0 !important;
}
@media (max-width: 991px) {
section.section-bloque-violeta>.container>.row>div:last-child {
width: 100%;
}
}
section.section-bloque-violeta h2 {
color: var(--color-dark-3);
font-size: var(--font-size-3xl);
font-weight: bold;
line-height: var(--line-height-3xl);
text-align: left;
margin-bottom: 24px;
}
@media (max-width: 767px) {
section.section-bloque-violeta h2 {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
margin-bottom: 16px;
}
}
section.section-bloque-violeta p {
color: var(--color-dark-3);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
text-align: left;
margin-bottom: 16px;
}
@media (max-width: 767px) {
section.section-bloque-violeta p {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
section.section-bloque-violeta .container img {
display: flex;
width: auto;
max-width: 100%;
height: auto;
max-height: 80px;
margin-left: auto;
}
@media (max-width: 991px) {
section.section-bloque-violeta .container img {
margin-left: 0;
}
}
@media (max-width: 767px) {
section.section-bloque-violeta .container img {
max-height: 60px;
}
}
/* Normalización de contenido incrustado en el párrafo */
section.section-bloque-violeta p meta {
display: none !important;
}
section.section-bloque-violeta p span {
white-space: pre-wrap;
}
section.section-bloque-violeta p br {
content: "";
display: block;
margin-top: 8px;
}
section.section-bloque-violeta p:last-child {
margin-bottom: 0;
}
section.section-bloque-violeta a,
section.section-bloque-violeta a:hover,
section.section-bloque-violeta a:focus {
color: var(--color-dark-3);
text-decoration: underline;
}
/* ========================================
3. MAPA Y BUSCADOR
======================================== */
.page-node-5 .highlighted,
.page-node-5 .layout-main-wrapper {
background-color: var(--color-background-light) !important;
}
.page-node-5 h1.title {
color: var(--color-text-tertiary) !important;
}
/* ========================================
3. MAPA Y BUSCADOR - Formulario
======================================== */
.block-views-exposed-filter-blockmapa-block-2 {
padding: 0 16px;
margin: 0;
}
.block-views-exposed-filter-blockmapa-block-2>.content {
margin: 0 0 20px;
}
@media (max-width: 767px) {
.block-views-exposed-filter-blockmapa-block-2>.content {
margin: 0 0 4px;
}
}
.block-views-exposed-filter-blockmapa-block-2 .d-flex {
gap: 8px;
}
@media (max-width: 767px) {
.block-views-exposed-filter-blockmapa-block-2 .d-flex {
gap: 0;
flex-direction: column;
}
}
.block-views-exposed-filter-blockmapa-block-2 .form-type-cshs {
display: flex;
flex-direction: row;
column-gap: 8px;
row-gap: 20px;
}
@media (max-width: 991px) {
.block-views-exposed-filter-blockmapa-block-2 .form-type-cshs {
flex-direction: column;
}
}
@media (max-width: 767px) {
.block-views-exposed-filter-blockmapa-block-2 .form-type-cshs {
row-gap: 12px;
}
}
.block-views-exposed-filter-blockmapa-block-2 .form-item-title,
.block-views-exposed-filter-blockmapa-block-2 .form-type-select,
.block-views-exposed-filter-blockmapa-block-2 .form-type-cshs {
margin-bottom: 12px !important;
}
.block-views-exposed-filter-blockmapa-block-2 .form-item-title {
flex-grow: 1;
}
@media (max-width: 1199px) {
.block-views-exposed-filter-blockmapa-block-2 .form-item-title {
width: 100%;
}
}
@media (max-width: 991px) {
.block-views-exposed-filter-blockmapa-block-2 .form-type-select,
.block-views-exposed-filter-blockmapa-block-2 .form-type-cshs {
width: 100%;
}
}
.block-views-exposed-filter-blockmapa-block-2 .form-type-cshs .select-wrapper {
display: flex;
flex-direction: column;
margin: 0;
}
.block-views-exposed-filter-blockmapa-block-2 label {
display: block;
color: var(--color-black);
font-family: var(--font-secondary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
margin-bottom: 12px;
}
@media (max-width: 767px) {
.block-views-exposed-filter-blockmapa-block-2 label {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
margin-bottom: 4px;
}
}
.block-views-exposed-filter-blockmapa-block-2 input[type="text"],
.block-views-exposed-filter-blockmapa-block-2 select {
width: 100%;
background-color: var(--color-white);
border: 1px solid var(--color-border-accent);
border-radius: var(--radius-md);
color: var(--color-black);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
padding: 8px 16px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.block-views-exposed-filter-blockmapa-block-2 select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('data:image/svg+xml;utf8,') no-repeat right 8px center;
background-color: var(--color-white);
background-size: 24px;
padding: 8px 40px 8px 16px;
}
.block-views-exposed-filter-blockmapa-block-2 input[type="text"]:focus,
.block-views-exposed-filter-blockmapa-block-2 select:focus {
outline: none;
border-color: var(--color-accent);
box-shadow: 0 0 0 4px rgba(235, 207, 149, 0.2);
}
.block-views-exposed-filter-blockmapa-block-2 input[type="text"]::placeholder,
.block-views-exposed-filter-blockmapa-block-2 select::placeholder {
color: #747474;
}
.block-views-exposed-filter-blockmapa-block-2 .form-actions {
margin: 0 0 12px !important;
}
@media (max-width: 991px) {
.block-views-exposed-filter-blockmapa-block-2 .form-actions {
width: 100%;
}
}
@media (max-width: 767px) {
.block-views-exposed-filter-blockmapa-block-2 .form-actions {
margin: 4px 0 12px !important;
}
}
.block-views-exposed-filter-blockmapa-block-2 .btn-primary {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-accent);
border: 1px solid var(--color-accent);
border-radius: var(--radius-lg);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
/* padding: 8px 24px; */
transition: background-color 0.2s ease, border-color 0.2s ease;
cursor: pointer;
}
@media (max-width: 991px) {
.block-views-exposed-filter-blockmapa-block-2 .btn-primary {
width: 100%;
}
}
.block-views-exposed-filter-blockmapa-block-2 .btn-primary:hover,
.block-views-exposed-filter-blockmapa-block-2 .btn-primary:focus {
background-color: var(--color-accent-border);
border-color: var(--color-accent-border);
color: var(--color-text-tertiary);
text-decoration: none;
}
/* Ocultar coordenadas */
#edit-field-coordenadas-boundary-wrapper {
display: none;
}
/* ========================================
3. MAPA Y BUSCADOR - Resultados
======================================== */
.page-node-5 .region-content-full {
display: flex;
gap: 32px;
border-top: 1px solid #C2D9BF;
padding: 32px 16px;
}
@media (max-width: 767px) {
.page-node-5 .region-content-full {
flex-direction: column;
gap: 16px;
padding: 16px;
}
}
.block-views-blockmapa-block-1,
.block-views-blockmapa-block-2 {
width: 50%;
}
@media (max-width: 767px) {
.block-views-blockmapa-block-1 {
order: 1;
width: 100%;
}
.block-views-blockmapa-block-2 {
order: 2;
width: 100%;
}
}
/* Lista de registros */
.view-mapa.lista-rexistros .view-content {
margin: 0 !important;
}
.view-mapa.lista-rexistros .view-content .views-view-grid {
width: 100%;
}
.view-mapa.lista-rexistros div[id^="views-bootstrap-mapa-block-2"] .row {
gap: 12px;
margin: 0;
}
.view-mapa.lista-rexistros div[id^="views-bootstrap-mapa-block-2"] .row>[class*="col-"] {
display: flex;
flex-direction: column;
column-gap: 4px;
flex: 0 0 calc((100% - 24px) / 3);
max-width: calc((100% - 24px) / 3);
background-color: var(--color-white);
border-radius: var(--radius-sm);
padding: 0;
}
@media (max-width: 1199px) {
.view-mapa.lista-rexistros div[id^="views-bootstrap-mapa-block-2"] .row>[class*="col-"] {
flex: 0 0 calc((100% - 12px) / 2);
max-width: calc((100% - 12px) / 2);
}
}
@media (max-width: 991px) {
.view-mapa.lista-rexistros div[id^="views-bootstrap-mapa-block-2"] .row>[class*="col-"] {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 767px) {
.view-mapa.lista-rexistros div[id^="views-bootstrap-mapa-block-2"] .row>[class*="col-"] {
flex: 0 0 calc((100% - 12px) / 2);
max-width: calc((100% - 12px) / 2);
}
}
@media (max-width: 575px) {
.view-mapa.lista-rexistros div[id^="views-bootstrap-mapa-block-2"] .row>[class*="col-"] {
flex: 0 0 100%;
max-width: 100%;
}
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-audio {
order: 2;
position: absolute;
top: 8px;
left: 8px;
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-texto {
order: 3;
position: absolute;
top: 44px;
left: 8px;
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-transcripccion {
order: 4;
position: absolute;
top: 80px;
left: 8px;
}
.view-mapa.lista-rexistros .views-field.views-field-field-imaxe {
order: 1;
width: 100%;
}
.view-mapa.lista-rexistros .views-field.views-field-title {
order: 5;
width: 100%;
}
.view-mapa.lista-rexistros .views-field.views-field-title a {
display: block;
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: bold;
line-height: var(--line-height-lg);
margin: 16px 16px 8px;
text-decoration: none;
}
.view-mapa.lista-rexistros .views-field.views-field-title a:hover {
text-decoration: underline;
}
.view-mapa.lista-rexistros .views-field.views-field-field-id {
order: 6;
color: var(--color-text-tertiary);
font-family: var(--font-primary);
font-size: var(--font-size-sm);
font-weight: normal;
line-height: var(--line-height-sm);
margin: 0 16px 4px;
}
.view-mapa.lista-rexistros .views-field.views-field-field-concello {
order: 7;
color: var(--color-text-tertiary);
font-family: var(--font-primary);
font-size: var(--font-size-sm);
font-weight: normal;
line-height: var(--line-height-sm);
margin: 0 16px 16px;
}
.view-mapa.lista-rexistros .views-field.views-field-field-id .field-content,
.view-mapa.lista-rexistros .views-field.views-field-field-concello .field-content {
display: inline;
word-break: break-all;
}
/* Botones con icono (lista de registros) */
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-audio a,
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-texto a,
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-transcripccion a {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
width: fit-content;
height: 32px;
background-color: #D1EEDB;
border: none;
border-radius: var(--radius-pill-2);
color: #205231;
font-family: var(--font-secondary);
font-size: var(--font-size-sm);
font-weight: normal;
line-height: var(--line-height-sm);
padding: 4px 12px;
text-decoration: none;
transition: background-color var(--transition-base), border-color var(--transition-base), transform var(--transit);
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-audio a {
background-color: #D1EEDB;
color: #205231;
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-texto a {
background-color: #E2DCF8;
color: #42327E;
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-transcripccion a {
background-color: var(--color-accent);
color: var(--color-text-tertiary);
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-audio a::before,
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-texto a::before,
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-transcripccion a::before {
content: "";
width: 16px;
height: 16px;
background-position: center;
background-size: 16px;
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-audio a::before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.58325 7.25C3.85939 7.25 4.08325 7.47386 4.08325 7.75V8.75C4.08325 10.9591 5.87411 12.75 8.08325 12.75C10.2924 12.75 12.0833 10.9591 12.0833 8.75V7.75C12.0833 7.47386 12.3071 7.25 12.5833 7.25C12.8594 7.25 13.0833 7.47386 13.0833 7.75V8.75C13.0833 11.3427 11.1099 13.4745 8.58325 13.7253V15.75H11.5833C11.8594 15.75 12.0833 15.9739 12.0833 16.25C12.0833 16.5261 11.8594 16.75 11.5833 16.75H4.58325C4.30711 16.75 4.08325 16.5261 4.08325 16.25C4.08325 15.9739 4.30711 15.75 4.58325 15.75H7.58325V13.7253C5.05659 13.4745 3.08325 11.3427 3.08325 8.75V7.75C3.08325 7.47386 3.30711 7.25 3.58325 7.25Z' fill='%23205231'/%3E%3Cpath d='M10.0833 8.75C10.0833 9.85457 9.18782 10.75 8.08325 10.75C6.97868 10.75 6.08325 9.85457 6.08325 8.75V3.75C6.08325 2.64543 6.97868 1.75 8.08325 1.75C9.18782 1.75 10.0833 2.64543 10.0833 3.75V8.75ZM8.08325 0.75C6.4264 0.75 5.08325 2.09315 5.08325 3.75V8.75C5.08325 10.4069 6.4264 11.75 8.08325 11.75C9.74011 11.75 11.0833 10.4069 11.0833 8.75V3.75C11.0833 2.09315 9.74011 0.75 8.08325 0.75Z' fill='%23205231'/%3E%3C/svg%3E");
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-texto a::before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.58325 4.75C5.30711 4.75 5.08325 4.97386 5.08325 5.25C5.08325 5.52614 5.30711 5.75 5.58325 5.75H11.5833C11.8594 5.75 12.0833 5.52614 12.0833 5.25C12.0833 4.97386 11.8594 4.75 11.5833 4.75H5.58325Z' fill='%2342327E'/%3E%3Cpath d='M5.08325 7.25C5.08325 6.97386 5.30711 6.75 5.58325 6.75H11.5833C11.8594 6.75 12.0833 6.97386 12.0833 7.25C12.0833 7.52614 11.8594 7.75 11.5833 7.75H5.58325C5.30711 7.75 5.08325 7.52614 5.08325 7.25Z' fill='%2342327E'/%3E%3Cpath d='M5.58325 8.75C5.30711 8.75 5.08325 8.97386 5.08325 9.25C5.08325 9.52614 5.30711 9.75 5.58325 9.75H11.5833C11.8594 9.75 12.0833 9.52614 12.0833 9.25C12.0833 8.97386 11.8594 8.75 11.5833 8.75H5.58325Z' fill='%2342327E'/%3E%3Cpath d='M5.58325 10.75C5.30711 10.75 5.08325 10.9739 5.08325 11.25C5.08325 11.5261 5.30711 11.75 5.58325 11.75H8.58325C8.85939 11.75 9.08325 11.5261 9.08325 11.25C9.08325 10.9739 8.85939 10.75 8.58325 10.75H5.58325Z' fill='%2342327E'/%3E%3Cpath d='M2.58325 2.75C2.58325 1.64543 3.47868 0.75 4.58325 0.75H12.5833C13.6878 0.75 14.5833 1.64543 14.5833 2.75V14.75C14.5833 15.8546 13.6878 16.75 12.5833 16.75H4.58325C3.47868 16.75 2.58325 15.8546 2.58325 14.75V2.75ZM12.5833 1.75H4.58325C4.03097 1.75 3.58325 2.19772 3.58325 2.75V14.75C3.58325 15.3023 4.03097 15.75 4.58325 15.75H12.5833C13.1355 15.75 13.5833 15.3023 13.5833 14.75V2.75C13.5833 2.19772 13.1355 1.75 12.5833 1.75Z' fill='%2342327E'/%3E%3C/svg%3E");
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-transcripccion a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232D2411' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3C/svg%3E");
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-audio a::after,
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-texto a::after,
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-transcripccion a::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.08);
opacity: 0;
pointer-events: none;
}
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-audio a:hover::after,
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-texto a:hover::after,
.view-mapa.lista-rexistros .views-field.views-field-field-arquivo-de-transcripccion a:hover::after {
opacity: 1;
}
/* Imagen (lista de registros) */
.view-mapa.lista-rexistros .views-field.views-field-field-imaxe img {
display: block;
width: 100%;
height: 120px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
object-fit: cover;
}
/* Mapa */
.view-mapa.map-block .view-filters {
display: none;
}
.view-mapa.map-block .view-content {
margin: 0 !important;
}
.view-mapa.map-block .leaflet-container {
position: relative;
width: 100%;
min-width: 150px;
height: 600px;
outline-style: none;
}
@media (max-width: 1199px) {
.view-mapa.map-block .leaflet-container {
height: 500px !important;
}
}
@media (max-width: 991px) {
.view-mapa.map-block .leaflet-container {
height: 400px !important;
}
}
@media (max-width: 575px) {
.view-mapa.map-block .leaflet-container {
height: 300px !important;
}
}
/* Map Popup */
.leaflet-container .leaflet-popup-content-wrapper {
border: 1px solid #66A161;
border-radius: var(--radius-sm);
}
.leaflet-container .leaflet-popup-content {
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: bold;
line-height: var(--line-height-base);
padding: 16px;
margin: 0;
}
.leaflet-container .leaflet-popup-content a {
color: var(--color-primary);
text-decoration: none;
}
.leaflet-container .leaflet-popup-content a:hover {
color: var(--color-primary);
text-decoration: underline;
}
.leaflet-container a.leaflet-popup-close-button {
display: none;
}
.leaflet-container .leaflet-tooltip-pane .leaflet-tooltip {
border: 1px solid #66A161;
border-radius: var(--radius-sm);
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: bold;
line-height: var(--line-height-base);
padding: 8px;
margin: 0;
}
.leaflet-container .leaflet-tooltip-pane .leaflet-tooltip a {
color: var(--color-primary) !important;
}
/* Exposed form */
.view-mapa .views-exposed-form {
margin-bottom: 16px;
}
.view-mapa .views-exposed-form .d-flex {
display: flex;
gap: 10px;
align-items: flex-end;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.view-mapa .views-exposed-form .d-flex {
flex-direction: column;
align-items: stretch;
gap: 16px;
}
}
.view-mapa .views-exposed-form .form-item-title {
flex: 1;
min-width: 300px;
}
.view-mapa .views-exposed-form input[type="text"] {
width: 100%;
padding: 8px 16px;
font-size: var(--font-size-base);
line-height: var(--line-height-base);
color: var(--color-black);
background: var(--color-white);
border: 1px solid var(--color-accent-border);
border-radius: var(--radius-md);
transition: border-color var(--transition-base), box-shadow var(--transition-base);
}
.view-mapa .views-exposed-form input[type="text"]:focus {
outline: none;
border-color: var(--color-accent);
box-shadow: 0 0 0 3px rgba(235, 207, 149, 0.25);
}
.view-mapa .views-exposed-form input[type="text"]::placeholder {
color: var(--color-text-light);
font-style: italic;
}
.view-mapa [id^="edit-field-coordenadas-boundary-wrapper"] {
display: none;
}
.view-mapa .views-exposed-form .btn-primary {
background: var(--color-accent);
border: 1px solid var(--color-accent);
border-radius: var(--radius-lg);
color: var(--color-black);
font-family: var(--font-secondary);
font-weight: 500;
font-size: var(--font-size-base);
line-height: var(--line-height-base);
padding: 8px 24px;
transition: background-color var(--transition-base), border-color var(--transition-base), transform var(--transition-fast);
cursor: pointer;
}
@media (max-width: 767px) {
.view-mapa .views-exposed-form .btn-primary {
width: 100%;
padding: 12px 24px;
}
}
.view-mapa .views-exposed-form .btn-primary:hover,
.view-mapa .views-exposed-form .btn-primary:focus {
background: var(--color-accent-hover);
border-color: var(--color-accent-hover);
text-decoration: none;
}
.view-mapa .views-row {
display: flex;
gap: 12px;
align-items: flex-start;
padding: 12px 0;
border-bottom: 1px solid var(--color-border);
flex-wrap: wrap;
}
@media (max-width: 991px) {
.view-mapa .views-row {
align-items: flex-start;
padding: 12px 0;
}
}
@media (max-width: 767px) {
.view-mapa .views-row {
flex-direction: column;
gap: 8px;
}
}
.view-mapa .views-row:last-child {
border-bottom: none;
}
.lista-rexistros [id^="edit-field-coordenadas-boundary-wrapper"] {
display: none;
}
/* ========================================
3. MAPA Y BUSCADOR - Ficha
======================================== */
.node--type-rexistros h1.title {
display: none;
}
.rexistros-node {
color: var(--color-primary);
font-family: var(--font-system);
}
/* Hero Image Section */
.rexistros-hero-image img {
width: 100%;
height: 460px;
object-fit: cover;
margin: 40px 0 0;
}
@media (max-width: 767px) {
.rexistros-hero-image img {
height: 230px;
margin: 16px 0 0;
}
}
/* Title Section */
.rexistros-title-section {
border-bottom: 1px solid #C2D9BF;
padding: 24px 0;
margin: 0 0 24px;
}
@media (max-width: 767px) {
.rexistros-title-section {
padding: 16px 0;
margin: 0 0 16px;
}
}
.rexistros-title-section>.container>.row>.col-12 {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
padding: 0;
}
.rexistros-main-title {
flex-grow: 1;
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-4xl);
font-weight: bold;
line-height: var(--line-height-4xl);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.rexistros-main-title {
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
}
}
.rexistros-share-btn {
margin: 0 0 0 auto;
}
.rexistros-share-btn .btn {
display: flex;
gap: 8px;
justify-content: center;
align-items: center;
width: fit-content;
background-color: var(--color-accent);
border: none;
border-radius: var(--radius-sm);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
text-decoration: none;
padding: 8px 16px;
margin: 0;
transition: var(--transition-base);
cursor: pointer;
}
.rexistros-share-btn .btn:hover,
.rexistros-share-btn .btn:active {
background-color: var(--color-accent-border);
}
.rexistros-share-btn .btn:focus {
outline: auto;
box-shadow: initial;
}
/*.rexistros-share-btn .btn::after {
content: "";
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4321_6768)'%3E%3Crect width='16' height='16' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M13.502 0.00109863C14.8827 0.00111156 16.002 1.12039 16.002 2.5011C16.002 3.8818 14.8827 5.00109 13.502 5.0011C12.743 5.0011 12.063 4.66292 11.6045 4.12903L4.88672 7.24915C4.96144 7.48643 5.00195 7.73914 5.00195 8.0011C5.00195 8.26306 4.96144 8.51577 4.88672 8.75305L11.6045 11.8732C12.063 11.3393 12.743 11.0011 13.502 11.0011C14.8827 11.0011 16.002 12.1204 16.002 13.5011C16.002 14.8818 14.8827 16.0011 13.502 16.0011C12.1212 16.0011 11.002 14.8818 11.002 13.5011C11.002 13.2391 11.0425 12.9864 11.1172 12.7491L4.39941 9.62903C3.94092 10.1629 3.26088 10.5011 2.50195 10.5011C1.12124 10.5011 0.00195319 9.38181 0.00195312 8.0011C0.00195312 6.62039 1.12124 5.5011 2.50195 5.5011C3.26088 5.50111 3.94092 5.83928 4.39941 6.37317L11.1172 3.25305C11.0425 3.01577 11.002 2.76306 11.002 2.5011C11.002 1.12039 12.1212 0.00109863 13.502 0.00109863ZM13.502 12.0011C12.6735 12.0011 12.002 12.6727 12.002 13.5011C12.002 14.3295 12.6735 15.0011 13.502 15.0011C14.3304 15.0011 15.002 14.3295 15.002 13.5011C15.002 12.6727 14.3304 12.0011 13.502 12.0011ZM2.50195 6.5011C1.67353 6.5011 1.00195 7.17267 1.00195 8.0011C1.00195 8.82953 1.67353 9.5011 2.50195 9.5011C3.33037 9.50109 4.00195 8.82952 4.00195 8.0011C4.00195 7.17268 3.33037 6.50111 2.50195 6.5011ZM13.502 1.0011C12.6735 1.0011 12.002 1.67267 12.002 2.5011C12.002 3.32953 12.6735 4.0011 13.502 4.0011C14.3304 4.00109 15.002 3.32952 15.002 2.5011C15.002 1.67268 14.3304 1.00111 13.502 1.0011Z' fill='%232D2411'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4321_6768'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
}*/
.rexistros-share-btn .btn i {
display: none;
}
.rexistros-share-btn .addtoany_list {
display: flex;
gap: 8px;
}
.rexistros-share-btn .addtoany_list>a {
display: flex;
padding: 0;
}
/* Three Column Data Section */
.rexistros-data-section {
border-bottom: 1px solid #C2D9BF;
padding: 0;
margin: 0 0 24px;
}
@media (max-width: 767px) {
.rexistros-data-section {
margin: 0 0 16px;
}
}
.rexistros-data-section .data-column {
display: flex;
gap: 8px;
flex-direction: column;
padding: 0 24px 0 0;
margin: 0 -15px 24px;
}
@media (max-width: 767px) {
.rexistros-data-section .data-column {
gap: 4px;
padding: 0;
margin: 0 -15px 16px;
}
}
.rexistros-data-section .column-title {
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: bold;
line-height: var(--line-height-xl);
padding: 0;
margin: 0 0 8px;
}
@media (max-width: 767px) {
.rexistros-data-section .column-title {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
margin: 0 0 4px;
}
}
.rexistros-data-section .data-item {
display: flex;
flex-wrap: wrap;
column-gap: 8px;
}
.rexistros-data-section .data-label {
color: var(--color-text-tertiary);
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: bold;
line-height: var(--line-height-base);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.rexistros-data-section .data-label {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
}
.rexistros-data-section .data-value {
color: var(--color-text-tertiary);
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.rexistros-data-section .data-value {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
}
.rexistros-data-section .data-value a {
color: var(--color-text-tertiary);
text-decoration: underline;
}
/* Tags in Temas Section */
.temas-tags>.field--name-field-temas {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.temas-tags .field__item,
.temas-tags .field__item a {
display: inline-block;
background-color: var(--color-tag);
border-radius: var(--radius-pill);
color: var(--color-text-secondary);
font-family: var(--font-secondary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
padding: 6px 12px;
text-decoration: none;
transition: background-color 0.2s ease;
}
@media (max-width: 767px) {
.temas-tags .field__item,
.temas-tags .field__item a {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
padding: 4px 8px
}
}
.temas-tags .field__item:hover,
.temas-tags .field__item a:hover {
background-color: var(--color-tag);
color: var(--color-text-secondary);
text-decoration: none;
}
/* Audio Section */
.rexistros-audio-section>.container,
.rexistros-text-section>.container {
padding: 0;
margin: 0 0 24px;
}
@media (max-width: 767px) {
.rexistros-audio-section>.container,
.rexistros-text-section>.container {
margin: 0 0 16px;
}
}
.section-title {
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: bold;
line-height: var(--line-height-xl);
padding: 0;
margin: 0 0 16px;
}
@media (max-width: 767px) {
.section-title {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
margin: 0 0 8px;
}
}
.audio-player-container>.field__item {
display: flex;
flex-direction: column;
}
.audio-player-container>.field__item>audio {
width: 508px;
}
@media (max-width: 767px) {
.audio-player-container>.field__item>audio {
width: 100%;
}
}
/* Text Section */
.text-document-container a {
display: flex;
gap: 12px;
width: fit-content;
background-color: var(--color-background-secondary);
border: none;
border-radius: var(--radius-sm);
color: var(--color-text-tertiary);
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
padding: 16px;
margin: 0;
text-decoration: none;
cursor: pointer;
}
@media (max-width: 767px) {
.text-document-container a {
gap: 8px;
width: 100%;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
padding: 12px;
}
}
.text-document-container a:hover {
text-decoration: underline;
}
.text-document-container a::before {
content: "";
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232D2411' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
/* Map Section */
.rexistros-map-section>.container {
padding: 0;
margin: 0 0 40px;
}
@media (max-width: 767px) {
.rexistros-map-section>.container {
margin: 0 0 24px;
}
}
.rexistros-map-section .map-container {
height: 400px;
overflow: hidden;
}
@media (max-width: 767px) {
.rexistros-map-section .map-container {
height: 200px;
}
}
/* ========================================
4. PUBLICACIONES - Bloque principal
======================================== */
.page-node-8 .highlighted,
.page-node-8 .layout-main-wrapper {
background-color: var(--color-background-primary);
}
.page-node-8 h1.title {
color: var(--color-primary);
}
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .view-content {
padding: 0 16px;
margin: 0 0 24px;
}
@media (max-width: 767px) {
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .view-content {
margin: 0 0 12px;
}
}
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 h3 {
max-width: 80%;
color: #0C0C0C;
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: bold;
line-height: var(--line-height-lg);
margin: 0 0 16px;
overflow-wrap: anywhere;
}
@media (max-width: 991px) {
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 h3 {
max-width: 100%;
}
}
@media (max-width: 767px) {
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 h3 {
margin: 0 0 12px;
}
}
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-view-grid {
border-bottom: 1px solid #C2D9BF;
padding: 0 0 8px;
margin: 0 0 24px;
}
@media (max-width: 767px) {
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-view-grid {
padding: 0 0 4px;
margin: 0 0 16px;
}
}
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-view-grid:last-of-type {
border: none;
padding: 0;
margin: 0;
}
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-view-grid .row {
max-width: 80%;
margin: 0;
}
@media (max-width: 991px) {
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-view-grid .row {
max-width: 100%;
}
}
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-field-title {
color: #0C0C0C;
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
margin: 0 0 16px;
overflow-wrap: anywhere;
}
@media (max-width: 767px) {
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-field-title {
margin: 0 0 12px;
}
}
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-field-field-ligazon-publicacion {
margin: 0 0 16px;
}
@media (max-width: 767px) {
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-field-field-ligazon-publicacion {
margin: 0 0 12px;
}
}
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-field-field-ligazon-publicacion a {
display: flex;
gap: 8px;
justify-content: center;
align-items: center;
width: fit-content;
background-color: var(--color-accent);
border: none;
border-radius: var(--radius-sm);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
text-decoration: none;
padding: 8px 16px;
margin: 0;
transition: var(--transition-base);
cursor: pointer;
}
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-field-field-ligazon-publicacion a:hover {
background-color: var(--color-accent-border);
}
.page-node-8 .block-views-blocklistado-de-publicacions-block-1 .views-field-field-ligazon-publicacion a::after {
content: "";
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4335_16029)'%3E%3Crect width='16' height='16' transform='translate(0 0.5)' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M8.00222 0.501099C12.4205 0.501112 16.0022 4.08283 16.0022 8.5011C16.0022 12.9194 12.4205 16.5011 8.00222 16.5011C3.58394 16.5011 0.00222022 12.9194 0.00222015 8.5011C0.00222015 4.08282 3.58394 0.501099 8.00222 0.501099ZM8.00222 1.5011C4.13623 1.5011 1.00222 4.63511 1.00222 8.5011C1.00222 12.3671 4.13623 15.5011 8.00222 15.5011C11.8682 15.5011 15.0022 12.3671 15.0022 8.5011C15.0022 4.63511 11.8682 1.50111 8.00222 1.5011ZM10.4524 5.5011C10.7283 5.50136 10.9524 5.72512 10.9524 6.0011V9.97571C10.9524 10.2517 10.7283 10.4754 10.4524 10.4757C10.1763 10.4757 9.95242 10.2519 9.95242 9.97571V7.20813L5.85574 11.3048C5.66054 11.4998 5.34391 11.4998 5.1487 11.3048C4.95344 11.1095 4.95344 10.7921 5.1487 10.5968L9.24441 6.5011H6.47683C6.20082 6.50094 5.97683 6.27714 5.97683 6.0011C5.97683 5.72505 6.20082 5.50126 6.47683 5.5011H10.4524Z' fill='%232D2411'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4335_16029'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
}
/* Detalle publicación */
.node--type-publicacions .highlighted,
.node--type-publicacions .layout-main-wrapper {
background-color: var(--color-background-primary);
}
.node--type-publicacions h1.title {
max-width: 80%;
color: var(--color-primary);
}
@media (max-width: 991px) {
.node--type-publicacions h1.title {
max-width: 100%;
}
}
.node--type-publicacions .block-system-main-block {
max-width: 80%;
}
@media (max-width: 991px) {
.node--type-publicacions .block-system-main-block {
max-width: 100%;
}
}
.node--type-publicacions .node--view-mode-full {
margin: 0 0 40px;
}
@media (max-width: 767px) {
.node--type-publicacions .node--view-mode-full {
margin: 0 0 24px;
}
}
.node--type-publicacions .field--name-body p {
color: #0C0C0C;
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
margin: 0 0 24px;
overflow-wrap: anywhere;
}
@media (max-width: 767px) {
.node--type-publicacions .field--name-body p {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
margin: 0 0 16px;
}
}
.node--type-publicacions .field--name-field-ligazon-publicacion .field__label,
.node--type-publicacions .field--name-field-categoria-publicacion .field__label {
color: #0C0C0C;
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: bold;
line-height: var(--line-height-lg);
margin: 0 0 8px;
}
@media (max-width: 767px) {
.node--type-publicacions .field--name-field-ligazon-publicacion .field__label,
.node--type-publicacions .field--name-field-categoria-publicacion .field__label {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
margin: 0 0 4px;
}
}
.node--type-publicacions .field--name-field-ligazon-publicacion .field__item a,
.node--type-publicacions .field--name-field-categoria-publicacion .field__item a {
display: flex;
gap: 8px;
justify-content: center;
align-items: center;
width: calc(40% - 40px);
background-color: var(--color-accent);
border: none;
border-radius: var(--radius-sm);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
text-decoration: none;
padding: 8px 16px;
margin: 0 0 24px;
transition: var(--transition-base);
cursor: pointer;
}
@media (max-width: 767px) {
.node--type-publicacions .field--name-field-ligazon-publicacion .field__item a,
.node--type-publicacions .field--name-field-categoria-publicacion .field__item a {
margin: 0 0 16px;
}
}
.node--type-publicacions .field--name-field-ligazon-publicacion .field__item a:hover,
.node--type-publicacions .field--name-field-categoria-publicacion .field__item a:hover {
background-color: var(--color-accent-border);
}
/* ========================================
5. ADIVINA
======================================== */
.page-node-10 .highlighted,
.page-node-10 .layout-main-wrapper {
background-color: var(--color-background-light) !important;
}
.page-node-10 h1.title {
position: relative;
max-width: 80%;
color: var(--color-primary);
text-align: center;
padding: 140px 16px 0;
margin: 64px auto 24px;
}
@media (max-width: 991px) {
.page-node-10 h1.title {
max-width: 100%;
}
}
@media (max-width: 767px) {
.page-node-10 h1.title {
text-align: center;
padding: 116px 16px 0;
margin: 16px 0 16px;
}
}
.page-node-10 h1.title::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 100px;
height: 100px;
background-image: url(/themes/custom/sixtheme/images/quiz.svg);
transform: translateX(-50%);
}
.page-node-10.node--type-page .field--name-body {
max-width: 80%;
padding: 0;
margin: 0 auto 40px;
}
@media (max-width: 991px) {
.page-node-10.node--type-page .field--name-body {
max-width: 100%;
}
}
@media (max-width: 767px) {
.page-node-10.node--type-page .field--name-body {
margin: 0 auto 24px;
}
}
.page-node-10.node--type-page .field--name-body h2 {
color: var(--color-primary-dark);
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
text-align: center;
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.page-node-10.node--type-page .field--name-body h2 {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
.page-node-10.node--type-page .field--name-body p {
display: none;
}
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content {
justify-content: center;
max-width: 80%;
padding: 0 16px 16px;
margin: 0 auto;
}
@media (max-width: 991px) {
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content {
max-width: 100%;
}
}
@media (max-width: 767px) {
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content {
padding: 0 16px 8px;
margin: 0;
}
}
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content>.views-view-grid {
display: flex;
flex-direction: column;
width: 100%;
}
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content>.views-view-grid>.row {
gap: 24px;
justify-content: center;
margin: 0 0 24px;
}
@media (max-width: 767px) {
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content>.views-view-grid>.row {
gap: 16px;
margin: 0 0 16px;
}
}
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content>.views-view-grid>.row>div {
flex: none;
display: flex;
flex-direction: column;
width: calc((100% - 48px) / 3);
max-width: none;
padding: 0;
margin: 0;
}
@media (max-width: 991px) {
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content>.views-view-grid>.row>div {
width: calc((100% - 24px) / 2);
}
}
@media (max-width: 767px) {
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content>.views-view-grid>.row>div {
width: calc((100% - 16px) / 2);
}
}
@media (max-width: 767px) {
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content>.views-view-grid>.row>div {
width: 100%;
}
}
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content>.views-view-grid>.row>div>.views-field-title,
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 .view-content>.views-view-grid>.row>div>.views-field-title>.field-content {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
}
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 a,
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 a {
display: flex;
gap: 8px;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
background-color: var(--color-accent);
border: none;
border-radius: var(--radius-sm);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
text-decoration: none;
padding: 8px 16px;
margin: 0;
transition: var(--transition-base);
cursor: pointer;
}
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 a:hover,
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 a:hover {
background-color: var(--color-accent-border);
}
.page-node-10 .block-views-blocklistado-de-cuestionarios-block-1 a::after {
content: "";
flex-shrink: 0;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.72266 0.970947C7.01555 0.678054 7.49031 0.678054 7.7832 0.970947L12.2832 5.47095C12.576 5.76385 12.5761 6.23862 12.2832 6.53149L7.7832 11.0315C7.49033 11.3243 7.01554 11.3243 6.72266 11.0315C6.42978 10.7386 6.4298 10.2638 6.72266 9.97095L9.94238 6.75122H1.25293C0.83875 6.75122 0.502985 6.41539 0.50293 6.00122C0.50293 5.58701 0.838716 5.25122 1.25293 5.25122H9.94238L6.72266 2.03149C6.42978 1.73861 6.4298 1.26384 6.72266 0.970947Z' fill='%232D2411'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
}
/* ========================================
5. ADIVINA - Encuesta
======================================== */
#quiz-progress {
color: var(--color-primary);
font-family: var(--font-secondary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
margin: 16px 0 48px;
}
@media (max-width: 767px) {
#quiz-progress {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
margin: 16px 0 24px;
}
}
#quiz-progress .progress-bar {
position: relative;
display: block;
width: 100%;
height: 16px;
background-color: var(--color-border);
border-radius: var(--radius-lg);
margin: 0 0 8px;
overflow: hidden;
}
#quiz-progress .progress-fill {
width: 0;
height: 100%;
background-color: var(--color-accent-border);
margin: 0;
}
.quiz-question-multichoice {
position: relative;
padding: 116px 0 0;
margin: 0 !important;
}
.quiz-question-multichoice::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background-image: url(/themes/custom/sixtheme/images/quiz.svg);
}
.quiz-question-multichoice h2,
.quiz-question-multichoice .field__label {
display: none;
}
.quiz-question-multichoice .field__item {
display: flex;
flex-direction: column;
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-4xl);
font-weight: bold;
line-height: var(--line-height-4xl);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.quiz-question-multichoice .field__item {
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
}
}
.quiz-question-multichoice .field__item p {
margin: 0 0 24px;
}
@media (max-width: 767px) {
.quiz-question-multichoice .field__item p {
margin: 0 0 16px;
}
}
.quiz-question-multichoice .field__item audio {
width: 508px;
margin: 0 0 24px;
}
@media (max-width: 767px) {
.quiz-question-multichoice .field__item audio {
width: 100%;
margin: 0 0 16px;
}
}
.quiz-question-multichoice .table-responsive table {
display: flex;
flex-direction: column;
border-bottom: 1px solid #C2D9BF;
padding: 0 0 32px;
margin: 0 0 32px;
}
@media (max-width: 767px) {
.quiz-question-multichoice .table-responsive table {
padding: 0 0 16px;
margin: 0 0 16px;
}
}
.quiz-question-multichoice .table-responsive thead {
display: none;
}
.quiz-question-multichoice .table-responsive tbody {
display: flex;
gap: 32px;
}
@media (max-width: 767px) {
.quiz-question-multichoice .table-responsive tbody {
flex-direction: column;
gap: 12px;
}
}
.quiz-question-multichoice .table-responsive tbody tr {
flex-grow: 1;
display: flex;
background-color: var(--color-background-light);
}
.quiz-question-multichoice .table-responsive tbody tr.selected td {
background-color: var(--color-accent-border);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
}
.quiz-question-multichoice .table-responsive tbody tr td {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
border: 1px solid var(--color-accent);
border-radius: var(--radius-lg);
padding: 8px 16px;
cursor: pointer;
}
.quiz-question-multichoice .table-responsive tbody tr:hover td {
background-color: var(--color-accent);
}
.quiz-question-multichoice .table-responsive tbody tr.selected:hover td {
background-color: var(--color-accent-border);
}
.quiz-question-multichoice .table-responsive tbody tr td:first-child {
display: none;
}
.quiz-question-multichoice .table-responsive tbody tr td p {
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.quiz-question-multichoice .table-responsive tbody tr td p {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
.answering-form .form-actions {
margin: 0 0 40px !important;
}
@media (max-width: 767px) {
.answering-form .form-actions {
margin: 0 0 24px !important;
}
}
#quiz-question-answering-form #edit-navigation-actions,
#quiz-question-answering-form #edit-navigation-actions-proceed,
#quiz-question-answering-form #edit-navigation-actions-return,
#quiz-take-question-feedback-form #edit-actions,
.quiz-config-overview-take,
.div-link-show-quizzes {
display: flex;
justify-content: flex-end;
gap: 8px;
margin: 0 !important;
}
@media (max-width: 767px) {
#quiz-question-answering-form #edit-navigation-actions,
#quiz-question-answering-form #edit-navigation-actions-proceed,
#quiz-question-answering-form #edit-navigation-actions-return,
#quiz-take-question-feedback-form #edit-actions,
.quiz-config-overview-take,
.div-link-show-quizzes {
flex-direction: column;
}
}
.answering-form button,
#quiz-take-question-feedback-form #edit-actions a,
#quiz-take-question-feedback-form #edit-actions button,
.quiz-config-overview-take a,
.link-show-quizzes {
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
background-color: var(--color-accent);
border: none;
border-radius: var(--radius-sm);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
text-decoration: none;
padding: 8px 16px;
margin: 0;
transition: var(--transition-base);
cursor: pointer;
}
@media (max-width: 767px) {
.answering-form button,
#quiz-take-question-feedback-form #edit-actions a,
#quiz-take-question-feedback-form #edit-actions button,
.quiz-config-overview-take a,
.link-show-quizzes {
width: 100%;
}
}
.answering-form button:hover,
#quiz-take-question-feedback-form #edit-actions a:hover,
#quiz-take-question-feedback-form #edit-actions button:hover,
.quiz-config-overview-take a:hover,
.link-show-quizzes:hover,
.answering-form button:active,
#quiz-take-question-feedback-form #edit-actions a:active,
#quiz-take-question-feedback-form #edit-actions button:active,
.quiz-config-overview-take a:active,
.link-show-quizzes:active {
color: var(--color-text-tertiary);
background-color: var(--color-accent-border);
text-decoration: none;
}
.answering-form button:focus,
#quiz-take-question-feedback-form #edit-actions a:focus,
#quiz-take-question-feedback-form #edit-actions button:focus,
.quiz-config-overview-take a:focus,
.link-show-quizzes:focus {
outline: auto;
box-shadow: initial;
}
#edit-navigation-messages {
margin: 0 0 24px !important;
}
@media (max-width: 767px) {
#edit-navigation-messages {
margin: 0 0 16px !important;
}
}
#edit-navigation-messages .quiz-last-text {
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
#edit-navigation-messages .quiz-last-text {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
#edit-navigation-messages .quiz-last-text em {
font-style: normal;
}
/* ========================================
5. ADIVINA - Resultado
======================================== */
#quiz_score_possible {
position: relative;
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-4xl);
font-weight: bold;
line-height: var(--line-height-4xl);
padding: 116px 0 0;
margin: 48px 0 16px;
}
@media (max-width: 767px) {
#quiz_score_possible {
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
margin: 24px 0 16px;
}
}
#quiz_score_possible::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background-image: url(/themes/custom/sixtheme/images/quiz-result.svg);
}
#quiz_score_percent {
border-bottom: 1px solid #C2D9BF;
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
padding: 0 0 24px;
margin: 0 0 24px;
}
@media (max-width: 767px) {
#quiz_score_percent {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
padding: 0 0 16px;
}
}
.path-quiz fieldset {
margin: 0 0 24px !important;
}
@media (max-width: 767px) {
.path-quiz fieldset {
margin: 0 0 32px !important;
}
.path-quiz fieldset:last-of-type {
margin: 0 0 16px !important;
}
}
.path-quiz fieldset>legend {
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.path-quiz fieldset>legend {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
.path-quiz fieldset>.fieldset-wrapper {
position: relative;
}
.path-quiz fieldset>.fieldset-wrapper>.quiz-report-score-container {
float: unset;
position: absolute;
right: 0;
top: -44px;
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
background-color: var(--color-background-primary) !important;
border: 1px solid var(--color-primary);
border-radius: var(--radius-sm);
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
padding: 8px 16px;
margin: 0 0 0 auto;
}
@media (max-width: 767px) {
.path-quiz fieldset>.fieldset-wrapper>.quiz-report-score-container {
top: -32px;
padding: 6px 12px;
}
}
.path-quiz fieldset>.fieldset-wrapper>.table-responsive>.table {
margin: 12px 0 0;
}
.path-quiz fieldset>.fieldset-wrapper>.table-responsive>.table th,
.path-quiz fieldset>.fieldset-wrapper>.table-responsive>.table td {
width: 25%;
padding: 12px 8px;
white-space: nowrap;
}
.path-quiz fieldset>.fieldset-wrapper>.table-responsive>.table th {
border: none;
border-bottom: 1px solid #66A161;
color: var(--color-primary);
font-family: var(--font-secondary);
font-size: var(--font-size-lg);
font-weight: bold;
line-height: var(--line-height-lg);
}
.path-quiz fieldset>.fieldset-wrapper>.table-responsive>.table td {
background-color: var(--color-background-secondary);
border: none;
border-bottom: 1px solid #C7C7C7;
color: var(--color-black);
font-family: var(--font-secondary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
}
.path-quiz fieldset>.fieldset-wrapper>.table-responsive>.table td p {
padding: 0 !important;
margin: 0 !important;
}
.path-quiz fieldset>.fieldset-wrapper>.table-responsive>.table td img {
display: flex;
width: auto;
height: 26px;
padding: 4px;
margin: 0;
}
.div-link-show-quizzes,
.quiz-config-overview-take,
#quiz-take-question-feedback-form #edit-actions {
border-top: 1px solid #C2D9BF;
padding: 24px 0 40px;
}
@media (max-width: 767px) {
.div-link-show-quizzes,
.quiz-config-overview-take,
#quiz-take-question-feedback-form #edit-actions {
padding: 16px 0 24px;
}
}
/* ========================================
5. ADIVINA - Tabla
======================================== */
.path-quiz .tabs {
padding: 0 16px;
margin: 24px 0;
}
.path-quiz .tabs>.nav-tabs {
width: fit-content;
border: 1px solid var(--color-accent);
border-radius: var(--radius-sm);
overflow: hidden;
}
.path-quiz .tabs>.nav-tabs>.nav-item a {
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
background-color: var(--color-white);
border: none;
border-radius: 0;
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
text-decoration: none;
padding: 8px 16px;
margin: 0;
transition: var(--transition-base);
cursor: pointer;
}
.path-quiz .tabs>.nav-tabs>.nav-item a:hover {
background-color: var(--color-accent);
}
.path-quiz .tabs>.nav-tabs>.nav-item.active a,
.path-quiz .tabs>.nav-tabs>.nav-item.active a:hover {
background-color: var(--color-accent-border);
}
.quiz-config-overview .table-responsive .table {
margin: 0 0 24px;
}
/* ========================================
5. ADIVINA - Respuesta
======================================== */
#quiz-take-question-feedback-form fieldset>.fieldset-wrapper>.table-responsive>.table {
margin: 24px 0 0;
}
.path-quiz fieldset>.fieldset-wrapper>.table-responsive>.table th,
.path-quiz fieldset>.fieldset-wrapper>.table-responsive>.table td {
white-space: wrap;
}
#quiz-take-question-feedback-form fieldset>.fieldset-wrapper>.table-responsive>.table tr,
#quiz-take-question-feedback-form fieldset>.fieldset-wrapper>.table-responsive>.table tr:hover {
background-color: transparent;
}
#quiz-take-question-feedback-form fieldset>.fieldset-wrapper>.table-responsive>.table td {
background-color: transparent;
border: none;
color: #264227;
font-family: var(--font-primary);
font-size: var(--font-size-4xl);
font-weight: bold;
line-height: var(--line-height-4xl);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
#quiz-take-question-feedback-form fieldset>.fieldset-wrapper>.table-responsive>.table td {
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
}
}
#quiz-take-question-feedback-form .fieldset-legend,
#quiz-take-question-feedback-form .quiz-report-score-container,
#quiz-take-question-feedback-form .table-responsive thead {
display: none;
}
#quiz-take-question-feedback-form .quiz-result-cell-attempt,
#quiz-take-question-feedback-form .quiz-result-cell-choice,
#quiz-take-question-feedback-form .quiz-result-cell-correct,
#quiz-take-question-feedback-form .quiz-result-cell-score,
#quiz-take-question-feedback-form .quiz-result-cell-solution {
display: none;
}
.path-quiz .title {
display: none;
}
.path-quiz .quiz-result-table thead th:nth-child(5),
.path-quiz .quiz-result-table tbody td:nth-child(5) {
display: none;
}
.path-quiz .quiz-result-table .quiz-result-not-chosen {
display: none;
}
/* ========================================
8. DATOS DEL CORPUS
======================================== */
.page-node-6 .highlighted,
.page-node-6 .layout-main-wrapper {
background-color: var(--color-white) !important;
}
.page-node-6 h1.title {
color: var(--color-primary);
}
.block-datos-corpus {
max-height: none !important;
padding: 0 16px;
margin: 0 0 32px !important;
}
.block-datos-corpus>h2 {
border-bottom: 1px solid #C2D9BF;
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: bold;
line-height: var(--line-height-xl);
padding: 0 0 16px;
margin: 0 0 16px;
}
@media (max-width: 767px) {
.block-datos-corpus>h2 {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
padding: 0 0 8px;
margin: 0 0 8px;
}
}
.block-datos-corpus .table {
display: table;
width: 100%;
border: none;
margin: 0;
}
.block-datos-corpus .table thead th {
border: none;
border-bottom: 1px solid #66A161;
color: var(--color-primary);
font-family: var(--font-secondary);
font-size: var(--font-size-lg);
font-weight: bold;
line-height: var(--line-height-lg);
text-align: left;
vertical-align: middle;
padding: 8px;
}
@media (max-width: 767px) {
.block-datos-corpus .table thead th {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
.block-datos-corpus .table tbody td {
border: none;
border-bottom: 1px solid #C7C7C7;
color: var(--color-primary);
font-family: var(--font-secondary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
text-align: left;
vertical-align: middle;
padding: 8px;
}
@media (max-width: 767px) {
.block-datos-corpus .table tbody td {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
.block-datos-corpus .table-striped tbody tr:nth-of-type(odd) {
background-color: var(--color-background-light);
}
.block-datos-corpus .table-striped tbody tr:nth-of-type(even) {
background-color: var(--color-background-primary);
}
.block-datos-corpus caption {
color: var(--color-breadcrumb);
font-family: var(--font-secondary);
font-size: var(--font-size-sm);
font-weight: normal;
line-height: var(--line-height-sm);
padding: 8px 0 0;
}
.block-datos-corpus .table-section,
.block-datos-corpus .chart-section {
max-width: 100%;
padding: 0;
margin: 0;
}
.block-datos-corpus .chart-table-container {
flex-wrap: nowrap !important;
gap: 16px;
margin: 0 0 32px;
}
@media (max-width: 991px) {
.block-datos-corpus .chart-table-container {
flex-direction: column;
}
}
.block-datos-corpus .table-section .provincia-tables-container {
display: flex;
flex-direction: column;
gap: 16px;
}
.block-datos-corpus .table-section .provincia-table-wrapper {
background-color: transparent;
border: none;
border-radius: 0;
padding: 0;
margin: 0 !important;
}
.block-datos-corpus .table-section .provincia-title {
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.block-datos-corpus .table-section .provincia-title {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
.block-datos-corpus .table-section .provincia-stats-table td:first-child {
background-color: transparent;
font-weight: bold;
}
/* ========================================
8. NOTICIAS
======================================== */
.node--type-article.layout-sidebar-second .highlighted,
.node--type-page.layout-sidebar-second .highlighted,
.path-noticias.layout-sidebar-second .highlighted,
.node--type-article.layout-sidebar-second .layout-main-wrapper,
.node--type-page.layout-sidebar-second .layout-main-wrapper,
.path-noticias.layout-sidebar-second .layout-main-wrapper {
background-color: var(--color-background-light);
}
.node--type-article.layout-sidebar-second #main,
.node--type-page.layout-sidebar-second #main,
.path-noticias.layout-sidebar-second #main {
padding-top: var(--spacing-lg);
padding-bottom: var(--spacing-2xl);
}
@media (max-width: 767px) {
.node--type-article.layout-sidebar-second #main,
.node--type-page.layout-sidebar-second #main,
.path-noticias.layout-sidebar-second #main {
padding-top: var(--spacing-md);
padding-bottom: 0;
}
}
.node--type-article.layout-sidebar-second h1.title,
.node--type-page.layout-sidebar-second h1.title,
.path-noticias.layout-sidebar-second h1.title {
width: 100%;
color: var(--color-primary);
margin: 0 0 var(--spacing-lg);
}
@media (max-width: 767px) {
.node--type-article.layout-sidebar-second h1.title,
.node--type-page.layout-sidebar-second h1.title,
.path-noticias.layout-sidebar-second h1.title {
margin: 0 0 var(--spacing-md);
}
}
.node--type-article .node__content {
display: flex;
flex-wrap: wrap;
}
/* Hero Image */
.node--type-article .field--name-field-image {
width: 100%;
margin-bottom: var(--spacing-lg);
overflow: hidden;
}
@media (max-width: 767px) {
.node--type-article .field--name-field-image {
margin-bottom: var(--spacing-md);
}
}
.node--type-article .field--name-field-image img {
width: 100%;
height: 460px;
object-fit: cover;
}
@media (max-width: 767px) {
.node--type-article .field--name-field-image img {
height: 230px;
}
}
/* Category */
.node--type-article .field--name-field-categoria {
width: calc(50% - 8px);
color: var(--color-primary-light);
font-family: var(--font-secondary);
font-size: var(--font-size-sm);
font-weight: bold;
line-height: var(--line-height-sm);
padding: 0;
margin: 0 8px 24px 0;
}
@media (max-width: 767px) {
.node--type-article .field--name-field-categoria {
width: 100%;
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
margin: 0 0 4px;
}
}
.node--type-article .field--name-field-categoria a {
color: var(--color-primary-light);
text-decoration: none;
}
.node--type-article .field--name-field-categoria a:hover {
color: var(--color-primary-light);
text-decoration: underline;
}
/* Publication Date */
.node--type-article .field--name-field-data-de-publicacion {
width: calc(50% - 8px);
color: var(--color-primary-light);
font-family: var(--font-secondary);
font-size: var(--font-size-sm);
font-weight: bold;
line-height: var(--line-height-sm);
text-align: right;
padding: 0;
margin: 0 0 24px 8px;
}
@media (max-width: 767px) {
.node--type-article .field--name-field-data-de-publicacion {
width: 100%;
font-size: var(--font-size-xs);
font-weight: normal;
line-height: var(--line-height-xs);
text-align: left;
margin: 0 0 16px;
}
}
/* Body Content */
.node--type-article .field--name-body {
width: 100%;
color: var(--color-primary-dark);
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
margin: 0 0 24px;
}
@media (max-width: 767px) {
.node--type-article .field--name-body {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
margin: 0 0 16px;
}
}
.node--type-article .field--name-body p {
margin: 0 0 24px;
}
@media (max-width: 767px) {
.node--type-article .field--name-body p {
margin: 0 0 16px;
}
}
.node--type-article .field--name-body p:last-child {
margin: 0;
}
/* Share Button */
.node--type-article .addtoany {
display: block;
width: 100%;
}
.node--type-article .share-button {
display: flex;
gap: 8px;
justify-content: center;
align-items: center;
width: fit-content;
background-color: var(--color-accent);
border: none;
border-radius: var(--radius-sm);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
text-decoration: none;
padding: 8px 16px;
margin: 0;
transition: var(--transition-base);
cursor: pointer;
}
.node--type-article .share-button:hover,
.node--type-article .share-button:active {
background-color: var(--color-accent-border);
}
.node--type-article .share-button:focus {
outline: auto;
box-shadow: initial;
}
.node--type-article .share-button::after {
content: "";
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4321_6768)'%3E%3Crect width='16' height='16' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M13.502 0.00109863C14.8827 0.00111156 16.002 1.12039 16.002 2.5011C16.002 3.8818 14.8827 5.00109 13.502 5.0011C12.743 5.0011 12.063 4.66292 11.6045 4.12903L4.88672 7.24915C4.96144 7.48643 5.00195 7.73914 5.00195 8.0011C5.00195 8.26306 4.96144 8.51577 4.88672 8.75305L11.6045 11.8732C12.063 11.3393 12.743 11.0011 13.502 11.0011C14.8827 11.0011 16.002 12.1204 16.002 13.5011C16.002 14.8818 14.8827 16.0011 13.502 16.0011C12.1212 16.0011 11.002 14.8818 11.002 13.5011C11.002 13.2391 11.0425 12.9864 11.1172 12.7491L4.39941 9.62903C3.94092 10.1629 3.26088 10.5011 2.50195 10.5011C1.12124 10.5011 0.00195319 9.38181 0.00195312 8.0011C0.00195312 6.62039 1.12124 5.5011 2.50195 5.5011C3.26088 5.50111 3.94092 5.83928 4.39941 6.37317L11.1172 3.25305C11.0425 3.01577 11.002 2.76306 11.002 2.5011C11.002 1.12039 12.1212 0.00109863 13.502 0.00109863ZM13.502 12.0011C12.6735 12.0011 12.002 12.6727 12.002 13.5011C12.002 14.3295 12.6735 15.0011 13.502 15.0011C14.3304 15.0011 15.002 14.3295 15.002 13.5011C15.002 12.6727 14.3304 12.0011 13.502 12.0011ZM2.50195 6.5011C1.67353 6.5011 1.00195 7.17267 1.00195 8.0011C1.00195 8.82953 1.67353 9.5011 2.50195 9.5011C3.33037 9.50109 4.00195 8.82952 4.00195 8.0011C4.00195 7.17268 3.33037 6.50111 2.50195 6.5011ZM13.502 1.0011C12.6735 1.0011 12.002 1.67267 12.002 2.5011C12.002 3.32953 12.6735 4.0011 13.502 4.0011C14.3304 4.00109 15.002 3.32952 15.002 2.5011C15.002 1.67268 14.3304 1.00111 13.502 1.0011Z' fill='%232D2411'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4321_6768'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
}
.node--type-article .share-icon {
display: none;
}
/* Share Options Dropdown */
.block-addtoany.block-addtoany-block {
width: 100%;
padding: 0 16px;
margin: 8px 0 0;
}
.block-addtoany.block-addtoany-block .addtoany_list {
display: flex;
gap: 8px;
}
.block-addtoany.block-addtoany-block .addtoany_list>a {
display: flex;
padding: 0;
}
/* Noticias relacionadas */
.block-views-blocknovas-relacionadas-block-1 {
display: block;
width: 100%;
padding: 0 16px;
margin: 40px 0 0;
}
@media (max-width: 767px) {
.block-views-blocknovas-relacionadas-block-1 {
border-top: 1px solid #C2D9BF;
padding: 16px 16px 0;
margin: 16px 0 0;
}
}
.block-views-blocknovas-relacionadas-block-1>h2 {
color: var(--color-primary-light);
font-family: var(--font-primary);
font-size: var(--font-size-3xl);
font-weight: bold;
line-height: var(--line-height-3xl);
padding: 0;
margin: 0 0 24px;
}
@media (max-width: 767px) {
.block-views-blocknovas-relacionadas-block-1>h2 {
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
margin: 0 0 16px;
}
}
#views-bootstrap-novas-relacionadas-block-1>.row {
display: flex;
gap: 24px;
margin: 0 16px;
}
@media (max-width: 991px) {
#views-bootstrap-novas-relacionadas-block-1>.row {
flex-direction: column;
}
}
@media (max-width: 767px) {
#views-bootstrap-novas-relacionadas-block-1>.row {
gap: 16px;
}
}
#views-bootstrap-novas-relacionadas-block-1>.row>div {
flex: 0 0 calc((100% - 48px) / 3);
display: flex;
flex-direction: column;
max-width: calc((100% - 48px) / 3);
padding: 0;
}
@media (max-width: 991px) {
#views-bootstrap-novas-relacionadas-block-1>.row>div {
flex: 0 0 100%;
display: flex;
flex-direction: column;
max-width: 100%;
}
}
/* Sidebar Categories Block */
.sidebar_second {
border-left: 1px solid #C2D9BF;
padding: 0 0 0 16px;
margin: 0 0 0 16px;
}
@media (max-width: 767px) {
.sidebar_second {
border-top: 1px solid #C2D9BF;
border-left: none;
padding: 16px 0 0;
margin: 16px 0 0;
}
}
.sidebar_second .block {
padding: 0 16px;
margin: 0 0 24px;
}
.sidebar_second .block h2 {
color: var(--color-text-tertiary);
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: bold;
line-height: var(--line-height-xl);
padding: 0;
margin: 0 0 16px;
}
.sidebar_second .view-content {
flex-direction: column;
gap: 8px;
margin: 0;
}
.sidebar_second .field-content a {
display: block;
border-bottom: 1px solid transparent;
color: var(--color-primary-dark);
font-family: var(--font-primary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
padding: 8px 16px;
text-decoration: none;
}
.sidebar_second .field-content a:hover,
.sidebar_second .field-content a:focus,
.sidebar_second .field-content a:active {
border-bottom-color: var(--color-accent-border);
color: var(--color-primary-light);
text-decoration: none;
}
/* News Listing Cards */
.block-views-blocklistado-novas-block-1 {
padding: 0 16px;
}
.block-views-blocklistado-novas-block-1 .view-listado-novas>.view-content,
.view-categoria-de-novas>.view-content {
display: flex;
flex-direction: column;
gap: 32px;
margin: 0;
}
@media (max-width: 767px) {
.block-views-blocklistado-novas-block-1 .view-listado-novas>.view-content,
.view-categoria-de-novas>.view-content {
gap: 16px;
}
}
.container-listado-novas .card {
display: flex;
flex-direction: row;
column-gap: 12px;
background-color: var(--color-background-primary);
border-radius: var(--radius-sm);
margin: 0 !important;
overflow: hidden;
}
.view-listado-novas .views-field.views-field-nothing {
margin-bottom: 40px;
}
@media (max-width: 1199px) {
.container-listado-novas .card {
flex-direction: column;
}
}
.container-listado-novas .card>a {
display: flex;
flex-direction: column;
}
.container-listado-novas .card img {
width: 400px;
height: auto;
object-fit: cover;
flex-grow: 1;
}
@media (max-width: 1199px) {
.container-listado-novas .card img {
width: 100%;
height: 200px;
}
}
.container-listado-novas .card-body {
display: flex;
flex-direction: column;
padding: 16px;
}
.container-listado-novas .card-body>small.text-muted {
width: fit-content;
background-color: var(--color-background-primary);
border-bottom: 1px solid var(--color-accent-border);
color: var(--color-primary-light) !important;
font-size: var(--font-size-xs);
font-weight: bold;
line-height: var(--line-height-xs);
margin: 0;
}
.container-listado-novas .card-title {
display: block;
color: var(--color-primary) !important;
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: bold;
line-height: var(--line-height-xl);
margin: 0 0 8px;
}
@media (max-width: 767px) {
.container-listado-novas .card-title {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
.container-listado-novas .card-text {
display: block;
color: var(--color-dark-2);
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
margin: 0 0 12px;
}
@media (max-width: 767px) {
.container-listado-novas .card-text {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
}
.container-listado-novas .card-text p {
margin-bottom: 8px;
}
.container-listado-novas .card-text p:last-child {
margin-bottom: 0;
}
.container-listado-novas .ver-mas {
display: flex;
justify-content: flex-end;
}
.container-listado-novas .ver-mas a {
display: block;
background-color: var(--color-accent);
border: none;
border-radius: var(--radius-sm);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-base);
font-weight: normal;
line-height: var(--line-height-base);
text-decoration: none;
padding: 8px 16px;
cursor: pointer;
}
.container-listado-novas .ver-mas a:hover,
.container-listado-novas .ver-mas a:focus,
.container-listado-novas .ver-mas a:active {
background-color: var(--color-accent-border);
text-decoration: none;
}
/* ========================================
9. COLABORA
======================================== */
.page-node-19 .highlighted,
.page-node-19 .layout-main-wrapper {
background-color: var(--color-background-light) !important;
}
.page-node-19 h1.title {
color: var(--color-text-tertiary) !important;
}
.page-node-19 .block-system-main-block {
max-width: 80%;
}
@media (max-width: 991px) {
.page-node-19 .block-system-main-block {
max-width: 100%;
}
}
.page-node-19 .block-system-main-block .field__item {
display: flex;
flex-direction: column;
color: var(--color-text-tertiary);
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
padding: 0;
margin: 0 0 40px;
}
@media (max-width: 767px) {
.page-node-19 .block-system-main-block .field__item {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
margin: 0 0 24px;
}
}
.page-node-19 .block-system-main-block .field__item p {
margin: 0 0 24px;
}
@media (max-width: 767px) {
.page-node-19 .block-system-main-block .field__item p {
margin: 0 0 16px;
}
}
.page-node-19 .block-system-main-block .field__item p a {
color: var(--color-text-tertiary);
font-weight: bold;
text-decoration: none;
}
.page-node-19 .block-system-main-block .field__item p a:hover {
text-decoration: underline;
}
.page-node-19 .block-system-main-block .field__item p:last-of-type a[href^="mailto:"] {
display: flex;
gap: 8px;
justify-content: center;
align-items: center;
width: fit-content;
background-color: var(--color-accent);
border: none;
border-radius: var(--radius-sm);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
text-decoration: none;
padding: 8px 32px;
margin: 0;
transition: var(--transition-base);
cursor: pointer;
}
@media (max-width: 767px) {
.page-node-19 .block-system-main-block .field__item p:last-of-type a[href^="mailto:"] {
width: 100%;
font-size: var(--font-size-base);
line-height: var(--line-height-base);
padding: 8px 16px;
}
}
.page-node-19 .block-system-main-block .field__item p:last-of-type a[href^="mailto:"]:hover {
background-color: var(--color-accent-border);
}
.page-node-19 .block-system-main-block .field__item p:last-of-type a[href^="mailto:"]::after {
content: "";
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4336_17062)'%3E%3Crect width='20' height='20' transform='translate(0.5 0.5)' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M4.25232 6.7511H3.00232C2.312 6.75114 1.75232 7.31077 1.75232 8.0011V18.0011C1.75232 18.6914 2.312 19.2511 3.00232 19.2511H13.0023C13.6927 19.2511 14.2523 18.6915 14.2523 18.0011V16.7511H15.5023V18.0011C15.5023 19.3818 14.383 20.5011 13.0023 20.5011H3.00232C1.62164 20.5011 0.502319 19.3818 0.502319 18.0011V8.0011C0.502319 6.62041 1.62164 5.50114 3.00232 5.5011H4.25232V6.7511ZM18.0023 0.501099C19.383 0.501099 20.5023 1.62039 20.5023 3.0011V13.0011C20.5023 14.3818 19.383 15.5011 18.0023 15.5011H8.00232C6.62164 15.5011 5.50232 14.3818 5.50232 13.0011V3.0011C5.50232 1.62041 6.62164 0.501142 8.00232 0.501099H18.0023ZM8.00232 1.7511C7.312 1.75114 6.75232 2.31077 6.75232 3.0011V13.0011C6.75232 13.6914 7.312 14.2511 8.00232 14.2511H18.0023C18.6927 14.2511 19.2523 13.6915 19.2523 13.0011V3.0011C19.2523 2.31074 18.6927 1.7511 18.0023 1.7511H8.00232Z' fill='%232D2411'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4336_17062'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
@media (max-width: 767px) {
.page-node-19 .block-system-main-block .field__item p:last-of-type a[href^="mailto:"]::after {
width: 16px;
height: 16px;
background-size: 16px;
}
}
/* Contact */
.page-node-19.node--type-page .field--name-body {
max-width: 100%;
}
.page-node-19 .section-corpus {
background-color: var(--color-background-tertiary);
color: var(--color-dark-3);
font-family: var(--font-primary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
padding: 40px 0 64px;
margin: 0;
}
@media (max-width: 767px) {
.page-node-19 .section-corpus {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
padding: 24px 0;
}
}
.page-node-19 .section-corpus>.container {
padding: 0 16px;
}
.page-node-19 .section-corpus>.container>.row {
display: flex;
margin: 0;
}
.page-node-19 .section-corpus>.container>.row>div:first-of-type {
flex: 0 0 100%;
max-width: 100%;
border: none;
padding: 0;
margin: 0 0 24px !important;
}
@media (max-width: 767px) {
.page-node-19 .section-corpus>.container>.row>div:first-of-type {
margin: 0 0 16px !important;
}
}
.page-node-19 .section-corpus>.container>.row>div {
flex: 0 0 25%;
max-width: 25%;
border-right: 1px solid #C2D9BF;
padding: 0 40px 0 0;
margin: 0 40px 0 0;
}
@media (max-width: 1199px) {
.page-node-19 .section-corpus>.container>.row>div {
flex: 0 0 30%;
max-width: 30%;
}
}
@media (max-width: 991px) {
.page-node-19 .section-corpus>.container>.row>div {
flex: 0 0 40%;
max-width: 40%;
}
}
@media (max-width: 767px) {
.page-node-19 .section-corpus>.container>.row>div {
flex: 0 0 100%;
max-width: 100%;
border-right: none;
border-bottom: 1px solid #C2D9BF;
padding: 0 0 16px;
margin: 0 0 16px;
}
}
.page-node-19 .section-corpus>.container>.row>div:last-of-type {
flex: 0 0 calc(75% - 40px);
max-width: calc(75% - 40px);
border: none;
padding: 0;
margin: 0;
}
@media (max-width: 1199px) {
.page-node-19 .section-corpus>.container>.row>div:last-of-type {
flex: 0 0 calc(70% - 40px);
max-width: calc(70% - 40px);
}
}
@media (max-width: 991px) {
.page-node-19 .section-corpus>.container>.row>div:last-of-type {
flex: 0 0 calc(60% - 40px);
max-width: calc(60% - 40px);
}
}
@media (max-width: 767px) {
.page-node-19 .section-corpus>.container>.row>div:last-of-type {
flex: 0 0 100%;
max-width: 100%;
}
}
.page-node-19 .section-corpus h2 {
color: var(--color-dark-3);
font-family: var(--font-primary);
font-size: var(--font-size-3xl);
font-weight: bold;
line-height: var(--line-height-3xl);
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.page-node-19 .section-corpus h2 {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
.page-node-19 .section-corpus .bloque-corpus {
position: relative;
}
@media (max-width: 767px) {
.page-node-19 .section-corpus .bloque-corpus>div:first-of-type {
position: absolute;
top: 0;
left: 0;
}
}
.page-node-19 .section-corpus .bloque-corpus img {
width: 80px;
height: 80px;
margin: 0 0 32px;
}
@media (max-width: 767px) {
.page-node-19 .section-corpus .bloque-corpus img {
width: 40px;
height: 40px;
margin: 4px 0;
}
}
.page-node-19 .section-corpus .bloque-corpus p {
margin: 0 0 8px;
}
@media (max-width: 767px) {
.page-node-19 .section-corpus .bloque-corpus p {
margin: 0 0 4px 56px;
}
}
.page-node-19 .section-corpus .bloque-corpus p:last-of-type {
margin: 0;
}
.page-node-19 .section-corpus .bloque-corpus a {
display: flex;
gap: 8px;
justify-content: center;
align-items: center;
width: fit-content;
background-color: var(--color-accent);
border: none;
border-radius: var(--radius-sm);
color: var(--color-text-tertiary);
font-family: var(--font-secondary);
font-size: var(--font-size-xl);
font-weight: normal;
line-height: var(--line-height-xl);
text-decoration: none;
padding: 8px 32px;
margin: 24px 0 0;
transition: var(--transition-base);
cursor: pointer;
}
@media (max-width: 767px) {
.page-node-19 .section-corpus .bloque-corpus a {
width: 100%;
font-size: var(--font-size-base);
line-height: var(--line-height-base);
padding: 8px 16px;
margin: 16px 0 0;
}
}
.page-node-19 .section-corpus .bloque-corpus a:hover {
background-color: var(--color-accent-border);
}
.page-node-19 .section-corpus .bloque-corpus a::after {
content: "";
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4336_17062)'%3E%3Crect width='20' height='20' transform='translate(0.5 0.5)' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M4.25232 6.7511H3.00232C2.312 6.75114 1.75232 7.31077 1.75232 8.0011V18.0011C1.75232 18.6914 2.312 19.2511 3.00232 19.2511H13.0023C13.6927 19.2511 14.2523 18.6915 14.2523 18.0011V16.7511H15.5023V18.0011C15.5023 19.3818 14.383 20.5011 13.0023 20.5011H3.00232C1.62164 20.5011 0.502319 19.3818 0.502319 18.0011V8.0011C0.502319 6.62041 1.62164 5.50114 3.00232 5.5011H4.25232V6.7511ZM18.0023 0.501099C19.383 0.501099 20.5023 1.62039 20.5023 3.0011V13.0011C20.5023 14.3818 19.383 15.5011 18.0023 15.5011H8.00232C6.62164 15.5011 5.50232 14.3818 5.50232 13.0011V3.0011C5.50232 1.62041 6.62164 0.501142 8.00232 0.501099H18.0023ZM8.00232 1.7511C7.312 1.75114 6.75232 2.31077 6.75232 3.0011V13.0011C6.75232 13.6914 7.312 14.2511 8.00232 14.2511H18.0023C18.6927 14.2511 19.2523 13.6915 19.2523 13.0011V3.0011C19.2523 2.31074 18.6927 1.7511 18.0023 1.7511H8.00232Z' fill='%232D2411'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4336_17062'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
@media (max-width: 767px) {
.page-node-19 .section-corpus .bloque-corpus a::after {
width: 16px;
height: 16px;
background-size: 16px;
}
}
.page-node-19 .section-corpus>.container>.row>div:last-of-type .bloque-corpus a::after {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4336_17152)'%3E%3Crect width='20' height='20' transform='translate(0 0.5)' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M10.0024 0.501099C14.1445 0.501099 17.5024 3.85896 17.5024 8.0011C17.5024 13.3932 10.0024 20.5011 10.0024 20.5011C9.98191 20.4817 2.50238 13.3859 2.50238 8.0011C2.50238 3.85899 5.86028 0.501142 10.0024 0.501099ZM10.0024 1.7511C6.55064 1.75114 3.75238 4.54935 3.75238 8.0011C3.75238 9.07848 4.13357 10.335 4.79535 11.6759C5.45037 13.003 6.33719 14.3264 7.24554 15.5138C8.15089 16.6972 9.05927 17.7218 9.74261 18.4513C9.83333 18.5481 9.92039 18.6398 10.0024 18.7257C10.0844 18.6398 10.1714 18.5482 10.2621 18.4513C10.9455 17.7218 11.8539 16.6973 12.7592 15.5138C13.6676 14.3264 14.5544 13.003 15.2094 11.6759C15.8712 10.335 16.2524 9.07848 16.2524 8.0011C16.2524 4.54932 13.4542 1.7511 10.0024 1.7511ZM10.0024 4.2511C12.0734 4.2511 13.7524 5.93003 13.7524 8.0011C13.7524 10.0722 12.0734 11.7511 10.0024 11.7511C7.93135 11.7511 6.25238 10.0721 6.25238 8.0011C6.25238 5.93006 7.93135 4.25114 10.0024 4.2511ZM10.0024 5.5011C8.62171 5.50114 7.50238 6.62041 7.50238 8.0011C7.50238 9.38178 8.62171 10.5011 10.0024 10.5011C11.3831 10.5011 12.5024 9.38181 12.5024 8.0011C12.5024 6.62039 11.3831 5.5011 10.0024 5.5011Z' fill='%232D2411'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4336_17152'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
/* ========================================
10. FAQ
======================================== */
.node--type-preguntas-frecuentes .highlighted,
.node--type-preguntas-frecuentes .layout-main-wrapper {
background-color: var(--color-background-primary);
}
.node--type-preguntas-frecuentes h1.title {
color: var(--color-primary);
}
.field--name-field-preguntas-frecuentes {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 80%;
margin: 0 0 40px;
}
@media (max-width: 991px) {
.field--name-field-preguntas-frecuentes {
max-width: 100%;
}
}
@media (max-width: 767px) {
.field--name-field-preguntas-frecuentes {
gap: 8px;
margin: 0 0 24px;
}
}
.paragraph--type--preguntas-frecuentes {
background-color: var(--color-background-light);
transition: box-shadow var(--transition-base);
}
.paragraph--type--preguntas-frecuentes:hover {
box-shadow: var(--shadow-sm);
}
.paragraph--type--preguntas-frecuentes .field--name-field-faq-titulo {
display: flex;
justify-content: space-between;
align-items: center;
color: var(--color-primary);
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: bold;
line-height: var(--line-height-lg);
padding: 16px 20px;
}
@media (max-width: 767px) {
.paragraph--type--preguntas-frecuentes .field--name-field-faq-titulo {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
padding: 12px;
}
}
.paragraph--type--preguntas-frecuentes:hover .field--name-field-faq-titulo {
text-decoration: underline;
}
.paragraph--type--preguntas-frecuentes.expanded .field--name-field-faq-titulo {
border-bottom: 1px solid var(--color-accent);
}
.paragraph--type--preguntas-frecuentes .field--name-field-faq-titulo::after {
content: "";
flex-shrink: 0;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23053e00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9L12 15L18 9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
margin-left: 8px;
transition: transform var(--transition-base);
}
.paragraph--type--preguntas-frecuentes.expanded .field--name-field-faq-titulo::after {
transform: rotate(180deg);
}
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto {
display: none;
color: #0C0C0C;
background-color: var(--color-white);
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
padding: 16px 20px;
margin: 0;
}
@media (max-width: 767px) {
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
padding: 12px;
}
}
.paragraph--type--preguntas-frecuentes.expanded .field--name-field-faq-texto {
display: block;
}
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto p,
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto ul,
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto ol {
margin: 0 0 16px;
}
@media (max-width: 767px) {
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto p,
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto ul,
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto ol {
margin: 0 0 12px;
}
}
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto ul,
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto ol {
padding: 0 0 0 24px;
}
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto li {
list-style-type: disc;
margin: 0;
}
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto p:last-child,
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto ul:last-child,
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto ol:last-child {
margin: 0;
}
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto a,
.paragraph--type--preguntas-frecuentes .field--name-field-faq-texto a:hover {
color: #0C0C0C;
text-decoration: underline;
word-break: break-all;
}
/* AVISO LEGAL, CONDICIONES DE USO, POLÍTICA DE COOKIES, POLÍTICA DE PRIVACIDAD Y PROTECCIÓN DE DATOS */
.node--type-page .highlighted,
.node--type-page .layout-main-wrapper {
background-color: var(--color-background-primary);
}
.node--type-page h1.title {
color: var(--color-primary);
}
.node--type-page .field--name-body {
max-width: 80%;
color: #0C0C0C;
font-family: var(--font-primary);
font-size: var(--font-size-lg);
font-weight: normal;
line-height: var(--line-height-lg);
padding: 0;
margin: 0 0 40px;
}
@media (max-width: 991px) {
.node--type-page .field--name-body {
max-width: 100%;
}
}
@media (max-width: 767px) {
.node--type-page .field--name-body {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
margin: 0 0 24px;
}
}
.node--type-page .field--name-body p,
.node--type-page .field--name-body ul,
.node--type-page .field--name-body ol {
margin: 0 0 16px;
}
@media (max-width: 767px) {
.node--type-page .field--name-body p,
.node--type-page .field--name-body ul,
.node--type-page .field--name-body ol {
margin: 0 0 12px;
}
}
.node--type-page .field--name-body ul,
.node--type-page .field--name-body ol {
padding: 0 0 0 24px;
}
.node--type-page .field--name-body li {
list-style-type: disc;
margin: 0;
}
.node--type-page .field--name-body p:last-child,
.node--type-page .field--name-body ul:last-child,
.node--type-page .field--name-body ol:last-child {
margin: 0;
}
.node--type-page .field--name-body a,
.node--type-page .field--name-body a:hover {
color: #0C0C0C;
text-decoration: underline;
word-break: break-all;
}
/* TODO: pendiente de revisar a partir de aquí */
/* Oculta el enlace de la pestaña "Mis resultados" para usuarios anónimos */
body:not(.user-logged-in) a[class*="nav-link--"][class*="-quiz-"][class$="-my-results"] {
display: none;
}
/* ========================================
ADMINISTRATION STYLES
======================================== */
.administra-gestor .bot {
background: #e6e6e6;
padding: 20px;
color: #101010;
margin-bottom: var(--spacing-2xl);
text-align: center;
height: 230px;
border-radius: var(--radius-lg);
}
/* Administration Tables */
.view-administra-contido .table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.view-administra-contido .table-hover tbody tr:hover {
color: #343a40;
background-color: rgba(0, 0, 0, 0.075);
}
.view-administra-contido .table-bordered th,
.view-administra-contido .table-bordered td {
border: 1px solid var(--color-border-light);
}
.view-administra-contido .table-bordered>:not(caption)>* {
border-width: 1px 0;
}
.view-administra-contido .table a {
text-decoration: none;
font-size: var(--font-size-sm);
}
.view-administra-contido .select-wrapper,
.view-administra-contido input {
display: grid !important;
}
.view-administra-contido .view-filters .js-form-item {
margin-right: 10px;
}
.view-administra-contido .view-filters label {
display: block;
}
.view-administra-contido .view-filters .js-form-item select {
height: 36px;
}
.view-content .views-field-name a.active {
border-bottom-color: var(--color-accent-border);
color: var(--color-primary-light);
text-decoration: none;
}
@media (max-width: 767.98px) {
.destacado-item:nth-of-type(n+5) {
display: none;
}
}
.slick-prev {
left: 25px;
z-index: 999;
}
.slick-next {
right: 25px;
z-index: 999;
}
.slick-prev:before,
.slick-next:before {
color: grey;
font-size: 36px;
-webkit-text-stroke: 2px #fff;
}
.slick-next::before {
content: '❯';
}
.slick-prev::before {
content: '❮';
}
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {
opacity: .1;
}
.node--type-article .node__content .addtoany_list {
display: none;
}
.view-novas-relacionadas .more-link a {
color: var(--color-primary-light);
}
.view-novas-relacionadas .more-link a:hover,
.view-novas-relacionadas .more-link a:focus {
color: var(--color-primary-light);
text-decoration: none;
}
.view-novas-relacionadas .more-link a::after {
content: " →";
margin-left: 0.2em;
}
.view-novas-relacionadas {
display: flex;
flex-direction: column; /* apila vertical */
}
.view-novas-relacionadas .view-content {
order: 2;
}
.view-novas-relacionadas .more-link {
order: -1;
text-align: right;
padding-bottom: 10px;
}
.block-edad-genero-bar-chart-block table tr td:first-child,
.block-registros-por-ano-bar-chart-block table tr td:first-child {
width: 45%;
}
.block-estadisticas-generales-block table tr td:first-child {
width: 55%;
}
.quiz-result-cell-skipped {
text-align: center;
}
.block-my-block-buscador-portada-block,
.block-buscador.block-resultados-busqueda-block {
padding: 45px;
background: #fff;
margin-top: 20px;
}
.block-buscador.block-resultados-busqueda-block {
margin-bottom: 20px;
}
.block-buscador.block-resultados-busqueda-block .contendor {
padding: 20px;
border: 1px solid #ebcf95;
border-radius: 10px;
margin-bottom: 10px;
}
.buscador .avanzado.form-actions {
margin-bottom: 23px !important;
}
.buscador .avanzado.form-actions {
margin-bottom: 23px !important;
}
.bloque-portada .block.block-buscador.block-my-block-buscador-portada-block {
padding: 0px;
background: none;
}