/* ===========================================================================
   SECTOR PAGES — acordeon "Policy framework" (fila marco-politicas)
   Se carga en paginas con marco-politicas que NO usan la plantilla de division
   (los sectores: plantilla por defecto + CSS propio de pagina). Ambito:
   body.ufm-sector (functions.php, ufm_es_sector). Replica los ajustes del
   acordeon de css/division.css (peticion UfM 2026-10-29) para que divisiones
   y sectores se vean igual. Gana al CSS de pagina (.marco-politicas ...) por
   especificidad.
   =========================================================================== */

/* Titulos a 22px; el aire va en el h3 (el tema le pone 20px) */
body.ufm-sector .marco-politicas .wpb_accordion_header{ padding: 16px 0 !important; }
body.ufm-sector .marco-politicas .wpb_accordion_header > a{
	font-size: 22px; line-height: 26px;
	padding: 0 !important; gap: 16px;
}
@media only screen and (max-width: 1035px) {
	body.ufm-sector .marco-politicas .newaccordion .wpb_accordion_header > a{ font-size: 22px; line-height: 26px; }
}

/* La misma flecha que el boton de Related platforms (.platform-open), 41px */
body.ufm-sector .marco-politicas .wpb_accordion_header > a::after{
	flex: 0 0 41px; width: 41px; height: 41px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41 41' fill='none' stroke='%231f346d' stroke-width='2'%3E%3Ccircle cx='20.5' cy='20.5' r='19.5'/%3E%3Cpath d='M14 20.5h13M21.5 15l5.5 5.5-5.5 5.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Solo 3 por pestana: el JS de functions.php marca el resto con .ufm-oculto y
   anade el boton. Sin JS se ven todas. */
body.ufm-sector .marco-politicas .ufm-oculto{ display: none !important; }
body.ufm-sector .ufm-ver-mas-p{ margin: 12px 0 0; text-align: right; }
/* Enlace de texto como los demas VIEW MORE de la web (no boton), mas pequeno
   por ir dentro del listado. Alterna View more / View less. */
body.ufm-sector .marco-politicas a.ufm-ver-mas{
	color: #1f346d; text-decoration: none !important; cursor: pointer;
}
body.ufm-sector .marco-politicas a.ufm-ver-mas strong{
	font-family: 'Lato', sans-serif; font-weight: 900; font-size: 13px; line-height: 16px;
	text-transform: uppercase; color: inherit;
}
body.ufm-sector .marco-politicas a.ufm-ver-mas:hover,
body.ufm-sector .marco-politicas a.ufm-ver-mas:focus-visible{ color: #29ABE2; }
/* Mismo gris que Overview: las fichas venian a #eee desde el CSS de la vista. */
body.ufm-sector .marco-politicas #platform_policy-list .platform_policy-item .vc_row{ background-color: #eaeaea; }

/* Lo que ya tenia 250377 y no llego a las copias: pestanas vacias ocultas,
   borde inferior en el contenedor (la ultima seccion puede estar oculta) y
   cabecera activa sin fondo (el tema la pinta con un selector de id). */
body.ufm-sector .newaccordion .wpb_accordion_section:has(.ufm-tab-empty){ display: none; }
body.ufm-sector .marco-politicas .wpb_accordion_section:last-child{ border-bottom: 0 !important; }
body.ufm-sector .marco-politicas .wpb_accordion_wrapper{ border-bottom: 1px solid #1F346D !important; }
body.ufm-sector .marco-politicas .newaccordion :is(.wpb_accordion_section, #ufm-acc) .ui-accordion-header-active{
	background: transparent !important;
}