@charset "UTF-8";

/*
Theme Name: Vulvísima 2024
Author: quintopisoweb tomando como base el theme Twenty Twenty-One the WordPress team
Author URI: https://quintopisoweb.com/
Description: Este tema tomó como base el theme Twenty Twenty-One.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: promecanicos
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

body{
	text-align:center;
	font-family: "Lexend", serif;
	font-size:1em;
	line-height:1.5em;
	color:#333;
	font-weight: var(--fuente-w-1);
	--color-1: #84ceb7; /*Verde*/
	--color-2: #ff97b2; /*Rosa*/
	--color-3: #eefb03; /*Amarillo*/
	--color-4: #ff5700; /*Naranja*/
	--color-5: #444421; /*Verde Oscuro*/
	--gris-claro: #f4f4f4;
	--gris-oscuro: #ccc;
	--positivo:#fff;
	--negativo:#333;
	--transparencia-1:#007985B3;
	--fuente-1:"Lexend", serif;
	--fuente-2:"Lexend", serif;
	--fuente-xxxl:4.5vw;
	--fuente-xxl:3.5vw;
	--fuente-xl:3vw;
	--fuente-l:2.5vw;
	--fuente-m:1.9vw;
	--fuente-n:1.5vw;
	--fuente-s:1.2vw;/*Tamaño de fuente pequeña*/
	--fuente-xs:0.9vw;
	--fuente-w-1:400; /*Ancho de fuente 1*/
	--fuente-w-2:500; /*Ancho de fuente 2*/
	--fuente-w-3:800; /*Ancho de fuente 3*/
	--fuente-w-4:200; /*Ancho de fuente 3*/
	--padding-0:0.5vw;
	--padding-1:1vw;
	--padding-2:2vw;
	--padding-3:3vw;
	--padding-4:4vw;
	--espacio-superior:calc(var(--padding-4) * 2.5); /*Alto del header*/
	--alto-1:15vh;
	--alto-2:55vh;
	--barra-lateral:5vw;
	--lateral-1:25%; /*Barra lateral*/
	--lateral-2:15%; /*Espacio*/
	--lateral-3:20%; /*Espacio*/
	--contenido:75%; /*contenido*/
	--contenido-2:85%; /*contenido*/
	--contenido-3:80%; /*contenido*/
	--border-red:var(--padding-3) 0; /*Border Redondeados*/
	background-color:var(--positivo);
}

/*Movimiento scroll*/

html{
	scroll-behavior: smooth;
}

h1, h2, h3, h4, h5{
	font-family: var(--fuente-2);
	font-weight:var(--fuente-w-2);
	margin-bottom:0.5em;
	line-height:1em;
	color: var(--color-5);
}

h1{
	text-transform: uppercase;
	font-size:var(--fuente-xxxl);
	font-weight:var(--fuente-w-4);
}

h2{
	text-transform: uppercase;
	font-size:var(--fuente-xxl);
	margin-bottom:var(--padding-1);
	line-height: 1.3em;
	font-weight:var(--fuente-w-4);
}

h3{
	text-transform: uppercase;
	font-size:var(--fuente-l);
	margin-bottom:var(--padding-2);
	line-height: 1.3em;
	font-weight:var(--fuente-w-4);
}

h4{
	font-size:var(--fuente-m);
	margin-bottom:var(--padding-2);
}

h5{
	font-size:var(--fuente-n);
	margin-bottom:var(--padding-2);
}

h1 a, h2 a, h3 a, h4 a, h5 a{
	color:var(--color-2);
	font-weight: var(--fuente-w-2);
}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background{
	padding: var(--padding-1) !important;
}

p{
	font-size:var(--fuente-n);
	margin-bottom:var(--padding-2);
	font-weight:var(--fuente-w-4);
	line-height:1.5em;
}

a, a strong{
	color:var(--color-2);
	font-weight:var(--fuente-w-3);
	text-decoration:none;
}

a:hover, a strong:hover{
	text-decoration:underline;
}

ul, ol{
	padding-left:var(--padding-2);
	margin-bottom:var(--padding-2);
}

ul li, ol li{
	font-size:var(--fuente-n);
	margin-bottom:var(--padding-1);
	line-height: 1.5em;
	list-style-position: inside;
}

ul li::marker, ol li::marker{
	font-size: var(--fuente-xl);
	color: var(--color-2);
}

strong{
	font-weight:var(--fuente-w-3);
}

sub{
	line-height: 0;
}

small{
	font-size:var(--fuente-s);
}

img{
	width: 100%;
	max-width:100%;
	height:auto;
}

blockquote {
	padding: 0 var(--padding-4);
}

blockquote p{
	font-family: var(--fuente-2);
	font-weight: var(--fuente-w-3);
	font-size: var(--fuente-m);
	line-height: 1.2em;
	margin-bottom: var(--padding-2) !important;
}

blockquote p:before{
	content: open-quote;
	font-size: var(--fuente-l);
}

blockquote p:after{
	content:close-quote;
	font-size: var(--fuente-l);
}

hr{
	width: 100%;
	margin: var(--padding-1) 0;
	color: var(--color-1);
}

.button, .submit{
	background-color: var(--color-2);
	padding: var(--padding-1);
	color:var(--positivo);
	font-size: var(--fuente-n);
	border: none;
}

/*Ocultar en Móbil*/

.no-mobil{
	display:none;
}

/*Tamaños de fuente editor*/

.has-extra-small-font-size{
	font-size:var(--fuente-xs) !important;
	line-height:1.2em;
}

