/*
Theme Name: ColorMag Child
Theme URI: https://themegrill.com/themes/colormag/
Template: colormag
Author: ThemeGrill
Author URI: https://themegrill.com
Description: ColorMag is always the best choice when it comes to magazine, news, and blog WordPress themes. You can create elegant and modern websites for news portals, online magazines, and publishing sites. With ColorMag’s 8 and counting free starter demos for health, food, entertainment, sports, and fashion industries, building a magazine style website is super easy. Best of all, the ColorMag WordPress theme offers multiple ad spaces in its layout. So, you can monetize your website by displaying ads in these slots without any fuss. And if you plan to sell products and services online, you can rely on the theme’s compatibility with WooCommerce. Some of its key features are: >> SEO Optimized >> Translation & RTL Ready >> Cross-browser Compatible >> Custom Widgets >> Responsive Design >> Sticky Menu. So, download the free ColorMag theme and create professional magazine websites quickly. You can get free support for ColorMag at https://themegrill.com/contact/ and check our demos at https://themegrilldemos.com/colormag/
Tags: one-column,two-columns,right-sidebar,left-sidebar,flexible-header,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,featured-images,theme-options,post-formats,footer-widgets,blog,e-commerce,news,rtl-language-support
Version: 4.0.10.1748575790
Updated: 2025-05-29 23:29:50

*/

/* ---------------------------------------------------------------------------------------------------
 * 											SENTRY custom 
--------------------------------------------------------------------------------------------------- */

.copyright{
	display: none;
}

a:where(:not(.wp-element-button)) {
    text-decoration: none !important;
}

/* Ampliación de la barra de navegación */
.cm-primary-nav > .cm-container {
    max-width: 100vw;
}

/* INICIO de Mejoras en el menú */
	.sub-menu .cm-submenu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.cm-primary-nav .cm-submenu-toggle .cm-icon {
		width: 14px;
		height: 14px;
		fill: #fff;
	}

	ul li.menu-item:hover > span > svg {
		transform: rotate(180deg);
	}

	ul .sub-menu li >.cm-submenu-toggle svg {
		transform: rotate(270deg);
	}

	ul .sub-menu li:hover > .cm-submenu-toggle > svg {
		transform: rotate(90deg);
	}

	.sub-menu li:hover > span > svg {
		fill: #fff !important;
	}

	.cm-layout-2 .cm-primary-nav ul > li > a {
		border-bottom: 2px solid transparent;
		-webkit-transition: border 0.5s ease;
		transition: border 0.5s ease;
		color: #3F3F46;
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
	}

	.cm-layout-2 .cm-primary-nav ul ul.sub-menu {
		background-color: #fff;
		-webkit-transition: all 0.3s ease,left 0s;
		transition: all 0.3s ease,left 0s;
		display: block;
		opacity: 0;
		visibility: hidden;
		border: 1px solid #c1c1c1;
		text-align: left;
	}

	ul.sub-menu > li.menu-item:not(:first-child) {
		border-top: 1px solid #c1c1c1;
	}

	.menu-item-3632 > ul > li{
		padding: 1vh 16px;
	}

	.menu-item-3632 > ul > li > a {
		font-size: 12px !important;
	}
/* FIN de Mejoras en el menú */

/* Unificación de colores del footer*/
.cm-footer-cols {
	background-color: #252730;
}

/* Post más Amplios */
.no-sidebar .cm-primary {
    width: 100%;
    margin: unset;
    padding: unset;
}

/* Forzar justificado de los artículos escritos por OCRI */
.type-post .cm-entry-summary p {
    text-align: justify;
}

.cm-entry-title {
    text-align: center;
}

.cm-posts {
    justify-content: center;
    justify-items: center;
}

/*
 * Css especial para las fichas de las personas naturales
*/
	section.recordContainer {
        width: 100%;
        padding: 15px;
        border: 1px solid #afafaf;
        border-radius: 5px;
        box-shadow: none;
        transition: box-shadow .3s;
    }

    section.recordContainer:hover {
        box-shadow: 5px 5px 10px 0px #0003;
        transition: box-shadow .3s;
    }

    section.recordContainer .recordTitle {
        text-align: center;
    }

    section.recordContainer .recordTitle h2 {
        font-size: 25px;
    }

    .recordTable table {
        border: none;
        margin: unset;
    }

    .recordTable table tr {
        border: unset;
        transition: background-color .3s;
    }

    .recordTable table tr:hover {
        background-color: #c9d1e0;
        transition: background-color .3s;
    }

    .recordTable table tr th {
        border: unset;
        text-align: right;
		font-weight: bold;
		vertical-align: middle;
    }

    .recordTable table tr td {
        border: unset;
		vertical-align: middle;
    }
	
	.dataTables_scrollHeadInner {
		width: 100% !important;
	}

	.h-divider{
		margin: 20px 0;
	}

