/* Portada de la web: notícies i activitats. Colors i lletra de la web. */
.semcv-portada-noticies, .semcv-portada-activitats { --p-blau: #1d4f91; --p-pissarra: #3d6081; --p-groc: #f4b200; --p-marina: #1B2A4E; --p-vora: #d0d9e6; margin: 28px 0; clear: both; }
.semcv-portada-titol { font-size: clamp(24px, 1.2vw + 16px, 30px) !important; line-height: 1.2 !important; font-weight: 700 !important; color: var(--p-marina); border-bottom: 3px solid var(--p-groc); padding-bottom: 6px; margin: 0 0 18px; }

/* Notícies: 4 per fila, una mica més xicotetes que les del tema */
.semcv-portada-graella { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px 20px; }
.semcv-portada-noticia a { display: flex; flex-direction: column; gap: 6px; color: inherit !important; text-decoration: none !important; }
.semcv-portada-img { display: block; aspect-ratio: 7 / 4; overflow: hidden; background: #f2f5f9; border-radius: 4px; }
.semcv-portada-img img { display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; transition: transform .25s; margin: 0; }
.semcv-portada-img:has(img.icona) { display: flex; align-items: center; justify-content: center; }
.semcv-portada-img img.icona { width: auto !important; height: 62% !important; object-fit: contain; }
.semcv-portada-noticia a:hover .semcv-portada-img img { transform: scale(1.04); }
.semcv-portada-data { font-size: 13px; font-style: italic; color: #667085; margin-top: 4px; }
.semcv-portada-nom { font-size: 15px; font-weight: 800; line-height: 1.3; letter-spacing: .03em; text-transform: uppercase; color: #333; }
.semcv-portada-noticia a:hover .semcv-portada-nom { color: var(--p-blau); }

/* Activitats: logo i nom */
.semcv-portada-acts { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; }
.semcv-portada-act { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 10px; padding: 16px 12px; background: #fff; border: 1px solid var(--p-vora); border-top: 4px solid var(--p-blau); border-radius: 8px; text-align: center; color: var(--p-marina) !important; text-decoration: none !important; transition: box-shadow .15s, transform .15s; }
.semcv-portada-act:hover { box-shadow: 0 6px 18px rgba(27, 42, 78, .12); transform: translateY(-2px); border-top-color: var(--p-groc); }
.semcv-portada-act-img { display: flex; align-items: center; justify-content: center; height: 90px; width: 100%; }
.semcv-portada-act-img img { max-height: 90px; max-width: 100%; width: auto; height: auto; object-fit: contain; margin: 0; }
.semcv-portada-act-nom { font-weight: 700; font-size: 15px; line-height: 1.3; }

@media (max-width: 1000px) { .semcv-portada-graella { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .semcv-portada-graella { grid-template-columns: repeat(2, minmax(0, 1fr)); } .semcv-portada-acts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 460px) { .semcv-portada-graella { grid-template-columns: 1fr; } }
.semcv-portada-act-vis { font-size: 12px; font-style: italic; color: #667085; margin-top: -4px; }
.semcv-portada-enllacos .semcv-portada-act { justify-content: center; }
.semcv-portada-enllacos .semcv-portada-act-img { height: 100px; }
.semcv-portada-enllacos .semcv-portada-act-img img { max-height: 100px; }

/* Destacats (Problema del dia, avisos…) */
.semcv-destacats { --p-blau: #1d4f91; --p-groc: #f4b200; --p-marina: #1B2A4E; --p-vora: #d0d9e6; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 18px; margin: 28px 0; clear: both; }
.semcv-destacat { background: #fff; border: 1px solid var(--p-vora); border-left: 6px solid var(--p-groc); border-radius: 10px; padding: 16px 20px; box-shadow: 0 6px 18px rgba(27, 42, 78, .07); }
.semcv-destacat-cap { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
.semcv-destacat-etiqueta { background: var(--p-marina); color: #fff; font-weight: 700; font-size: 13px; padding: 4px 12px; border-radius: 999px; letter-spacing: .3px; }
.semcv-destacat-data { color: #5b6474; font-size: 13px; }
.semcv-destacat-cos { display: flex; gap: 16px; align-items: flex-start; }
.semcv-destacat-cos > img { width: 38%; max-width: 260px; border-radius: 8px; flex: none; }
.semcv-destacat-text { flex: 1; min-width: 0; line-height: 1.55; }
.semcv-destacat-text h3 { margin: 0 0 6px; color: var(--p-blau); font-size: 20px; }
.semcv-destacat-boto { display: inline-block; padding: 7px 14px; border-radius: 999px; background: var(--p-blau); color: #fff !important; text-decoration: none !important; font-weight: 600; font-size: 14px; }
.semcv-destacat-sol { margin-top: 8px; background: #f6f8fb; border-radius: 8px; padding: 8px 12px; }
.semcv-destacat-sol summary { cursor: pointer; color: var(--p-blau); font-weight: 700; }
.semcv-destacat-prox { color: #5b6474; font-style: italic; font-size: 14px; }
@media (max-width: 600px) { .semcv-destacat-cos { flex-direction: column; } .semcv-destacat-cos > img { width: 100%; max-width: none; } }
/* Franja del problema del dia amb les targetes destacades */
.semcv-pd-franja { display: grid; grid-template-columns: minmax(0, 3fr) minmax(260px, 2fr); gap: 18px; align-items: start; margin: 28px 0; clear: both; }
.semcv-pd-franja.sols { grid-template-columns: 1fr; }
.semcv-pd-franja .semcv-pd { margin: 0; }
.semcv-franja-dest { display: grid; gap: 12px; }
.semcv-pd-franja.sols .semcv-franja-dest { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.semcv-franja-targeta { display: flex; gap: 14px; align-items: center; background: #fff; border: 1px solid #d0d9e6; border-left: 6px solid #f4b200; border-radius: 10px; padding: 12px 14px; color: inherit !important; text-decoration: none !important; box-shadow: 0 4px 14px rgba(27, 42, 78, .06); transition: box-shadow .15s, transform .15s; }
a.semcv-franja-targeta:hover, a.semcv-franja-targeta:focus-visible { box-shadow: 0 8px 22px rgba(27, 42, 78, .12); transform: translateY(-2px); }
.semcv-franja-img { flex: 0 0 96px; height: 64px; display: flex; align-items: center; justify-content: center; }
.semcv-franja-img img { max-width: 96px; max-height: 64px; width: auto; height: auto; object-fit: contain; margin: 0; }
.semcv-franja-img .ini { font-size: 30px; }
.semcv-franja-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.semcv-franja-tx strong { color: #1B2A4E; font-size: 16px; line-height: 1.3; }
.semcv-franja-tx span { color: #3c434a; font-size: 14px; line-height: 1.45; }
.semcv-franja-tx em { color: #1d4f91; font-style: normal; font-weight: 700; font-size: 13px; }
@media (max-width: 900px) { .semcv-pd-franja { grid-template-columns: 1fr; } }