.has-small-font-size{
	font-size:var(--fuente-s) !important;
}

.has-normal-font-size, .has-regular-font-size{
	font-size:var(--fuente-n) !important;
}

.has-medium-font-size{
	font-size:var(--fuente-m) !important;
}

.has-large-font-size{
	font-size:var(--fuente-l) !important;
	line-height:1.2em;
	
}

.has-extra-large-font-size{
	font-size:var(--fuente-xl) !important;
	line-height:1.2em;
}

.has-huge-font-size, .has-larger-font-size{
	font-size:var(--fuente-xxl) !important;
	line-height:1em;
}

.has-gigantic-font-size{
	font-size:var(--fuente-xxxl) !important;
	line-height:1em;
}

/*Colores editor*/

.has-color-1-background-color{
	background-color:var(--color-1) !important;
}

.has-color-2-background-color{
	background-color:var(--color-2) !important;
}

.has-color-3-background-color{
	background-color:var(--color-3) !important;
}

.has-color-4-background-color{
	background-color:var(--color-4) !important;
}

.has-color-5-background-color{
	background-color:var(--color-5) !important;
}

.has-color-6-background-color{
	background-color:var(--color-6) !important;
}

.has-color-7-background-color{
	background-color:var(--color-7) !important;
}

.has-gris-background-color{
	background-color:var(--gris-claro) !important;
}

.has-gris-o-background-color{
	background-color:var(--gris-oscuro) !important;
}

.has-blanco-background-color{
	background-color:var(--positivo) !important;
}

.has-negativo-background-color{
	background-color:var(--negativo) !important;
}

.has-color-1-color{
	color:var(--color-1) !important;
}

.has-color-2-color{
	color:var(--color-2) !important;
}

.has-color-3-color{
	color:var(--color-3) !important;
}

.has-color-4-color{
	color:var(--color-4) !important;
}

.has-color-5-color{
	color:var(--color-5) !important;
}

.has-color-6-color{
	color:var(--color-6) !important;
}

.has-color-7-color{
	color:var(--color-7) !important;
}

.has-color-gris-o-color{
	color:var(--gris-oscuro) !important;
}

.has-color-gris-color{
	color:var(--gris-claro) !important;
}

.has-blanco-color{
	color:var(--positivo) !important;
}

.has-negativo-color{
	color:var(--negativo) !important;
}

/*Estilos Wordpress*/

mark.has-inline-color{
	border-radius: var(--padding-0);
	padding: 0 var(--padding-1);
}

.wp-block-file__button{
	padding: var(--padding-1);
	background-color: var(--color-2);
	border-radius: var(--padding-0);
}

.wp-block-columns{
	clear: both;
}

.wp-block-group.has-background{
	padding: var(--padding-2);
}

.wp-block-image{
}

figure.wp-block-image{
	float:left;
	margin-bottom:var(--padding-1);
	min-width: 100%;
}

.wp-block-gallery figure.wp-block-image{
	min-width:inherit;
}

.wp-block-image img{
}

.alignleft, .wp-block-uagb-image--align-left{
	max-width:60% !important;
	margin:0 var(--padding-3) var(--padding-2) -15% !important;
	float: left;
}

.entry-content > .alignright, .entry-content > div .alignright{
	width: 50%;
	max-width:50%;
	margin:0 -8% var(--padding-2) var(--padding-3);
	float: right;
	text-align: right;
}

.wp-block-pullquote.alignright{
	width: 50%;
	max-width:50%;
	margin:0 -15% var(--padding-2) var(--padding-3);
	float: right;
	padding: var(--padding-2) 0 var(--padding-2) var(--padding-2);
	border: none;
	border-left: 4px solid var(--color-1);
	text-align: left;
}

.wp-block-image .alignright, .wp-block-embed.alignright{
	max-width: 70% !important;
	width: 70% !important;
	margin: var(--padding-0) -38% var(--padding-2) var(--padding-3) !important;
	clear: both;
}

.wp-block-buttons{
	clear: both;
}

.wp-block-button.alignright{
	float: right;
	width: auto !important;
	max-width: initial !important;
	margin-left:0 !important;
}
		
		.aligncenter {
			margin: 0 auto var(--padding-2);
			max-width: 60%;
		}
		
		.wp-block-image figcaption{
			border-bottom:1px solid var(--color-3);
			padding:var(--padding-1) 0 var(--padding-1) var(--padding-3);
			text-align: right;
			max-width: 100%;
		}

.wp-block-quote{
	float: left;
	width: 100%;
	padding:var(--padding-1) var(--padding-2) 0;
	margin: 0 0 var(--padding-2);
	border: none;
}

.wp-block-quote p:before{
	content: open-quote;
	font-size: var(--fuente-xl);
	margin-left: calc(var(--padding-1) * -1);
}

.wp-block-quote p:after{
	content: close-quote;
	font-size: var(--fuente-xl);
	line-height: 0;
}

.wp-block-quote .wp-block-image{
	float: right;
	width: 25%;
	margin:0 0 var(--padding-1) var(--padding-1);
}

.wp-block-quote.has-text-align-right{
	float: right;
	width: 50%;
	margin: var(--padding-1) -20% var(--padding-1) var(--padding-3);
	padding: var(--padding-2) var(--padding-2) var(--padding-2) 0;
	text-align: right;
	border-right: 1px solid var(--color-1);
	border-left:none;
	clear: both;
}