/*
 * Css especial para las dataTables de los sujetos regulados
*/
	#data-wrapper{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	section.recordTable{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	section.data-content{
		width: 100%;
		user-select: none;
		-webkit-user-drag: none;
		min-width: 70vw;
		padding: 15px;
		border: 1px solid #afafaf;
		border-radius: 5px;
		box-shadow: none;
		transition: box-shadow .3s;
		margin-top: 1%;
		margin-bottom: 1%;
	}

	section.data-content > * {
		user-select: none;
		-webkit-user-drag: none;
	}

	section.data-content:hover{
		box-shadow: 5px 5px 10px 0px #0003;
		transition: box-shadow .3s;
	}

	section.data-content table{
		width: 100% !important;
	}

	section.data-content table td{
		vertical-align: middle;
		text-align: center;
	}

	section.data-content div.dataTables_length {
		padding: 5px;
		border-radius: 5px;
		border: 1px solid #afafaf;
		margin-bottom: 10px;
		box-shadow: none;
		transition: box-shadow .3s;
	}

	section.data-content div.dataTables_length:hover{
		box-shadow: 2px 2px 10px 0px #0003;
		transition: box-shadow .3s;
	}

	section.data-content div.dataTables_length select {
		padding: 2px 4px !important;
	}

	section.data-content div.dataTables_filter {
		padding: 5px;
		border-radius: 5px;
		border: 1px solid #afafaf;
		margin-bottom: 10px;
		box-shadow: none;
		transition: box-shadow .3s;
	}

	section.data-content div.dataTables_filter:hover {
		box-shadow: 2px 2px 10px 0px #0003;
		transition: box-shadow .3s;
	}

	section.data-content div.dataTables_filter input{
		border: 1px solid;
		border-radius: 5px;
	}

	section.data-content table tr td .btn{
		background-color: #70b1ea;
		padding: 0 10px;
	}

	section.data-content table tr td .btn:disabled{
		background: #c7c7c7;
		border-color: #7c7c7c;
		color: #7c7c7c;
		cursor: default;
	}
	
	section.data-content .sectionTitle, section.recordContainer .sectionTitle{
        background-color: #ddd !important;
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    section.data-content .textB, section.recordContainer .textB{
        color: #000;
        font-weight: bold;
    }

    section.data-content .center, section.recordContainer .center{
        text-align: center !important;
    }

	@media (max-width:1200px) {
		#data-wrapper section.recordContainer, #data-wrapper section.data-content {
			width: 90vw;
		}

		#data-wrapper #dinamicSelect, #data-wrapper #dinamicInfo, #data-wrapper #disclaimer {
			width: 95vw;
		}
	}
	
	@media (orientation: portrait) and (max-width:650px) {
		section.recordContainer {
			width: 90vw;
		}
		
		section.recordContainer > *{
			font-size: 3vw;
		}

		section.recordContainer .sectionTitle {
			font-size: 4vw;
		}

		.recordContainer .btn {
			width: 10vw;
			font-size: 3vw;
		}
		
		section.data-content {
			width: 90vw;
		}
		
		section.data-content > *{
			font-size: 2.2vw;
		}

		section.data-content .sectionTitle {
			font-size: 4vw;
		}
		
		.data-content .dataTables_length select {
			width: 12vw;
			font-size: 2.2vw;
		}
		
		.data-content .dataTables_filter input {
			width: 20vw;
			font-size: 2.2vw;
		}
		
		.data-content td, .data-content th {
			padding: 1vw !important;
		}
		
		.data-content button.btn {
			width: 12vw;
			font-size: 2.3vw;
		}
	}

/* Media Query para mejorar la visualización de algunas cosas al verse desde telefonos */
@media screen and (orientation: portrait) {
	.elementor-element-0d8acd9 .elementor-widget-image .elementor-widget-container {
		max-width: 20%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.elementor-81 .elementor-element.elementor-element-6817ea8 .eael-img-accordion {
		height: 400px !important;
	}
}


/*
 * Normalización de los íconos del footer
 */

:root :where(.is-layout-flex) {
    gap: 7px;
}

body .is-layout-flex {
    display: flex;
    flex-direction: column;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
    background-color: unset !important;
    color: unset !important;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook,
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube,
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x,
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
    background-color: unset !important;
    color: unset !important;
}

.cm-footer .widget ul li {
    border-bottom: unset !important;
}

.wp-block-social-link-anchor, .wp-block-social-link-anchor > svg {
	fill: #fff
}