.ce-section{ margin:60px 0; } .ce-section-header{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:24px; padding-bottom:10px; border-bottom:2px solid #C7A55B; } .ce-section-title{ margin:0; font-family:Georgia,"Times New Roman",serif; font-size:48px; font-weight:700; color:#18345E; } .ce-section-more{ color:#18345E; text-decoration:none; font-weight:700; transition:.25s; } .ce-section-more:hover{ color:#C7A55B; } .ce-section-grid{ display:grid; grid-template-columns:2fr 1fr; gap:30px; } @media(max-width:900px){ .ce-section-grid{ grid-template-columns:1fr; } .ce-section-title{ font-size:36px; } } /* ========================================================== NUNTIUS — HOME EDITORIAL COMPACTA Reduce tamaño de tarjetas y portada ========================================================== */ /* ---------------------------------------------------------- SECCIONES ---------------------------------------------------------- */ .ce-section{ margin-bottom:34px; } .ce-section-header{ margin-bottom:16px; } .ce-section-title{ font-size:38px; line-height:1.08; } .ce-section-more{ font-size:14px; } /* ---------------------------------------------------------- TARJETAS GENERALES ---------------------------------------------------------- */ .ce-section-body{ gap:18px; } .ce-section-body article{ overflow:hidden; } .ce-section-body img{ display:block; width:100%; object-fit:cover; } /* ---------------------------------------------------------- PORTADA / TARJETA DESTACADA ---------------------------------------------------------- */ .ce-section-featured .ce-section-body{ gap:18px; } /* * Evita que la imagen principal se vuelva gigantesca. */ .ce-section-featured .ce-section-body article:first-child img{ max-height:360px; object-fit:cover; } /* Títulos */ .ce-section-featured .ce-section-body article:first-child h2, .ce-section-featured .ce-section-body article:first-child h3{ font-size:30px; line-height:1.15; } /* ---------------------------------------------------------- ACTUALIDAD Y DEMÁS DESTACADAS ---------------------------------------------------------- */ .ce-section-body h2, .ce-section-body h3{ margin-top:0; margin-bottom:9px; font-size:22px; line-height:1.22; } /* Texto/resumen */ .ce-section-body p{ margin-top:7px; margin-bottom:10px; font-size:15px; line-height:1.5; } /* ---------------------------------------------------------- TARJETAS HORIZONTALES ---------------------------------------------------------- */ .ce-section-horizontal .ce-section-body{ gap:14px; } .ce-section-horizontal article{ min-height:0; } .ce-section-horizontal article img{ max-height:180px; object-fit:cover; } .ce-section-horizontal article h2, .ce-section-horizontal article h3{ font-size:19px; line-height:1.25; } /* ---------------------------------------------------------- ETIQUETAS / CATEGORÍAS ---------------------------------------------------------- */ .ce-news-category{ font-size:10px; line-height:1.2; padding:7px 12px; } /* ---------------------------------------------------------- HOME EN DOS COLUMNAS ---------------------------------------------------------- */ .ce-home-two-cols{ gap:28px; } /* ========================================================== TABLET ========================================================== */ @media(max-width:992px){ .ce-section{ margin-bottom:28px; } .ce-section-title{ font-size:32px; } .ce-section-featured .ce-section-body article:first-child img{ max-height:320px; } .ce-section-featured .ce-section-body article:first-child h2, .ce-section-featured .ce-section-body article:first-child h3{ font-size:27px; } } /* ========================================================== MÓVIL ========================================================== */ @media(max-width:700px){ .ce-section{ margin-bottom:24px; } .ce-section-header{ margin-bottom:13px; } .ce-section-title{ font-size:28px; } .ce-section-more{ font-size:12px; } .ce-section-featured .ce-section-body article:first-child img{ max-height:230px; } .ce-section-featured .ce-section-body article:first-child h2, .ce-section-featured .ce-section-body article:first-child h3{ font-size:23px; line-height:1.18; } .ce-section-body h2, .ce-section-body h3{ font-size:19px; } .ce-section-body p{ font-size:14px; } .ce-section-horizontal article img{ max-height:210px; } } /* ========================================================== NUNTIUS — TARJETAS EDITORIALES COMPACTAS V2 ========================================================== */ /* Menos aire entre secciones */ .ce-section{ margin-top:38px; margin-bottom:38px; } .ce-section-header{ margin-bottom:14px; } /* Títulos de sección */ .ce-section-title{ font-size:36px; line-height:1.05; } /* ========================================================== TARJETA BASE ========================================================== */ .ce-news-card{ overflow:hidden; } .ce-news-image{ display:block; width:100%; overflow:hidden; } .ce-news-image img{ display:block; width:100%; height:100%; object-fit:cover; } /* Contenido */ .ce-news-content{ padding:16px 19px; } .ce-news-title{ margin:0 0 7px; font-size:21px; line-height:1.18; } .ce-news-excerpt{ margin:5px 0 10px; font-size:14px; line-height:1.42; } .ce-news-meta{ margin-top:10px; font-size:11px; } /* ========================================================== FEATURED — PORTADA / ACTUALIDAD / DEPORTES ========================================================== */ /* * Principal: * sigue teniendo presencia pero ya no ocupa media pantalla. */ .ce-section-featured .ce-news-card-main .ce-news-image{ height:280px; } .ce-section-featured .ce-news-card-main .ce-news-title{ font-size:27px; line-height:1.12; } /* * Noticias secundarias de una sección featured. */ .ce-section-featured .ce-news-card:not(.ce-news-card-main){ display:grid; grid-template-columns:180px minmax(0,1fr); align-items:stretch; } .ce-section-featured .ce-news-card:not(.ce-news-card-main) .ce-news-image{ height:125px; } .ce-section-featured .ce-news-card:not(.ce-news-card-main) .ce-news-content{ padding:12px 15px; } .ce-section-featured .ce-news-card:not(.ce-news-card-main) .ce-news-title{ font-size:18px; } .ce-section-featured .ce-news-card:not(.ce-news-card-main) .ce-news-excerpt{ display:none; } /* ========================================================== SECCIONES HORIZONTALES Economía / Negocios / Estilo de Vida / Servicios ========================================================== */ .ce-section-horizontal .ce-news-card{ display:grid; grid-template-columns:155px minmax(0,1fr); align-items:stretch; } .ce-section-horizontal .ce-news-image{ height:115px; } .ce-section-horizontal .ce-news-content{ padding:11px 14px; } .ce-section-horizontal .ce-news-title{ font-size:17px; line-height:1.2; } .ce-section-horizontal .ce-news-excerpt{ display:none; } .ce-section-horizontal .ce-news-meta{ margin-top:7px; } /* ========================================================== ESPACIADO ENTRE TARJETAS ========================================================== */ .ce-section-body{ gap:14px; } /* ========================================================== TABLET ========================================================== */ @media(max-width:992px){ .ce-section-title{ font-size:31px; } .ce-section-featured .ce-news-card-main .ce-news-image{ height:250px; } } /* ========================================================== MÓVIL ========================================================== */ @media(max-width:700px){ .ce-section{ margin-top:26px; margin-bottom:26px; } .ce-section-title{ font-size:27px; } .ce-section-featured .ce-news-card-main .ce-news-image{ height:210px; } .ce-section-featured .ce-news-card-main .ce-news-title{ font-size:22px; } /* * Secundarias compactas también en celular */ .ce-section-featured .ce-news-card:not(.ce-news-card-main), .ce-section-horizontal .ce-news-card{ grid-template-columns:115px minmax(0,1fr); } .ce-section-featured .ce-news-card:not(.ce-news-card-main) .ce-news-image, .ce-section-horizontal .ce-news-image{ height:100px; } .ce-section-featured .ce-news-card:not(.ce-news-card-main) .ce-news-content, .ce-section-horizontal .ce-news-content{ padding:9px 11px; } .ce-section-featured .ce-news-card:not(.ce-news-card-main) .ce-news-title, .ce-section-horizontal .ce-news-title{ font-size:15px; line-height:1.18; } .ce-news-meta{ font-size:10px; } } /* ========================================================== NUNTIUS — PORTADA V2 Principal editorial + secundarias 2 x 2 ========================================================== */ /* ---------------------------------------------------------- PORTADA — CUERPO ---------------------------------------------------------- */ .ce-section-featured:first-of-type .ce-section-body{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } /* ---------------------------------------------------------- NOTICIA PRINCIPAL ---------------------------------------------------------- */ .ce-section-featured:first-of-type .ce-news-card-main{ grid-column:1 / -1; display:block; } /* * Imagen principal. * Más compacta que antes. */ .ce-section-featured:first-of-type .ce-news-card-main .ce-news-image{ position:relative; height:300px; } /* Imagen */ .ce-section-featured:first-of-type .ce-news-card-main .ce-news-image img{ width:100%; height:100%; object-fit:cover; } /* * Categoría superpuesta sobre la fotografía. */ .ce-section-featured:first-of-type .ce-news-card-main .ce-news-image .ce-news-category{ position:absolute; left:16px; bottom:14px; z-index:2; margin:0; background:#c9a454; color:#fff; border-radius:999px; padding:7px 13px; font-size:10px; line-height:1; font-weight:700; letter-spacing:.04em; text-transform:uppercase; } /* Contenido principal */ .ce-section-featured:first-of-type .ce-news-card-main .ce-news-content{ padding:17px 19px 14px; } /* Titular */ .ce-section-featured:first-of-type .ce-news-card-main .ce-news-title{ margin:0 0 7px; font-size:27px; line-height:1.12; } /* Bajada */ .ce-section-featured:first-of-type .ce-news-card-main .ce-news-excerpt{ margin:0 0 10px; font-size:14px; line-height:1.4; } /* Meta */ .ce-section-featured:first-of-type .ce-news-card-main .ce-news-meta{ margin-top:10px; } /* ---------------------------------------------------------- SECUNDARIAS — GRILLA 2 x 2 ---------------------------------------------------------- */ .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main){ display:grid; grid-template-columns:145px minmax(0,1fr); min-width:0; border-radius:10px; overflow:hidden; } /* Imagen secundaria */ .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-image{ width:145px; height:118px; min-height:118px; } /* Imagen */ .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-image img{ width:100%; height:100%; object-fit:cover; } /* Contenido */ .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-content{ min-width:0; padding:11px 13px; display:flex; flex-direction:column; justify-content:center; } /* Categoría */ .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-category{ align-self:flex-start; margin:0 0 7px; padding:5px 9px; font-size:9px; line-height:1; border-radius:999px; } /* Titular */ .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-title{ margin:0; font-size:16px; line-height:1.18; } /* Sin bajada en secundarias */ .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-excerpt{ display:none; } /* Fecha */ .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-meta{ margin-top:9px; padding-top:7px; font-size:9px; } /* ---------------------------------------------------------- TABLET ---------------------------------------------------------- */ @media(max-width:1100px){ .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main){ grid-template-columns:125px minmax(0,1fr); } .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-image{ width:125px; height:112px; min-height:112px; } .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-title{ font-size:15px; } } /* ---------------------------------------------------------- MÓVIL ---------------------------------------------------------- */ @media(max-width:700px){ /* * Una sola columna. */ .ce-section-featured:first-of-type .ce-section-body{ grid-template-columns:1fr; gap:11px; } /* * Principal */ .ce-section-featured:first-of-type .ce-news-card-main{ grid-column:auto; } .ce-section-featured:first-of-type .ce-news-card-main .ce-news-image{ height:215px; } .ce-section-featured:first-of-type .ce-news-card-main .ce-news-content{ padding:14px 15px 12px; } .ce-section-featured:first-of-type .ce-news-card-main .ce-news-title{ font-size:23px; } .ce-section-featured:first-of-type .ce-news-card-main .ce-news-excerpt{ font-size:13px; } /* * Secundarias */ .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main){ grid-template-columns:115px minmax(0,1fr); min-height:105px; } .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-image{ width:115px; height:105px; min-height:105px; } .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-content{ padding:9px 11px; } .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-category{ margin-bottom:5px; padding:4px 7px; font-size:8px; } .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-title{ font-size:14px; line-height:1.17; } .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-meta{ margin-top:6px; padding-top:5px; font-size:8px; } } /* ---------------------------------------------------------- MÓVILES PEQUEÑOS ---------------------------------------------------------- */ @media(max-width:420px){ .ce-section-featured:first-of-type .ce-news-card-main .ce-news-image{ height:190px; } .ce-section-featured:first-of-type .ce-news-card-main .ce-news-title{ font-size:21px; } .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main){ grid-template-columns:100px minmax(0,1fr); } .ce-section-featured:first-of-type .ce-news-card:not(.ce-news-card-main) .ce-news-image{ width:100px; height:100px; min-height:100px; } }