.post-template-perfiles .wp-block-quote.has-text-align-right{
	float: right;
	width: 45%;
	margin:0 0 var(--padding-1) var(--padding-2);
	padding: var(--padding-2) var(--padding-2) var(--padding-2) 0;
	text-align: right;
	border-right: 1px solid var(--color-1);
	border-left:none;
	clear: both;
}

.wp-block-quote.has-text-align-right figure.wp-block-image{
	float: right;
	width: 80%;
	overflow: hidden;
	margin:0 0 var(--padding-1) 20%;
}

.wp-block-quote.has-text-align-center{
	padding: 0;
}

.wp-block-quote.has-text-align-left{
	float:left;
	width: 50%;
	margin: var(--padding-1) var(--padding-3) var(--padding-1) -20%;
	padding: var(--padding-2) 0 var(--padding-2) var(--padding-2);
	text-align: left;
	border-left: 1px solid var(--color-1);
	border-right: none;
}

.wp-block-cover .wp-block-quote.has-text-align-right, .wp-block-cover .wp-block-quote.has-text-align-left{
	margin: 0;
	border: none;
}

.wp-block-quote p{
	font-family: var(--fuente-2);
	font-size: var(--fuente-n);
	font-weight: var(--fuente-w-1);
	color: var(--color-2);
	font-style: italic;
	line-height:1.2em;
}

.wp-block-quote p:last-child{
	margin: 0;
}

.wp-block-quote cite{
	float: left;
	width: 100%;
	margin: 0;
	font-size: var(--fuente-xs);
	color: var(--color-2);
	line-height: 1.1em;
}
		
.wp-block-coblocks-service{
	padding:var(--padding-1);
	text-align:left;
	border:1px solid var(--color-2);
}

		.wp-block-coblocks-service:hover{
			border:3px solid var(--color-3);
		}

		.wp-block-coblocks-service:last-child{
			display:none;
		}
		
		.is-style-circle h2, .is-style-circle h3, .is-style-circle h4, .is-style-circle h5, .is-style-circle h6{
			display: flex;
			align-items: center;
			justify-content: center;
			height: 4vh;
			width: 4vh;
			border-radius: 50%;
			padding: 1em;
			background-color: var(--color-3);
			margin: -70px auto var(--padding-1);
			position: relative;
			color: var(--positivo);
			font-weight:var(--fuente-w-2);
			font-size:var(--fuente-xl) !important;
		}
		
				.is-style-circle:hover h2, .is-style-circle:hover h3, .is-style-circle:hover h4, .is-style-circle:hover h5, .is-style-circle:hover h6{
					background-color: var(--color-3);
				}
				
.wp-block-coblocks-feature{
	
	text-align:center;
	border:1px solid rgba(74, 74, 74, 0.075);
	padding: var(--padding-1);
}
		
/*.wp-block-media-text{
	display:inherit;
	float:left;
	width:100%;
	position:relative;
}*/

.wp-block-media-text{
	margin-bottom:var(--padding-2);
}

.wp-block-media-text__content{
	
}

.wp-block-media-text.is-style-card.slideInRight .wp-block-media-text__content{
	background-color:rgba(255,255,255,0.8) !important;
	padding:var(--padding-4) !important;
	margin-left:-40% !important;
}

.wp-block-media-text.is-style-card.has-media-on-the-right .wp-block-media-text__content{
	margin-left:0 !important;
	margin-right:-40% !important;
	padding:var(--padding-4) !important;
	background-color:rgba(255,255,255,0.8) !important;
}

.wp-block-gallery{
	float: left;
}

.entry-content{
	text-align:left;
}

.ugb-highlight{
	background:linear-gradient(to bottom, transparent 90%, #ee0000 10%) !important;
}

.is-style-checkbox li::before{
	background-color: var(--color-1);
}

.wp-embed{
	border:none;
}

.wp-block-cover, .wp-block-cover-image{
}

.wp-block-button__link{
	text-transform:uppercase;
	padding:var(--padding-1);
	border-radius: var(--padding-1);
	font-size:var(--fuente-s);
	background-color:var(--color-2);
	font-weight:var(--fuente-w-3);
	font-family: var(--fuente-2);
	color: var(--negativo);
}

		.wp-block-button__link:hover{
			text-decoration:none;
			opacity:0.9;
		}

.wp-block-coblocks-service__figure{
	position: inherit;
	padding: 0;
}
.wp-block-coblocks-service__figure a{
	float: left;
	width: 100%;
}

.is-style-square .wp-block-coblocks-service__figure{
	padding: 0;
}

.wp-block-coblocks-service__figure img{
	width: 100%;
	max-width:100%;
	height: auto;
	object-fit: inherit;
	position: inherit;
}

.wp-block-separator.has-background:not(.is-style-dots){
}

.wp-block-gallery .blocks-gallery-item figure{
	align-items: center;
}

.wp-block-buttons{
}

.wp-block-group{
	float: left;
	min-width: 100%;
}

.alignfull{
	float: left;
	width: 200%;
	margin: 0 0 var(--padding-2) -50%;
	padding:0 var(--padding-4);
}

.alignfull .wp-block-column h2.wp-block-heading.has-background:first-child{
	margin: 0 0 var(--padding-3) calc(var(--padding-4) * -1) !important;
	padding-left: var(--padding-4) !important;
	width: auto;
	min-width: 60%;
	display: inline-block;
	border-radius: 0 1em 0 0;
}

.alignfull .alignfull{
	width: 100%;
	margin-left: 0;
}

.wp-block-cover__inner-container > .alignfull, .wp-block-column .alignfull{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.wp-block-cover__inner-container > .alignwide, .wp-block-column .alignwide{
	float: left;
	width: 80%;
	padding: 0;
	margin: 0 10%;
}

.alignfull .has-columns{
	padding: 0;
}

#contenido-single .alignfull{
	float: left;
	max-width: none !important;
	width: 143.5%;
	margin: var(--padding-2) 0 var(--padding-4) -22%;
}

.alignwide{
	float: left;
	max-width:140%;
	width: 140%;
	margin: 0 0 var(--padding-2) -20%;
}

#contenido-single .alignwide{
	float: left;
	max-width: none !important;
	width: 120%;
	margin: var(--padding-2) 0 var(--padding-4) -11%;
}

