.eml-home-section { margin-bottom: var(--eml-section-gap, 54px); } /* When --eml-heading-font / --eml-body-font are set, override the theme's global font-family on every relevant element inside plugin-rendered areas. .eml-home-chrome-page is added to on every section/archive/landing page; the home page uses .eml-home-section directly. */ .eml-home-hero__title, .eml-home-section h1, .eml-home-section h2, .eml-home-section h3, .eml-home-section h4, .eml-topic-column__header h2, .eml-most-read h1, .eml-most-read h2, .eml-most-read h3, .eml-most-read h4, .eml-latest-news h1, .eml-latest-news h2, .eml-latest-news h3, .eml-latest-news h4, .eml-latest-edition h1, .eml-latest-edition h2, .eml-latest-edition h3, .eml-latest-edition h4, .eml-home-chrome-page h1, .eml-home-chrome-page h2, .eml-home-chrome-page h3, .eml-home-chrome-page h4, .eml-municipality-landing-page h1, .eml-municipality-landing-page h2, .eml-municipality-landing-page h3, .eml-municipality-landing-page h4, .eml-municipality-archive-page h1, .eml-municipality-archive-page h2, .eml-municipality-archive-page h3, .eml-municipality-archive-page h4, .eml-municipality-selector-page h1, .eml-municipality-selector-page h2, .eml-municipality-selector-page h3, .eml-municipality-selector-page h4 { font-family: var(--eml-heading-font, inherit); } .eml-home-section p, .eml-most-read p, .eml-latest-news p, .eml-home-chrome-page p, .eml-municipality-landing-page p, .eml-municipality-archive-page p, .eml-municipality-selector-page p { font-family: var(--eml-body-font, inherit); } .eml-printed-edition__feed { display: flex; flex-direction: column; gap: 24px; } .eml-printed-edition__carousel-section { display: flex; flex-direction: column; gap: 20px; } .eml-printed-edition__carousel-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .eml-printed-edition__carousel-head .block-title { margin-bottom: 0; } .eml-printed-edition__carousel-actions { display: flex; align-items: center; gap: 10px; } .eml-printed-edition__carousel-button { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 1px solid #d6c8b5; border-radius: 50%; background: #fffaf3; font-size: 20px; font-weight: 800; color: #7c2d12; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .eml-printed-edition__carousel-button:hover, .eml-printed-edition__carousel-button:focus { border-color: #c2410c; background: #fff; transform: translateY(-1px); } .eml-printed-edition__carousel { display: flex; gap: 0; padding: 18px 0 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .eml-printed-edition__carousel::-webkit-scrollbar { display: none; } .eml-printed-edition__carousel::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.08); border-radius: 999px; } .eml-printed-edition__carousel::-webkit-scrollbar-thumb { background: #c2410c; border-radius: 999px; } .eml-printed-edition__carousel-slide { flex: 0 0 54%; padding: 0 8px; scroll-snap-align: center; opacity: 0.28; transform: scale(0.62); transform-origin: center center; transition: transform 0.28s ease, opacity 0.28s ease, filter 0.28s ease; filter: saturate(0.65); } .eml-printed-edition__carousel-slide.is-active { opacity: 1; transform: scale(1); filter: none; } .eml-printed-edition__carousel-slide.is-prev, .eml-printed-edition__carousel-slide.is-next { opacity: 0.56; transform: scale(0.72); filter: saturate(0.82); } .eml-printed-edition__carousel-slide .eml-printed-edition-card { height: 100%; } .eml-printed-edition__carousel-slide.is-active .eml-printed-edition-card { box-shadow: 0 32px 80px rgba(15, 23, 42, 0.16); transform: translateY(-6px); } .eml-printed-edition__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } .eml-printed-edition-card { display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 0; overflow: hidden; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08); transition: box-shadow 0.28s ease, transform 0.28s ease; } .eml-printed-edition-card.is-handoff-highlight { box-shadow: 0 0 0 4px rgba(194, 65, 12, 0.16), 0 30px 80px rgba(194, 65, 12, 0.22); transform: translateY(-8px); } .eml-printed-edition-card__cover { display: block; background: linear-gradient(180deg, #f7efe1 0%, #efe4cf 100%); aspect-ratio: 3 / 4; } .eml-printed-edition-card__cover img { display: block; width: 100%; height: 100%; object-fit: cover; } .eml-printed-edition-card__placeholder { display: grid; place-items: center; width: 100%; height: 100%; font-size: 30px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #7c2d12; } .eml-printed-edition-card__body { display: flex; flex: 1; flex-direction: column; gap: 12px; padding: 22px; } .eml-printed-edition-card__eyebrow { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #9a3412; } .eml-printed-edition-card__title { margin: 0; font-size: 26px; line-height: 1.15; color: #111827; } .eml-printed-edition-card__excerpt { margin: 0; font-size: 15px; line-height: 1.6; color: #4b5563; } .eml-printed-edition-card__actions { margin-top: auto; padding-top: 4px; } @media (max-width: 1140px) { .eml-printed-edition__carousel { padding-bottom: 20px; } .eml-printed-edition__carousel-slide { flex-basis: 62%; } .eml-printed-edition__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .eml-printed-edition__carousel-head { flex-direction: column; align-items: stretch; } .eml-printed-edition__carousel-actions { justify-content: space-between; } .eml-printed-edition__carousel-button { flex: 1; width: auto; border-radius: 999px; } .eml-printed-edition__carousel { gap: 16px; padding: 0 0 18px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #c2410c rgba(0, 0, 0, 0.08); } .eml-printed-edition__carousel::-webkit-scrollbar { display: block; height: 10px; } .eml-printed-edition__carousel-slide, .eml-printed-edition__carousel-slide.is-active, .eml-printed-edition__carousel-slide.is-prev, .eml-printed-edition__carousel-slide.is-next { flex-basis: 85%; padding: 0; scroll-snap-align: start; opacity: 1; transform: none; filter: none; } .eml-printed-edition__grid { grid-template-columns: 1fr; } .eml-printed-edition-card__body { padding: 18px; } .eml-printed-edition-card__title { font-size: 22px; } } .eml-home-banner-wrap { display: flex; justify-content: center; align-items: center; margin: 40px 0; } .eml-home-banner-wrap--leaderboard { margin: 0; } .eml-home-banner-wrap > a { display: block; max-width: 100%; line-height: 0; } .eml-home-banner-wrap img { display: block; max-width: 100%; height: auto; } .eml-mock-banner { margin: 40px 0; padding: 0; } .eml-mock-banner__inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 90px; padding: 18px 24px; border: 1px dashed #c7cdc9; background: repeating-linear-gradient( -45deg, rgba(236, 239, 237, 0.9), rgba(236, 239, 237, 0.9) 12px, rgba(246, 248, 247, 0.95) 12px, rgba(246, 248, 247, 0.95) 24px ); color: #47524b; } .eml-mock-banner__eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #6c756f; } .eml-mock-banner__label { flex: 1; font-size: 22px; font-weight: 700; line-height: 1.1; text-align: center; } .eml-mock-banner__meta { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #6c756f; } .eml-sidebar-placeholder { margin: 0 0 28px; padding: 14px; border: 1px solid #d8d0c5; background: linear-gradient(180deg, rgba(250, 246, 239, 0.98), rgba(239, 231, 219, 0.98)), repeating-linear-gradient( -45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 12px, rgba(0, 0, 0, 0.02) 12px, rgba(0, 0, 0, 0.02) 24px ); box-shadow: 0 12px 28px rgba(33, 33, 33, 0.08); } .eml-sidebar-placeholder__frame { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: 600px; padding: 28px 20px; border: 2px dashed #766857; text-align: center; color: #3d4f58; } .eml-sidebar-placeholder__eyebrow, .eml-sidebar-placeholder__copy { font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #766857; } .eml-sidebar-placeholder__size { font-size: 38px; line-height: 1; } .eml-sidebar-placeholder__title { font-size: 20px; font-weight: 700; line-height: 1.2; } .eml-home-section .block-title { margin-bottom: 26px; } .eml-home-section__header, .eml-topic-column__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; } .eml-home-section .block-title span, .eml-home-section .block-title a.eml-home-section__title-link { font-size: var(--eml-section-title-size, 24px); font-family: var(--eml-heading-font, inherit); font-weight: var(--eml-section-title-weight, 700); line-height: var(--eml-section-title-lh, 1.05); letter-spacing: var(--eml-section-title-ls, 0em); color: var(--eml-section-title-color, #111111); } .eml-home-section .block-title a.eml-home-section__title-link { text-decoration: none; transition: opacity 0.15s ease; } .eml-home-section .block-title a.eml-home-section__title-link:hover, .eml-home-section .block-title a.eml-home-section__title-link:focus { opacity: 0.82; text-decoration: none; } .eml-home-section__archive-link, .eml-topic-column__archive-link { flex-shrink: 0; padding: 2px 0; border-radius: 2px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #666; background: transparent; text-decoration: none; transition: color 0.2s ease, background-color 0.2s ease; } .eml-home-section__archive-link:hover, .eml-home-section__archive-link:focus, .eml-topic-column__archive-link:hover, .eml-topic-column__archive-link:focus { color: #111 !important; background: transparent !important; } .eml-home-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 24px; align-items: stretch; margin-bottom: 28px; padding-bottom: 28px; border-bottom: 1px solid #e6e6e6; } .eml-home-hero__content { display: flex; flex-direction: column; justify-content: center; } .eml-home-hero__title { margin: 0 0 16px; font-size: var(--eml-hero-title-size, 37px); font-weight: var(--eml-hero-title-weight, 700); font-style: var(--eml-hero-title-style, normal); line-height: var(--eml-hero-title-lh, 1.04); letter-spacing: var(--eml-hero-title-ls, -0.02em); } .eml-home-hero__date, .eml-home-card__date, .eml-interview-feature__date, .eml-compact-item__date { display: none; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #777; } .eml-home-hero__date, .eml-interview-feature__date { margin-bottom: 10px; } .eml-home-card__date, .eml-compact-item__date { margin-bottom: 6px; } .eml-home-hero__title a, .eml-home-card__title a { color: inherit; } .eml-home-hero__title a:hover, .eml-home-hero__title a:focus, .eml-home-card__title a:hover, .eml-home-card__title a:focus { color: var(--eml-link-hover); } .eml-home-hero__excerpt { font-size: var(--eml-body-size, 16px); font-family: var(--eml-body-font, inherit); line-height: var(--eml-body-line-height, 1.7); color: var(--eml-text, #555); } .eml-home-hero__media a, .eml-home-card__thumb { display: block; } .eml-home-card__thumb, .eml-compact-item__thumb { position: relative; overflow: hidden; } .eml-home-hero__media img, .eml-home-card__thumb img { display: block; width: 100%; height: auto; object-fit: cover; } .eml-home-hero__media img { aspect-ratio: 16 / 10; } .eml-home-hero__caption { margin: 8px 0 0; color: #5e6b65; font-size: 13px; line-height: 1.5; } .eml-home-hero__placeholder, .eml-home-card__thumb--empty { background: #f1f1f1; } .eml-video-badge { position: absolute; left: 12px; bottom: 12px; display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 12px; background: rgba(17, 24, 39, 0.84); color: #f9fafb; font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .eml-home-hero__placeholder { aspect-ratio: 16 / 10; } .eml-home-grid { display: grid; column-gap: 14px; row-gap: 22px; margin-top: 14px; } .eml-home-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); } .eml-home-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .eml-home-grid--five { grid-template-columns: repeat(5, minmax(0, 1fr)); } .eml-home-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eml-home-section--escapadas .eml-home-grid--two { max-width: 66%; margin-left: auto; margin-right: auto; } .eml-home-section--cards .eml-home-grid { margin-top: 0; } .eml-home-section--topics { margin-bottom: 28px; border-top: 1px solid #e0e0e0; padding-top: 28px; } .eml-home-section--entrevistas, .eml-home-section--sucesos, .eml-home-section--salud-estilo, .eml-home-section--podcast, .eml-home-section--foro-comarcal, .eml-home-section--videos { margin-top: 12px; } .eml-home-section--opinion { margin-top: 12px; padding: 30px 24px 28px; border: 1px solid #e6ddd2; background: radial-gradient(circle at top right, rgba(145, 103, 76, 0.12), transparent 34%), linear-gradient(180deg, #faf5f0, #f4ede6); box-shadow: 0 18px 36px rgba(62, 44, 28, 0.08); } .eml-home-section--opinion .block-title { margin-bottom: 22px; } .eml-home-section--opinion .eml-opinion-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .eml-opinion-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .eml-opinion-card { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 18px 16px; border: 1px solid rgba(120, 89, 66, 0.18); background: rgba(255, 252, 248, 0.86); border-radius: var(--eml-card-radius, 4px); text-align: center; } .eml-opinion-card__portrait { display: block; width: 132px; height: 132px; border-radius: 50%; overflow: hidden; background: #eee4db; box-shadow: 0 10px 24px rgba(79, 52, 33, 0.12); } .eml-opinion-card__portrait-image { display: block; width: 100%; height: 100%; object-fit: cover; } .eml-opinion-card__portrait-image--placeholder { background: #ece3d9; } .eml-opinion-card__content { display: flex; flex: 1; flex-direction: column; align-items: center; width: 100%; } .eml-opinion-card__name { margin: 0 0 8px; font-size: 16px; font-weight: 700; line-height: 1.25; color: #5f3822; } .eml-opinion-card__secondary-text { margin: -4px 0 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #9c7455; } .eml-opinion-card__title { margin: 0; font-size: 22px; font-style: italic; font-weight: 650; line-height: 1.18; } .eml-opinion-card__title a { color: inherit; } .eml-opinion-landing { display: grid; gap: 24px; } .eml-opinion-landing__intro, .eml-opinion-landing__feed, .eml-opinion-landing__signatures { padding: 28px 24px; border: 1px solid #e6ddd2; background: radial-gradient(circle at top right, rgba(145, 103, 76, 0.12), transparent 34%), linear-gradient(180deg, #faf5f0, #f4ede6); box-shadow: 0 18px 36px rgba(62, 44, 28, 0.08); } .eml-opinion-landing__intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; } .eml-opinion-landing__eyebrow { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #8c6246; } .eml-opinion-landing__intro-title { margin: 0 0 12px; font-size: 36px; line-height: 1.05; } .eml-opinion-landing__intro-text { max-width: 720px; margin: 0; font-size: 17px; line-height: 1.7; color: #5d4a3d; } .eml-opinion-landing__intro-link, .eml-opinion-landing__page-link { display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; border: 1px solid rgba(95, 56, 34, 0.22); background: rgba(255, 252, 248, 0.9); font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #5f3822; } .eml-opinion-landing__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .eml-opinion-landing__card { min-height: 100%; } .eml-opinion-landing__date { margin: 0 0 10px; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: #8c6a52; } .eml-opinion-landing__filter-state { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(120, 89, 66, 0.18); } .eml-opinion-landing__filter-copy { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #8c6246; } .eml-opinion-landing__filter-reset, .eml-opinion-signature-card__link a { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5f3822; } .eml-opinion-signatures__grid { grid-template-columns: repeat(auto-fit, minmax(220px, 260px)); justify-content: center; } .eml-opinion-signature-card { background: rgba(255, 250, 245, 0.96); } .eml-opinion-signature-card .eml-opinion-card__content { align-items: center; } .eml-opinion-signature-card--active { border-color: rgba(95, 56, 34, 0.48); box-shadow: inset 0 0 0 1px rgba(95, 56, 34, 0.12); } .eml-opinion-signature-card__name { display: flex; align-items: center; justify-content: center; flex: 1; margin-bottom: 8px; } .eml-opinion-signature-card__name a { color: inherit; } .eml-opinion-signature-card__date, .eml-opinion-signature-card__link { margin: 0; } .eml-opinion-signature-card__date { display: block; margin-bottom: 8px; font-size: 13px; line-height: 1.5; color: #8c6a52; } .eml-opinion-signature-card__latest-title { margin: 0; font-size: 17px; font-style: italic; font-weight: 650; line-height: 1.2; } .eml-opinion-signature-card__latest-title a { color: inherit; } .eml-opinion-signature-card__link { display: flex; align-items: flex-end; min-height: 32px; margin-top: 12px; } .eml-opinion-columnist-archive { display: grid; gap: 30px; padding: 32px 28px; border: 1px solid #e6ddd2; background: radial-gradient(circle at top right, rgba(145, 103, 76, 0.12), transparent 34%), linear-gradient(180deg, #faf5f0, #f4ede6); box-shadow: 0 18px 36px rgba(62, 44, 28, 0.08); } .eml-opinion-columnist-archive__profile { display: grid; grid-template-columns: 164px minmax(0, 1fr); gap: 26px; align-items: center; padding-bottom: 28px; border-bottom: 1px solid rgba(120, 89, 66, 0.18); } .eml-opinion-columnist-archive__portrait { width: 164px; height: 164px; border-radius: 50%; overflow: hidden; background: #eee4db; box-shadow: 0 16px 34px rgba(79, 52, 33, 0.14); } .eml-opinion-columnist-archive__portrait img { display: block; width: 100%; height: 100%; object-fit: cover; } .eml-opinion-columnist-archive__eyebrow { margin: 0 0 10px; color: #8c6246; font-size: 12px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; } .eml-opinion-columnist-archive__name { margin: 0; color: #3f2212; font-size: 42px; line-height: 1; letter-spacing: 0; } .eml-opinion-columnist-archive__secondary-text { margin: 10px 0 0; color: #9c7455; font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .eml-opinion-columnist-archive__back-link { display: inline-flex; margin-top: 18px; color: #5f3822; font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .eml-opinion-columnist-archive__list { display: grid; gap: 0; } .eml-opinion-columnist-archive__article { padding: 22px 0; border-bottom: 1px solid rgba(120, 89, 66, 0.16); } .eml-opinion-columnist-archive__article:first-child { padding-top: 0; } .eml-opinion-columnist-archive__article:last-child { padding-bottom: 0; border-bottom: 0; } .eml-opinion-columnist-archive__date { display: block; margin: 0 0 8px; color: #8c6a52; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .eml-opinion-columnist-archive__title { margin: 0; max-width: 820px; font-size: 28px; font-style: italic; font-weight: 650; line-height: 1.14; letter-spacing: 0; } .eml-opinion-columnist-archive__title a { color: inherit; } .eml-opinion-columnist-archive__excerpt { max-width: 780px; margin: 10px 0 0; color: #5d4a3d; font-size: 16px; line-height: 1.6; } .eml-opinion-landing__pagination { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(120, 89, 66, 0.18); } .eml-opinion-landing__pagination-copy { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #8c6246; } .eml-opinion-landing__pagination-actions { display: flex; flex-wrap: wrap; gap: 12px; } .eml-home-section--salud-estilo { padding: 28px 24px 24px; border: 1px solid #d9e7df; background: linear-gradient(180deg, rgba(250, 253, 251, 0.96), rgba(241, 247, 243, 0.96)), radial-gradient(circle at top right, rgba(118, 156, 134, 0.12), transparent 36%); } .eml-home-section--salud-estilo .block-title { margin-bottom: 20px; } .eml-salud-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .eml-salud-grid .eml-home-card { padding: 14px; background: rgba(255, 255, 255, 0.76); border: 1px solid rgba(164, 188, 174, 0.45); } .eml-salud-grid .eml-home-card__thumb { margin-bottom: 12px; } .eml-salud-grid .eml-home-card__thumb img, .eml-salud-grid .eml-home-card__thumb--empty { aspect-ratio: 16 / 10; } .eml-home-section--salud-estilo .eml-home-card__title, .eml-home-section--salud-estilo .eml-home-card--large .eml-home-card__title { font-size: var(--eml-card-title-size, 21px); line-height: 1.16; } .eml-home-section--foro-comarcal, .eml-home-section--videos { padding-top: 8px; } .eml-home-section--foro-comarcal { background-color: #f5f3ee; padding: 20px; border-radius: 6px; } .eml-foro-comarcal-section-header { display: flex; justify-content: center; margin-bottom: 26px; } .eml-foro-comarcal-section-header a { display: block; width: 66%; } .eml-foro-comarcal-section-logo { display: block; width: 100%; height: auto; border: 2px solid #ccc; border-radius: 4px; padding: 10px; box-sizing: border-box; } .eml-home-section--videos { border-left: 1px solid #e0e0e0; padding-left: 24px; } .eml-videos-list { display: grid; gap: 16px; } .eml-home-section--videos .eml-compact-item { grid-template-columns: 280px minmax(0, 1fr); gap: 16px; padding-bottom: 16px; } .eml-home-section--videos .eml-compact-item__thumb img, .eml-home-section--videos .eml-compact-item__thumb--empty { aspect-ratio: 16 / 9; } .eml-home-section--videos .eml-compact-item__content { display: flex; flex-direction: column; justify-content: center; } .eml-home-section--videos .eml-compact-item__title { font-size: var(--eml-card-title-size, 18px); line-height: 1.14; } .eml-home-section--podcast { margin-bottom: 40px; } .eml-podcast-promo { display: grid; grid-template-columns: minmax(0, 1.25fr) auto; gap: 20px; align-items: center; padding: 24px; border: 1px solid #ddd8cf; background: linear-gradient(180deg, rgba(252, 249, 244, 0.98), rgba(246, 241, 233, 0.98)), radial-gradient(circle at top left, rgba(153, 109, 78, 0.08), transparent 34%); } .eml-podcast-promo--has-thumbnail { grid-template-columns: minmax(0, 1fr) 140px auto; } .eml-podcast-promo__thumbnail { flex-shrink: 0; } .eml-podcast-promo__thumbnail a { display: block; } .eml-podcast-promo__thumbnail img { display: block; width: 140px; height: 140px; object-fit: cover; } .eml-podcast-promo__eyebrow { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #8a5f4d; } .eml-podcast-promo__title { margin: 0 0 10px; font-size: var(--eml-podcast-title-size); font-weight: 700; line-height: 1.08; } .eml-podcast-promo__title a { color: inherit; } .eml-podcast-promo__excerpt { margin: 0; font-size: var(--eml-podcast-excerpt-size); line-height: 1.6; color: #5a534b; } .eml-podcast-promo__actions { display: grid; gap: 10px; justify-items: start; } .eml-podcast-promo__button, .eml-podcast-promo__link { text-decoration: none; } .eml-podcast-promo__button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; background: #8a5f4d; color: #fff7f1; font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-podcast-promo__button:hover, .eml-podcast-promo__button:focus { background: #724d3f; color: #fff7f1; } .eml-podcast-promo__link { font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #8a5f4d; } .eml-podcast-promo__link:hover, .eml-podcast-promo__link:focus { color: #111; } .eml-home-section--especiales { position: relative; margin-top: 8px; padding: 26px 24px 24px; border: 1px solid #f0c8a7; background: #8f2a1c; box-shadow: 0 22px 48px rgba(90, 23, 11, 0.16); color: #fff6ed; overflow: hidden; } .eml-home-section--especiales .eml-home-section__header, .eml-home-section--especiales .eml-especiales-layout { position: relative; z-index: 1; } .eml-home-section--especiales .block-title { margin-bottom: 20px; } .eml-home-section--especiales .block-title span, .eml-home-section--especiales .eml-home-section__archive-link, .eml-home-section--especiales .eml-home-card__title, .eml-home-section--especiales .eml-home-card__title a, .eml-home-section--especiales .eml-compact-item__title, .eml-home-section--especiales .eml-compact-item__title a, .eml-home-section--especiales .eml-especiales-feature__title, .eml-home-section--especiales .eml-especiales-feature__title a { color: #fff6ed; } .eml-home-section--especiales .eml-home-section__archive-link { color: #ffd8b2; background: transparent; } .eml-home-section--especiales .eml-home-section__archive-link:hover, .eml-home-section--especiales .eml-home-section__archive-link:focus { color: #fff6ed !important; background: transparent !important; } .eml-especiales-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.8fr); gap: 20px; } .eml-especiales-feature { display: flex; flex-direction: column; background: rgba(255, 248, 240, 0.1); backdrop-filter: blur(2px); overflow: hidden; } .eml-especiales-feature__media a, .eml-especiales-feature__media img, .eml-especiales-feature__placeholder { display: block; width: 100%; } .eml-especiales-feature__media img, .eml-especiales-feature__placeholder { object-fit: cover; aspect-ratio: 16 / 9; } .eml-especiales-feature__placeholder { background: rgba(255, 248, 240, 0.18); } .eml-especiales-feature__content { display: flex; flex-direction: column; padding: 16px 14px 14px; } .eml-especiales-kicker { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #ffd8b2; } .eml-especiales-feature__title { margin: 0 0 12px; font-size: 31px; font-weight: 700; line-height: 1.04; } .eml-especiales-feature__excerpt { font-size: 15px; line-height: 1.55; color: rgba(255, 246, 237, 0.88); } .eml-home-section--especiales .eml-home-card__title a:hover, .eml-home-section--especiales .eml-home-card__title a:focus, .eml-home-section--especiales .eml-compact-item__title a:hover, .eml-home-section--especiales .eml-compact-item__title a:focus, .eml-home-section--especiales .eml-especiales-feature__title a:hover, .eml-home-section--especiales .eml-especiales-feature__title a:focus { color: #ffd8b2; } .eml-especiales-rail { display: grid; gap: 10px; } .eml-home-section--especiales .eml-compact-item { grid-template-columns: 104px minmax(0, 1fr); padding: 10px 0; border-bottom-color: rgba(255, 236, 208, 0.22); } .eml-home-section--especiales .eml-home-card__date, .eml-home-section--especiales .eml-compact-item__date, .eml-home-section--especiales .eml-home-hero__date { color: #ffd8b2; } .eml-home-section--entrevistas { position: relative; padding: 36px 0 38px; z-index: 0; } .eml-home-section--entrevistas::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); background: linear-gradient(180deg, rgba(245, 236, 230, 0.94), rgba(236, 223, 214, 0.94)), radial-gradient(circle at top right, rgba(111, 76, 63, 0.12), transparent 34%); border-top: 1px solid #ead9d1; border-bottom: 1px solid #ead9d1; z-index: -1; } .eml-home-section--entrevistas .block-title, .eml-home-section--entrevistas .eml-interview-feature, .eml-home-section--entrevistas .eml-interview-grid { position: relative; z-index: 1; } .eml-home-section__inner--main { width: 75%; max-width: 75%; padding-right: 18px; } .eml-interview-feature { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 0; padding: 10px; border: 1px solid #e6e6e6; margin-bottom: 16px; background: rgba(255, 251, 247, 0.8); } .eml-interview-feature__media a { display: block; } .eml-interview-feature__media img, .eml-interview-feature__placeholder { display: block; width: 180px; height: 180px; object-fit: cover; } .eml-interview-feature__placeholder { background: #f1f1f1; } .eml-interview-feature__content { padding: 4px 4px 4px 16px; } .eml-interview-feature__title { margin: 0 0 10px; font-size: var(--eml-entrev-title-size); font-weight: 700; line-height: 1.1; } .eml-interview-feature__title a, .eml-compact-item__title a { color: inherit; } .eml-compact-item__title a:hover, .eml-compact-item__title a:focus { color: var(--eml-link-hover); } .eml-interview-feature__excerpt { font-size: var(--eml-entrev-excerpt-size); line-height: 1.55; color: #555; } .eml-interview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 14px; } /* Escapadas Comarcales section */ .eml-home-section--escapadas { position: relative; padding: 36px 0 38px; z-index: 0; } .eml-home-section--escapadas::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); background: linear-gradient(180deg, rgba(235, 244, 232, 0.96), rgba(221, 236, 216, 0.96)), radial-gradient(circle at top right, rgba(72, 120, 54, 0.10), transparent 34%); border-top: 1px solid #c8dfc2; border-bottom: 1px solid #c8dfc2; z-index: -1; } .eml-home-section--escapadas .block-title { position: relative; z-index: 1; } .eml-home-section--escapadas .block-title span, .eml-home-section--escapadas .block-title a { color: #fff; } .eml-home-section--escapadas .eml-home-section__archive-link { color: #fff; } .eml-home-section--escapadas .eml-home-section__archive-link:hover, .eml-home-section--escapadas .eml-home-section__archive-link:focus { color: #111 !important; } .eml-home-section--escapadas .eml-home-card__title { font-size: var(--eml-card-title-size, 20px); } /* Escapadas landing page */ .eml-escapadas-archive-page { --eml-escapadas-surface: #e6f0e2; --eml-section-surface: var(--eml-escapadas-surface); } .eml-escapadas-landing__feed { padding: 20px 0; } .eml-escapadas-landing__grid { margin-bottom: 24px; } .eml-foro-comarcal-layout { display: flex; flex-direction: column; gap: 20px; } .eml-foro-comarcal-layout__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .eml-sucesos-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; } .eml-sucesos-layout__hero { display: flex; flex-direction: column; } .eml-sucesos-layout__hero .eml-home-card { flex: 1; display: flex; flex-direction: column; } .eml-sucesos-layout__hero .eml-home-card__thumb { flex: 1; min-height: 0; } .eml-sucesos-layout__hero .eml-home-card__thumb img, .eml-sucesos-layout__hero .eml-home-card__thumb .eml-placeholder { width: 100%; height: 100%; object-fit: cover; } .eml-sucesos-layout__list { display: flex; flex-direction: column; gap: 12px; } .eml-sucesos-layout__list .eml-compact-item:last-child, .eml-home-section--videos .eml-compact-item:last-child { border-bottom: none; } .eml-compact-item { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 10px; align-items: start; padding-bottom: 12px; border-bottom: 1px solid #e6e6e6; } .eml-compact-item__thumb { display: block; } .eml-compact-item__thumb img, .eml-compact-item__thumb--empty { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .eml-compact-item__thumb--empty { background: #f1f1f1; } .eml-compact-item__title { margin: 0; font-size: var(--eml-card-title-size, 18px); font-weight: 650; line-height: 1.24; } .eml-topic-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .eml-topic-column { padding: 18px 16px 16px; border: 1px solid var(--eml-topic-column-border, #e4ded5); background: radial-gradient(circle at top right, var(--eml-topic-column-glow, rgba(255, 255, 255, 0.28)), transparent 46%), linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.08)), var(--eml-topic-column-bg, #f6f3ee); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42), 0 14px 28px rgba(31, 27, 21, 0.08); color: var(--eml-topic-column-text, #201b16); } .eml-topic-column--deportes { --eml-topic-column-bg: #dfeee4; --eml-topic-column-accent: #1f6a43; --eml-topic-column-border: #9fc4ad; --eml-topic-column-glow: rgba(120, 182, 146, 0.34); --eml-topic-column-text: #163624; } .eml-topic-column--cultura { --eml-topic-column-bg: #e1e8d3; --eml-topic-column-accent: #6b7f18; --eml-topic-column-border: #b6c48e; --eml-topic-column-glow: rgba(164, 186, 78, 0.3); --eml-topic-column-text: #33410d; } .eml-topic-column--economia { --eml-topic-column-bg: #f4dfcf; --eml-topic-column-accent: #9a4c1e; --eml-topic-column-border: #dbb28f; --eml-topic-column-glow: rgba(211, 133, 73, 0.3); --eml-topic-column-text: #472612; } .eml-topic-column__header { margin-bottom: 12px; padding-bottom: 8px; border-bottom: 3px solid var(--eml-topic-column-accent, #111); } .eml-topic-column__header h2 { margin: 0; font-size: 26px; line-height: 1.1; } .eml-topic-column__header h2, .eml-topic-column__header h2 a { color: inherit; } .eml-topic-column__archive-link { color: var(--eml-topic-column-accent, #666); } .eml-topic-column__archive-link:hover, .eml-topic-column__archive-link:focus { color: #111 !important; background: transparent !important; } .eml-topic-column__items { display: grid; gap: 18px; } .eml-home-card { display: flex; flex-direction: column; height: 100%; padding-bottom: 4px; border-radius: var(--eml-card-radius, 4px); } .eml-topic-column .eml-home-card__thumb { margin-bottom: 6px; } .eml-topic-column .eml-home-card__title { font-size: var(--eml-card-title-size, 18px); font-weight: 650; line-height: 1.24; } .eml-home-card__thumb { margin-bottom: 8px; } .eml-home-card__thumb img, .eml-home-card__thumb--empty { aspect-ratio: 4 / 3; } .eml-home-card__title { margin: 0 0 4px; font-size: var(--eml-card-title-size, 17px); font-family: var(--eml-heading-font, inherit); font-weight: var(--eml-card-title-weight, 650); line-height: var(--eml-card-title-lh, 1.25); letter-spacing: var(--eml-card-title-ls, 0em); } .eml-home-card--large .eml-home-card__title { font-size: calc(var(--eml-card-title-size, 17px) * 1.3); } .eml-home-footer { margin: 60px 0 24px; padding: 22px 24px 18px; border-top: 3px solid var(--eml-link-hover, #1f4d3a); border-bottom: 1px solid #d8ddd8; background: var(--eml-card-bg, #fff); } .eml-home-footer__inner { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px 28px; } .eml-home-footer__meta { display: grid; gap: 6px; } .eml-home-footer__logo { display: block; line-height: 1; text-decoration: none; opacity: 0.88; transition: opacity 0.18s ease; } .eml-home-footer__logo:hover, .eml-home-footer__logo:focus { opacity: 1; } .eml-home-footer__logo-img { display: block; width: auto; max-width: 180px; height: auto; } .eml-home-footer__copyright { margin: 0; font-size: 12px; line-height: 1.5; color: #54635b; } .eml-home-footer__nav { flex: 1; } .eml-home-footer__links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 24px; margin: 0; padding: 0; list-style: none; } .eml-home-footer__item { margin: 0; } .eml-home-footer__link { position: relative; display: inline-block; padding-bottom: 3px; font-size: 14px; font-weight: 700; line-height: 1.3; color: #24332b; text-decoration: none; } .eml-home-footer__link::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: rgba(31, 77, 58, 0.28); transform: scaleX(0.45); transform-origin: left center; transition: transform 0.2s ease, background-color 0.2s ease; } .eml-home-footer__link:hover, .eml-home-footer__link:focus { color: var(--eml-link-hover, #1f4d3a); } .eml-home-footer__link:hover::after, .eml-home-footer__link:focus::after { background: var(--eml-link-hover, #1f4d3a); transform: scaleX(1); } @media (max-width: 1140px) { .eml-home-hero { grid-template-columns: 1fr; } .eml-especiales-layout { grid-template-columns: 1fr; } .eml-home-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eml-home-grid--three, .eml-home-grid--five { grid-template-columns: repeat(3, minmax(0, 1fr)); } .eml-topic-columns { grid-template-columns: 1fr; gap: 24px; } .eml-opinion-grid, .eml-home-section--opinion .eml-opinion-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eml-opinion-landing__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eml-opinion-signatures__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eml-foro-comarcal-layout__grid, .eml-sucesos-layout { grid-template-columns: 1fr; } .eml-home-section--videos .eml-compact-item { grid-template-columns: 220px minmax(0, 1fr); } .eml-podcast-promo, .eml-podcast-promo--has-thumbnail { grid-template-columns: 1fr; } .eml-podcast-promo__thumbnail img { width: 100%; height: 180px; } .eml-interview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eml-home-section--entrevistas { padding: 30px 0 32px; } .eml-home-section--salud-estilo { padding: 24px 20px 20px; } .eml-home-section--opinion { padding: 26px 20px 24px; } .eml-opinion-landing__intro, .eml-opinion-landing__feed, .eml-opinion-landing__signatures { padding: 24px 20px; } .eml-opinion-columnist-archive { padding: 24px 20px; } .eml-opinion-columnist-archive__profile { grid-template-columns: 116px minmax(0, 1fr); gap: 18px; } .eml-opinion-columnist-archive__portrait { width: 116px; height: 116px; } .eml-opinion-columnist-archive__name { font-size: 32px; } .eml-opinion-columnist-archive__title { font-size: 24px; } .eml-opinion-landing__intro { flex-direction: column; align-items: flex-start; } .eml-salud-grid { grid-template-columns: 1fr; } .eml-home-section--escapadas { padding: 28px 0 30px; } .eml-home-section__inner--main { width: 100%; max-width: 100%; padding-right: 0; } .eml-sidebar-placeholder__frame { min-height: 420px; } .eml-sidebar-placeholder__size { font-size: 30px; } .eml-home-footer__inner { flex-direction: column; } .eml-home-footer__links { justify-content: flex-start; } } @media (max-width: 767px) { .eml-opinion-columnist-archive__profile { grid-template-columns: 1fr; justify-items: center; text-align: center; } .eml-opinion-columnist-archive__name { font-size: 30px; } .eml-opinion-columnist-archive__title { font-size: 22px; } .eml-opinion-columnist-archive__excerpt { font-size: 15px; } } @media (max-width: 767px) { .eml-home-section--videos { border-left: none; padding-left: 0; } } @media (max-width: 767px) { .eml-mock-banner__inner { flex-direction: column; justify-content: center; padding: 16px; text-align: center; } .eml-mock-banner__label { font-size: 18px; } .eml-sidebar-placeholder { margin-bottom: 20px; padding: 10px; } .eml-sidebar-placeholder__frame { min-height: 320px; padding: 24px 16px; } .eml-sidebar-placeholder__size { font-size: 26px; } .eml-home-section--especiales { padding: 20px 16px 18px; } .eml-home-section--opinion, .eml-home-section--salud-estilo { padding: 20px 16px 18px; } .eml-opinion-landing__intro, .eml-opinion-landing__feed { padding: 20px 16px 18px; } .eml-home-section .block-title span, .eml-home-section .block-title a.eml-home-section__title-link { font-size: 20px; } .eml-home-section__header, .eml-topic-column__header { align-items: baseline; } .eml-home-hero { gap: 16px; margin-bottom: 22px; padding-bottom: 22px; } .eml-home-hero__title { font-size: 29px; } .eml-home-hero__date, .eml-home-card__date, .eml-interview-feature__date, .eml-compact-item__date { font-size: 10px; } .eml-home-hero__excerpt { font-size: 15px; line-height: 1.6; } .eml-home-grid--four, .eml-home-grid--three, .eml-home-grid--five { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eml-home-section--escapadas .eml-home-grid--two { max-width: 100%; } .eml-opinion-grid, .eml-home-section--opinion .eml-opinion-grid { grid-template-columns: 1fr; } .eml-opinion-landing__grid { grid-template-columns: 1fr; } .eml-opinion-signatures__grid { grid-template-columns: 1fr; } .eml-opinion-card { padding: 16px 14px; } .eml-opinion-card__portrait { width: 116px; height: 116px; } .eml-opinion-card__name { font-size: 15px; } .eml-opinion-card__title { font-size: 20px; } .eml-opinion-landing__intro-title { font-size: 30px; } .eml-opinion-landing__intro-text { font-size: 15px; } .eml-opinion-landing__pagination { flex-direction: column; align-items: flex-start; } .eml-opinion-landing__filter-state { flex-direction: column; align-items: flex-start; } .eml-topic-column__header h2 { font-size: 22px; } .eml-topic-column .eml-home-card__title { font-size: var(--eml-card-title-size, 17px); } .eml-interview-feature { grid-template-columns: 1fr; padding: 8px; } .eml-interview-feature__media { margin-bottom: 10px; } .eml-interview-feature__media img, .eml-interview-feature__placeholder { width: 120px; height: 120px; } .eml-interview-feature__content { padding: 0 4px 4px; } .eml-interview-feature__title { font-size: calc(var(--eml-entrev-title-size) * 0.91); } .eml-interview-grid { grid-template-columns: 1fr; } .eml-home-section--entrevistas { padding: 24px 0 26px; } .eml-interview-feature__excerpt { font-size: calc(var(--eml-entrev-excerpt-size) * 1.13); } .eml-compact-item__title { font-size: var(--eml-card-title-size, 17px); } .eml-especiales-feature__title { font-size: 25px; } .eml-home-section--salud-estilo .eml-home-card__title { font-size: var(--eml-card-title-size, 19px); } .eml-compact-item { grid-template-columns: 96px minmax(0, 1fr); } .eml-home-section--especiales .eml-compact-item { grid-template-columns: 88px minmax(0, 1fr); } .eml-home-section--videos .eml-compact-item { grid-template-columns: 1fr; } .eml-home-section--videos .eml-compact-item__title { font-size: var(--eml-card-title-size, 16px); } .eml-podcast-promo, .eml-podcast-promo--has-thumbnail { padding: 20px 16px; grid-template-columns: 1fr; } .eml-podcast-promo__thumbnail img { width: 100%; height: 160px; } .eml-podcast-promo__title { font-size: calc(var(--eml-podcast-title-size) * 0.8); } .eml-home-footer { margin: 40px 0 20px; padding: 18px 16px 14px; } .eml-home-footer__links { flex-direction: column; gap: 12px; } .eml-home-footer__link { font-size: 15px; } } .eml-municipality-selector-page .td-main-sidebar, .eml-municipality-landing-page .td-main-sidebar, .eml-contacto-page .td-main-sidebar { display: none; } .eml-home-chrome-page .td-crumb-container, .eml-home-chrome-page .td-page-header, .eml-municipality-archive-page .td-crumb-container, .eml-municipality-archive-page .td-page-header, .eml-municipality-archive-page .td-main-sidebar, .eml-municipality-archive-page .td-category-grid, .eml-municipality-archive-page .page-nav, .eml-municipality-archive-page .td-category-header, .eml-horta-archive-page .td-footer-page, .eml-cultura-archive-page .td-footer-page, .eml-foro-comarcal-archive-page .td-footer-page, .eml-home-chrome-page .td-footer-page { display: none; } .eml-municipality-selector-page .td-main-content, .eml-municipality-selector-page .td-pb-span8, .eml-municipality-landing-page .td-main-content, .eml-municipality-landing-page .td-pb-span8, .eml-contacto-page .td-main-content, .eml-contacto-page .td-pb-span8 { width: 100%; } .eml-municipality-selector-page .td-ss-main-content, .eml-municipality-landing-page .td-ss-main-content, .eml-contacto-page .td-ss-main-content { padding-right: 0; } .eml-municipality-page { margin-bottom: 42px; } /* ========================================================= Masthead — unified base ========================================================= */ .eml-masthead { margin: 24px 0; } .eml-masthead .td-pb-span12 { width: 100%; } .eml-masthead__panel { padding: var(--eml-masthead-padding-block, 10px) 24px; border: 1px solid #ddd3c6; background: linear-gradient(180deg, rgba(252, 248, 242, 0.98), rgba(247, 241, 232, 0.98)), radial-gradient(circle at top right, rgba(159, 29, 29, 0.08), transparent 34%); box-shadow: 0 18px 36px rgba(22, 19, 14, 0.08); } body .eml-masthead .eml-masthead__title { margin: 0; font-family: var(--eml-heading-font, Georgia, "Times New Roman", serif); font-size: var(--eml-masthead-title-clamp, clamp(26px, 3.4vw, 34px)); line-height: 1.05; } .eml-masthead__eyebrow { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; } .eml-masthead__meta { margin-top: 10px; } .eml-masthead__status { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border: 1px solid rgba(143, 42, 28, 0.22); background: rgba(255, 250, 245, 0.92); font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } /* --- Section color modifiers --- */ .eml-masthead--actualidad .eml-masthead__title { color: #131a17; } .eml-masthead--opinion .eml-masthead__panel { border-color: #c09060; background: linear-gradient(180deg, rgba(250, 244, 236, 0.99), rgba(241, 231, 218, 0.99)), radial-gradient(circle at top right, rgba(114, 60, 24, 0.18), transparent 36%); } .eml-masthead--opinion .eml-masthead__title, .eml-masthead--opinion .eml-masthead__eyebrow { color: #5f3822; } .eml-masthead--salud .eml-masthead__panel { border-color: #9fbea9; background: linear-gradient(180deg, rgba(241, 248, 244, 0.99), rgba(230, 239, 233, 0.99)), radial-gradient(circle at top right, rgba(104, 145, 118, 0.18), transparent 36%); } .eml-masthead--salud .eml-masthead__title { color: #214236; } .eml-masthead--deportes .eml-masthead__panel { border-color: #9fc4ad; background: linear-gradient(180deg, rgba(233, 245, 237, 0.98), rgba(223, 238, 228, 0.98)), radial-gradient(circle at top right, rgba(120, 182, 146, 0.20), transparent 36%); } .eml-masthead--deportes .eml-masthead__title { color: #163624; } .eml-masthead--deportes .eml-masthead__eyebrow, .eml-masthead--deportes .eml-masthead__status { color: #163624; } .eml-masthead--entrevistas .eml-masthead__panel { border-color: #cba58f; background: linear-gradient(180deg, rgba(248, 239, 233, 0.99), rgba(239, 227, 219, 0.99)), radial-gradient(circle at top right, rgba(119, 46, 34, 0.18), transparent 36%); } .eml-masthead--entrevistas .eml-masthead__title { color: #53261d; } .eml-masthead--podcasts .eml-masthead__panel { border-color: #c6906f; background: linear-gradient(180deg, rgba(252, 246, 240, 0.99), rgba(242, 230, 220, 0.99)), radial-gradient(circle at top right, rgba(138, 95, 77, 0.18), transparent 38%); } .eml-masthead--podcasts .eml-masthead__title { color: #4a281c; } .eml-masthead--videos .eml-masthead__panel { border-color: #7b879b; background: linear-gradient(180deg, rgba(242, 245, 250, 0.99), rgba(237, 240, 245, 0.99)), radial-gradient(circle at top right, rgba(55, 65, 81, 0.18), transparent 38%); } .eml-masthead--videos .eml-masthead__title { color: #1f2937; } .eml-masthead--sucesos .eml-masthead__panel { border-color: #7b8794; background: linear-gradient(180deg, rgba(245, 248, 250, 0.99), rgba(231, 236, 239, 0.99)), radial-gradient(circle at top right, rgba(31, 41, 55, 0.16), transparent 38%); } .eml-masthead--sucesos .eml-masthead__title { color: #1f2937; } .eml-masthead--valencia .eml-masthead__panel { border-color: #c8a86b; background: linear-gradient(180deg, rgba(254, 250, 237, 0.99), rgba(251, 243, 219, 0.99)), radial-gradient(circle at top right, rgba(124, 58, 0, 0.12), transparent 38%); } .eml-masthead--valencia .eml-masthead__title { color: #3d1f00; } .eml-masthead--escapadas .eml-masthead__panel { border-color: #92ba80; background: linear-gradient(180deg, rgba(236, 247, 232, 0.99), rgba(221, 238, 215, 0.99)), radial-gradient(circle at top right, rgba(58, 112, 40, 0.18), transparent 36%); } .eml-masthead--escapadas .eml-masthead__title { color: #1a4a10; } /* Archive section modifiers */ .eml-masthead--horta .eml-masthead__title { color: #131a17; } .eml-masthead--cultura .eml-masthead__panel { border-color: #b6c48e; background: #ebf0e1; } .eml-masthead--cultura .eml-masthead__title { color: #33410d; } .eml-masthead--economia .eml-masthead__panel { border-color: #dbb28f; background: linear-gradient(180deg, rgba(247, 234, 222, 0.98), rgba(244, 223, 207, 0.98)), radial-gradient(circle at top right, rgba(211, 133, 73, 0.18), transparent 36%); } .eml-masthead--economia .eml-masthead__title { color: #472612; } .eml-masthead--foro-comarcal .eml-masthead__panel { border-color: #e0d4cb; background: #ffffff; } .eml-masthead--foro-comarcal .eml-masthead__title { color: #5a2715; } .eml-cultura-archive-page { --eml-cultura-surface: #e1e8d3; --eml-section-surface: var(--eml-cultura-surface); } .eml-foro-comarcal-archive-page { --eml-foro-comarcal-surface: #ffffff; --eml-section-surface: var(--eml-foro-comarcal-surface); background-color: #ffffff; } .eml-economia-archive-page { --eml-economia-surface: #f4dfcf; --eml-section-surface: var(--eml-economia-surface); } .eml-deportes-landing-page { --eml-deportes-surface: #dfeee4; --eml-section-surface: var(--eml-deportes-surface); } .eml-actualidad-landing-page { --eml-actualidad-surface: #f7f1e8; --eml-section-surface: var(--eml-actualidad-surface); } .eml-sucesos-landing-page { --eml-sucesos-surface: #e7ecef; --eml-section-surface: var(--eml-sucesos-surface); } .eml-salud-landing-page { --eml-salud-surface: #e6efe9; --eml-section-surface: var(--eml-salud-surface); } .eml-valencia-landing-page { --eml-valencia-surface: #fdf6e3; --eml-section-surface: var(--eml-valencia-surface); } .eml-especiales-landing-page { --eml-especiales-surface: #fff3e8; --eml-section-surface: var(--eml-especiales-surface); } .eml-dana-landing-page { --eml-dana-surface: #e7ecef; --eml-section-surface: var(--eml-dana-surface); } .eml-elecciones-landing-page { --eml-elecciones-surface: #eef2f7; --eml-section-surface: var(--eml-elecciones-surface); } .eml-entrevistas-landing-page { --eml-entrevistas-surface: #efe3db; --eml-section-surface: var(--eml-entrevistas-surface); } .eml-podcasts-landing-page { --eml-podcasts-surface: #f2e6dc; --eml-section-surface: var(--eml-podcasts-surface); } .eml-videos-landing-page { --eml-videos-surface: #edf0f5; --eml-section-surface: var(--eml-videos-surface); } .eml-cultura-archive { padding: 24px; border: 1px solid rgba(182, 196, 142, 0.9); background: #e1e8d3; box-shadow: 0 18px 36px rgba(51, 65, 13, 0.08); } .eml-foro-comarcal-archive { padding: 24px; border: 1px solid rgba(224, 212, 203, 0.96); background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(250, 248, 245, 0.99)), radial-gradient(circle at top left, rgba(159, 29, 29, 0.06), transparent 40%); box-shadow: 0 18px 36px rgba(90, 39, 21, 0.08); } .eml-economia-archive { padding: 24px; border: 1px solid rgba(219, 178, 143, 0.92); background: linear-gradient(180deg, rgba(244, 223, 207, 0.98), rgba(238, 214, 196, 0.98)), radial-gradient(circle at top left, rgba(255, 255, 255, 0.42), transparent 42%); box-shadow: 0 18px 36px rgba(71, 38, 18, 0.08); } .eml-deportes-landing { display: grid; gap: 30px; padding: 24px; border: 1px solid rgba(159, 196, 173, 0.92); background: linear-gradient(180deg, rgba(223, 238, 228, 0.98), rgba(213, 233, 220, 0.98)), radial-gradient(circle at top left, rgba(255, 255, 255, 0.45), transparent 42%); box-shadow: 0 18px 36px rgba(22, 54, 36, 0.08); } .eml-actualidad-landing { display: grid; gap: 30px; } .eml-podcasts-landing { display: grid; gap: 28px; padding: 24px; border: 1px solid rgba(198, 144, 111, 0.9); background: linear-gradient(180deg, rgba(247, 238, 229, 0.98), rgba(242, 230, 220, 0.98)), radial-gradient(circle at top left, rgba(255, 255, 255, 0.42), transparent 42%); box-shadow: 0 18px 36px rgba(74, 40, 28, 0.08); } .eml-videos-landing { display: grid; gap: 28px; padding: 24px; border: 1px solid rgba(123, 135, 155, 0.9); background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(237, 240, 245, 0.98)), radial-gradient(circle at top left, rgba(255, 255, 255, 0.5), transparent 44%); box-shadow: 0 18px 36px rgba(31, 41, 55, 0.08); } .eml-salud-landing { display: grid; gap: 28px; padding: 24px; border: 1px solid rgba(159, 190, 169, 0.92); background: linear-gradient(180deg, rgba(230, 239, 233, 0.98), rgba(222, 235, 227, 0.98)), radial-gradient(circle at top left, rgba(255, 255, 255, 0.45), transparent 42%); box-shadow: 0 18px 36px rgba(33, 66, 54, 0.08); } .eml-especiales-landing { display: grid; gap: 28px; padding: 24px; border: 1px solid rgba(230, 179, 138, 0.92); background: linear-gradient(180deg, rgba(255, 248, 241, 0.99), rgba(255, 243, 232, 0.99)), radial-gradient(circle at top left, rgba(143, 42, 28, 0.07), transparent 42%); box-shadow: 0 18px 36px rgba(95, 36, 24, 0.09); } .eml-elecciones-landing { display: grid; gap: 28px; padding: 24px; border: 1px solid rgba(185, 199, 219, 0.92); background: linear-gradient(180deg, rgba(245, 248, 252, 0.99), rgba(238, 242, 247, 0.99)), radial-gradient(circle at top left, rgba(42, 77, 122, 0.08), transparent 42%); box-shadow: 0 18px 36px rgba(36, 59, 88, 0.08); } .eml-entrevistas-landing { display: grid; gap: 28px; padding: 24px; border: 1px solid rgba(203, 165, 143, 0.9); background: linear-gradient(180deg, rgba(239, 227, 219, 0.98), rgba(231, 217, 208, 0.98)), radial-gradient(circle at top left, rgba(255, 255, 255, 0.48), transparent 44%); box-shadow: 0 18px 36px rgba(83, 38, 29, 0.08); } .eml-cultura-archive-page .td-main-content-wrap, .eml-foro-comarcal-archive-page .td-main-content-wrap, .eml-economia-archive-page .td-main-content-wrap, .eml-actualidad-landing-page .td-main-content-wrap, .eml-salud-landing-page .td-main-content-wrap, .eml-especiales-landing-page .td-main-content-wrap, .eml-dana-landing-page .td-main-content-wrap, .eml-elecciones-landing-page .td-main-content-wrap, .eml-entrevistas-landing-page .td-main-content-wrap, .eml-videos-landing-page .td-main-content-wrap, .eml-deportes-landing-page .td-main-content-wrap, .eml-valencia-landing-page .td-main-content-wrap { padding-top: 0; padding-bottom: 0; } .eml-cultura-archive .eml-cultura-archive__feed .block-title span, .eml-cultura-archive .eml-cultura-archive__feed .block-title a, .eml-cultura-archive .eml-cultura-archive__feed .eml-home-section__header span, .eml-cultura-archive .eml-home-section__archive-link, .eml-cultura-archive__pagination-copy { color: #f7faef; } .eml-foro-comarcal-archive .eml-foro-comarcal-archive__feed .block-title span, .eml-foro-comarcal-archive .eml-foro-comarcal-archive__feed .block-title a, .eml-foro-comarcal-archive .eml-foro-comarcal-archive__feed .eml-home-section__header span, .eml-foro-comarcal-archive .eml-home-section__archive-link, .eml-foro-comarcal-archive__pagination-copy { color: #f7efe9; } .eml-economia-archive .eml-economia-archive__feed .block-title span, .eml-economia-archive .eml-economia-archive__feed .block-title a, .eml-economia-archive .eml-economia-archive__feed .eml-home-section__header span, .eml-economia-archive .eml-home-section__archive-link, .eml-economia-archive__pagination-copy { color: #fff7f1; } .eml-deportes-landing .eml-deportes-landing__feed .block-title span, .eml-deportes-landing .eml-deportes-landing__feed .block-title a, .eml-deportes-landing .eml-deportes-landing__feed .eml-home-section__header span, .eml-deportes-landing .eml-home-section__archive-link, .eml-deportes-landing__pagination-copy { color: #f5fbf7; } .eml-actualidad-landing .eml-actualidad-landing__feed .block-title span, .eml-actualidad-landing .eml-actualidad-landing__feed .block-title a, .eml-actualidad-landing .eml-actualidad-landing__feed .eml-home-section__header span, .eml-actualidad-landing .eml-home-section__archive-link, .eml-actualidad-landing__pagination-copy { color: #fbf7f1; } .eml-salud-landing .eml-salud-landing__feed .block-title span, .eml-salud-landing .eml-salud-landing__feed .block-title a, .eml-salud-landing .eml-salud-landing__feed .eml-home-section__header span, .eml-salud-landing .eml-home-section__archive-link, .eml-salud-landing__pagination-copy { color: #f4fbf7; } .eml-salud-landing__eyebrow, .eml-salud-landing__hero-kicker { margin: 0 0 10px; font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: #4f7564; } .eml-salud-landing__masthead, .eml-salud-landing__lead, .eml-salud-landing__topics { padding: 0; } .eml-salud-landing__masthead { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: 6px; border-bottom: 1px solid rgba(79, 117, 100, 0.16); } .eml-salud-landing__masthead-copy { max-width: 720px; } .eml-salud-landing__intro-title { margin: 0 0 12px; font-size: 46px; line-height: 0.98; color: #16342b; } .eml-salud-landing__intro-text { margin: 0; font-size: 18px; line-height: 1.66; color: #496156; } .eml-salud-landing__masthead-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border: 1px solid rgba(79, 117, 100, 0.28); background: rgba(255, 255, 255, 0.58); color: #214236; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-salud-landing__masthead-link:hover, .eml-salud-landing__masthead-link:focus { background: rgba(255, 255, 255, 0.9); color: #16342b; } .eml-salud-landing__lead { display: grid; gap: 22px; } .eml-salud-landing__hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 26px; padding: 20px; border: 1px solid rgba(109, 146, 123, 0.22); background: rgba(252, 255, 253, 0.72); } .eml-salud-landing__hero-media a { display: block; height: 100%; } .eml-salud-landing__hero-media img, .eml-salud-landing__hero-placeholder { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16 / 10; } .eml-salud-landing__hero-content { display: flex; flex-direction: column; justify-content: center; } .eml-salud-landing__hero-date, .eml-salud-service-card__date, .eml-salud-topic-card__date { display: inline-block; margin-bottom: 12px; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #4f7564; } .eml-salud-landing__hero-title { margin: 0 0 14px; font-size: 40px; line-height: 1.02; color: #16342b; } .eml-salud-landing__hero-title a, .eml-salud-service-card__title a, .eml-salud-topic-card__title a { color: inherit; } .eml-salud-landing__hero-excerpt { margin: 0; font-size: 17px; line-height: 1.7; color: #496156; } .eml-salud-landing__service-strip { padding: 22px 20px; border: 1px solid rgba(109, 146, 123, 0.18); background: rgba(250, 253, 251, 0.72); } .eml-salud-landing__service-header, .eml-salud-landing__topics-header { margin-bottom: 18px; } .eml-salud-landing__service-title, .eml-salud-landing__topics-title { margin: 0; font-size: 28px; line-height: 1.08; color: #16342b; } .eml-salud-landing__service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .eml-salud-service-card { padding: 16px; border: 1px solid rgba(109, 146, 123, 0.16); background: rgba(255, 255, 255, 0.76); } .eml-salud-service-card__title { margin: 0 0 10px; font-size: 21px; line-height: 1.18; color: #16342b; } .eml-salud-service-card__excerpt { margin: 0; font-size: 15px; line-height: 1.62; color: #566f63; } .eml-salud-landing__topics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .eml-salud-topic-card { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 18px; padding: 18px; border: 1px solid rgba(109, 146, 123, 0.18); background: rgba(252, 255, 253, 0.74); } .eml-salud-topic-card__thumb { display: block; } .eml-salud-topic-card__thumb img, .eml-salud-topic-card__thumb-image--placeholder { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .eml-salud-topic-card__content { display: flex; flex-direction: column; justify-content: center; } .eml-salud-topic-card__title { margin: 0 0 10px; font-size: 24px; line-height: 1.14; color: #16342b; } .eml-salud-topic-card__excerpt { margin: 0; font-size: 15px; line-height: 1.66; color: #566f63; } .eml-salud-landing__feed { padding-top: 8px; scroll-margin-top: 140px; } .eml-salud-landing__grid { margin-bottom: 26px; } .eml-especiales-landing .eml-deportes-landing__feed .block-title span, .eml-especiales-landing .eml-deportes-landing__feed .block-title a, .eml-especiales-landing .eml-deportes-landing__feed .eml-home-section__header span, .eml-especiales-landing .eml-home-section__archive-link, .eml-especiales-landing .eml-deportes-landing__pagination-copy { color: #fff7f1; } .eml-dana-landing .eml-deportes-landing__feed .block-title span, .eml-dana-landing .eml-deportes-landing__feed .block-title a, .eml-dana-landing .eml-deportes-landing__feed .eml-home-section__header span, .eml-dana-landing .eml-home-section__archive-link, .eml-dana-landing .eml-deportes-landing__pagination-copy { color: #f8fbfc; } .eml-elecciones-landing .eml-deportes-landing__feed .block-title span, .eml-elecciones-landing .eml-deportes-landing__feed .block-title a, .eml-elecciones-landing .eml-deportes-landing__feed .eml-home-section__header span, .eml-elecciones-landing .eml-home-section__archive-link, .eml-elecciones-landing .eml-deportes-landing__pagination-copy { color: #f8fbff; } .eml-entrevistas-landing .eml-entrevistas-landing__feed .block-title span, .eml-entrevistas-landing .eml-entrevistas-landing__feed .block-title a, .eml-entrevistas-landing .eml-entrevistas-landing__feed .eml-home-section__header span, .eml-entrevistas-landing .eml-home-section__archive-link, .eml-entrevistas-landing__pagination-copy { color: #fff9f6; } .eml-entrevistas-landing__hero-kicker, .eml-entrevistas-landing__rail-eyebrow { margin: 0 0 12px; font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: #8a4d3d; } .eml-podcasts-landing .eml-podcasts-landing__feed .block-title span, .eml-podcasts-landing .eml-podcasts-landing__feed .block-title a, .eml-podcasts-landing .eml-podcasts-landing__feed .eml-home-section__header span, .eml-podcasts-landing .eml-home-section__archive-link, .eml-podcasts-landing__pagination-copy { color: #4a281c; } .eml-videos-landing .eml-videos-landing__feed .block-title span, .eml-videos-landing .eml-videos-landing__feed .block-title a, .eml-videos-landing .eml-videos-landing__feed .eml-home-section__header span, .eml-videos-landing .eml-home-section__archive-link { color: #ffffff; } .eml-videos-landing__pagination-copy { color: #111827; } .eml-videos-landing__hero-kicker, .eml-videos-landing__rail-eyebrow { margin: 0 0 12px; font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: #b45309; } .eml-videos-landing__lead { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, 0.85fr); gap: 22px; align-items: start; } .eml-videos-landing__hero { display: grid; grid-template-columns: 1fr; gap: 0; padding: 0; border: 1px solid rgba(123, 135, 155, 0.2); background: rgba(255, 255, 255, 0.78); overflow: hidden; } .eml-videos-landing__hero-media a { position: relative; display: block; height: 100%; } .eml-videos-landing__hero-media img, .eml-videos-landing__hero-placeholder { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16 / 10; } .eml-videos-landing__play-badge { position: absolute; left: 18px; bottom: 18px; display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; background: rgba(17, 24, 39, 0.84); color: #f9fafb; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .eml-videos-landing__hero-content { display: flex; flex-direction: column; justify-content: flex-start; padding: 22px 24px 24px; } .eml-videos-landing__hero-date { display: inline-block; margin-bottom: 14px; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #6b7280; } .eml-videos-landing__hero-title { margin: 0 0 14px; font-size: 42px; line-height: 0.98; color: #111827; } .eml-videos-landing__hero-title a { color: inherit; } .eml-videos-landing__hero-excerpt { margin: 0; font-size: 17px; line-height: 1.72; color: #4b5563; } .eml-videos-landing__hero-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 22px; padding: 0 18px; background: #111827; color: #f9fafb; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-videos-landing__hero-link:hover, .eml-videos-landing__hero-link:focus { background: #374151; color: #f9fafb; } .eml-videos-landing__rail { padding: 22px 20px; border: 1px solid rgba(180, 83, 9, 0.16); background: rgba(255, 251, 235, 0.74); } .eml-videos-landing__rail-header { margin-bottom: 18px; } .eml-videos-landing__rail-title { margin: 0; font-size: 28px; line-height: 1.08; color: #111827; } .eml-videos-landing__rail-grid, .eml-videos-landing__feed { display: grid; gap: 22px; } .eml-videos-landing__grid { display: grid; gap: 22px; } .eml-videos-landing__pagination { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; padding: 18px 0 4px; border-top: 1px solid rgba(123, 135, 155, 0.18); } .eml-videos-landing__pagination-copy { margin: 0; font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-videos-landing__pagination-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; } .eml-videos-landing__page-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border: 1px solid rgba(123, 135, 155, 0.24); background: rgba(255, 255, 255, 0.8); color: #1f2937; text-decoration: none; } .eml-videos-landing__page-link:hover, .eml-videos-landing__page-link:focus { border-color: rgba(180, 83, 9, 0.45); color: #92400e; } .eml-videos-landing__page-label { font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-podcasts-landing__lead { display: grid; gap: 22px; } .eml-podcasts-landing__intro { display: grid; gap: 8px; padding: 4px 0 0; } .eml-podcasts-landing__eyebrow, .eml-podcasts-landing__hero-kicker { margin: 0; font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: #8a5f4d; } .eml-podcasts-landing__intro-title { margin: 0; max-width: 760px; font-size: 42px; line-height: 0.98; color: #22130d; } .eml-podcasts-landing__intro-copy { margin: 0; max-width: 760px; font-size: 17px; line-height: 1.7; color: #5f5048; } .eml-podcasts-landing__hero { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 28px; align-items: stretch; padding: 22px; border: 1px solid rgba(138, 95, 77, 0.18); background: linear-gradient(180deg, rgba(255, 249, 244, 0.86), rgba(249, 240, 232, 0.86)), radial-gradient(circle at top left, rgba(138, 95, 77, 0.08), transparent 36%); } .eml-podcasts-landing__hero-media a { display: block; height: 100%; } .eml-podcasts-landing__hero-media img, .eml-podcasts-landing__hero-placeholder { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 5; } .eml-podcasts-landing__hero-content { display: flex; flex-direction: column; justify-content: center; } .eml-podcasts-landing__hero-date { display: inline-block; margin: 12px 0 14px; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #8a5f4d; } .eml-podcasts-landing__hero-title { margin: 0 0 16px; font-size: 46px; line-height: 0.98; color: #25140d; } .eml-podcasts-landing__hero-title a { color: inherit; } .eml-podcasts-landing__hero-excerpt { font-size: 17px; line-height: 1.72; color: #5f5048; } .eml-podcasts-landing__hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; } .eml-podcasts-landing__listen-button, .eml-podcasts-landing__read-link, .eml-podcasts-landing__platform-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; text-decoration: none; } .eml-podcasts-landing__listen-button { background: #8a5f4d; color: #fff7f1; font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-podcasts-landing__listen-button:hover, .eml-podcasts-landing__listen-button:focus { background: #724d3f; color: #fff7f1; } .eml-podcasts-landing__read-link { border: 1px solid rgba(138, 95, 77, 0.22); background: rgba(255, 255, 255, 0.66); color: #4a281c; font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-podcasts-landing__read-link:hover, .eml-podcasts-landing__read-link:focus { border-color: rgba(138, 95, 77, 0.5); color: #1d100b; } .eml-podcasts-landing__platforms { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; } .eml-podcasts-landing__platform-link { border: 1px solid rgba(138, 95, 77, 0.16); background: rgba(255, 255, 255, 0.78); color: #8a5f4d; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-podcasts-landing__platform-link:hover, .eml-podcasts-landing__platform-link:focus { border-color: rgba(138, 95, 77, 0.42); color: #25140d; } .eml-podcasts-landing__archive { display: grid; gap: 16px; padding-top: 8px; border-top: 1px solid rgba(138, 95, 77, 0.16); } .eml-podcasts-landing__archive-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .eml-podcasts-landing__feed { display: grid; gap: 22px; } .eml-podcasts-landing__grid { display: grid; gap: 22px; } .eml-podcasts-landing__pagination { display: grid; gap: 14px; padding: 18px 0 4px; border-top: 1px solid rgba(138, 95, 77, 0.16); } .eml-podcasts-landing__pagination-copy { margin: 0; font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-podcasts-landing__pagination-actions { display: flex; flex-wrap: wrap; gap: 12px; } .eml-podcasts-landing__page-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border: 1px solid rgba(138, 95, 77, 0.2); background: rgba(255, 255, 255, 0.75); color: #4a281c; text-decoration: none; } .eml-podcasts-landing__page-link:hover, .eml-podcasts-landing__page-link:focus { border-color: rgba(138, 95, 77, 0.45); color: #1d100b; } .eml-podcasts-landing__page-label { font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-entrevistas-landing__lead { display: grid; gap: 22px; } .eml-entrevistas-landing__hero { display: grid; grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr); gap: 28px; align-items: stretch; padding: 20px; border: 1px solid rgba(172, 124, 104, 0.22); background: rgba(255, 250, 246, 0.7); } .eml-entrevistas-landing__hero-media a, .eml-entrevistas-mosaic-card__thumb, .eml-entrevistas-quote-card__thumb { display: block; } .eml-entrevistas-landing__hero-media img, .eml-entrevistas-landing__hero-placeholder { display: block; width: 100%; height: 100%; min-height: 100%; object-fit: cover; aspect-ratio: 4 / 5; } .eml-entrevistas-landing__hero-content { display: flex; flex-direction: column; justify-content: center; } .eml-entrevistas-landing__hero-date, .eml-entrevistas-mosaic-card__date { display: inline-block; margin-bottom: 12px; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #8a4d3d; } .eml-entrevistas-landing__hero-title { margin: 0 0 16px; font-size: 44px; line-height: 0.98; color: #1f0f0b; } .eml-entrevistas-landing__hero-title a, .eml-entrevistas-mosaic-card__title a { color: inherit; } .eml-entrevistas-mosaic-card__title a:hover, .eml-entrevistas-mosaic-card__title a:focus { color: var(--eml-link-hover); } .eml-entrevistas-landing__hero-quote { margin: 0 0 16px; font-size: 24px; line-height: 1.18; color: #6f2f24; } .eml-entrevistas-landing__hero-excerpt { font-size: 17px; line-height: 1.72; color: #5d4941; } .eml-entrevistas-landing__quote-rail { padding: 22px 20px; border-top: 1px solid rgba(138, 77, 61, 0.18); } .eml-entrevistas-landing__rail-title { margin: 0; font-size: 28px; line-height: 1.06; color: #28110c; } .eml-entrevistas-landing__quote-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 18px; } .eml-entrevistas-quote-card { display: grid; grid-template-columns: 1fr; gap: 14px; padding: 14px; border: 1px solid rgba(138, 77, 61, 0.14); background: rgba(255, 252, 249, 0.76); } .eml-entrevistas-quote-card__thumb img, .eml-entrevistas-quote-card__thumb-image--placeholder { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; } .eml-entrevistas-quote-card__quote { margin: 0 0 8px; font-size: 16px; line-height: 1.32; color: #3b1710; } .eml-entrevistas-quote-card__person { margin: 0; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #8a4d3d; } .eml-entrevistas-landing__feed { padding-top: 8px; scroll-margin-top: 140px; } .eml-entrevistas-landing__grid { margin-bottom: 26px; } .eml-entrevistas-landing__pagination { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; margin-top: 10px; } .eml-entrevistas-landing__pagination-copy { margin: 0; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-entrevistas-landing__pagination-actions { display: flex; justify-content: flex-end; gap: 10px; } .eml-entrevistas-landing__page-link { display: inline-flex; padding: 14px 18px; border: 1px solid #d6b7a9; background: rgba(255, 252, 249, 0.9); color: #6f2f24; text-decoration: none; } .eml-entrevistas-landing__page-link:hover, .eml-entrevistas-landing__page-link:focus { border-color: #7a3125; color: #4d1912; } .eml-entrevistas-landing__page-label { font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-cultura-archive__page-link { border-color: #c8d3a7; background: rgba(255, 255, 255, 0.88); color: #4d5f11; } .eml-foro-comarcal-archive__page-link { border-color: #e0d4cb; background: rgba(255, 255, 255, 0.96); color: #8a3f1e; } .eml-economia-archive__page-link { border-color: #dbb28f; background: rgba(255, 250, 244, 0.9); color: #9a4c1e; } .eml-deportes-landing__page-link { border-color: #b8d5c2; background: rgba(255, 255, 255, 0.9); color: #1f6a43; } .eml-cultura-archive__page-link:hover, .eml-cultura-archive__page-link:focus { border-color: #6b7f18; color: #33410d; } .eml-foro-comarcal-archive__page-link:hover, .eml-foro-comarcal-archive__page-link:focus { border-color: #8a3f1e; color: #5a2715; } .eml-economia-archive__page-link:hover, .eml-economia-archive__page-link:focus { border-color: #9a4c1e; color: #472612; } .eml-deportes-landing__page-link:hover, .eml-deportes-landing__page-link:focus { border-color: #1f6a43; color: #163624; } .eml-especiales-landing .eml-deportes-landing__page-link { border-color: #e3b48f; background: rgba(255, 252, 249, 0.92); color: #8f2a1c; } .eml-especiales-landing .eml-deportes-landing__page-link:hover, .eml-especiales-landing .eml-deportes-landing__page-link:focus { border-color: #8f2a1c; color: #5f2418; } .eml-elecciones-landing .eml-deportes-landing__page-link { border-color: #b8c7db; background: rgba(251, 253, 255, 0.92); color: #355985; } .eml-elecciones-landing .eml-deportes-landing__page-link:hover, .eml-elecciones-landing .eml-deportes-landing__page-link:focus { border-color: #355985; color: #243b58; } .eml-special-coverage-lead { margin-bottom: 28px; padding: 24px; border: 1px solid rgba(143, 42, 28, 0.12); background: linear-gradient(180deg, rgba(255, 251, 247, 0.98), rgba(255, 245, 236, 0.98)), radial-gradient(circle at top right, rgba(143, 42, 28, 0.05), transparent 34%); } .eml-special-coverage-lead__header { margin-bottom: 18px; } .eml-special-coverage-lead__heading { margin: 0; font-size: 13px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #8f2a1c; } .eml-special-coverage-lead__layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.8fr); gap: 24px; } .eml-special-coverage-lead__hero { display: flex; flex-direction: column; gap: 18px; padding: 18px; border: 1px solid rgba(143, 42, 28, 0.12); background: rgba(255, 253, 250, 0.9); } .eml-special-coverage-lead__hero-media a, .eml-special-coverage-lead__hero-media img, .eml-special-coverage-lead__hero-placeholder { display: block; width: 100%; height: 100%; } .eml-special-coverage-lead__hero-media img, .eml-special-coverage-lead__hero-placeholder { object-fit: cover; aspect-ratio: 16 / 10; } .eml-special-coverage-lead__hero-content { display: flex; flex-direction: column; justify-content: center; } .eml-special-coverage-lead__hero-kicker { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #8f2a1c; } .eml-special-coverage-lead__hero-date { color: #a54a39; } .eml-special-coverage-lead__hero-title { margin: 10px 0 12px; font-family: var(--eml-heading-font, Georgia, "Times New Roman", serif); font-size: 34px; line-height: 1.03; } .eml-special-coverage-lead__hero-title, .eml-special-coverage-lead__hero-title a { color: #431812; } .eml-special-coverage-lead__hero-title a:hover, .eml-special-coverage-lead__hero-title a:focus { color: #8f2a1c; } .eml-special-coverage-lead__hero-excerpt { font-size: 15px; line-height: 1.62; color: rgba(67, 24, 18, 0.82); } .eml-special-coverage-lead__aside { display: grid; gap: 14px; } .eml-special-coverage-lead__supporting { display: grid; gap: 10px; } .eml-special-coverage-lead__supporting .eml-compact-item { grid-template-columns: 96px minmax(0, 1fr); border-bottom-color: rgba(143, 42, 28, 0.14); } .eml-municipality-selector-page .eml-home-footer, .eml-municipality-landing-page .eml-home-footer, .eml-municipality-archive-page .eml-home-footer, .eml-horta-archive-page .eml-home-footer, .eml-foro-comarcal-archive-page .eml-home-footer, .eml-contacto-page .eml-home-footer { width: 100vw; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding-right: 24px; padding-left: 24px; } .eml-municipality-hemeroteca { margin-bottom: 42px; } .eml-municipality-hemeroteca__feed { margin-bottom: 0; } .eml-municipality-hemeroteca__grid { margin-top: 0; } .eml-municipality-hemeroteca__month-jump-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 18px 0 0; } .eml-municipality-hemeroteca__date-range { margin-top: 18px; } .eml-municipality-hemeroteca__date-range .eml-municipality-hemeroteca__month-jump-wrap { align-items: flex-end; } .eml-hemeroteca-picker { margin-top: 4px; } .eml-hemeroteca-picker__trigger-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; } .eml-hemeroteca-picker__summary { display: flex; flex-direction: column; gap: 8px; } .eml-hemeroteca-picker__trigger { display: inline-flex; align-items: center; min-width: 220px; padding: 0 16px; border: 1px solid #d8cfc3; background: #fffaf4; font-size: 13px; font-weight: 700; line-height: 1; color: #6f5b49; text-align: left; } .eml-hemeroteca-picker__trigger-text { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; } .eml-hemeroteca-picker__trigger-text::after { content: ""; width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-1px); transform-origin: center; } .eml-hemeroteca-picker__trigger[aria-expanded="true"] .eml-hemeroteca-picker__trigger-text::after { transform: rotate(-135deg) translateY(-1px); } .eml-hemeroteca-picker__trigger.is-highlighted { border-color: #9f1d1d; background: #fff4eb; box-shadow: 0 0 0 6px rgba(159, 29, 29, 0.08); } .eml-hemeroteca-picker__chip-wrap { display: flex; flex-wrap: wrap; align-items: center; min-height: 42px; } .eml-hemeroteca-picker__chip { display: inline-flex; align-items: center; min-height: 36px; padding: 6px 12px; border: 1px solid rgba(159, 29, 29, 0.16); background: rgba(159, 29, 29, 0.07); font-size: 12px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #8a4d3d; } .eml-hemeroteca-picker__panel { margin-top: 14px; padding: 18px; border: 1px solid #ddd3c6; background: linear-gradient(180deg, rgba(252, 248, 242, 0.98), rgba(247, 241, 232, 0.98)), radial-gradient(circle at top right, rgba(159, 29, 29, 0.06), transparent 34%); box-shadow: 0 18px 36px rgba(22, 19, 14, 0.08); } .eml-hemeroteca-picker__archive-meta { margin: 0 0 14px; font-size: 13px; font-weight: 600; line-height: 1.5; color: #6d6257; } .eml-hemeroteca-picker__presets { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; } .eml-hemeroteca-picker__jumpers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; } .eml-hemeroteca-picker__jumper { display: flex; flex-direction: column; gap: 8px; } .eml-hemeroteca-picker__select { width: 100%; padding: 0 14px; border: 1px solid #d8cfc3; background: #fff; font-size: 13px; font-weight: 700; line-height: 1; color: #6f5b49; } .eml-hemeroteca-picker__preset { padding: 9px 12px; border: 1px solid #d8cfc3; background: #fff; font-size: 12px; font-weight: 700; line-height: 1; color: #6f5b49; } .eml-hemeroteca-picker__preset.is-active, .eml-hemeroteca-picker__preset:hover, .eml-hemeroteca-picker__preset:focus { border-color: #9f1d1d; background: #fff4eb; color: #9f1d1d; } .eml-hemeroteca-picker__calendar-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; margin-bottom: 16px; } .eml-hemeroteca-picker__legend { margin: 0; font-size: 13px; font-weight: 600; line-height: 1.4; text-align: center; color: #6d6257; } .eml-hemeroteca-picker__nav { padding: 8px 10px; border: 1px solid #d8cfc3; background: #fff; font-size: 12px; font-weight: 700; line-height: 1; color: #6f5b49; } .eml-hemeroteca-picker__nav:disabled { opacity: 0.45; cursor: not-allowed; } .eml-hemeroteca-picker__calendars { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .eml-hemeroteca-picker__calendar { padding: 14px; border: 1px solid rgba(151, 128, 104, 0.18); background: rgba(255, 255, 255, 0.76); } .eml-hemeroteca-picker__calendar-title { margin: 0 0 12px; font-family: var(--eml-heading-font, Georgia, "Times New Roman", serif); font-size: 23px; font-weight: 700; line-height: 1.08; color: #24100c; text-align: center; } .eml-hemeroteca-picker__weekdays, .eml-hemeroteca-picker__days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; } .eml-hemeroteca-picker__weekday { font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; text-align: center; color: #8c6b57; } .eml-hemeroteca-picker__day-spacer, .eml-hemeroteca-picker__day { min-height: 40px; } .eml-hemeroteca-picker__day-spacer { display: block; } .eml-hemeroteca-picker__day { border: 1px solid transparent; background: #fff; font-size: 13px; font-weight: 700; line-height: 1; color: #4b4035; } .eml-hemeroteca-picker__day:hover, .eml-hemeroteca-picker__day:focus { border-color: #c8a68d; color: #9f1d1d; } .eml-hemeroteca-picker__day.is-today { border-color: rgba(159, 29, 29, 0.28); } .eml-hemeroteca-picker__day.is-in-range { background: rgba(159, 29, 29, 0.12); border-color: rgba(159, 29, 29, 0.08); color: #7b2d1d; } .eml-hemeroteca-picker__day.is-start, .eml-hemeroteca-picker__day.is-end { background: #9f1d1d; border-color: #9f1d1d; color: #fff; } .eml-hemeroteca-picker__day:disabled { border-color: transparent; background: #f3eee7; color: #c6b7aa; cursor: not-allowed; } .eml-hemeroteca-picker__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(151, 128, 104, 0.18); } .eml-hemeroteca-picker__footer-copy { font-size: 13px; font-weight: 600; line-height: 1.5; color: #6d6257; } .eml-hemeroteca-picker__range-count { flex: 1 1 220px; font-size: 13px; font-weight: 700; line-height: 1.5; color: #7b2d1d; } .eml-hemeroteca-picker__actions { display: flex; flex-wrap: wrap; gap: 12px; } .eml-hemeroteca-picker__actions [data-picker-apply].is-loading { opacity: 0.78; } .eml-hemeroteca-picker__actions [data-picker-apply]:disabled, .eml-hemeroteca-picker__actions [data-picker-apply]:disabled:hover, .eml-hemeroteca-picker__actions [data-picker-apply]:disabled:focus { border-color: #d9d0c6 !important; background: #eee7de !important; box-shadow: none !important; color: #9a8f83 !important; cursor: not-allowed; opacity: 1; } .eml-municipality-hemeroteca__date-field { display: flex; flex-direction: column; gap: 8px; } .eml-municipality-hemeroteca__date-actions { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; } .eml-municipality-hemeroteca__month-jump-label { font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: #8c6b57; } .eml-municipality-hemeroteca__month-jump-control { position: relative; border-radius: 2px; transition: box-shadow 0.22s ease, background-color 0.22s ease; } .eml-municipality-hemeroteca__month-jump { min-width: 220px; padding: 10px 42px 10px 14px; border: 1px solid #d8cfc3; background: #fffaf4; font-size: 13px; font-weight: 700; line-height: 1.4; color: #6f5b49; } .eml-municipality-hemeroteca__control { height: 42px; min-height: 42px; box-sizing: border-box; } input.eml-municipality-hemeroteca__control { padding-top: 0; padding-bottom: 0; line-height: 40px; } .eml-municipality-page__action.eml-municipality-hemeroteca__control { padding-top: 0; padding-bottom: 0; } .eml-municipality-page__action--button { cursor: pointer; font-family: inherit; line-height: 1; } .eml-municipality-hemeroteca__month-jump-control.is-highlighted { background: rgba(159, 29, 29, 0.08); box-shadow: 0 0 0 6px rgba(159, 29, 29, 0.08); } .eml-municipality-hemeroteca__month-jump.is-highlighted { border-color: #9f1d1d; background: #fff4eb; } .eml-municipality-hemeroteca__month-jump:focus { outline: 2px solid rgba(159, 29, 29, 0.18); outline-offset: 2px; border-color: #9f1d1d; } .eml-municipality-hemeroteca__month-anchor { grid-column: 1 / -1; height: 0; margin: 0; pointer-events: none; } .eml-municipality-hemeroteca__month-separator { grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; margin: 6px 0 2px; } .eml-municipality-hemeroteca__month-separator::after { content: ""; flex: 1; border-top: 1px solid #d8cfc3; } .eml-municipality-hemeroteca__month-separator span { font-family: var(--eml-heading-font, Georgia, "Times New Roman", serif); font-size: 20px; font-weight: 700; line-height: 1.2; color: #6f5b49; white-space: nowrap; } .eml-municipality-hemeroteca__status { min-height: 24px; margin-top: 24px; font-size: 13px; font-weight: 600; line-height: 1.5; text-align: center; color: #6d6257; } .eml-municipality-hemeroteca__status.is-active { opacity: 1; } .eml-municipality-hemeroteca__sentinel { height: 1px; } .eml-municipality-hemeroteca__empty { margin: 0; padding: 28px 24px; border: 1px solid #ddd8cf; background: #fff; font-size: 16px; line-height: 1.7; color: #5f574f; } .eml-municipality-selector { margin-bottom: 42px; } .eml-municipality-selector .block-title { margin-bottom: 20px; } .eml-municipality-selector__masthead, .eml-municipality-page__masthead { margin-bottom: 28px; padding: 12px 18px; border: 1px solid #ddd3c6; background: linear-gradient(180deg, rgba(252, 248, 242, 0.98), rgba(247, 241, 232, 0.98)), radial-gradient(circle at top right, rgba(159, 29, 29, 0.08), transparent 34%); box-shadow: 0 18px 36px rgba(22, 19, 14, 0.08); } .eml-municipality-selector__eyebrow, .eml-municipality-page__eyebrow { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: #8c6b57; } .eml-municipality-selector__brand, .eml-municipality-page__brand { margin: 0; font-family: var(--eml-heading-font, Georgia, "Times New Roman", serif); font-size: clamp(18px, 2.8vw, 26px); font-weight: 700; line-height: 1.04; } .eml-municipality-selector__brand a { color: #151515; text-decoration: none; } .eml-municipality-page__brand { color: #151515; } .eml-municipality-selector__brand a:hover, .eml-municipality-selector__brand a:focus { color: #9f1d1d; } .eml-municipality-selector__copy, .eml-municipality-page__copy { max-width: 720px; margin: 14px 0 0; font-size: 20px; line-height: 1.6; color: #4f473f; } .eml-municipality-page__context-action { margin: 10px 0 0; font-size: 14px; line-height: 1.5; } .eml-municipality-page__context-link { display: inline-flex; align-items: center; gap: 6px; color: #7a6554; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.14em; } .eml-municipality-page__context-link:hover, .eml-municipality-page__context-link:focus { color: #9f1d1d; } .eml-municipality-page__masthead--landing { display: grid; grid-template-columns: 1fr auto; grid-template-rows: repeat(3, auto); column-gap: 28px; align-items: start; } .eml-municipality-page__masthead--landing .eml-municipality-page__eyebrow, .eml-municipality-page__masthead--landing .eml-municipality-page__brand, .eml-municipality-page__masthead--landing .eml-municipality-page__copy { grid-column: 1; } .eml-municipality-page__masthead--landing .eml-municipality-page__actions { grid-column: 2; grid-row: 1 / -1; align-self: end; margin: 0; } .eml-municipality-page__masthead--archive { position: relative; } .eml-municipality-page__masthead--archive .eml-municipality-page__actions { position: absolute; bottom: 26px; right: 28px; margin: 0; } .eml-municipality-page__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0; } .eml-municipality-page__action { display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; border: 1px solid #d8cfc3; background: #fffaf4; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #6f5b49; text-decoration: none; } .eml-municipality-page__action:hover, .eml-municipality-page__action:focus { border-color: #9f1d1d; color: #9f1d1d; } .eml-municipality-selector__summary, .eml-municipality-page__summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 22px 0 0; padding: 0; list-style: none; } .eml-municipality-selector__summary li, .eml-municipality-page__summary li { display: flex; flex-direction: column; justify-content: space-between; margin-left: 0; padding: 14px 16px; border: 1px solid rgba(151, 128, 104, 0.22); background: rgba(255, 255, 255, 0.72); } .eml-municipality-selector__summary li { height: 88px; } .eml-municipality-page__meta { display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: baseline; margin: 16px 0 0; margin-left: auto; font-size: 13px; line-height: 1.5; justify-content: flex-end; text-align: right; color: #6d6257; } .eml-municipality-page__meta + .eml-municipality-page__meta { margin-left: 28px; } @media (max-width: 900px) { .eml-municipality-page__meta + .eml-municipality-page__meta { margin-left: 0; } } .eml-municipality-selector__letters { margin-bottom: 22px; padding: 14px 16px; border: 1px solid #e6ddd2; background: rgba(255, 255, 255, 0.82); } .eml-municipality-selector__letter-list { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; } .eml-municipality-selector__letter-link { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; padding: 0 10px; border: 1px solid #d8cfc3; background: #fffaf4; font-family: var(--eml-heading-font, Georgia, "Times New Roman", serif); font-size: 17px; font-weight: 700; line-height: 1; color: #6f5b49; text-decoration: none; } .eml-municipality-selector__letter-link:hover, .eml-municipality-selector__letter-link:focus { border-color: #9f1d1d; color: #9f1d1d; } .eml-municipality-selector__summary span, .eml-municipality-page__summary span, .eml-municipality-card__metrics span { display: block; margin-bottom: 4px; font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #7a6d61; } .eml-municipality-selector__summary strong, .eml-municipality-page__summary strong, .eml-municipality-card__metrics strong { font-size: 18px; font-weight: 700; line-height: 1.3; color: #171717; } .eml-municipality-page__meta span { font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #8b7c6f; } .eml-municipality-page__meta strong { font-size: 14px; font-weight: 700; color: #171717; } /* Compact landing — feed + CTA */ .eml-municipality-page__compact-feed { padding-top: 4px; } .eml-municipality-page__compact-empty { margin: 0; padding: 28px 24px; border: 1px solid #ddd8cf; background: #fff; font-size: 16px; line-height: 1.7; color: #5f574f; } .eml-municipality-page__compact-cta { margin-top: 36px; padding-top: 28px; border-top: 1px solid #e0d6cc; display: flex; justify-content: center; } .eml-municipality-page__compact-cta-link { display: inline-flex; align-items: center; gap: 10px; padding: 13px 28px; border: 1.5px solid #c9bfb0; background: #fffaf4; font-size: 12px; font-weight: 800; letter-spacing: 0.10em; text-transform: uppercase; color: #6f5b49; text-decoration: none; transition: border-color 0.18s, color 0.18s, background 0.18s; } .eml-municipality-page__compact-cta-link::after { content: "→"; font-size: 15px; font-weight: 400; letter-spacing: 0; line-height: 1; } .eml-municipality-page__compact-cta-link:hover, .eml-municipality-page__compact-cta-link:focus { border-color: #9f1d1d; background: #9f1d1d; color: #fff; } @media (max-width: 1100px) { .eml-special-coverage-lead__layout, .eml-special-coverage-lead__hero { grid-template-columns: 1fr; } } @media (max-width: 767px) { .eml-especiales-landing { padding: 18px; } .eml-special-coverage-lead { padding: 18px 16px; } .eml-special-coverage-lead__hero-title { font-size: 28px; } .eml-special-coverage-lead__supporting .eml-compact-item { grid-template-columns: 88px minmax(0, 1fr); } .eml-municipality-page__context-action { font-size: 13px; } .eml-municipality-page__copy { font-size: 17px; } } .eml-municipality-selector__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; align-items: stretch; } .eml-municipality-card { display: flex; flex-direction: column; min-height: 100%; border: 1px solid #ddd8cf; background: #fff; box-shadow: 0 14px 32px rgba(22, 19, 14, 0.07); scroll-margin-top: 150px; grid-column: span 2; } .eml-municipality-card--featured { grid-column: span 4; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr); } .eml-municipality-card--name-only { grid-column: span 1; display: flex; align-items: center; justify-content: center; min-height: 56px; padding: 12px 10px; text-align: center; text-decoration: none; color: #151515; transition: background 0.15s ease, color 0.15s ease; } .eml-municipality-card--name-only:hover, .eml-municipality-card--name-only:focus { background: var(--eml-municipality-card-hover, #9f1d1d); color: #fff; outline: none; } .eml-municipality-card__name { font-family: var(--eml-heading-font, Georgia, "Times New Roman", serif); font-size: 14px; font-weight: 700; line-height: 1.2; } .eml-municipality-card__media, .eml-municipality-card__media img { display: block; width: 100%; } .eml-municipality-card__media img { height: auto; object-fit: cover; aspect-ratio: 4 / 3; } .eml-municipality-card--featured .eml-municipality-card__media img { height: 100%; aspect-ratio: 16 / 11; } .eml-municipality-card__content { display: flex; flex: 1; flex-direction: column; padding: 18px 18px 20px; } .eml-municipality-card__eyebrow { margin: 0 0 10px; font-size: 11px; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; color: #9f1d1d; } .eml-municipality-card__title { margin: 0; font-family: var(--eml-heading-font, Georgia, "Times New Roman", serif); font-size: 28px; font-weight: 700; line-height: 1.06; } .eml-municipality-card:not(.eml-municipality-card--featured) .eml-municipality-card__title { font-size: 24px; } .eml-municipality-card__title a { color: #151515; text-decoration: none; } .eml-municipality-card__title a:hover, .eml-municipality-card__title a:focus { color: #9f1d1d; } .eml-municipality-card__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; } .eml-municipality-card__metrics li { padding-top: 12px; border-top: 1px solid #eee5da; } .eml-municipality-card__summary { margin: 16px 0 0; font-size: 15px; line-height: 1.6; color: #595149; } .eml-municipality-card__cta { display: inline-flex; align-items: center; margin-top: auto; padding-top: 16px; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #9f1d1d; } .eml-horta-archive, .eml-actualidad-landing, .eml-cultura-archive, .eml-foro-comarcal-archive, .eml-economia-archive, .eml-podcasts-landing, .eml-salud-landing, .eml-entrevistas-landing, .eml-deportes-landing { display: grid; gap: 30px; margin-bottom: 48px; } .eml-horta-archive__feed, .eml-actualidad-landing__feed, .eml-cultura-archive__feed, .eml-foro-comarcal-archive__feed, .eml-economia-archive__feed, .eml-podcasts-landing__feed, .eml-salud-landing__feed, .eml-entrevistas-landing__feed, .eml-deportes-landing__feed { scroll-margin-top: 140px; } .eml-horta-archive__grid, .eml-actualidad-landing__grid, .eml-cultura-archive__grid, .eml-foro-comarcal-archive__grid, .eml-economia-archive__grid, .eml-podcasts-landing__grid, .eml-salud-landing__grid, .eml-entrevistas-landing__grid, .eml-deportes-landing__grid { margin-bottom: 26px; } .eml-horta-archive__pagination, .eml-author-archive__feed .eml-home-card__date { display: block; } .eml-municipality-hemeroteca--show-dates .eml-home-card__date { display: block; } .eml-actualidad-landing__pagination, .eml-cultura-archive__pagination, .eml-foro-comarcal-archive__pagination, .eml-economia-archive__pagination, .eml-podcasts-landing__pagination, .eml-salud-landing__pagination, .eml-entrevistas-landing__pagination, .eml-escapadas-landing__pagination, .eml-deportes-landing__pagination, .eml-author-archive__pagination, .eml-generic-archive__pagination { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; margin-top: 10px; } .eml-horta-archive__pagination-copy, .eml-actualidad-landing__pagination-copy, .eml-cultura-archive__pagination-copy, .eml-foro-comarcal-archive__pagination-copy, .eml-economia-archive__pagination-copy, .eml-podcasts-landing__pagination-copy, .eml-salud-landing__pagination-copy, .eml-entrevistas-landing__pagination-copy, .eml-escapadas-landing__pagination-copy, .eml-deportes-landing__pagination-copy, .eml-author-archive__pagination-copy, .eml-generic-archive__pagination-copy { margin: 0; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #8b7c6f; } .eml-horta-archive__pagination-actions, .eml-actualidad-landing__pagination-actions, .eml-cultura-archive__pagination-actions, .eml-foro-comarcal-archive__pagination-actions, .eml-economia-archive__pagination-actions, .eml-podcasts-landing__pagination-actions, .eml-salud-landing__pagination-actions, .eml-entrevistas-landing__pagination-actions, .eml-escapadas-landing__pagination-actions, .eml-deportes-landing__pagination-actions, .eml-author-archive__pagination-actions, .eml-generic-archive__pagination-actions { display: flex; justify-content: flex-end; gap: 10px; } .eml-horta-archive__page-link, .eml-actualidad-landing__page-link, .eml-cultura-archive__page-link, .eml-foro-comarcal-archive__page-link, .eml-economia-archive__page-link, .eml-podcasts-landing__page-link, .eml-salud-landing__page-link, .eml-entrevistas-landing__page-link, .eml-escapadas-landing__page-link, .eml-deportes-landing__page-link, .eml-author-archive__page-link, .eml-generic-archive__page-link { display: inline-flex; padding: 14px 18px; border: 1px solid #d8cfc3; background: #fffaf4; color: #6f5b49; text-decoration: none; } .eml-horta-archive__page-link:hover, .eml-horta-archive__page-link:focus, .eml-actualidad-landing__page-link:hover, .eml-actualidad-landing__page-link:focus, .eml-cultura-archive__page-link:hover, .eml-cultura-archive__page-link:focus, .eml-foro-comarcal-archive__page-link:hover, .eml-foro-comarcal-archive__page-link:focus, .eml-economia-archive__page-link:hover, .eml-economia-archive__page-link:focus, .eml-salud-landing__page-link:hover, .eml-salud-landing__page-link:focus, .eml-entrevistas-landing__page-link:hover, .eml-entrevistas-landing__page-link:focus, .eml-escapadas-landing__page-link:hover, .eml-escapadas-landing__page-link:focus, .eml-deportes-landing__page-link:hover, .eml-deportes-landing__page-link:focus, .eml-author-archive__page-link:hover, .eml-author-archive__page-link:focus, .eml-generic-archive__page-link:hover, .eml-generic-archive__page-link:focus { border-color: #9f1d1d; color: #9f1d1d; } .eml-horta-archive__page-label, .eml-actualidad-landing__page-label, .eml-cultura-archive__page-label, .eml-foro-comarcal-archive__page-label, .eml-economia-archive__page-label, .eml-podcasts-landing__page-label, .eml-salud-landing__page-label, .eml-entrevistas-landing__page-label, .eml-escapadas-landing__page-label, .eml-deportes-landing__page-label, .eml-author-archive__page-label, .eml-generic-archive__page-label { font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-horta-archive__page-link--previous, .eml-actualidad-landing__page-link--previous, .eml-cultura-archive__page-link--previous, .eml-foro-comarcal-archive__page-link--previous, .eml-economia-archive__page-link--previous, .eml-podcasts-landing__page-link--previous, .eml-salud-landing__page-link--previous, .eml-entrevistas-landing__page-link--previous, .eml-escapadas-landing__page-link--previous, .eml-deportes-landing__page-link--previous, .eml-author-archive__page-link--previous, .eml-generic-archive__page-link--previous { text-align: right; } .eml-deportes-landing__page-link { border-color: #b6d3db; background: rgba(255, 255, 255, 0.9); color: #1b5869; } .eml-deportes-landing__page-link:hover, .eml-deportes-landing__page-link:focus { border-color: #0e677e; color: #123946; } .eml-actualidad-landing__page-link { border-color: #dfc0a6; background: rgba(255, 251, 245, 0.92); color: #6b3419; } .eml-actualidad-landing__page-link:hover, .eml-actualidad-landing__page-link:focus { border-color: #9f1d1d; color: #7f1d1d; } .eml-salud-landing__page-link { border-color: #b6d0c0; background: rgba(255, 255, 255, 0.9); color: #214236; } .eml-salud-landing__page-link:hover, .eml-salud-landing__page-link:focus { border-color: #4f7564; color: #16342b; } .eml-escapadas-landing__page-link { border-color: #92ba80; background: #f5fbf2; color: #1a4a10; } .eml-escapadas-landing__page-link:hover, .eml-escapadas-landing__page-link:focus { border-color: #4a8a38; color: #1a4a10; } @media (max-width: 1140px) { .eml-municipality-selector__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .eml-municipality-card:not(.eml-municipality-card--name-only) { grid-column: span 2; } .eml-municipality-card--featured { grid-column: span 4; } .eml-municipality-card--name-only { grid-column: span 1; } .eml-salud-landing__hero, .eml-salud-topic-card { grid-template-columns: 1fr; } .eml-salud-landing__service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eml-entrevistas-landing__hero { grid-template-columns: 1fr; } .eml-podcasts-landing__hero, .eml-podcasts-landing__archive-list { grid-template-columns: 1fr; } .eml-videos-landing__lead { grid-template-columns: 1fr; } .eml-entrevistas-landing__quote-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .eml-masthead__panel { padding: var(--eml-masthead-padding-block, 10px) 16px; } .eml-cultura-archive, .eml-actualidad-landing, .eml-foro-comarcal-archive, .eml-economia-archive, .eml-podcasts-landing, .eml-videos-landing, .eml-salud-landing, .eml-entrevistas-landing, .eml-deportes-landing, .eml-generic-archive { padding: 18px; margin-bottom: 36px; } .eml-entrevistas-landing__hero { padding: 14px; gap: 18px; } .eml-podcasts-landing__intro-title { font-size: 34px; } .eml-podcasts-landing__hero { padding: 14px; gap: 18px; } .eml-podcasts-landing__hero-title { font-size: 31px; } .eml-videos-landing__hero-title { font-size: 31px; } .eml-podcasts-landing__hero-actions, .eml-podcasts-landing__platforms, .eml-podcasts-landing__pagination-actions { flex-direction: column; width: 100%; } .eml-videos-landing__pagination-actions { flex-direction: column; width: 100%; } .eml-podcasts-landing__listen-button, .eml-podcasts-landing__read-link, .eml-podcasts-landing__platform-link, .eml-podcasts-landing__page-link { justify-content: center; } .eml-videos-landing__page-link { justify-content: center; } .eml-salud-landing__masthead { flex-direction: column; align-items: flex-start; } .eml-salud-landing__intro-title { font-size: 34px; } .eml-salud-landing__hero { padding: 14px; gap: 18px; } .eml-salud-landing__hero-title { font-size: 30px; } .eml-salud-landing__service-grid, .eml-salud-landing__topics-grid { grid-template-columns: 1fr; } .eml-salud-landing__pagination-actions { flex-direction: column; width: 100%; } .eml-salud-landing__page-link { justify-content: center; } .eml-entrevistas-landing__hero-title { font-size: 31px; } .eml-entrevistas-landing__hero-quote { font-size: 20px; } .eml-entrevistas-landing__quote-grid { grid-template-columns: 1fr; } .eml-entrevistas-landing__pagination-actions { width: 100%; flex-direction: column; } .eml-entrevistas-landing__page-link { justify-content: center; } .eml-municipality-selector__masthead, .eml-municipality-page__masthead { padding: 14px 16px; } .eml-municipality-selector__copy, .eml-municipality-page__copy { font-size: 15px; } .eml-municipality-selector__summary, .eml-municipality-page__summary, .eml-municipality-card__metrics { grid-template-columns: 1fr; } .eml-municipality-selector__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eml-municipality-card:not(.eml-municipality-card--name-only) { grid-column: span 2; } .eml-municipality-card--featured { grid-column: span 2; } .eml-municipality-card--name-only { grid-column: span 1; } .eml-municipality-page__masthead--landing { display: block; } .eml-municipality-page__masthead--landing .eml-municipality-page__actions { margin: 14px 0 0; justify-content: flex-start; } .eml-municipality-page__compact-cta-link { width: 100%; justify-content: center; } .eml-municipality-page__masthead--archive .eml-municipality-page__actions { position: static; margin: 14px 0 0; } .eml-municipality-page__actions { flex-direction: column; } .eml-municipality-page__meta { display: flex; flex-direction: column; gap: 2px; } .eml-municipality-hemeroteca__month-separator { gap: 12px; } .eml-municipality-hemeroteca__month-separator span { font-size: 18px; } .eml-municipality-hemeroteca__month-jump { width: 100%; min-width: 0; } .eml-municipality-hemeroteca__date-field, .eml-municipality-hemeroteca__date-actions { width: 100%; } .eml-hemeroteca-picker__calendars { grid-template-columns: 1fr; } .eml-hemeroteca-picker__jumpers { grid-template-columns: 1fr; } .eml-hemeroteca-picker__calendar-head { grid-template-columns: 1fr; } .eml-hemeroteca-picker__nav { width: 100%; } .eml-hemeroteca-picker__footer { flex-direction: column; align-items: stretch; } .eml-hemeroteca-picker__actions { width: 100%; } .eml-municipality-selector__letters { position: sticky; top: 0; z-index: 100; padding: 10px 12px; margin-bottom: 16px; } .eml-municipality-selector__letter-list { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 8px; padding-bottom: 2px; } .eml-municipality-selector__letter-list::-webkit-scrollbar { display: none; } .eml-municipality-card--featured { grid-column: span 1; } .eml-municipality-card__content { padding: 16px; } .eml-municipality-card__title, .eml-municipality-card:not(.eml-municipality-card--featured) .eml-municipality-card__title { font-size: 23px; } } /* ------------------------------------------------------------------ */ /* Most-read sidebar widget */ /* ------------------------------------------------------------------ */ .eml-most-read { margin: 0 0 28px; } .eml-most-read .block-title { margin-bottom: 18px; } .eml-most-read .block-title span { font-size: 20px; font-family: var(--eml-heading-font, inherit); } .eml-most-read__list { list-style: none; margin: 0; padding: 0; counter-reset: none; } .eml-most-read__item { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; padding: 12px 0; border-bottom: 1px solid #e6e6e6; } .eml-most-read__item:first-child { padding-top: 0; } .eml-most-read__rank { font-size: 13px; font-weight: 800; line-height: 1; color: #222; } .eml-most-read__thumb { display: block; } .eml-most-read__thumb img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 2px; } .eml-most-read__title { margin: 0; font-size: var(--eml-mr-title-size, 13px); font-weight: var(--eml-mr-title-weight, 650); line-height: var(--eml-mr-title-lh, 1.28); } .eml-most-read__title a { color: var(--eml-mr-title-color, #222); text-decoration: none; } .eml-most-read__title a:hover, .eml-most-read__title a:focus { color: var(--eml-link-hover); } /* ------------------------------------------------------------------ */ /* Latest printed edition sidebar widget */ /* ------------------------------------------------------------------ */ .eml-latest-edition { margin: 0 0 28px; } .eml-latest-edition .block-title { margin-bottom: 18px; } .eml-latest-edition .block-title span { font-size: 24px; } /* ------------------------------------------------------------------ */ /* Sidebar printed-edition compact widget */ /* ------------------------------------------------------------------ */ .eml-sidebar-edition { margin: 0 0 28px; } .eml-sidebar-edition .block-title { margin-bottom: 18px; } .eml-sidebar-edition__card { display: block; text-decoration: none; color: inherit; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06); overflow: hidden; transition: box-shadow 0.2s ease; } .eml-sidebar-edition__card:hover, .eml-sidebar-edition__card:focus { box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12); } .eml-sidebar-edition__cover { display: block; aspect-ratio: 3 / 4; overflow: hidden; background: linear-gradient(180deg, #f7efe1 0%, #efe4cf 100%); } .eml-sidebar-edition__cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; } .eml-sidebar-edition__card:hover .eml-sidebar-edition__cover img { transform: scale(1.02); } .eml-sidebar-edition__placeholder { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 22px; font-weight: 700; letter-spacing: 0.1em; color: #c2a882; text-transform: uppercase; } .eml-sidebar-edition__meta { padding: 14px 16px 16px; } .eml-sidebar-edition__date { font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #9a3412; margin: 0 0 6px; } .eml-sidebar-edition__title { font-size: 15px; font-weight: 700; color: #111827; line-height: 1.3; margin: 0; } /* ------------------------------------------------------------------ */ /* WhatsApp channel promotional widget */ /* ------------------------------------------------------------------ */ .eml-whatsapp-channel { margin: 0 0 28px; } .eml-whatsapp-channel__link { display: block; } .eml-whatsapp-channel__image { display: block; width: 100%; height: auto; border-radius: 4px; } /* ------------------------------------------------------------------ */ /* Homepage leaderboard banner (below header, above content) */ /* ------------------------------------------------------------------ */ .eml-leaderboard-wrap { background: #fff; padding-bottom: 24px; } .eml-leaderboard { margin: 0; padding: 12px 0 32px; } /* ========================================================================== Sidebar banners (eml-sidebar-banners) ========================================================================== */ .eml-sidebar-banners { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; } .eml-sidebar-banner { display: block; line-height: 0; } .eml-sidebar-banner img { display: block; width: 100%; height: auto; max-width: 100%; } .eml-sidebar-banner-title { font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #888; margin: 0 0 4px; line-height: 1.2; } /* -------------------------------------------------------------------------- Scroll-to-top button – restyled to match site design system Overrides Newspaper theme defaults on .td-scroll-up[data-style="style1"]. "body" prefix raises specificity above the theme rule (0,1,1) → (0,1,2). -------------------------------------------------------------------------- */ body .td-scroll-up { bottom: 22px; right: 20px; } body .td-scroll-up[data-style="style1"] { width: 44px; height: 44px; background-color: var(--eml-link-hover, #1f4d3a); border-radius: 3px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.20), 0 1px 2px rgba(0, 0, 0, 0.12); transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.35s cubic-bezier(0.55, 0, 0.1, 1); } body .td-scroll-up[data-style="style1"].td-scroll-up-visible { transform: translate3d(0, 0, 0); } body .td-scroll-up[data-style="style1"] .td-icon-menu-up { width: 44px; top: 9px; font-size: 19px; color: #fff; } body .td-scroll-up[data-style="style1"]:hover, body .td-scroll-up[data-style="style1"]:focus-visible { background-color: #163a2c; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.14); } /* Separator between the two card rows in the Comarca (horta) section */ .eml-home-section--horta .eml-home-grid + .eml-home-grid { border-top: 1px solid #e0e0e0; padding-top: 1.5rem; margin-top: 0.5rem; } /* Show pointer on menu items with no href (e.g. Actualidad top-level item) */ .menu-item > a:not([href]) { cursor: pointer !important; } /* Compact nav item spacing so all top-level items fit on one line */ .tdb_header_menu .tdb-menu > li { margin-right: 20px !important; } .tdb_header_menu .tdb-menu > li:last-child { margin-right: 0 !important; } /* Nav menu typography — driven by --eml-nav-menu-* (admin: Identidad y Estilo → Tipografía) */ /* 3-class selector (0,3,2) beats the theme's per-instance .tdi_XX rule (0,2,2) regardless of order */ /* font-size is applied via eml-site-styles inline block in admin-site-styles.php */ .td-theme-wrap .tdb_header_menu .tdb-menu > li > a { font-weight: var(--eml-nav-menu-weight) !important; } /* ============================================================ Search page ============================================================ */ .eml-search-category-header .td-pb-span12 { width: 100%; } .eml-search-category-header__panel { display: flex; flex-direction: column; justify-content: flex-end; min-height: 182px; padding: 26px 28px; border: 1px solid #d4d0cb; background: linear-gradient(180deg, rgba(250, 250, 248, 0.98), rgba(244, 243, 240, 0.98)), radial-gradient(circle at top right, rgba(80, 80, 80, 0.04), transparent 34%); box-shadow: 0 18px 36px rgba(22, 19, 14, 0.08); } .eml-search-category-header .td-crumb-container, .eml-search-category-header .td-crumb-container a, body .eml-search-category-header .td-page-title.eml-search-category-header__title { color: #1a1a1a; } .eml-search-category-header__meta { margin: 4px 0 0; font-size: 13px; color: #5a5550; } /* Search form */ .eml-search-form-wrap { margin-top: 18px; max-width: 520px; } .eml-search-form div[role="search"] { display: flex !important; align-items: stretch; } .eml-search-form__input, .eml-search-form__input[type="text"] { display: block !important; flex: 1 1 auto !important; width: auto !important; min-width: 0; height: 44px; margin: 0; padding: 0 14px; border: 1px solid #ccc8c3; border-right: none; background: #fff; font-size: 15px; color: #1a1a1a; box-sizing: border-box; outline: none; } .eml-search-form__input:focus, .eml-search-form__input[type="text"]:focus { border-color: #9f1d1d; } .eml-search-form__submit, .eml-search-form__submit[type="submit"] { display: block !important; flex: 0 0 auto !important; width: auto !important; height: 44px; margin: 0; padding: 0 18px; background: #9f1d1d; color: #fff; border: none; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; white-space: nowrap; } .eml-search-form__submit:hover, .eml-search-form__submit[type="submit"]:hover, .eml-search-form__submit:focus, .eml-search-form__submit[type="submit"]:focus { background: #7e1717; } .eml-search-subtitle { margin: 8px 0 0; font-size: 12px; color: #8b7c6f; } /* Results grid */ .eml-search-shell { padding-top: 26px; } .eml-home-card__excerpt { margin: 6px 0 0; font-size: 13px; font-family: var(--eml-body-font, inherit); line-height: var(--eml-body-line-height, 1.55); color: #555; } /* Pagination */ .eml-search-results__pagination { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; margin-top: 10px; } .eml-search-results__pagination-copy { margin: 0; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #8b7c6f; } .eml-search-results__pagination-actions { display: flex; justify-content: flex-end; gap: 10px; } .eml-search-results__page-link { display: inline-flex; padding: 14px 18px; border: 1px solid #d8cfc3; background: #fffaf4; color: #6f5b49; text-decoration: none; } .eml-search-results__page-link:hover, .eml-search-results__page-link:focus { border-color: #9f1d1d; color: #9f1d1d; } .eml-search-results__page-label { font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .eml-search-results__page-link--previous { text-align: right; } /* No results */ .eml-search-no-results { padding: 40px 0; color: #555; font-size: 15px; } /* Sidebar suppression */ .eml-search-page .td-main-sidebar { display: none !important; } @media (max-width: 767px) { .eml-search-category-header__panel { min-height: 160px; padding: 20px; } .eml-search-form-wrap { max-width: 100%; } } /* ========================================================================== Promo Strip — front-end home page strip ========================================================================== */ .eml-promo-strip { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 20px 24px; width: 100%; box-sizing: border-box; text-decoration: none; transition: opacity 0.15s ease; } /* Colour variants */ .eml-promo-strip[data-style="default"] { background: #f7f4ef; color: #111; } .eml-promo-strip[data-style="accent"] { background: #9f1d1d; color: #fff; } .eml-promo-strip[data-style="dark"] { background: #1a1a1a; color: #fff; } @keyframes eml-promo-strip-enter { from { opacity: 0; transform: translateY( -10px ); } to { opacity: 1; transform: translateY( 0 ); } } /* Wrapper used when the strip is not a link */ .eml-promo-strip-wrap { width: 100%; margin-bottom: 20px; animation: eml-promo-strip-enter 0.5s ease-out 1.2s both; } /* Eyebrow tag */ .eml-promo-strip__eyebrow { flex-shrink: 0; font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; padding: 3px 8px; border-radius: 3px; white-space: nowrap; } .eml-promo-strip[data-style="default"] .eml-promo-strip__eyebrow { background: rgba(0, 0, 0, 0.08); color: #111; } .eml-promo-strip[data-style="accent"] .eml-promo-strip__eyebrow, .eml-promo-strip[data-style="dark"] .eml-promo-strip__eyebrow { background: rgba(255, 255, 255, 0.18); color: #fff; } /* Body (headline + subtext) */ .eml-promo-strip__body { display: flex; flex-direction: column; gap: 1px; } .eml-promo-strip__headline { font-size: 18px; font-weight: 700; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .eml-promo-strip__subtext { font-size: 12px; opacity: 0.75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* CTA button */ .eml-promo-strip__cta { flex-shrink: 0; display: inline-flex; align-items: center; font-size: 13px; font-weight: 800; letter-spacing: 0.04em; white-space: nowrap; padding: 9px 16px; border-radius: 3px; transition: background 0.15s ease; } .eml-promo-strip[data-style="default"] .eml-promo-strip__cta { background: #9f1d1d; color: #fff; } .eml-promo-strip[data-style="default"]:hover .eml-promo-strip__cta { background: #7d1717; } .eml-promo-strip[data-style="accent"] .eml-promo-strip__cta { background: rgba(255, 255, 255, 0.2); color: #fff; } .eml-promo-strip[data-style="accent"]:hover .eml-promo-strip__cta { background: rgba(255, 255, 255, 0.3); } .eml-promo-strip[data-style="dark"] .eml-promo-strip__cta { background: rgba(255, 255, 255, 0.12); color: #fff; } .eml-promo-strip[data-style="dark"]:hover .eml-promo-strip__cta { background: rgba(255, 255, 255, 0.22); } /* Hover: linked strip */ a.eml-promo-strip:hover { opacity: 0.92; text-decoration: none; } /* Thumbnail image */ .eml-promo-strip__img { flex-shrink: 0; width: 72px; height: 72px; object-fit: cover; border-radius: 4px; } /* Mobile */ @media (max-width: 767px) { .eml-promo-strip { flex-wrap: wrap; gap: 10px; padding: 12px 16px; } .eml-promo-strip__img { display: none; } .eml-promo-strip__headline { font-size: 14px; white-space: normal; } .eml-promo-strip__subtext { white-space: normal; } } /* ── Institutional logos row ─────────────────────────────────────────── */ .eml-institutional-logos__separator { border: none; border-top: 1px solid #e0e0e0; margin: 0; } .eml-institutional-logos { display: flex; justify-content: center; align-items: flex-start; gap: 64px; padding: 52px 16px 12px; width: 100%; box-sizing: border-box; } .eml-institutional-logos__item { display: flex; flex-direction: column; align-items: center; } .eml-institutional-logos__eyebrow { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #888; margin-bottom: 8px; } .eml-institutional-logos__frame { width: 125px; height: 125px; display: flex; align-items: center; justify-content: center; } .eml-institutional-logos__frame img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; } .eml-institutional-logos__frame--wide { width: auto; } .eml-institutional-logos__frame--wide img { height: 125px; max-height: 125px; width: auto; max-width: none; } .eml-institutional-logos__link { display: block; text-decoration: none; } @media (max-width: 600px) { .eml-home-grid--two { grid-template-columns: 1fr; } .eml-institutional-logos { flex-direction: column; align-items: center; } } /* ── 404 page ──────────────────────────────────────────────────── */ .eml-404-page .eml-404-page__inner { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 80px 16px 100px; gap: 16px; } .eml-404-page__code { font-size: 96px; font-weight: 700; line-height: 1; color: #14b8a6; margin: 0; } .eml-404-page__title { font-size: 28px; font-weight: 700; color: #1a1a1a; margin: 0; } .eml-404-page__message { font-size: 16px; color: #555; max-width: 420px; margin: 0; } .eml-404-page__cta { display: inline-block; margin-top: 8px; padding: 12px 28px; background: #0d9488; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; letter-spacing: 0.04em; text-transform: uppercase; transition: background 0.15s; } .eml-404-page__cta:hover { background: #0f766e; color: #fff; } /* ========================================================================== Próxima Escapada banner — Escapadas Comarcales landing page ========================================================================== */ .eml-proxima-escapada-banner { margin-bottom: 36px; padding: 28px 32px; background: #1a4a10; border-left: 5px solid #92ba80; } .eml-proxima-escapada-banner__eyebrow { margin: 0 0 12px; color: #92ba80; font-size: 15px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .eml-proxima-escapada-banner__body { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .eml-proxima-escapada-banner__info { min-width: 0; } .eml-proxima-escapada-banner__date { margin: 0 0 4px; color: #b5d8a5; font-size: 14px; font-weight: 600; } .eml-proxima-escapada-banner__destination { margin: 0 0 8px; color: #fff; font-size: 32px; line-height: 1.05; letter-spacing: -0.04em; } .eml-proxima-escapada-banner__desc { margin: 0; color: #c8e6c0; font-size: 15px; line-height: 1.55; } .eml-proxima-escapada-banner__cta, body .eml-proxima-escapada-banner__cta { flex-shrink: 0; display: inline-flex; align-items: center; padding: 14px 24px; background: #92ba80; color: #0f2e08; font-size: 15px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background 0.15s ease; } .eml-proxima-escapada-banner__cta:hover, body .eml-proxima-escapada-banner__cta:hover { background: #afd49e; color: #0f2e08; } @media (max-width: 767px) { .eml-proxima-escapada-banner { padding: 22px 20px; } .eml-proxima-escapada-banner__destination { font-size: 26px; } .eml-proxima-escapada-banner__cta, body .eml-proxima-escapada-banner__cta { width: 100%; justify-content: center; } } /* ========================================================================== Contacto landing ========================================================================== */ .eml-contacto-header { background-color: #f7f7f7; border-bottom: 1px solid #e8e8e8; padding: 32px 0 28px; } .eml-contacto-header__panel { display: flex; flex-direction: column; gap: 8px; } .eml-contacto-header__crumbs { margin-bottom: 4px; } .eml-contacto-header__title { margin: 0 0 6px; font-size: 28px; font-weight: 700; line-height: 1.2; } .eml-contacto-header__subtitle { margin: 0; font-size: 15px; color: #666; line-height: 1.5; } /* Two-column grid */ .eml-contacto-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 40px 0 48px; } /* Contact info blocks */ .eml-contacto-block { padding: 24px; background: #fff; border: 1px solid #e8e8e8; border-radius: var(--eml-card-radius, 4px); margin-bottom: 20px; } .eml-contacto-block:last-child { margin-bottom: 0; } .eml-contacto-block__heading { margin: 0 0 6px; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #222; } .eml-contacto-block__description { margin: 0 0 12px; font-size: 14px; color: #555; line-height: 1.5; } .eml-contacto-block__link { display: inline-block; font-size: 15px; font-weight: 600; color: #c0392b; text-decoration: none; word-break: break-all; } .eml-contacto-block__link:hover { text-decoration: underline; } /* Social links */ .eml-contacto-social { display: flex; flex-direction: column; gap: 12px; } .eml-contacto-social__link { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: #222; text-decoration: none; transition: color 0.15s; } .eml-contacto-social__link:hover { color: #c0392b; } .eml-contacto-social__icon { flex-shrink: 0; color: #555; line-height: 0; } .eml-contacto-social__icon svg { width: 20px; height: 20px; display: block; } .eml-contacto-social__link:hover .eml-contacto-social__icon { color: #c0392b; } /* Form column */ .eml-contacto-grid__form .eml-contacto-block { height: 100%; box-sizing: border-box; } /* Notice messages */ .eml-contacto-notice { padding: 12px 16px; border-radius: 3px; font-size: 14px; margin-bottom: 16px; } .eml-contacto-notice--success { background: #eafaf1; border: 1px solid #a9dfbf; color: #1e8449; } .eml-contacto-notice--error { background: #fdedec; border: 1px solid #f1948a; color: #922b21; } /* Form fields */ .eml-contacto-form__field { margin-bottom: 16px; } .eml-contacto-form__label { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 600; color: #333; } .eml-contacto-form__input, .eml-contacto-form__textarea { width: 100%; box-sizing: border-box; border: 1px solid #ccc; border-radius: 3px; padding: 10px 12px; font-size: 14px; font-family: inherit; background: #fafafa; transition: border-color 0.15s; } .eml-contacto-form__input:focus, .eml-contacto-form__textarea:focus { border-color: #c0392b; outline: none; background: #fff; } .eml-contacto-form__textarea { resize: vertical; min-height: 130px; } .eml-contacto-form__submit { background-color: #c0392b; color: #fff; border: none; border-radius: 3px; padding: 11px 24px; font-size: 14px; font-weight: 700; cursor: pointer; transition: background-color 0.15s; } .eml-contacto-form__submit:hover { background-color: #a93226; } /* Responsive */ @media (max-width: 767px) { .eml-contacto-grid { grid-template-columns: 1fr; gap: 0; padding: 24px 0 32px; } .eml-contacto-grid__form { margin-top: 4px; } .eml-contacto-header__title { font-size: 22px; } } /* ========================================================================== Publicidad landing ========================================================================== */ .eml-publicidad-header { background-color: #f7f7f7; border-bottom: 1px solid #e8e8e8; padding: 32px 0 28px; } .eml-publicidad-header__panel { display: flex; flex-direction: column; gap: 8px; } .eml-publicidad-header__crumbs { margin-bottom: 4px; } .eml-publicidad-header__title { margin: 0 0 6px; font-size: 28px; font-weight: 700; line-height: 1.2; } .eml-publicidad-header__subtitle { margin: 0; font-size: 15px; color: #666; line-height: 1.5; } /* Intro paragraph */ .eml-publicidad-intro__body { margin: 0; font-size: 14px; color: #444; line-height: 1.65; } /* Why advertise list */ .eml-publicidad-list { margin: 0; padding: 0; list-style: none; } .eml-publicidad-list__item { position: relative; padding-left: 18px; font-size: 14px; color: #444; line-height: 1.6; margin-bottom: 8px; } .eml-publicidad-list__item::before { content: "→"; position: absolute; left: 0; color: #c0392b; font-size: 12px; top: 2px; } /* Ad format previews */ .eml-publicidad-formats { display: flex; flex-direction: column; gap: 20px; } .eml-publicidad-format { display: flex; align-items: center; gap: 16px; } .eml-publicidad-format__preview { flex-shrink: 0; background: #eee; border: 1px dashed #bbb; display: flex; align-items: center; justify-content: center; font-size: 11px; color: #888; font-family: monospace; border-radius: 2px; } .eml-publicidad-format__preview--leaderboard { width: 160px; height: 15px; } .eml-publicidad-format__preview--mpu { width: 60px; height: 50px; } .eml-publicidad-format__info { display: flex; flex-direction: column; gap: 3px; } .eml-publicidad-format__name { font-size: 14px; font-weight: 700; color: #222; } .eml-publicidad-format__desc { font-size: 13px; color: #666; } /* Direct contact block */ .eml-publicidad-direct-contact { display: flex; flex-direction: column; gap: 6px; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8; } .eml-publicidad-tel { font-size: 15px; font-weight: 600; color: #c0392b; text-decoration: none; } .eml-publicidad-tel:hover { text-decoration: underline; } .eml-publicidad-hours { font-size: 13px; color: #888; } @media (max-width: 767px) { .eml-publicidad-header__title { font-size: 22px; } .eml-publicidad-format__preview--leaderboard { width: 100px; } } /* ========================================================================== Quiénes somos landing ========================================================================== */ .eml-quienes-somos-header { background-color: #f7f7f7; border-bottom: 1px solid #e8e8e8; padding: 32px 0 28px; } .eml-quienes-somos-header__panel { display: flex; flex-direction: column; gap: 8px; } .eml-quienes-somos-header__crumbs { margin-bottom: 4px; } .eml-quienes-somos-header__title { margin: 0 0 6px; font-size: 28px; font-weight: 700; line-height: 1.2; } .eml-quienes-somos-header__subtitle { margin: 0; font-size: 15px; color: #666; line-height: 1.5; } /* Content wrapper */ .eml-quienes-somos-content { padding: 40px 0 48px; max-width: 860px; } /* Sections */ .eml-quienes-somos-section { margin-bottom: 48px; } .eml-quienes-somos-section__heading { font-size: 18px; font-weight: 700; margin: 0 0 18px; padding-bottom: 10px; border-bottom: 2px solid #c0392b; display: inline-block; } .eml-quienes-somos-section__body p { font-size: 15px; line-height: 1.7; color: #333; margin: 0 0 14px; } .eml-quienes-somos-section__body p:last-child { margin-bottom: 0; } /* Director portrait */ .eml-quienes-somos-portrait { float: right; margin: 0 0 20px 28px; width: 200px; } .eml-quienes-somos-portrait img { width: 100%; height: auto; display: block; border-radius: 4px; } .eml-quienes-somos-portrait figcaption { font-size: 12px; color: #888; text-align: center; margin-top: 6px; line-height: 1.4; } /* Stats cards */ .eml-quienes-somos-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .eml-quienes-somos-stat { background: #fff; border: 1px solid #e8e8e8; border-top: 3px solid #c0392b; border-radius: var(--eml-card-radius, 4px); padding: 24px 20px; display: flex; flex-direction: column; gap: 6px; } .eml-quienes-somos-stat__icon { color: #c0392b; margin-bottom: 4px; } .eml-quienes-somos-stat__figure { font-size: 22px; font-weight: 800; color: #111; line-height: 1.1; } .eml-quienes-somos-stat__label { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #555; } .eml-quienes-somos-stat__detail { font-size: 13px; color: #777; line-height: 1.5; margin-top: 4px; } /* Team grid */ .eml-quienes-somos-team { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .eml-quienes-somos-member { background: #fff; border: 1px solid #e8e8e8; border-radius: var(--eml-card-radius, 4px); padding: 18px 16px; } .eml-quienes-somos-member--director { border-top: 3px solid #c0392b; } .eml-quienes-somos-member__name { font-size: 14px; font-weight: 700; color: #111; margin-bottom: 4px; } .eml-quienes-somos-member__role { font-size: 13px; color: #666; } /* CTA block */ .eml-quienes-somos-cta { background: #f7f7f7; border: 1px solid #e8e8e8; border-radius: 4px; padding: 28px 28px 24px; } .eml-quienes-somos-cta__body { font-size: 15px; color: #444; line-height: 1.6; margin: 0 0 20px; } .eml-quienes-somos-cta__links { display: flex; gap: 12px; flex-wrap: wrap; } .eml-quienes-somos-cta__btn { display: inline-block; padding: 10px 22px; border-radius: 3px; font-size: 14px; font-weight: 700; text-decoration: none; transition: background-color 0.15s, color 0.15s; } .eml-quienes-somos-cta__btn--primary { background-color: #c0392b; color: #fff; } .eml-quienes-somos-cta__btn--primary:hover { background-color: #a93226; color: #fff; } .eml-quienes-somos-cta__btn--secondary { background-color: #fff; color: #c0392b; border: 1px solid #c0392b; } .eml-quienes-somos-cta__btn--secondary:hover { background-color: #fdf2f2; } /* Responsive */ @media (max-width: 959px) { .eml-quienes-somos-team { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .eml-quienes-somos-header__title { font-size: 22px; } .eml-quienes-somos-portrait { float: none; margin: 0 auto 20px; width: 160px; } .eml-quienes-somos-stats { grid-template-columns: 1fr; } .eml-quienes-somos-team { grid-template-columns: repeat(2, 1fr); } .eml-quienes-somos-content { padding: 24px 0 32px; } } /* ========================================================================== Legal landing pages (Aviso legal, Política de cookies) ========================================================================== */ .eml-legal-header { background-color: #f7f7f7; border-bottom: 1px solid #e8e8e8; padding: 32px 0 28px; } .eml-legal-header__panel { display: flex; flex-direction: column; gap: 8px; } .eml-legal-header__crumbs { margin-bottom: 4px; } .eml-legal-header__title { margin: 0 0 6px; font-size: 28px; font-weight: 700; line-height: 1.2; } .eml-legal-header__subtitle { margin: 0; font-size: 15px; color: #666; line-height: 1.5; } /* Prose content */ .eml-legal-content { max-width: 720px; padding: 40px 0 56px; } .eml-legal-content h3 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #c0392b; margin: 32px 0 10px; } .eml-legal-content h3:first-child { margin-top: 0; } .eml-legal-content p { font-size: 14px; line-height: 1.75; color: #333; margin: 0 0 1em; } .eml-legal-content a { color: #c0392b; text-decoration: underline; } @media (max-width: 767px) { .eml-legal-header__title { font-size: 22px; } .eml-legal-content { padding: 24px 0 36px; } } /* -------------------------------------------------------------------------- Municipality card — mini-hero teaser (fallback when no custom image) -------------------------------------------------------------------------- */ .eml-municipality-card__teaser { display: flex; flex-direction: column; justify-content: flex-start; gap: 12px; width: 100%; aspect-ratio: 4 / 3; padding: 16px; background: #f8f2ea; box-sizing: border-box; border-bottom: 1px solid #ddd8cf; transition: background 0.2s ease; } .eml-municipality-card--featured .eml-municipality-card__teaser { aspect-ratio: 16 / 11; } .eml-municipality-card__media:hover .eml-municipality-card__teaser { background: #f0e6d8; } .eml-municipality-card__teaser-name { font-family: var(--eml-heading-font, Georgia, 'Times New Roman', serif); font-size: 22px; font-weight: 700; line-height: 1.1; color: #151515; } .eml-municipality-card__teaser-news { display: flex; flex-direction: column; flex: 1; min-height: 0; } .eml-municipality-card__teaser-eyebrow { display: block; font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #9f1d1d; } .eml-municipality-card__teaser-title { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; margin: 5px 0 0; font-family: var(--eml-heading-font, Georgia, 'Times New Roman', serif); font-size: 15px; font-weight: 700; line-height: 1.2; color: #151515; } .eml-municipality-card__teaser-thumb { flex: 1; min-height: 0; display: flex; align-items: flex-start; margin-bottom: 8px; } .eml-municipality-card__teaser-thumb img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 3px; } .eml-municipality-card__teaser-date { display: block; margin-top: 6px; font-size: 11px; color: #7a6d61; } /* ── Municipality preference persistence ─────────────────────────────────── */ .eml-municipality-card--preferred { border-color: #9f1d1d; box-shadow: 0 0 0 2px #9f1d1d, 0 14px 32px rgba(22, 19, 14, .07); } .eml-municipality-preference-banner { padding: 20px 24px; margin-bottom: 24px; background: #dce8f5; border-left: 4px solid #5b9bd5; } .eml-municipality-preference-banner__label { margin: 0 0 14px; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #1e3a5f; } .eml-municipality-preference-banner__card-wrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 18px; } .eml-municipality-preference-banner .eml-municipality-card { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10); grid-column: span 1; } /* Separator above "Ver todos" — CSS border is immune to JS reordering */ .menu-item-33689 .sub-menu .menu-item-158791 { border-top: 1px solid rgba(255, 255, 255, .20); margin-top: 4px; padding-top: 4px; } /* "Tus municipios" section label */ li.eml-municipality-nav-label { padding: 6px 16px 2px; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgba(255, 255, 255, .45); pointer-events: none; cursor: default; } /* Empty-state hint for new visitors */ li.eml-municipality-nav-empty-state { padding: 8px 16px; font-size: 12px; line-height: 1.4; color: rgba(255, 255, 255, .55); font-style: italic; pointer-events: none; cursor: default; max-width: 200px; white-space: normal; } /* Suppress the theme's tds_menu_sub_active2 hover underline in the Municipios dropdown */ .menu-item-33689 .sub-menu li a .tdb-menu-item-text::after { display: none !important; } /* ------------------------------------------------------------------ */ /* Últimas noticias */ /* ------------------------------------------------------------------ */ .eml-latest-news { margin: 0 0 28px; } .eml-latest-news .block-title { margin-bottom: 18px; } .eml-latest-news .block-title span { font-size: 20px; font-family: var(--eml-heading-font, inherit); } .eml-latest-news__list { list-style: none; margin: 0; padding: 0; } .eml-latest-news__item { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px solid #f0f0f0; } .eml-latest-news__item:first-child { padding-top: 0; } .eml-latest-news__thumb { display: block; } .eml-latest-news__thumb img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; } .eml-latest-news__title { margin: 0; font-size: var(--eml-ln-title-size, 13px); font-weight: var(--eml-ln-title-weight, 650); line-height: var(--eml-ln-title-lh, 1.28); } .eml-latest-news__title a { color: var(--eml-ln-title-color, #222); text-decoration: none; } .eml-latest-news__title a:hover, .eml-latest-news__title a:focus { color: var(--eml-link-hover); } /* ── Section indicator (floating pill) ── */ .eml-section-indicator { position: fixed; bottom: 24px; right: 20px; z-index: 9000; display: flex; align-items: center; gap: 7px; padding: 6px 13px 6px 10px; background: rgba(17, 24, 39, 0.80); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; border-radius: 20px; pointer-events: none; -webkit-user-select: none; user-select: none; opacity: 0; transform: translateY(6px); transition: opacity 0.22s ease, transform 0.22s ease; } .eml-section-indicator.is-visible { opacity: 1; transform: translateY(0); } .eml-section-indicator::before { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background: #e8a04a; flex-shrink: 0; } @media (max-width: 767px) { .eml-section-indicator { bottom: 16px; right: 12px; font-size: 10px; padding: 5px 11px 5px 9px; } }