/**************CONTENEDOR CON 2 COLUMNAS: FONDO TEXTO E IMAGEN**********/
/* Contenedor principal */
.columna-imagen-fondo {
    display: flex!important;
	gap: 0;
    justify-content: center;
    width: 55%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
	border-radius: 20px; 
    overflow: hidden; /* Hace que texto e imagen respeten la curva */
}

/* Grupo de columnas */
.columna-imagen-fondo > .wp-block-columns {
    display: flex;
    width: 100%;
    margin: 0;
    gap: 0; /* Sin espacio entre columnas */
    overflow: hidden;
    border-radius: 14px;
    box-sizing: border-box;
}

/* Columna izquierda (texto) */
.columna-imagen-fondo-izq {
    flex: 1; /* Ocupa el 50% del ancho */
    background: #1c4e80;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
	max-height: 400px;
}
.columna-imagen-fondo-izq ul, .columna-imagen-fondo-izq ol  {
	padding: 0 20px 0 20px!important;
}

.columna-imagen-fondo-izq ul li, .columna-imagen-fondo-izq ol li {
    margin-bottom: 0.8rem;
	text-align: justify;
}

/* Columna derecha (imagen) */
.columna-imagen-fondo-der {
    flex: 1; /* También ocupa el 50% */
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
	max-height: 400px;
}

/* Imagen dentro de la columna derecha */
.columna-imagen-fondo-der img {
    width: 100%;
    height: 100%; /* Se adapta a la altura de la columna */
    object-fit: cover; /* La recorta proporcionalmente */
    display: block;
    min-height: 430px;
}


/**************CONTENEDOR SEÑALIZACIÓN**********/
/* Contenedor principal */
.contenedor-general-practicas {
	display: flex;
	padding: 1rem;
	margin: 0;
}
.columna-practicas {
	border: 1px solid #1C4E80;
	border-radius: 16px;

}
.cabecera-icono {
	padding: 10px 20px;	 
    background-color: #1C4E80;
	color: #FFFFFF;
	border-radius: 16px 16px 0 0;
	font-weight: 600;
}

.i-misbloques-icono {
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1C4E80;
    background-color: #FFFFFF;
    min-width: 1.5em;
    min-height: 1.52em;
    max-width: 1.5em;
    max-height: 1.5em;
	border-radius: 50%;
}

/* Hover sobre la columna completa */
.columna-practicas:hover {
    border-color: #28A745; 
}

.columna-practicas:hover .cabecera-icono {
    background-color: #28A745; 
}

.columna-practicas:hover .i-misbloques-icono {
    color: #28A745; 
}

.columna-practicas ul {
	margin: 10px;
	text-align: justify;
	padding-bottom: 10px;
}

.columna-practicas p {
	font-weight: 600;
}



/**************CONTENEDOR PROTECCIÓN PREVENCIÓN ACCESO NORMATIVA**********/
.wp-block-group.alignfull.is-layout-constrained.wp-container-core-group-is-layout-12243e0f.wp-block-group-is-layout-constrained {
	margin-block-start: 0px;
}
.contenedor-seguridad-senalizacion {
	display: flex;
	padding: 2rem 1rem 2rem 1rem;
	margin: 0rem 1rem 4rem 3rem;
    box-sizing: border-box;
	min-height: 300px;
	background: #1c4e8021;
}

.columna-seguridad-senalizacion {
	display: flex;
	padding: 1rem;
	margin: 0 1rem 2rem 3rem;
	flex-direction: column;
    box-sizing: border-box;
	min-height: 200px;
	/*border: 1px solid #000;*/
	/*background: repeating-radial-gradient(circle, #FFFFFF10, #1C4E8010 20px, #FFFFFF10 40px);*/
	background: repeating-conic-gradient(#1C4E8010 0deg 20deg, #FFFFFF10 20deg 40deg);
	border-radius: 20px;
}

.contenedor-seguridad-senalizacion p {
	padding: 0 2rem 0.5rem 2rem;
	margin-bottom: 0;
}

.contenedor-seguridad-senalizacion ul {
	padding: 0 2rem 0.5rem 3rem;
	margin-bottom: 0;
}