.alignfull .alignwide{
	width: 80%;
	margin: 0 auto;
	float: inherit;
}

.wp-block-column:not(:first-child){
	
}

.coblocks-form .coblocks-field, .coblocks-form select{
	padding: var(--padding-1);
	margin: 0 0 var(--padding-1);
}

.coblocks-form label{
	font-size:var(--fuente-normal);
	margin: 0 0 var(--padding-1);
}


p.has-background{
	margin:0;
	padding: var(--padding-2) var(--padding-3);
}

/*Estilos Editor*/

.invertir{
	direction: rtl;
}

.invertir > div{
	direction: initial;
}

.no-margin{
	margin-bottom: 0 !important;
}

.redondear{
	border-radius: var(--padding-1);
}

.redondear-izq{
	border-radius: var(--padding-1) 0 0 var(--padding-1);
}

.redondear-der{
	border-radius: 0 var(--padding-1) var(--padding-1) 0;
}

.margen-negativo{
	margin-top:-4vw !important;
	z-index:103;
	position: relative;
}

.ver-mas{
	float: right;
	width: 50%;
	margin:0 -15% var(--padding-2) var(--padding-3);
	border-left: 2px solid var(--color-2);
}

.ver-mas a{
	float: left;
	width: 100%;
	padding: var(--padding-1) 0 0 var(--padding-2);
	border-top: none;
	font-size: var(--fuente-m);
}

.ver-mas:before{
	float: left;
	width: 100%;
	content:'Contenido relacionado';
	padding:0 var(--padding-2) 0 var(--padding-2);
	box-sizing: border-box;
	font-size: var(--fuente-s);
	font-weight: var(--fuente-w-3);
	color: var(--color-3);
	border-bottom: 2px solid var(--color-2);
}

.ver-mas a:after{
	float: right;
	content: 'Ver contenido +';
	color: var(--positivo);
	background-color: var(--color-3);
	line-height: 1em;
	padding: var(--padding-1);
	font-weight: var(--fuente-w-3);
	font-size: var(--fuente-s);
	margin: var(--padding-2) 0 0 var(--padding-2);
}

.no-espacio{
	margin-bottom:0 !important;
}

.mayusculas{
	text-transform:uppercase;
}

.centrar{
	text-align:center;
}

/*Contenedor de página*/
#page-cont{
	width: 100%;
	max-width: 2500px;
}


/*Header*/

header.site-header{
	position: fixed;
	z-index: 1111;
	background-color: transparent;
	width: 100%;
	padding: var(--padding-1) var(--padding-2) 0;
}

#id{
	position: absolute;
	top: var(--padding-0);
	left: var(--padding-2);
	width:0;
	text-align: left;
	z-index: 2;
}

.single-post #id{
	width: var(--lateral-2);
	top: var(--padding-2);
}

.custom-logo-link{
	float: left;
	width: 100%;
}

#id h1{
	text-indent:-2000px;
	font-size:0.1em;
}

#id img{
	width:auto;
	height:100%;
	display: block;
}

.site-logo{
	float: left;
	width: 100%;
	height: 100%;
}

.navegacion{
	position: absolute;
	width: 100%;
	margin: 0;
	padding: var(--padding-0) 0;
	background-color: rgba(255,255,255,0.72);
	z-index: 1;
	right: 0;
	top: var(--padding-3);
}

.cuidar-menu a{
	font-weight: var(--fuente-w-3);
	color: var(--color-4) !important;
}

#site-navigation{
	margin: 0 auto;
	text-align: center;
}

.menu-secundario-header-buscador{
	float: right;
	width: 80%;
}

.sec-navigation{
	float:right;
	width: 80%;
	padding:0;
}

.menu-secundario-footer-buscador .sec-navigation{
	width: 100%;
	padding:0;
	margin: 0 auto;
}

.sec-navigation-wrapper, .sec-navigation-wrapper-footer{
	margin: 0;
	padding: 0;
	text-align: right;
}

.sec-navigation-wrapper-footer{
	text-align: center;
}

.sec-navigation-wrapper li, .sec-navigation-wrapper-footer li{
	font-family: var(--fuente-2);
	display: inline-block;
	font-size: var(--fuente-xs);
	padding: 0 0 0 var(--padding-1);
	margin: 0;
}

.sec-navigation .svg-icon path{
	fill:var(--negativo);
}
/*Buscador*/
							
.buscador{
	float:right;
	max-width:20%;
	height:100%;
	margin:0;
}

.wp-block-search__button{
	margin: 0;
	border: none;
	font-size: var(--fuente-s);
	background-color: var(--color-1);
	color: var(--positivo);
	text-transform: uppercase;
}

.wp-block-search__input{
	border: none;
	font-size: var(--fuente-s);
}

.buscador > div, .wp-block-search, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{
	height:100%;
}	

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	padding: var(--padding-0);
	border: 1px solid #ccc;
		border-bottom-color: rgb(204, 204, 204);
		border-bottom-style: solid;
		border-bottom-width: 1px;
	border-bottom: none;
}

/* Transiciones para reducir el tamaño del Header con el Scroll */
header, aside, #id, .navegacion{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

header.header-shrink {
	padding: var(--padding-1) var(--padding-2) 0;
	min-height: calc(var(--padding-4) * 1);
}

header.header-shrink #id {
	width: var(--lateral-2);
	top: var(--padding-0);
}

header.header-shrink .custom-logo-link{
	height:100%;
}

header.header-shrink .menu-secundario-header-buscador{
	display: none;
}

header.header-shrink .navegacion{
	margin: 0 0 0;
	top: var(--padding-1);
	width: var(--contenido-3);
}

/*Termina el header*/

/*Página de inicio*/


/*Interna*/

/*Apertura Post*/

.contenedor-gen{
	float: left;
	width: 100%;
	padding:0;
	background-color: var(--positivo);
	margin: var(--alto-1) 0;
}

.home .contenedor-gen{
	margin:0;
}

.wrapper-apertura{
	margin: 0 auto;
	max-width: 50%;
	text-align: left;
}

.entry-header.tit-apertura{
	float: left;
	width: 200%;
	margin: 0 0 var(--padding-3) -50%;
	background-color: var(--color-1);
	padding: var(--padding-4) var(--padding-2) var(--padding-2) 0;
	text-align: center;
	position: relative;
	background-image: url(img/background-entradas.svg);
	background-size: cover;
}

.entry-header_page.tit-apertura{
	background-color: transparent;
}

.migas{
	float: left;
	width: calc(100% + var(--padding-2));
	padding: var(--padding-0) var(--padding-1);
	margin: calc(var(--padding-3) * -1) 0 var(--padding-2) 0;
	text-align: left;
	background-color: #FFFFFF80;
}

.pre-migas{
	float: left;
	width: 100%;
	background-color: var(--color-1);
	max-width: 100%;
	text-align: left;
	padding: var(--padding-1) 0 0;
}

.category .migas{
	width: 100%;
	padding: var(--padding-0) var(--padding-1);
	margin:0;
	text-align: left;
}

#breadcrumbs{
	font-size: var(--fuente-xs);
	color:var(--negativo);
	margin: 0;
}

.entry-header__wrapper{
	margin: 0 var(--padding-4) 0 auto;
	width: 100%;
}

.entry-header_page .entry-header__wrapper{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.imagen-apertura{
	float: right;
	width: 35%;
}

.imagen-apertura__extendida{
	width: 45%;
}

.imagen-apertura figure{
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.imagen-apertura__extendida figure{
	min-height:inherit;
	
}

.imagen-apertura figcaption{
	color: var(--negativo) !important;
	font-size: var(--fuente-xs);
	padding: 0 0 0 var(--padding-2);
}

.imagen-apertura img{
	background-color: var(--positivo);
	width: auto !important;
	min-height: 22vw;
	max-height: 35vw;
	max-width: 100% !important;
	overflow: hidden;
}

.entry-header__wrapper .tit-text-apertura{
	float: right;
	width: 55%;
	padding: 0 0 0 var(--padding-4);
	text-align: left;
}

.entry-header__wrapper .tit-text-apertura_page{
	float:inherit;
	width: 40%;
	padding:0;
	text-align: center;
}

.entry-header__wrapper .tit-text-apertura.sin-imagen{
	float: inherit;
	margin: 0 auto;
	width: 65%;
	padding: 0 0 0 var(--padding-4);
	text-align: center;
}

#page-cont .entry-header__wrapper .tit-text-apertura.sin-imagen{
	width: var(--contenido-3);
	margin: 0 auto;
	padding: 0 0 0 var(--padding-3);
	text-align: center;
}

.tit-text-apertura h1{
	color: var(--negativo);
	margin: 0 0 var(--padding-0);
}

.entry-header__wrapper .tit-text-apertura h1{
	font-size: var(--fuente-xxl);
}

.entry-header__wrapper .tit-text-apertura_page h1{
	font-size: var(--fuente-xxxl);
}

.data-extra{
	float: left;
	width: 100%;
	padding:0 0 var(--padding-1) 0;
	border-bottom: 1px solid rgba(255,255,255,0.5);
 	margin: 0 0 var(--padding-1);
}

.data-fecha{
	color:var(--negativo);
}

ul.post-categories{
	padding: 0;
	margin: var(--padding-1) 0 0;
}

ul.post-categories li{
	list-style-type:none;
	margin:0;
}

ul.post-categories li{
	display:inline-block;
	font-size:var(--fuente-s);
}

ul.post-categories li a{
	font-weight:var(--fuente-w-3);
	background-color: var(--color-2);
	padding: var(--padding-0);
	border-radius: var(--padding-0);
	color:var(--positivo);
}

.tag-single-page{
	margin: var(--padding-1) 0 0;
}

/*Apertura templates especiales y contenido*/

.menu-lateral-seccion{
	position: fixed;
	left: 0;
	top: calc(var(--espacio-superior) + 4vw);
	width: 20%;
	height: 100vh;
	z-index: 3000;
	background-color: var(--gris-claro);
	padding-right: var(--padding-2);
}

.contenedor-gen__soluciones .menu-lateral-seccion{
	background-color: transparent;
}

.menu-lateral-seccion ul{
	margin: 0;
	padding: 0;
}

.menu-lateral-seccion ul li{
	float: left;
	min-width: 51%;
	list-style-type: none;
	margin-bottom: 0;
}

.menu-lateral-seccion ul li a{
	float: left;
	width: 100%;
	font-family: var(--fuente-2);
	font-size: var(--fuente-s);
	padding: var(--padding-0) 0 var(--padding-0) var(--padding-1);
	color: var(--negativo);
	border-bottom: 3px solid var(--color-1);
}

.menu-lateral-seccion ul ul{
	margin: var(--padding-2) 0;
	padding-left: var(--padding-2);
}

.menu-lateral-seccion ul li ul li{
	float: left;
	width: 100%;
	line-height: 1.2em;
	margin-bottom: 0;
}

.menu-lateral-seccion ul li ul li a{
	float: left;
	width: 100%;
	font-size: var(--fuente-xs);
	padding: var(--padding-0) 0;
}

.menu-lateral-seccion ul li.m-lat-1 a{
	border-bottom: 3px solid var(--color-1);
}

.menu-lateral-seccion ul li.m-lat-2 a{
	border-bottom: 3px solid var(--color-2);
}

.menu-lateral-seccion ul li.m-lat-3 a{
	border-bottom: 3px solid var(--color-3);
}

.menu-lateral-seccion ul li.m-lat-4 a{
	border-bottom: 3px solid var(--color-5);
}

.menu-lateral-seccion ul li.m-lat-5 a{
	border-bottom: 3px solid var(--gris-oscuro);
}

.menu-lateral-seccion ul li.m-lat-6 a{
	border-bottom: 3px solid var(--negativo);
}

.menu-lateral-seccion ul li.m-lat-8 a{
	border-bottom: 3px solid var(--color-1);
}

.menu-lateral-seccion ul li a:hover{
	text-decoration: none;
	opacity: 0.6;
}

/* Transiciones para el menú lateral con el Scroll */
.menu-lateral-seccion{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.menu-lateral-seccion.lateral-shrink{
	top: calc(var(--padding-3) * 2);
}

.contenedor-gen__soluciones .menu-lateral-seccion{
	top: calc(var(--espacio-superior) + 4vw);
}

/*Fin de las transiciones*/

.tit-text-apertura__equipo{

}

.equipo--rol{
	font-family: var(--fuente-2);
	margin: 0 0 var(--padding-0);
	width: 100%;
	border-bottom: 1px solid var(--positivo);
	color: var(--positivo);
  	font-weight: var(--fuente-w-3);
}

.etiquetas--equipo, .etiquetas--transmisiones, .etiquetas--soluciones, .etiquetas--cursos{
	display: inline-block;
	width: 100%;
}

.equipo--institucion, .transmision--institucion, .solucion--institucion, .cursos--categoria{
	float: left;
	font-family: var(--fuente-2);
	background-color: var(--color-2);
	padding: var(--padding-0) var(--padding-1) var(--padding-0);
	color: var(--positivo);
	line-height: 1;
	margin: 0;
}

.tit-text-apertura.sin-imagen .equipo--institucion, .tit-text-apertura.sin-imagen .transmision--institucion, .tit-text-apertura.sin-imagen .solucion--institucion{
	float:inherit;
	margin: var(--padding-1) auto;
}

.tit-text-apertura.sin-imagen .etiquetas--equipo, .tit-text-apertura.sin-imagen .etiquetas--transmisiones, .tit-text-apertura.sin-imagen .etiquetas--soluciones{
	margin: var(--padding-1) 0;
}

.transmisiones--hora-fecha{
	display: inline-block;
	border-bottom: 1px solid var(--negativo);
	padding: var(--padding-0) 0;
	margin-bottom: var(--padding-1);
}

.equipo--puesto, .transmisiones--fecha, .transmisiones--hora{
	font-weight: var(--fuente-w-3);
	margin:0 0 var(--padding-0);
	line-height: 1.1em;
}

.transmisiones--descripcion{
	float: left;
}

.transmision--embed { 
	position: relative; 
	padding-bottom: 86.25%;
	overflow: hidden;
	max-width: 150%;
	height: auto;
	width: 140%;
  	margin: 0 0 0 -5%;
}

.transmision--embed__spotify{
	padding-bottom:50%;
}

.transmision--embed iframe,
.transmision--embed object,
.transmision--embed embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: none !important;
}

.transmisiones--calendario{
	float: left;
	width: 100%;
	border: 1px solid var(--color-2);
	background-color: var(--positivo);
	padding: var(--padding-1);
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	border-radius: var(--padding-0);
	margin: var(--padding-1) 0;
}

.transmisiones--calendario:before{
	content: '';
	background-image: url(img/google-calendar.svg);
	display: inline-block;
	width: 3vw;
	height: 3vw;
	background-repeat: no-repeat;
	margin: 0 var(--padding-1) 0 0;
	
}

/*Soluciones*/

.solucion--descripcion, .solucion--metodologia, .solucion--aprendizajes, .solucion--testimonios, .solucion--resultados, .solucion--documentacion, .solucion--sitioweb{
	float: left;
	width: 100%;
	padding:var(--padding-2) 0 0 0;
}

.soluciones--ano-pais{
	display: inline-block;
}

.soluciones--ano-pais p{
	font-family: var(--fuente-2);
	color: var(--positivo);
	font-weight: var(--fuente-w-3);
	margin: 0;
}

.soluciones--ano-pais p span{
}

.solucion--descripcion{
	
}

.solucion--descripcion h1, .solucion--descripcion h2, .solucion--descripcion h3, .solucion--descripcion h4, .solucion--descripcion h5, .solucion--descripcion ol li::marker, .solucion--descripcion ul li::marker{
	color: var(--color-1);
}

.solucion--metodologia h1, .solucion--metodologia h2, .solucion--metodologia h3, .solucion--metodologia h4, .solucion--metodologia h5, .solucion--metodologia ol li::marker, .solucion--metodologia ul li::marker{
	color: var(--color-2);
}

.prev-sitioweb{
	float:right;
	width: 80%;
	margin: 0 -38% var(--padding-2) var(--padding-2);
}

.vinculo-sitio-web{
	background-color: var(--color-2);
	padding: var(--padding-1);
	color: var(--positivo);
	margin: var(--padding-1) 0 0;
	font-family: var(--fuente-2);
  	font-size: var(--fuente-n);
}

/*Cursos - Salón Justicia*/

.curso--objetivo h3{
	margin: 0;
}

.tiempo_guia{
	margin: 0;
	color: var(--color-5);
}

.content_capsulas{
	float: left;
	width: 100%;
}

.warning-iniciar{
	float: left;
	width: 100%;
	border:1px dashed var(--color-1);
	padding: var(--padding-4);
	font-size: var(--fuente-m);
}

.datos_capsula{
	float: left;
	width: var(--lateral-2);
	padding: 0 var(--padding-2) 0 0;
}

.datos_capsula p{
	font-size: var(--fuente-xs);
}

.tiempo_capsula{
	color: var(--color-5);
}

.formato_capsula{
	color: var(--color-2);
}

.descripcion_capsula{
	float: left;
	width: var(--contenido-2);
	padding: 0 0 0 var(--padding-2);
	border-left: 1px solid var(--color-1);
	margin: 0 0 var(--padding-1);
}

.final_curso{
	float: left;
	width: 100%;
	margin: var(--padding-4) 0 0;
}

.autoria{
	float: left;
	width: 100%;
	padding: 0 0 var(--padding-2);
	margin: 0 0 var(--padding-2);
	border-bottom: 1px solid var(--color-2);
}

.autor-curso-img{
	float: left;
	width: calc(30% - var(--padding-2));
	margin: 0 var(--padding-2) var(--padding-2) 0; 
}

.datos-semblaza{
	float: left;
	width: 70%;
}


.complementario-entradas{
	float: left;
  	width: 152%;
  	padding: var(--padding-3) 0;
  	margin: var(--padding-2) 0 0 -2%;
}

.complementario-entradas .titulo-separador{
	width: 100%;
	margin: 0 0 var(--padding-2) 0;
	
}

/*Contenido Post*/

.contenido-post{
	float: right;
	width:var(--contenido);
}

.wrapper-gen{
	margin: 0 auto;
	max-width: 50%;
	text-align: left;
}

.no-bloques figure, p img.size-full{
	width: 140%;
	max-width: 140%;
	margin:0 0  var(--padding-2);
}

.no-bloques figure figcaption{
	text-align: right;
	font-size: var(--fuente-s);
}

.titulo-separador{
	background-color: var(--color-1);
	float: right;
	width: 152%;
	color: var(--positivo) !important;
	padding: var(--padding-1) var(--padding-4) var(--padding-0) var(--padding-2);
	margin: var(--padding-4) -50% var(--padding-2) 0;
	border-radius: var(--padding-1) 0 0 0;
}

.titulo-separador__2{
	background-color: var(--color-2);
}

.titulo-separador__3{
	background-color: var(--color-3);
	color: var(--negativo) !important;
}

.titulo-separador__4{
	background-color: var(--color-4);
}

.titulo-separador__5{
	background-color: var(--gris-oscuro);
	color: var(--negativo) !important;
}

.titulo-separador__6{
	background-color: var(--negativo);
}

.content_capsulas .titulo-separador{
	margin-top: 6vw;
}


/*Comentarios*/

.comentarios{
	float: left;
	width: 100%;
	padding: var(--padding-2) var(--padding-3) 0 var(--padding-3);
	background-color: var(--color-1);
	margin: var(--padding-2) 0;
	color: var(--negativo);
}

.comentarios p{
	font-size: var(--fuente-s);
	font-weight: var(--fuente-w-3);
	display: flex;
	flex-direction: column;
}

.comentarios p input{
	font-size: var(--fuente-n);
	padding: var(--padding-0);
}

.comentarios p.comment-form-cookies-consent{
	display: inherit;
}

.item_comentario p{
	font-size: var(--fuente-s);
	font-weight: var(--fuente-w-1);
	
}



.contenedor-gen__soluciones .comentarios, .contenedor-gen__cursos .comentarios{
	float: left;
	width: 140%;
	padding: var(--padding-3);
	background-color: var(--color-1);
	margin: var(--padding-2) 0 var(--padding-2) -2%;
	color: var(--negativo);
}


.comentarios h3{
	font-size: var(--fuente-l);
	border-bottom: 1px solid;
	color: var(--positivo);
	margin-bottom: var(--padding-1);
}

.comentarios h2{
	font-size: var(--fuente-m);
	margin-bottom: 0;
}

.lfc_comments, .comments-area{
	float: left;
	width: calc(100% + (var(--padding-3)* 2));
	background-color: var(--gris-claro);
	padding: var(--padding-1) var(--padding-3);
	margin-left: calc(var(--padding-3)*-1);
}

.comment-list{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li.comment{
}

.item_comentario{
	float: left;
	width: 100%;
	background-color: rgba(213,213,213,0.30);
}

.comentario_datos{
	float: left;
	width: calc(var(--contenido-2) - var(--padding-2));
	padding: var(--padding-1) var(--padding-1) var(--padding-1) 0;
}

.autor_comentario{
	float: left;
	width: var(--lateral-2);
	margin: 0 var(--padding-2) 0 0;
}

.fecha_comentario{
	font-family: var(--fuente-2);
	font-size: var(--fuente-xs);
	font-weight: var(--fuente-w-3);
	margin: 0;
}

.nombre_comentario{
	font-family: var(--fuente-2);
	color: var(--color-1);
	font-weight: var(--fuente-w-3);
	margin: 0;
}

.comentario_datos p:last-child{
	margin: 0;
}

.comment-respond{
	float: left;
	width: 100%;
	padding: var(--padding-2) 0 0;
	margin: var(--padding-2) 0 0;
	border-top: 1px solid var(--gris-oscuro);
}

.author-bio{
	float: left;
	width: 100%;
}

.avatar-default{
	float: left;
	width: 20%;
	margin: 0 var(--padding-2) var(--padding-2) 0;
}

/*Galeria*/

.gallery-columns-4 .gallery-item{
	width: 25%;
	display: inline-block;
	padding: 0 var(--padding-1) var(--padding-1) 0;
	margin: 0; 
}

.gallery-columns-3 .gallery-item{
	width: 33.33%;
	display: inline-block;
	padding: 0 var(--padding-1) var(--padding-1) 0;
	margin: 0;
}

.gallery .gallery-item img{
	padding: var(--padding-1);
	border: 1px solid var(--gris-oscuro);
}
		

/*Categoría*/

.cat-header{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: var(--padding-4);
	background-color: var(--color-1);
	text-align: center;
	padding: var(--padding-4) 0;
	align-items: center;
	background-image: url(img/background-entradas.svg);
	background-size: cover;
}

.imagen-cat, .imagen-page{
	width: 30%;
	height: 10vw;
}

.cont-tit-cat{
	width: 40%;
}

.tit-busquda{
	width: 100%;
	text-align: left;
}

.titulo-cat{
	float:left;
	width: 100%;
	margin-bottom:var(--padding-2) !important;
	font-size: var(--fuente-xxxl);
}

.archive-description{
	float: left;
	width: 100%;
}

.archive-description p{
	font-size: var(--fuente-m);
}

.desc-img{
	float: right;
	margin:-4vw -90% 0 0;
}

.internas-cat{
	margin: 0 auto;
	width:var(--contenido-2);
	text-align:left;
	padding: 0 var(--padding-3) var(--padding-4) var(--padding-3);
}

.wrapper-cat{
	float: left;
	width: 100%;
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-flow: row wrap;
	gap:4%;
}

.contenido-categorias-blog{
	float: left;
	width: 100%;
}

.cat-list{
	width:29.33%;
	background-color: var(--gris-claro);
	margin:0 0 var(--padding-1) 0;
 	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.cat-list_int{
	position: relative;
}

.imagen-apertura-cat{
	width: 100%;
}

.imagen-apertura-cat img{
	display: block;
}

.text-cat{
	width:100%;
	padding: var(--padding-2);
}

.link-100{
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid var(--girs-claro);
	opacity: 0;
	background-color: rgba(255,255,255,0.14);
}

.link-100:hover{
	border: 1px solid var(--color-2);
	opacity: 1;
}

.text-cat-100{
	float:right;
	width:100%;
	margin:var(--padding-1) 0;

}

.tag-cat{
	width: 100%;
	background-color: var(--gris-oscuro);
	padding: var(--padding-0) var(--padding-1);
}

/*Categoría Alianzas*/
.internas-cat__alianzas{
	width: 100%;
}


.internas-cat__alianzas .cat-list{
	width:23%;
	background-color: var(--color-1);
	margin:0 0 var(--padding-1) 0;
}



/*Búsqueda*/

/*Footer*/

footer{
	float:left;
	width:100%;
}

footer p{
	font-family: var(--fuente-2);
	font-size: var(--fuente-s);
}

.site-footer{
	float:left;
	width:100%;
	background-color:var(--color-4);
	padding: var(--padding-3) var(--padding-4);
}

.site-footer .sec-navigation .svg-icon path{
	fill:var(--positivo);
}

.site-footer .sec-navigation .svg-icon{
	width: var(--padding-2);
	height: auto;
}

.medio-footer{
	margin: 0 auto;
	width: 60%;
}

.medio-footer img{
}

.cooperante-footer{
	float:right;
	width: 100%;
	margin: 0 0 var(--padding-2);
	position: relative;
	background-color: var(--positivo);
	padding:0 6vw;
	z-index: 3001;
}

.cooperante-footer .widget{
	padding: var(--padding-4);
}

.cooperante-footer img{
	width: 200px;
}

.cooperante-footer p{
	text-align: center;
	margin: var(--padding-1) 0;
	font-family: var(--fuente-2);
	font-size: var(--fuente-s);
}

.footer-fecha{
	float: left;
	width: 100%;
	background-color: var(--negativo);
	padding: var(--padding-1);
	color: var(--positivo);
	position: relative;
  	z-index: 30001;
}
		
/*Temporales para hacer los informes descargables*/

/*.comentarios, .menu-secundario-header-buscador, .navegacion, .post-navigation, .data-categoria, .descarga-informe{
	display: none;
}
*/