/*
Theme Name: FGR
Theme URI: https://cygnus.com.uy/
Author: Maximiliano López
Description: Theme | FGR
Version: 2.2.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cygnus
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

@charset "utf-8";
/* CSS Document */



/* -------------------------------------------

#PRESETS 

------------------------------------------- */



/* #font face */



/* #admin bar */
#wpadminbar #adminbarsearch {
	display: none !important;
}

/* #root */ 
:root {


	/* colores base */
	--fff-rgb               : 255 255 255;
	--bbb-rgb               : 187 187 187;
	--eee-rgb               : 238 238 238;
	--ddd-rgb               : 221 221 221;
	--ccc-rgb               : 204 204 204;
	--999-rgb               : 153 153 153;
	--666-rgb               : 102 102 102;
	--333-rgb               : 51 51 51;
	--222-rgb               : 34 34 34;
	--111-rgb               : 17 17 17;
	--000-rgb               : 2 3 4;

	--fff                   : rgb(var(--fff-rgb));
	--bbb                   : rgb(var(--bbb-rgb));
	--eee                   : rgb(var(--eee-rgb));
	--ddd                   : rgb(var(--ddd-rgb));
	--ccc                   : rgb(var(--ccc-rgb));
	--999                   : rgb(var(--999-rgb));
	--666                   : rgb(var(--666-rgb));
	--333                   : rgb(var(--333-rgb));
	--222                   : rgb(var(--222-rgb));
	--111                   : rgb(var(--111-rgb));
	--000                   : rgb(var(--000-rgb));
	--placeholder           : rgb(var(--666));

	/*
	--color-cygnus-hash     : #003F55; 
	--color-cygnus-rgb      : 0 63 85;
	*/ 
	--color-cygnus-hash     : #003F55; 
	--color-cygnus-rgb      : 0 63 85;
	--cygnus                : rgb(var(--color-cygnus-rgb));

	/* colores web */
	--color-web-1-rgb       : 0 36 163;
	--color-web-1           : var(--color-web-1-rgb);
	
	--color-web-2-rgb       : 5 26 230;
	--color-web-2           : var(--color-web-2-rgb);

	--color-web-3-rgb       : 5 26 230;
	--color-web-3           : var(--color-web-3-rgb);

	--color-web-4-rgb       : 5 26 230;
	--color-web-4           : var(--color-web-4-rgb);

	--color-texto-rgb       : 0 0 0;
	--color-texto           : var(--color-texto-rgb);

	/* form */
	--msj-ok-tx             : #00ad17;
	--msj-ok-bg             : #e5ffe8;
	--msj-error-tx          : #c40000;
	--msj-error-bg          : #ffe5e5;
	--msj-info-tx           : #a39200;
	--msj-info-bg           : #fffbdb;

	/* font base */
	--font-awesone          : "Font Awesome 6 Free";
	--font-material         : "Material Symbols Outlined";
	
	/* font web */
	--font                  : 'Roboto', sans-serif;
	--font-titulos          : 'Roboto', sans-serif;
	--font-weight           : 'normal';

	/* size */
	--size                  : 1rem; /* 16px */
	--size-1                : 3.75rem; /* 60px */
	--size-2                : 2.125rem; /* 34px */
	--size-3                : 1.875rem; /* 30px */
	--size-4                : 1.625rem; /* 26px */
	--size-5                : 1.375rem; /* 22px */
	--size-6                : 1.125rem; /* 18px */

	--display               : 1.3;

	--display-1             : calc(var(--size-1) * var(--display)); /* 74px */
	--display-2             : calc(var(--size-2) * var(--display)); /* 67px */
	--display-3             : calc(var(--size-3) * var(--display)); /* 54px */
	--display-4             : calc(var(--size-4) * var(--display)); /* 44px */
	--display-5             : calc(var(--size-5) * var(--display)); /* 34px */
	--display-6             : calc(var(--size-6) * var(--display)); /* 28px */

	--line-height           : 1.65;
	--line-height-tit       : 1.15;

	/* container */
	--container-full        : 100%;
	--container-gr          : 1500px;
	--container-md          : 1320px;
	--container-ch          : 1024px;
	--padding-container     : 60px;

	/* header */
	--h-header              : 140px;
	--h-header-scroll       : 65px;
	--col-header-left       : var(--w-logo);
	--col-header-left-scroll: var(--w-logo-scroll);
	--col-header-right      : 1fr;
	--bg-header             : var(--fff);

	/* logo */
	--w-logo                : 100px;
	--w-logo-scroll         : 40px;
	--w-logo-mobile         : var(--w-logo-scroll);
	--w-logo-footer         : 50px;

	/* main */
	--top-main              : var(--h-header);

	/* sidebar */
	--w-sidebar             : 360px;

	/* footer */
	--bg-footer             : var(--color-web-1);

	/* cabezal */
	--h-cabezal             : 320px;
	--bg-cabezal            : #2D2D2D;
	--color-cabezal         : var(--fff);
	
	/* btn */
	--h-btn                 : 40px;
	
	/* redes */
	--w-redes               : 130px;

	/* gap */
	--gap                   : 40px;

	/* radius */
	--radius-30             : 30px;
	--radius-20             : 20px;
	--radius-10             : 10px;
	--radius-5              : 5px;
	--radius                : var(--radius-5);

	/* espacios */
	--espacio               : var(--espacio-10);
	--espacio-10            : 10px;
	--espacio-20            : 20px;
	--espacio-30            : 30px;
	--espacio-40            : 40px;
	--espacio-50            : 50px;
	--espacio-60            : 60px;
	--espacio-70            : 70px;
	--espacio-80            : 80px;
	--espacio-90            : 90px;
	--espacio-100           : 100px;

	/* ratio */
	--ratio-100             : 100%;
	--ratio-75              : 75%;
	--ratio-60              : 60%;
	--ratio-55              : 55%;
	--ratio-40              : 40%;
	--ratio                 : var(--ratio-75);

	/* efectos */
	--transition            : all .5s ease-in;
	--opacity               : 0;

	/* letter */
	--letter-spacing        : 0.04em;


} 

*, 
:before,
:after{
	margin                  : 0;
	padding                 : 0; 
	box-sizing              : border-box;
	position                : relative;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust   : none;
	-ms-text-size-adjust    : none; 
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust   : 100%; 
	-ms-text-size-adjust    : 100%;
}

/* #html - body */
html {
	font-size      : var(--size);
	scroll-behavior: smooth;
}
html, body{
	height: 100%
}
body{
	overflow-x      : hidden;
	background-color: var(--fff);
	font-size       : var(--size);
	color           : var(--color-texto);
	font-family     : var(--font);
}

/* #container */
[class*=container--] {
	width        : 100%;
	max-width    : var(--container);
	padding-right: var(--padding-container);
	padding-left : var(--padding-container);
	margin       : auto;
}  

.container--full {
	max-width: var(--container-full);
}
.container--gr {
	max-width: var(--container-gr);
}
.container--md {
	max-width: var(--container-md);
}
.container--ch {
	max-width: var(--container-ch);
}

/* #selection */
::selection{
	background: var(--color-web-1);
	color     : var(--fff);
}
::-moz-selection{
	background: var(--color-web-1);
	color     : var(--fff);
}
::-o-selection{
	background: var(--color-web-1);
	color     : var(--fff);
}
::-ms-selection{
	background: var(--color-web-1);
	color     : var(--fff);
}


/* #img */
img{
	width    : auto;
	max-width: 100%;
	height   : auto
}
figure{
	margin     : 0;
	line-height: 0;
	overflow   : hidden;
}

.post-thumbnail {
	overflow: hidden;
}
	.post-thumbnail img {
		width     : 100%;
		transition: var(--transition);
	}

	.single .post-thumbnail {
		padding-top: 0 !important;
		height: auto !important;
	}


	.single .post-thumbnail img {
		position: relative !important;
		width: auto !important;
		max-width: 100% !important;
	}


/* #tx */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font);
	margin     : 0;
	font-weight: var(--font-weight);
	line-height: normal;
	color      : var(--color-texto);
}
h1 {
	font-size: var(--size-1);
}
h2 {
	font-size: var(--size-2);
}
h3 {
	font-size: var(--size-3);
}
h4 {
	font-size: var(--size-4);
}
h5 {
	font-size: var(--size-5);
}
h6 {
	font-size: var(--size-6);
	font-weight: 600;
	margin-bottom: 5px
}

p {
	font-family  : var(--font);
	font-size    : var(--size);
	color        : var(--color-texto);
	margin       : 0 0 15px 0;
	padding      : 0;
	/*line-height: normal;*/
	line-height  : var(--line-height);	
}

ul {
	padding-left: 18px;
	margin      : 12px 0;
}
	ul li {
		line-height: normal;
		font-size  : var(--size);
		/*line-height: normal;*/
		line-height: var(--line-height);
	}

b,
strong {
	font-weight: 600;
}

h1 b,
h1 strong,
h2 b,
h2 strong,
h3 b,
h3 strong,
h4 b,
h4 strong,
h5 b,
h5 strong,
h6 b,
h6 strong {
	font-weight: 900;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size  : 1em;
}
small {
	font-size: 75%;
}
sub,
sup {
	font-size     : 70%;
	line-height   : 0;
	position      : relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
pre {
	background   : var(--eee);
	font-family  : "Courier 10 Pitch", courier, monospace;
	line-height  : 1.6;
	margin-bottom: 1.6em;
	max-width    : 100%;
	overflow     : auto;
	padding      : 1.6em;
}
code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
fieldset {
	border: none;
}
abbr,
acronym {
	border-bottom: 1px dotted var(--666);
	cursor       : help;
}
mark,
ins {
	background     : #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
a {
	color: var(--000);
}
/*
a:visited {
	color: var(--fff);
} 
*/
a:hover,
a:focus,
a:active {
	color: var(--000);
}
a:hover,
a:active {
	outline: 0;
}

address {
	font-style: normal;
}

/* #btn's */
button {
	border    : none;
	cursor    : pointer;
	background: none;
}


.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
.btn,
.btn--custom a,
button,
input[type="submit"],
button[type="submit"] {
	width           : auto;
	height          : var(--h-btn);
	background-color: var(--fff);
	color           : var(--color-texto);
	font-weight     : normal;
	font-size       : var(--size);
	border          : 1px solid var(--color-texto);
	text-align      : center;
	border-radius   : 0;
	transition      : var(--transition);
	display         : inline-flex;
	align-items     : center;
	justify-content : center;
	padding         : 5px 15px;
	text-decoration : none;
	background-image: none;
	cursor          : pointer;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,
.btn:hover,
.btn--custom a:hover,
button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
	background-color: var(--color-web-1);
	color           : var(--fff);
	border          : 1px solid var(--color-web-1);
}





.btn--custom a {
	width           : auto !important;
	height          : var(--h-btn) !important;
	background-color: var(--fff) !important;
	color           : var(--color-texto) !important;
	font-weight     : normal !important;
	font-size       : var(--size) !important;
	border          : 1px solid var(--color-texto) !important;
	text-align      : center !important;
	border-radius   : 0 !important;
	transition      : var(--transition) !important;
	display         : inline-flex !important;
	align-items     : center !important;
	justify-content : center !important;
	padding         : 5px 20px !important;
	text-decoration : none !important;
	background-image: none !important;
	cursor          : pointer !important;
}
.btn--custom a:hover {
	background-color: var(--color-web-1) !important;
	color           : var(--fff) !important;
	border          : 1px solid var(--color-web-1) !important;
}



.btn--mas {
	background-color: var(--color-web-1) !important;
	color: var(--fff) !important;
	border          : 1px solid var(--color-web-1) !important;
}
.btn--mas:hover {
	background-color: var(--fff) !important;
	color: var(--color-web-1) !important;
}


/* hamburg */
.btn--menu {
	display         : block;
	position        : relative;
	margin          : auto;
	width           : 25px;
	height          : 30px;
	background-color: transparent;
	cursor          : pointer;
	transform       : translateX(0);
	font-size       : 0;
	display         : none;
	top             : 0;
	right           : 0;
}

    .btn--menu span {
		position     : absolute;
		top          : 0;
		right        : 0;
		bottom       : 0;
		left         : 0;
		width        : 100%;
		height       : 2px;
		margin       : auto;
		border-radius: 0;
		transition   : background 0s .25s;
		background   : var(--fff);

    }

        .btn--menu span:before,
        .btn--menu span:after {
			position           : absolute;
			width              : inherit;
			height             : inherit;
			content            : '';
			transition-delay   : .25s, 0s;
			transition-duration: .25s, .25s;
			background         : var(--fff);
			border-radius      : 0;
			width              : 100%;
			transform          : translateX(0);
			transition         : all .3s ease;
        }
        .btn--menu span:before {
			top                : -8px;
			transition-property: top, -webkit-transform;
			transition-property: top, transform;
        }
        .btn--menu span:after {
			bottom             : -8px;
			transition-property: bottom, -webkit-transform;
			transition-property: bottom, transform;
        }

    /* hover - activo */
    body.visible--menu #flag--menu + span {
        background: none;
    } 
    body.visible--menu #flag--menu + span:before {
        top: 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    body.visible--menu #flag--menu + span:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }
    body.visible--menu #flag--menu + span:before,
    body.visible--menu #flag--menu + span:after {
        transition-delay: 0s, .25s;
    }

    .btn--menu input {
    	opacity: 0;
    }


	/* hover */
	.btn--menu:hover {
		background-color: transparent;
	}
	.btn--menu:hover span:before,
	.btn--menu:hover span:after {
		transform: translateX(0);
	}


/* brochure */
.btn--brochure {
	bordeR: 1px solid var(--color-web-1);
	width : 100%;
	float : left;
}

	.btn--brochure:before {
		content         : '';
		width           : 100%;
		height          : 100%;
		position        : absolute;
		top             : 0;
		right           : 0;
		background-color: var(--color-web-1);
		opacity         : .15;
		z-index         : 10;
		transition      : all .3s ease;
	}

	.btn--brochure:after {
		content         : '\f090';
		width           : 30px;
		height          : 30px;
		font-family     : var(--font-material);
		position        : absolute;
		bottom          : 15px;
		right           : 15px;
		display         : flex;
		align-items     : center;
		justify-content : center;
		font-size       : 30px;
		font-weight     : 400;
		background-color: var(--color-web-1);
		color           : var(--fff);
		opacity         : 1;
		z-index         : 11;
		transition      : all .3s ease;
	}

	.btn--brochure:hover:before {
		opacity: .65;
	}
	.btn--brochure:hover:after {
		background-color: var(--fff);
		color           : var(--color-web-1);
	}


/* buscador */
.btn--buscador {
	display         : block;
	position        : relative;
	margin          : 0;
	width           : 30px;
	height          : 30px;
	background-color: transparent;
	border-radius   : 20px;
	cursor          : pointer;
	transform       : translateX(0);
	font-size       : 0;
	display         : flex;
	align-items     : center;
	justify-content : center;
	color           : var(--fff);
	padding         : 0;
}

	.btn--buscador > input {
    	opacity: 0;
    	display: none;
    }

	.btn--buscador span {
		color: var(--fff);
	}

    .btn--buscador span.ico--close {
		display: none;
    }

    .btn--buscador p {
		display: none;
	}

    /* hover - activo */
    body.visible--buscador {
    	overflow: hidden;
    }
  	body.visible--buscador .btn--buscador span.ico--close {
		display: block;
    }
    body.visible--buscador .btn--buscador span.ico--search {
		display: none;
    }

    body.visible--buscador .btn--buscador {
    	border-color: var(--color-web-1);
    }
    body.visible--buscador .btn--buscador span {
		color: var(--color-web-1);
	}



/* login */
.btn--logout {
	color      : var(--fff);
	text-align : right;
	margin-left: 15px;
}

.btn--logout:hover {
	opacity: .8;
	color  : var(--fff);
}
	

/* wpp */
.btn--wpp{
	position        : fixed;
	top             : auto;
	bottom          : 20%;
	right           : 30px;
	margin          : auto;
	background-size : contain;
	width           : 60px;
	height          : 60px;
	z-index         : 990;
	display         : flex;
	align-items     : center;
	justify-content : center;
	text-decoration : none !important;
	border-radius   : 50%;
	transition      : var(--transition);
}



/* #otros */
progress {
	vertical-align: baseline;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font              : inherit;
}

[hidden] {
	display: none;
}




/* -------------------------------------------

#CLASS 

------------------------------------------- */

/* #display */
.d--none {
	display: none;
}
.d--grid {
	display: grid;
}
.d--flex {
	display: flex;
}
.d--table {
	display: table;
}
.d--block {
	display: block;
}

/* #grid */
.d--grid {
	grid-template-columns: 1fr;
	grid-column-gap      : var(--gap);
}
.d--grid.grid-1 {
	grid-template-columns: repeat(12, 1fr);
}
.d--grid.grid-2 {
	grid-template-columns: repeat(6, 1fr);
}
.d--grid.grid-3 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.d--grid.grid-4 {
	grid-template-columns: repeat(3, 1fr);
}
.d--grid.grid-5 {
	grid-template-columns: repeat(5, 1fr);
}
.d--grid.grid-6 {
	grid-template-columns: repeat(2, 1fr);
}

/* #direction */
.row--reverse {
	flex-direction: row-reverse;
	display       : flex;
}
.column--reverse {
	flex-direction: column-reverse;
}

/* #bg */
.bg--1 {
	background-color: var(--color-web-1);
}
.bg--2 {
	background-color: var(--color-web-2);
}
.bg--3 {
	background-color: var(--color-web-3);
}
.bg--4 {
	background-color: var(--color-web-4);
}
.bg--fff {
	background-color: var(--fff);
}
.bg--000 {
	background-color: var(--000);
}

/* #color */
.color--1 {
	color: var(--color-web-1) !important;
}
.color--2 {
	color: var(--color-web-2) !important;
}
.color--3 {
	color: var(--color-web-3) !important;
}
.color--4 {
	color: var(--color-web-4) !important;
}
.color--fff {
	color: var(--fff) !important;
}
.color--000 {
	color: var(--000) !important;
}

/* #size */
.size--1 {
	font-size: var(--size-1) !important;
}
.size--2 {
	font-size: var(--size-2) !important;
}
.size--3 {
	font-size: var(--size-3) !important;
}
.size--4 {
	font-size: var(--size-4) !important;
}
.size--5 {
	font-size: var(--size-5) !important;
}
.size--6 {
	font-size: var(--size-6) !important;
}

.display--1 {
	font-size: var(--display-1) !important;
}
.display--2 {
	font-size: var(--display-2) !important;
}
.display--3 {
	font-size: var(--display-3) !important;
}
.display--4 {
	font-size: var(--display-4) !important;
}
.display--5 {
	font-size: var(--display-5) !important;
}
.display--6 {
	font-size: var(--display-6) !important;
}

/* #weight */
.font--light {
	font-weight: light !important;
}
.font--normal {
	font-weight: normal !important;
}
.font--semi-bold {
	font-weight: 600 !important;
}
.font--bold {
	font-weight: bold !important;
}


/* #background */
.bg--img {
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center;
	position           : absolute;
	top                : 0;
	left               : 0;
	width              : 100%;
	height             : 100%;
}


/* #espacios */
.cont--section [class*=espacio--]{
	width: 100%;
	float: left;
}

[class*=espacio--][class*=espacio--] {
	height: var(--espacio);
}

.espacio--10 {
	height: var(--espacio-10) !important;
}
.espacio--20 {
	height: var(--espacio-20) !important;
}
.espacio--30 {
	height: var(--espacio-30) !important;
}
.espacio--40 {
	height: var(--espacio-40) !important;
}
.espacio--50 {
	height: var(--espacio-50) !important;
}
.espacio--60 {
	height: var(--espacio-60) !important;
}
.espacio--70 {
	height: var(--espacio-70) !important;
}
.espacio--80 {
	height: var(--espacio-80) !important;
}
.espacio--90 {
	height: var(--espacio-90) !important;
}

/* #content */
.content--template {
	width: 100%;
	float: left;
}

/* #transition */
.transition {
	transition : var(--transition);
	will-change: auto;
}

/* #radius */
.radius {
	border-radius: var(--radius);
}

/* #ratio */
.ratio {
	position   : relative;
	overflow   : hidden;
	padding-top: var(--ratio);
}
.ratio-1x1 {
	padding-top: 100% !important;
}
.ratio-4x3 {
	padding-top: 75% !important;
}

	.ratio img {
		position  : absolute;
		top       : 0;
		left      : 0;
		width     : 100%;
		height    : 100%;
		object-fit: cover;
		margin    : auto;
	}


/* #efecto zoom */
.efecto--zoom:hover .ratio img,
.efecto--zoom:hover figure img,
.efecto--zoom:hover picture img,
.efecto--zoom:hover .post-thumbnail img   {
	transform: scale(1.08);
}
/* #efecto gris */
.efecto--gris:hover .ratio img,
.efecto--gris:hover figure img,
.efecto--gris:hover picture img,
.efecto--gris:hover .post-thumbnail img {
	filter: grayscale(100%);
}
/* #efecto bg */
.efecto--bg .ratio:before,
.efecto--bg figure:before,
.efecto--bg picture:before,
.efecto--bg .post-thumbnail:before {
	content         : '';
	width           : 100%;
	height          : 100%;
	position        : absolute;
	top             : 0;
	left            : 0;
	z-index         : 10;
	background-color: var(--000);
	mix-blend-mode  : multiply;
	opacity         : var(--opacity);
	transition      : var(--transition);
}
.efecto--bg:hover .ratio:before,
.efecto--bg:hover figure:before,
.efecto--bg:hover picture:before,
.efecto--bg:hover .post-thumbnail:before {
	--opacity: .75;
	opacity  : var(--opacity);
}

/* #dashiconos */
.dashicons, 
.dashicons-before:before {
	width    : auto;
	height   : auto;
	font-size: 26px;
}


/* #align */
.text--right {
	text-align: right !important;
}
.text--center {
	text-align: center !important;
}
.text--left {
	text-align: left !important;
}
.text--justify {
	text-align: justify !important;
}



/* -------------------------------------------

#COMPONENTES 

------------------------------------------- */


/* #logo */

	/* header */
	.logo--header {
		display              : grid;
		grid-template-columns: var(--w-logo);
		grid-column-gap      : var(--gap);
		align-items          : center;
		margin               : 10px 0;
		transform            : translateY(5px);
	}

	.logo--header,
	.logo--header * {
		transition: all .2s ease;
	}

		.logo--header a {
			line-height: 0;
		}

			.logo--header img {
				max-width: var(--w-logo);
			}

			.scroll--down .logo--header {
				transform: translateY(0);
			}
			.scroll--down .logo--header img {
				max-width: var(--col-header-left-scroll);
			}


		.logo--header .site-title,
		.site-title a, 
		.site-description{
			display   : none;
			visibility: hidden;
		}


	/* footer */
	.logo--footer {
		width    : var(--w-logo-footer) !important;
		max-width: var(--w-logo-footer) !important;
	}

	.footer--top #media_image-2 img {
		width    : auto !important;
		max-width: 100% !Important;
		height   : 70px !important;
	}



/* #menú's' */
.cont--menu {}

	/* base */
	.menu li {
		list-style: none;
	}


	/* header desktop */
	.cont--header .cont--menu {
		width           : 100%;
		height          : auto
	}

		.cont--header .cont--menu > div > ul { 
			display        : flex;
			align-items    : center;
			justify-content: flex-end;
			height         : 100%;
			margin         : 0;
			padding        : 0;
		}

			
			.cont--header .cont--menu > div > ul > li { 
				height         : 100%;
				display        : flex;
				align-items    : center;
				justify-content: end;
				padding        : 0 20px;
			}
			
			.cont--menu ul li:marker,
			.menu ul li:marker {
				display: none;
			}
			
			.cont--header .cont--menu > div > ul li > a { 
				height         : 100%;
				display        : flex;
				align-items    : center;
				justify-content: flex-start;
				text-decoration: none !important;
				text-transform : inherit;
				color          : var(--fff);
				line-height    : 1.25;
				text-transform : inherit;
				text-decoration: noen !Important;
			}

			.cont--header .cont--menu li.current_page_item > a,
			.cont--header .cont--menu li.current-menu-item > a {
				font-weight: bold;
			}

			.cont--header .cont--menu ul li.menu-item-has-children > a {
				/*pointer-events       : none !important;*/
			}

			.toggle-submenu {
				background-color: transparent !important;
				outline         : none !Important;
				display         : flex;
				align-items     : center;
				justify-content : center;
				padding         : 0 !important;
				border          : none !Important;
				border-radius   : 0 !important;
				width           : 30px;
				height          : 100%;
			}

			.toggle-submenu i {
				position       : absolute;
				top            : 0;
				left           : 0;
				width          : 100%;
				height         : 100%;
				display        : flex;
				align-items    : center;
				justify-content: center;
				color          : #fff;
			}
			.toggle-submenu i:before {
				content        : "\f0dd";
				font-family    : "Font Awesome 6 Free";
				color          : var(--fff);
				font-weight    : 600;
				font-size      : .7rem; 
				text-decoration: none !important;
			}

			.cont--menu ul li a:hover {
				text-decoration: none !important
			}
			.cont--menu ul li.menu-item-has-children > a:hover { 
				text-decoration: none !important;
			}
			.cont--menu ul li.menu-item-has-children > a:hover:after {
				transform: rotate(-90deg); 
			}
			.cont--header .cont--menu ul li.current_page_item > a:before, 
			.cont--header .cont--menu ul li > a:hover:before {
				width  : 100%;
				opacity: 1;
			}

			.cont--menu ul li.current-menu-ancestor > a, 
			.cont--menu ul li.current-menu-ancestor > a:after {
				font-weight: bold;
			}

			.cont--header .cont--menu > div > ul > li:hover .sub-menu {
				display: block !important
			}



.cont--header .cont--menu > div > ul > li:hover {
	background: var(--color-web-1)
}
	

	/* MENU CUSTOM */

.navegacion-principal {
	width                : 100%;
	background           : var(--color-web-1);
	float                : left;
	padding              : 0;
	position             : absolute;
	top                  : 100%;
	left                 : 0;
	display              : none;
	grid-template-columns: 1fr;
	column-gap           : 30px;
	box-shadow           : 0 0 5px 5px rgba(0, 0, 0, .2);
	visibility           : hidden;
	
}
.navegacion-principal.desktop {
	background           : var(--color-web-1);
	box-shadow           : 0 0 5px 5px rgba(0, 0, 0, .2);
}
.navegacion-principal.mobile {
	background           : #fff;
	box-shadow           : none
}

.navegacion-principal.activo {
	display   : grid;
	visibility: visible;
}

.navegacion-principal  aside,
.navegacion-principal ul {
	width  : 100%;
	height : 100%;
	float  : left;
	padding: 15px
}

	.navegacion-principal aside {
		background-color: var(--color-web-1);
		line-height     : 1.5;
		font-size       : .8rem;
		color           : #fff;
	}
	.navegacion-principal ul {
		background-color: #f5f5f5;
		margin: 0 !important;
	}

	.menu-item-has-custom-content {
	    display: inline-block;
	}

	/* Todos los mega menús ocultos por defecto */
	.mega-menu-content {
		width          : 100%;
		height         : 100%;
		float          : left;
		align-items    : flex-start;
		justify-content: flex-start;
		gap            : 40px;

		display        : none;

		grid-template-columns: 300px 1fr;
	}


		.mega-menu-content section {
			width          : 100%;
			height         : 100%;
			float          : left;
			display        : flex;
			align-items    : flex-start;
			justify-content: flex-start;
			gap            : 40px;
		}
		
		.mega-menu-content section > div {
			height       : 100%;
			padding-right: 40px;
			border-right : 1px solid #fff;
		}
		.mega-menu-content > div:last-child {
			border-right: none;
		}

		.mega-menu-content h6 {
			color        : var(--color-web-1);
			font-weight  : 500;
			margin-bottom: 22px;
			font-size    : 1rem;
		}

		.mega-menu-content a {
			color          : #333;
			text-decoration: none;
			padding        : 5px 0;

			width          : 100%;
			float          : left;
			clear          : both;
			font-size      : .9rem;
			font-weight    : 300;
		}

		.mega-menu-content a.fix--submenu {
			padding-left: 10px;
		}

		.mega-menu-content a:hover {
			text-decoration: underline;
		}

		.mega-menu-content a.link--mas {
			font-size: .75rem;
			margin-top: 10px;
		}



		/* Mobile */

		.menu--wordpress {
			display: none;
		}
		.menu--custom {
			display: block;
		}



		@media screen and (max-width: 1460px){


			 .menu--custom {
				display: block;
			}





		}

		/* Estilos solo para Mobile / Tablet (< 1200px) */
		@media (max-width: 1280px) {
		    .cont--menu.mobile .navegacion-principal.mobile {
				display   : block; /* O el nombre de clase que uses para mostrarlo en mobile */
				padding   : 0;
				visibility: visible;
		    }

		    .cont--menu.mobile .menu-principal {
				display       : flex;
				flex-direction: column;
				padding       : 0;
				margin        : 0;
		    }

		    .cont--menu.mobile .menu-principal button {
				display      : block;
				width        : 100%;
				height       : auto;
				text-align   : left;
				padding      : 18px;
				background   : #fff;
				border       : none;
				border-bottom: 1px solid #eee;
				font-weight  : 600;
				cursor       : pointer;
				color        : var(--color-web-1);
		    }
		    .cont--menu.mobile .menu-principal button.is-active,
		    .cont--menu.mobile .menu-principal button:hover {
				background-color: var(--color-web-1);
				color           : var(--fff);
		    }

		    .cont--menu.mobile .mega-menu-content {
				display       : none; /* JS controla la apertura */
				flex-direction: column; 
				padding       : 0;
				background    : #fdfdfd;
		    }

		    .cont--menu.mobile .mega-menu-content > div {
				width           : 100%;
				float           : left;
				margin-bottom   : 0;
				padding         : 15px 15px 25px 25px;
				background-color: #f5f5f5;
				border-bottom   : 1px solid #ccc;
		    }

		    .cont--menu.mobile .menu-principal > a {
				display        : block;
				padding        : 18px;
				text-decoration: none;
				color          : #000;
				font-weight    : bold;
				border-bottom  : 1px solid #eee;
		    }
		}

		/* Estilos para Desktop (>= 1200px) */
		@media (min-width: 1281px) {
		    /* Aquí vuelve tu diseño original de Hover o Grid */
		    .mega-menu-content {
		        display: none; /* Hover lo mostrará */
		    }
		}






		/* sub menú */
		.cont--menu .sub-menu {
			padding         : 10px 20px;
			margin          : 0 !important;
			position        : absolute;
			top             : 100%;
			left            : 0;
			width           : 100%;
			min-width       : inherit;
			background-color: var(--fff);
			display: none;

			/*visibility      : hidden;
			opacity         : 0;
			transform       : translateY(-5px);*/
			transition      : all .3s ease;
		}


			.cont--menu .sub-menu li {
				padding        : 0;
				height         : auto;
				justify-content: flex-start !important;
				text-align     : left !important;
			}

			.cont--menu .sub-menu li a {
				text-align   : left !important;
				transition   : var(--transition);
				color        : var(--fff);
				padding      : 5px 0;
				border-bottom: 1px solid rgba(var(--color-web-1-rgb) / .5);
			}
			.cont--menu .sub-menu li:last-child a {
				border-bottom: none;
			}

			.cont--header .cont--menu .sub-menu li a {
				font-size: .9rem !important;
				color: #333 !important;
			}
			.cont--header .cont--menu ul li .sub-menu li a:before {
				height: 1px;
			}

			.cont--menu .sub-menu li a:hover {
				text-decoration: underline !important;
			}

			

		/* visible */
		.cont--menu ul li.menu-item-has-children .toggle-submenu:hover + .sub-menu {
			visibility: visible;
			opacity   : 1;
			transform : translateY(0);
		}




		.scroll--down .sub-menu {
			top: var(--h-header-scroll) !important;
			background-color: rgba(45, 45, 45, .8);
		} 
		.scroll--down .cont--header .cont--menu .sub-menu li a {
			color: #fff !important
		}



	/* Mobile */
	.cont--menu.mobile {
		width           : 100%;
		height          : calc(100% - var(--h-header));
		position        : fixed;
		top             : 0;
		left            : 0;
		transform       : translateY(-1000px);
		background-color: rgba(45, 45, 45, .9);
		transition      : var(--transition);
	}

	.scroll--down .cont--menu.mobile {
		top             : var(--h-header-scroll);
		height          : calc(100% - var(--h-header-scroll));
	}

		.cont--menu.mobile > div {
			width          : 100%;
			float          : left;
			padding        : 30px var(--padding-container);
			align-items    : flex-start;
			flex-direction : column;
			justify-content: start;
		}

		/* user */
		.cont--menu.mobile .cont--user {
			transform     : translateY(30px);
			padding-bottom: 15px;
			border-bottom : 1px solid var(--eee);
		}

		/* section */
		.cont--menu.mobile ul {
			width         : 100%;
			float         : left;
			flex-direction: column;
			margin-top    : 30px;
			padding-left  : 0;
			background-color: transparent !important;
		}
		.cont--menu.mobile ul .sub-menu {
			width     : 100%;
			float     : left;
			display   : none;
			margin-top: 0 !important;
			top       : auto !important;
			padding   : 15px 0 !important;
			transform : translateX(30px) !important;
		}

			.cont--menu.mobile ul li {
				width     : 100%;
				padding   : 0;
				text-align: right;
				float     : left;
			}

			.cont--menu.mobile ul li.menu-item-has-children {
				display              : grid !important;
				grid-template-columns: 1fr 30px;
				align-items          : center;
				height               : 100%;
			}
			.cont--menu.mobile ul li.menu-item-has-children .sub-menu.visible {
				display: block;
				top: auto !important;
				padding-right: 0 !important;
				transform: translateX(30px);
			}

			.cont--menu.mobile ul li.menu-item-has-children span {
				padding-right: 10px;
			}


				.cont--menu.mobile ul li a {
					width          : 100%;
					float          : right;
					text-align     : right !important;
					text-decoration: none;
					padding        : 15px 0 15px 30px !important;
					font-size      : .9rem !important;
					color          : var(--fff) !important;
					text-align     : right;
					border-bottom  : 1px solid rgba(var(--fff-rgb) / .25);
				}

				.cont--menu.mobile ul li a:hover {
					font-weight  : 500;
				}

				.cont--menu.mobile .toggle-submenu {
					background-color: rgba(0, 0, 0, .10) !important;
					border-bottom: 1px solid rgba(var(--fff-rgb) / .25) !important;
				}




		.cont--menu.mobile footer {
			display   : flex;
			margin-top: 40px;
			gap       : 10px;
		}

		.visible--menu .cont--menu.mobile {
			opacity   : 1;
			visibility: visible;
			transform : translateY(0);
			z-index   : 998;
		}


	/* Sidebar */
	.cont--sidebar .widget {
		margin-bottom: 30px;
	}	

		/* tit */
		.cont--sidebar .cont--widget .widget-title {
			padding-left: 10px;
		}


		/* ul */
		.cont--sidebar .widget ul {
			width         : 100%;
			float         : left;
			display       : flex;
			align-items   : start;
			flex-direction: column;
			padding-left  : 0;
		}

		.cont--sidebar .widget ul * {
			transition: var(--transition);
		}

			.cont--sidebar .widget ul li {
				padding      : 0;
				border       : 0;
				list-style   : none;
				width        : 100%;
				float        : left;
				display      : block;
			}

			/* contador */
			.cont--sidebar .widget ul li .count {
				position : absolute;
				top      : 6px;
				right    : 15px;
				font-size: .8rem;
			}

			.cont--sidebar .widget ul li.cat-item > a {
				font-weight: 600;
			}
			.cont--sidebar .widget ul li.cat-item > a:before {
				content         : '';
				width           : 1px;
				height          : 10px;
				background-color: var(--color-web-2);
				display         : block;
				position        : absolute;
				top             : 11px;
				left            : 0;
			}

			.cont--sidebar .widget ul li a:hover + .count {
				color: var(--fff);
			}

			.cont--sidebar .cont--mneu ul li.current-menu-parent,
			.cont--sidebar .cont--mneu ul li.current_page_item,
			.cont--sidebar .cont--mneu ul li.current-page-ancestor,
			.cont--sidebar .cont--mneu ul li:hover {
				background-color: var(--color-web-1);
			}
			.cont--sidebar .widget ul li.menu-item-has-children {
				font-family: var(--font-awesone) !important;
				cursor     : pointer;
			}
			.cont--sidebar .widget ul li.current_page_item {
				border-color: var(--color-web-2) !important;
			}

			.cont--sidebar .widget ul li.menu-item-has-children:before {
				content    : "\f078";
				font-size  : .9rem;
				color      : var(--color-web-2);
				font-family: var(--font-awesone) !important;
				position   : absolute;
				right      : 10px;
				top        : 7px;
				width      : 12px;
				height     : 12px;
				font-weight: bold;
			}
			.cont--sidebar .widget ul li.menu-item-has-children.current-menu-parent:before {
				color: var(--fff) !Important;
			}
			.cont--sidebar .widget ul li.menu-item-has-children.current_page_item:before,
			.cont--sidebar .widget ul li.menu-item-has-children:hover:before {
				color: var(--fff);
			}

				.cont--sidebar .widget ul li a {
					padding        : 10px;
					font-size      : .9rem;
					font-weight    : 400;
					width          : 100%;
					float          : left;
					color          : var(--color-web-1-rgb);
					font-family    : var(--font) !important;
					text-decoration: none;
					line-height    : 1.45;
					text-align     : left;
					border-bottom  : 1px solid #f5f5f5;
				}

				.cont--sidebar .widget ul li.menu-item-has-children > a {
					padding-right : 2px;
					pointer-events: none !important;
				}

				.cont--sidebar .widget ul li a[aria-current="page"],
				.cont--sidebar .widget ul li.current-menu-parent > a,
				.cont--sidebar .widget ul li.current_page_item > a,
				.cont--sidebar .widget ul li.current-page-ancestor > a,
				.cont--sidebar .widget ul li.current_page_item:hover > a {
					color      : var(--fff) !Important;
					font-family: var(--font) !important
				}

				.cont--sidebar .widget ul li a[aria-current="page"]:before,
				.cont--sidebar .widget ul li.current-menu-parent > a:before,
				.cont--sidebar .widget ul li.current_page_item > a:before,
				.cont--sidebar .widget ul li.current-page-ancestor > a:before {
					content         : '';
					width           : 15px;
					height          : 100%;
					position        : absolute;
					top             : 0;
					left            : -15px;
					background-color: var(--color-web-1);
				}

				.cont--sidebar .widget ul.children li a {
					padding-left: 25px;
				}
				.cont--sidebar .widget ul li:last-child {
					border-bottom: none;
				}
		
				.cont--sidebar .widget ul li a[aria-current="page"] {
					background-color: var(--color-web-1) !important;
				}

				/* hover */
				.cont--sidebar .widget ul li a:hover {
					background-color: var(--color-web-1) !important;
					color           : var(--fff) !important;
				}

				.cont--sidebar .widget ul li.current-cat a,
				.cont--sidebar .widget ul li.current-cat a + .count {
					color: var(--color-web-2);
				}

			/* sub menu */
			.cont--sidebar .sub-menu {
				width  : 100%;
				float  : left;
				display: none;
			}

			.cont--sidebar .widget ul.children {
				/*display: none;*/
			}

				/* li */
				.cont--sidebar .widget ul li .sub-menu li {
					background-color: var(--fff) !important;
				}
				.cont--sidebar .widget ul li .sub-menu li:last-child {
					border-bottom: none !important;
				}

					/* a */
					.cont--sidebar .widget ul li .sub-menu li a {
						padding-left    : 25px !important;
						border-bottom   : none !Important;
						background-color: var(--fff) !important;
						pointer-events  : inherit !important;
					}

					/* a - activo */
					.cont--sidebar .widget ul li .sub-menu li.current_page_item > a,
					.cont--sidebar .widget ul li.current_page_item .sub-menu li.current_page_item > a,
					.cont--sidebar .widget .sub-menu li a[aria-current="page"] {
						color      : var(--color-web-2) !important;
						font-weight: bold !Important;
					}
				
				
				/* hover */
				.cont--sidebar .widget ul li .sub-menu li a:hover {
					text-decoration: underline !important;
				}



			/* hover (abrir submenu) */
			.cont--sidebar .widget ul .menu-item-has-children:hover > .sub-menu {
				display: none;
			}



	/* Footer */
	.cont--footer .cont--menu li a {
		text-transform: inherit;
	}

	.cont--footer .cont--menu ul li.menu-item-has-children > a:after {
		display: none;
	}

	.cont--footer .cont--menu ul li.menu-item-has-children > a {
		pointer-events: inherit !important;
	}


		.cont--footer .menu li a {
			text-decoration: none;
			margin-bottom  : 10px;
			display        : inline-block;
		}

		.cont--footer .menu li a:hover {
			color: var(--fff);
		}

		.cont--footer .sub-menu {
			display: none !important;
		}



	/* Idioma */
	.cont--menu.idioma {
		width          : 100%;
		float          : left;
		display        : flex;
		align-items    : center;
		justify-content: end;

		visibility     : hidden;
	}

		.cont--menu.idioma * {
			color          : var(--fff);
			font-size      : var(--size);
			height         : auto;
			width          : auto;
			margin         : 0;
			text-decoration: none;
		}

		.cont--menu.idioma .sep {
			padding: 0 7px;
		}

		.cont--menu.idioma a:hover {
			text-decoration: underline;
			color          : var(--eee);
		}




/* #modal */
.cont--modal {
	position       : fixed;
	top            : 0;
	left           : 0;
	width          : 100%;
	height         : 100vh;
	display        : flex;
	align-items    : center;
	justify-content: center;
	z-index        : -1;
	opacity        : 0;
	visibility     : hidden;
	--transition   : all .75s ease;
	transition     : var(--transition);
}
	
	/* bg */
	.cont--modal:before {
		content         : '';
		width           : 100%;
		height          : 100%;
		position        : absolute;
		top             : 0;
		left            : 0;
		background-color: rgba(var(--000-rgb) / .75);
		transition      : var(--transition);
	}

	/* container */
	.cont--modal .container--modal {
		position       : absolute;
		top            : 0;
		right          : 0;
		left           : 0;
		margin         : auto;
		height         : 100%;
		display        : flex;
		align-items    : center;
		justify-content: center;
	}

	.cont--modal .container--modal > .content--modal {
		width           : 100%;
		padding         : 30px;
		background-color: var(--fff);
	}

	/* cerrar */
	.cont--modal .btn--cerrar {
		position        : fixed;
		top             : 15px;
		right           : 15px;
		background-color: var(--fff);
		width           : 40px;
		height          : 40px;
		display         : flex;
		align-items     : center;
		justify-content : center;
		border-radius   : 50%;
	}
	
	/* visible */
	.visible--modal.cont--modal {
		opacity   : 1;
		visibility: visible;
		z-index   : 9999999999;
	}

		.visible--modal.cont--modal .container--modal {
			opacity  : 1;
			transform: translateY(0);
		}



/* #buscador */
.cont--buscador {
	width           : 100%;
	height          : 0;
	top             : var(--h-header);
	background-color: rgba(45, 45, 45, .9);
	position        : fixed;
	left            : 0;
	display         : flex;
	align-items     : center;
	justify-content : center;

	visibility      : hidden;
	opacity         : 0;
	z-index         : -1;
	transition      : all .3s ease;
}

.scroll--down .cont--buscador {
	top: var(--h-header-scroll);
}

/* visible */
.visible--buscador .cont--buscador {
	height    : calc(100vh - var(--h-header));
	opacity   : 1;
	visibility: visible;
	z-index   : 999999;
}

.visible--buscador .cont--main {
	opacity: .3;
}


/* #tit */
.cont--tit {
	
}



/* #cabezal */
.cont--cabezal {
	width            : 100%;
	float            : left;
	display          : flex;
	height           : var(--h-cabezal);
	align-items      : center;
	overflow         : hidden;
	background-size  : cover;
	background-repeat: no-repeat;
}

	.cont--cabezal [class*=container--] {
		position       : absolute;
		top            : 0;
		right          : 0;
		left           : 0;
		margin         : auto;
		height         : 100%;
		display        : flex;
		align-items    : flex-start;
		justify-content: end;
		flex-direction : column;
		padding-bottom : var(--gap);
		z-index        : 11;
	}

		.cont--cabezal:before {
			content            : '';
			background-size    : cover;
			background-repeat  : no-repeat;
			background-position: center center;

			width              : 100%;
			height             : 100%;
			position           : absolute;
			top                : 0;
			left               : 0;
			background-color   : var(--bg-cabezal);
			z-index            : 10;
		}

		.cont--cabezal img,
		.cont--cabezal figure {
			width                : 100%;
			height               : 100%;
			position             : absolute;
			top                  : 0;
			left                 : 0;
			object-fit           : cover;
			z-index              : 1;

			background-size      : cover;
			background-repeat    : no-repeat;
			background-position  : center;
			background-attachment: fixed;
		}

		.single .cont--cabezal img,
		.single .cont--cabezal figure {
			filter: blur(2px);
		}

		.cont--cabezal h1 {
			color      : var(--color-cabezal);
			font-weight: 800;
			font-family: var(--font-titulos);
			font-size  : var(--display-1);
		}

		.cont--cabezal .cont--meta {
			display: none;
		}


	/* Search */
	.search .cont--cabezal h1 {
		font-size  : var(--size-3);
		font-weight: 400;
		line-height: 1.45;
	}
		.search .cont--cabezal h1 span {
			font-size  : var(--size-1);
			font-weight: 800;
		}


/* #breadcrumbs */
.cont--breadcrumbs {
	width           : 100%;
	float           : left;
	background-color: transparent;
	padding         : 25px 0 30px 0;
	color           : var(--666);
}
.search .cont--breadcrumbs {
	margin-bottom: 15px;
}

	.cont--breadcrumbs * {
		font-size: .85rem;
	}

	.cont--breadcrumbs > .container--md {
		display    : flex;
		align-items: center;
	}

	.cont--breadcrumbs .sep {
		padding: 0 5px;
	}

	.cont--breadcrumbs a {
		color          : var(--666);
		font-size      : .85rem;
		text-decoration: none;
	}
	.cont--breadcrumbs a:hover {
		text-decoration: underline;
		color          : var(--000);
	}


/* #widget's */
.cont--widget {
	width     : 100%;
	float     : left;
}

	.cont--widget .widget {
		width           : 100%;
		float           : left;
		padding         : 15px;
		background-color: #f5f5f5;
		margin-bottom   : 15px;
		border-top      : 1px solid var(--color-web-1);
	}

	.cont--widget .widget-title {
		width        : 100%;
		padding      : 0;
		font-size    : var(--size-6);
		color        : var(--color-web-1);
		font-weight  : 600; 
		margin-bottom: 15px;
	}


/* #thumbail */
.post-thumbnail {
	width      : 100%;
	float      : left;
	line-height: 0;

	height     : 0;
	padding-top: var(--ratio-75);
}

	.post-thumbnail img {
		position  : absolute;
		top       : 0;
		left      : 0;
		width     : 100%;
		height    : 100%;
		object-fit: cover;
	}

	.post-thumbnail[href]:before {
		content         : '';
		width           : 100%;
		height          : 100%;
		position        : absolute;
		top             : 0;
		left            : 0;
		background-color: rgba(var(--color-web-1-rgb) / .55);
		opacity         : 0;
		transition      : var(--transition);
	}

.post-thumbnail[href]:hover:before {
	opacity: 1;
	z-index: 900;
}


/* #pie de foto ( pie de thumb) */
.cont--pie {
	width         : 100%;
	float         : left;
	font-size     : .85rem;
	color         : var(--333);
	line-height   : 1.45;
	padding-bottom: 15px;
	margin-bottom : calc(var(--gap) / 2);
	border-bottom : 1px solid #f5f5f5;
}


/* #extracto */
.cont--extracto,
.entry-summary {
	width        : 100%;
	float        : left;
}
	.cont--extracto,
	.cont--extracto * {
		font-weight: 500 ;
		font-size  : var(--size);
		line-height: 1.55;
	}

	.cont--extracto a {
		text-decoration: none !Important;
	}


/* #meta */
.cont--meta {
	width                : 100%;
	float                : left;
	margin               : 0;
	display              : grid;
	grid-template-columns: 1fr;
	text-decoration: none;
}

	.cont--meta a {
		text-decoration: none;
	}

	.cont--meta time {
		width: 100%;
	}

	.cont--meta .posted-on time {
		margin-right: 15px;
	}

	.cont--meta time:before {
		content            : '';
		width              : 21px;
		height             : 23px; 
		background-size    : contain;
		background-position: center;
		background-repeat  : no-repeat;
		background-image   : var(--ico-fecha);
		margin-right       : 10px;

		display            : none;
	}

	.cont--meta span {
		/*font-size: 0;*/
	}

	.cont--meta .updated,
	.cont--meta .author,
	.cont--meta .updated {
		/*display: none;*/
	}
	.cont--meta .updated {
		display: none;
	}
	.cont--meta a {
		color     : var(--color-texto);
		font-size : .9rem;
	}

	.cont--meta p {
		margin: 0;
	}


/* #tags */
.tagcloud {
	width          : 100%;
	float          : left;
}
.cont--sidebar .widget .tagcloud {
	justify-content: flex-start !important;
}

	.tagcloud a {
		width           : auto;
		float           : left;
		background-color: var(--color-web-2);
		color           : var(--fff);
		padding         : 3px 8px;
		border-radius   : 10px;
		margin          : 0 5px 5px 0;
		text-decoration : none !important;
		display         : inline-flex;
		font-size       : .8rem !important;
	}
	.tagcloud a:hover {
		text-decoration: underline !important;
	}



/* #address */
.cont--address {
	width         : 100%;
	float         : left;
	display       : flex;
	flex-direction: column;
	gap           : 12px;
}

	.cont--address * {
		text-decoration: none !important;
	}

	.cont--address p {
		width                : 100%;
		/*float                : left;*/
		display              : grid;
		grid-template-columns: 25px 1fr;
		column-gap           : 10px;
		font-size            : .9rem;
	}

		.cont--address a {
			font-size  : .95rem;
			display    : flex;
			align-items: center;
		}
		.cont--address i,
		.cont--address span {
			font-size  : 28px;
			font-weight: 300;
		}

		/* hover */
		.cont--address a:hover {
			color: var(--fff);
		}

		.cont--address a[href]:hover {
			color: var(--color-web-1);
		}




/* #redes */
.cont--redes {
	width: 100%;
	float: left;
}
	
	/* Gral */
	.cont--redes a {
		text-decoration: none !important;
		margin         : 0 0 0 5px;
	}
	.cont--redes a:nth-of-type(1) {
		margin-left: 0;
	}

	/* ico */
	.cont--redes i,
	.cont--redes .dashicons,
	.cont--redes .material-symbols-outlined {
		font-size : 40px;
		transition: var(--transition);
	}
	

	/* hover */
	.cont--redes a:hover i,
	.cont--redes a:hover .dashicons {
		color: var(--color-web-1);
	}


	/* Menú mobile */
	.cont--menu.mobile .cont--redes {
		display    : flex;
		align-items: center;
		gap        : 10px;
	}

		.cont--menu.mobile .cont--redes i {
			color    : var(--color-web-1);
			font-size: 2rem;
		}




/* #mapa */
.sec--mapa #mapa {
	width      : 100%;
	height     : 500px
}

.sec--mapa div {
	margin       : 0 !Important;
	padding-left : 0 !Important;
	padding-right: 0 !important;
}





/* #scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: var(--eee); 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-web-1); 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--666); 
}



/* #descargas */
.cont--descargas {
	width : 100%;
	float : left;
	margin: 30px 0;
}

	.cont--descargas h6 {
		color        : var(--color-texto) !Important;
		font-weight  : 600;
		margin-bottom: 15px;
		font-size    : var(--size);
	}

	.cont--descargas a {
		width           : 120px;
		float           : left;
		border-radius   : 0;
		overflow        : hidden;
		margin-right    : 15px;
		border          : 1px solid var(--color-web-1);
		background-color: var(--eee);
		text-decoration : none;
		font-family     : var(--font-material);
	}

		.cont--descargas a figure {
			width      : 100%;
			height     : 0;
			padding-top: 141%;
		}

		.cont--descargas a figure:before {
			content         : '\e66d';
			width           : 100%;
			height          : 100%;
			display         : flex;
			align-items     : center;
			justify-content : center;
			text-align      : center;
			font-size       : 0;
			color           : var(--fff);
			background-color: var(--color-web-1);
			opacity         : .25;

			position        : absolute;
			top             : 0;
			left            : 0;
			z-index         : 10;
			transition      : opacity .2s ease
		}

		.cont--descargas a figure img {
			position  : absolute;
			top       : 0;
			left      : 0;
			width     : 100%;
			height    : 100%;
			object-fit: cover;
		}

		.cont--descargas a:hover figure:before {
			opacity  : .9;
			font-size: 26px;
		}


/* #acordeon */

	/* button */
	.cont--acordeon button {
		width          : 100%;
		float          : left;
		border         : none !Important;
		padding        : 15px;
		display        : flex;
		align-items    : center;
		justify-content: space-between;
		font-size      : var(--size-6);
		cursor         : pointer !important;
		transition     : var(--transition);
		border-radius: 3px;

		background-color: #BD0909;
		color: #fff;
		margin-bottom: 15px;
	}
	.cont--acordeon button:after {
		content   : '+';
		font-size : var(--size-5);
		transition: var(--transition);
		color     : #fff;
	}
	.cont--acordeon button.activo {
		border-bottom: 1px solid var(--fff);
	}
		.cont--acordeon button.activo:after {
			content: '-';
			color  : var(--color-web-2);
		}

		/* hover */
		.cont--acordeon button:hover,
		.cont--acordeon button.activo {
			color           : var(--color-web-2);
		}
		.cont--acordeon button:hover *,
		.cont--acordeon button.activo * {
			color: var(--fff);
		}
		.cont--acordeon button:hover:after,
		.cont--acordeon button.activo:after {
			color           : var(--color-web-2);
		}

	.cont--acordeon.descripcion button:after {
		display: none !important
	}

	/* content */
	.cont--acordeon .content-aco {
		width     : 100%;
		float     : left;
		visibility: hidden;
		opacity   : 0;
		height    : 0;
		transition: var(--transition);
	}

		/* visible */
		.cont--acordeon button.activo + .content-aco {
			visibility   : visible;
			opacity      : 1;
			height       : auto;
			padding      : 0 0 20px 0;
			border-bottom: 1px solid var(--color-web-2) !important;
		}

		.cont--acordeon .content-aco ul {
			padding-left: 18px;
		}





/* #tab's */
.cont--tab{
	margin: 100px 0 0 0;
    padding: 0
}
    
    /* link */

    .cont--tab nav{
        padding: 0
    }
	
        .cont--tab button{
			width           : auto;
			padding         : 10px 60px;
			opacity         : 1;
			color           : var(--1);
			background-color: var(--3);
			font-size       : 1.35rem;
			text-align      : center;
			float           : left;
			cursor          : pointer !important;
        }

        .cont--tab button.act,
        .cont--tab button:hover{
			background-color          : #fff;
			color                     : var(--5);
			border-bottom-left-radius : 12px;
			border-bottom-right-radius: 12px
        }
	
	/* content */
	.cont--tab .tab--content{
		width     : 100%;
		visibility: hidden;
		opacity   : 0;
		height    : 0;
		padding   : 0;
		margin    : 0;
		float     : left;
	}

	.cont--tab .tab--content.activo{
		opacity   : 1;
		visibility: visible;
		height    : auto;
	}


/* #form's */
form,
form section,
.cont--form section {
	width        : 100%;
	float        : left;
	margin-bottom: 5px;
}
	
	/* grid */
	.cont--form .d--grid {
		width: 100%;
		float: left;
	}


	/* col */
	.wpforms-container input.wpforms-field-medium, 
	.wpforms-container select.wpforms-field-medium, 
	.wpforms-container .wpforms-field-row.wpforms-field-medium, 
	.wp-core-ui div.wpforms-container input.wpforms-field-medium, 
	.wp-core-ui div.wpforms-container select.wpforms-field-medium, 
	.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium {
		width    : 100%;
		max-width: inherit;
	}

	/* label */
	form .wpforms-field-label {
		width        : 100% !important;
		margin-bottom: 3px !important;
		font-size    : var(--size);
		font-weight  : 300 !important;
		font-family  : var(--font);
	}

	form input,
	form textarea,
	form select,
	.cont--form input,
	.cont--form textarea,
	.cont--form select {
		border          : 1px solid var(--ccc) !important;
		border-radius   : 0 !important;
		width           : 100% !important;
		height          : var(--h-btn) !important;
		padding         : 8px 16px !important;
		font-family     : var(--font) !important;
		margin-bottom   : 12px !important;
		font-size       : var(--size) !important;
		color           : var(--000) !important;
		background-color: #f5f5f5 !important;
	}
	form textarea,
	.cont--form textarea {
		height       : 130px !important;
		border-radius: var(--radius);
		padding      : 8px 16px !Important;
	}

	form input[type="file"] {
		line-height: 1.7;
	}

	form select,
	.cont--form select {
		color: var(--333) !important;
	}

	::placeholder {
		color      : var(--333);
		font-family: var(--font);
		font-size  : var(--size);
	}

	form.wpcf7-form p {
		/*display        : flex;
		align-items    : center;
		justify-content: flex-end;
		grid-column-gap: 10px;*/
	}

	form .wpcf7-form-control-wrap {
		width: 100%;
		float: left;
	}

	/* invalid */
	form .wpcf7-not-valid {
		border: 1px solid var(--msj-error-tx) !important;
	}

	span.wpcf7-not-valid-tip,
	.wpcf7.js .screen-reader-response{
		display: none !important;
	}

	.wpforms-field-sublabel.after {
		display: none;
	}

	/* focus */
	input:focus,
	textarea:focus,
	select:focus {
		outline   : none;
		box-shadow: none;
	}
	input:focus:invalid, 
	textarea:focus:invalid{
		border          : 1px solid #f4f4f4 !important;
		outline         : none;
		box-shadow      : none;
		background-color: #f5f5f5;
	}

	/* autocompletar */
	input:-webkit-autofill,
	input:-webkit-autofill:hover, 
	input:-webkit-autofill:focus,
	textarea:-webkit-autofill,
	textarea:-webkit-autofill:hover,
	textarea:-webkit-autofill:focus,
	select:-webkit-autofill,
	select:-webkit-autofill:hover,
	select:-webkit-autofill:focus {
		-webkit-text-fill-color: var(--000) !important;
		-webkit-box-shadow     : 0 0 0px 1000px var(--eee) inset !important;
		transition             : background-color 2000s ease-in-out 0s !important;
	}

	/* submit */
	.cont--submit {
		width     : 100%;
		float     : left;
		margin-top: 15px;
	}

		.cont--submit p {
			display    : flex;
			align-items: center;
		}

		input[type="submit"],
		button[type="submit"],
		button.btn {
			width           : auto !important;
			height          : var(--h-btn) !important;
			background-color: var(--fff) !important;
			color           : var(--color-texto) !important;
			font-weight     : normal !important;
			font-size       : var(--size) !important;
			border          : 1px solid var(--color-texto) !important;
			text-align      : center !important;
			border-radius   : 0 !important;
			transition      : var(--transition) !important;
			display         : inline-flex !important;
			align-items     : center !important;
			justify-content : center !important;
			padding         : 10px 40px !important;
			text-decoration : none !important;
			background-image: none !important;
			cursor          : pointer !important;
		}

		input[type="submit"]:hover,
		button[type="submit"]:hover,
		button.btn:hover {
			background-color: var(--color-web-1) !important;
			color           : var(--fff) !important;
			border          : 1px solid var(--color-web-1) !Important;
		}

		:disabled {
			opacity: .3;
		}

		/* spinner */
		.wpcf7-spinner {
			margin-left        : 15px;
			width              : 24px;
			height             : 24px;
			border-radius      : 50%;
			background-image   : url(images/loading.gif);
			background-repeat  : no-repeat;
			background-size    : contain;
			background-position: center;

			display            : none;
		}
		.submitting .wpcf7-spinner {
			display: block;
		}

		/* ico */
		.cont--form .btn.ico span {
			font-size  : .9rem;
			margin-left: 10px;
		}

	/* msj's */
	.wpcf7-response-output,
	.cont--msj {
		width          : 100%;
		float          : left;
		padding        : 15px;
		font-size      : .85rem;
		font-weight    : 600;
		border-width   : 1px;
		border-style   : solid;
		margin         : 20px 0;
		border-radius  : 3px;
		display        : none;
		align-items    : center;
		grid-column-gap: 10px;
	}

	/* failed */
	form.failed .wpcf7-response-output,
	form.failed + .wpcf7-response-output{
		display         : flex;
		border-color    : var(--msj-error-tx);
		background-color: var(--msj-error-bg);
		color           : var(--msj-error-tx);
	}

	/* error */
	form.invalid .wpcf7-response-output,
	form.invalid + .wpcf7-response-output,
	.cont--msj.error {
		display         : flex;
		border-color    : var(--msj-error-tx);
		background-color: var(--msj-error-bg);
		color           : var(--msj-error-tx);
	}

	/* ok */
	form.sent .wpcf7-response-output,
	form.sent + .wpcf7-response-output,
	.cont--msj.ok {
		display         : flex;
		border-color    : var(--msj-ok-tx);
		background-color: var(--msj-ok-bg);
		color           : var(--msj-ok-tx);
	}

	/* info */
	.cont--msj.info {
		display         : flex;
		border-color    : var(--msj-info-tx);
		background-color: var(--msj-info-bg);
		color           : var(--msj-info-tx);
	}


	div.wpforms-container-full .wpforms-confirmation-container-full {
		width: 100%;
		float: left;
	}

	/* #buscador */
	.form--buscador > .d--grid {
		grid-template-columns: 1fr 55px;
		grid-column-gap      : 15px;
		transform            : translateY(-50px);
	}	

	.form--buscador input,
	form.form--buscador input {
		--h-btn         : 55px;
		margin-bottom   : 0;
		padding         : 20px 20px 20px 0 !important;
		border          : none;
		background-color: transparent !important;
		border          : none !Important;
		border-bottom   : 1px solid var(--fff) !important;
		border-radius   : 0;
		color           : var(--fff) !important;
		font-weight     : 300 !important;
		font-size       : var(--size-6) !important;
	}

		.form--buscador button,
		form.form--buscador button[type="submit"] {
			width           : 100%;
			padding         : 0;
			margin-bottom   : 0;
			--h-btn         : 55px;
			height          : var(--h-btn);
			background-color: transparent !important;
			border-radius   : 50%;
			border          : none !important
		}
		.form--buscador button span,
		form.form--buscador button[type="submit"] span {
			color    : var(--fff) !important;
			font-size: 30px;
		}

		.form--buscador button:hover,
		form.form--buscador button[type="submit"]:hover {
			background-color: transparent;
		}
		.form--buscador button:hover span,
		form.form--buscador button[type="submit"]:hover span {
			color: var(--color-web-1);
		}

		/* placeholder */
		.form--buscador ::placeholder {
			color    : var(--eee) !Important;
			font-size: var(--size-6) !important;
		}

		/* focus */
		.form--buscador input:focus,
		.form--buscador textarea:focus,
		.form--buscador select:focus {
			outline   : none !important;
			box-shadow: none !important;
			border    : none !Important;
		}
		.form--buscador input:focus:invalid, 
		.form--buscador textarea:focus:invalid{
			border-bottom   : 1px solid var(--color-web-1) !important;
			outline         : none;
			box-shadow      : none;
			background-color: transparent !important;
		}

		

/* #table */
table {
	border: 1px solid var(--eee)
}

	table td,
	table th {
		border        : none;
		padding       : 5px ;
		text-align    : left;
		font-size     : .88rem;
		border-bottom : 1px solid var(--eee);
		vertical-align: top;
	}

	table tr:last-child td {
		border-bottom: none;
	}

	table th {
		font-weight: 600;
	}

	table tr:nth-child(even) td {
		
	}



/* #slide's */


/* swipper */
.gallery {
	width    : 100% !important;
	max-width: inherit;
	margin   : 0 auto;
	float    : left;
	overflow : hidden;
}
    
	/* slide */
    .gallery-slider {
		width : 100%;
		height: auto;
		margin: 0 0 10px 0;
    }

        .gallery-slider .swiper-slide {
			width : auto;
			height: auto;
        }


    /* thumbs */
    .gallery-thumbs {
		width   : 100%;
		padding : 0;
		overflow: hidden;
    }

        .gallery-thumbs .swiper-slide {
			width     : 100px;
			height    : 100px;
			text-align: center;
			overflow  : hidden;
        }





/* smart 3 */
.cont--slide.inicio.desktop {
	display: block;
}
.cont--slide.inicio.mobile {
	display: none;
}
	
	/*
	.n2-ss-slider .n2-ss-slide {
		height      : auto !important;
		aspect-ratio: 16 / 6.3 !important;
	}

		
		.n2-ss-slider.n2-ss-loaded .n2-ss-layers-container {
			width    : 100% !important;
			max-width: inherit !important;
			margin   : auto;
		}

		.n2-ss-slider .n2-ss-layer-with-background {
			padding  : inherit !important;
			transform: translateX(-15px);
		}
	*/




/* OWL */
.vc_element .owl-carousel {
	display: block !important;
}
.cont--slide .owl-stage {
	padding-left: 0 !important;
}

	/* item */
	.cont--slide a {
		width: 100%;
		float: left;
	}

		/* img */
		.cont--slide .ratio,
		.cont--slide .post-thumbnail {
			--ratio      : 75%;
			padding-top  : var(--ratio);
			height       : 0;
			margin-bottom: 15px;
		}

			.cont--slide .post-thumbnail img {
				position  : absolute;
				top       : 0;
				left      : 0;
				width     : 100%;
				height    : 100%;
				object-fit: cover;
			}


	/* nav */
	.cont--slide .nav--slide {
		float        : none;
		text-align   : right;
		margin       : 50px 0 0 0;
		padding-right: 115px;
	}

		.cont--slide nav span {
			font-size: var(--size-1);
			cursor   : pointer;
		}

	/* dots */
	.cont--slide .owl-dots {
		width          : 100%;
		float          : left;
		text-align     : center;
		display        : flex;
		align-items    : center;
		justify-content: center;
	}

		.cont--slide .owl-dots .owl-dot {
			width          : 16px;
			height         : 16px;
			border-radius  : 50%;
			border         : 1px solid var(--fff);
			display        : flex;
			align-items    : center;
			justify-content: center;
			margin         : 0 3px;
		}
		.cont--slide .owl-dots .owl-dot.active {
			border         : 1px solid var(--000);
		}

			.cont--slide .owl-dots .owl-dot span {
				width        : 6px;
				height       : 6px;
				position     : absolute;
				top          : 0;
				right        : 0;
				bottom       : 0;
				left         : 0;
				margin       : auto;
				background   : var(--000);
				border-radius: 50%;
			}


	.owl-item .item figure {
		cursor: pointer;
	}


	/* nav */
	.owl-nav {
		position: absolute;
		top     : 0;
		z-index : 11;
		width   : 100%;
		top     : 45%;
	}

		.owl-nav .owl-prev,
		.owl-nav .owl-next {
			width           : 40px;
			height          : 40px;
			border-radius   : 50%;
			overflow        : hidden;
			position        : absolute;
			top             : 45%;
			display         : flex;
			align-items     : center;
			justify-content : center;
			background-color: #fff;
		}

			.owl-nav .owl-prev svg,
			.owl-nav .owl-next svg {
				width : 24px;
				height: 24px;
				stroke: var(--color-web-2) !important;
				fill  : var(--color-web-2);
			}

			.owl-nav .owl-prev svg path,
			.owl-nav .owl-next svg path {
				stroke: var(--color-web-2) !important;
				fill  : var(--color-web-2);
			}



		.owl-nav .owl-prev {
			left: -20px
		}
		.owl-nav .owl-next {
			right: -20px
		}

	#thumbs .current {
		opacity: 0.5 !important;
	}




/* #relacionados */
.cont--relacionados {
	margin-top      : 60px;
	padding-top     : 30px;
	width           : 100%;
	float           : left;
	border-top      : 1px solid var(--eee);
	background-color: #fdfdfd;
	z-index         : 480;
}

	/* tit */
	.cont--relacionados .cont--tit {
		margin-bottom: var(--espacio-30);
	}

		.cont--relacionados .cont--tit h4 {
			text-align: center;
		}


	/* slide */
	.cont--relacionados .owl-carousel {
		width: 100%;
		float: left;
	}


	/* box */
	.cont--relacionados .box {
		width          : 100%;
		float          : left;
		text-decoration: none;
	}

		.cont--relacionados .box h3 {
			position        : absolute;
			top             : 0;
			left            : 0;
			width           : 100%;
			height          : 100%;
			background-color: rgba(0, 0, 0, .8);
			color           : var(--fff);
			justify-content : center;
			align-items     : center;
			display         : flex;
			text-align      : center;
			font-size       : var(--size-5);
			opacity         : 0;
			transition      : var(--transition);

		}

		.cont--relacionados .box:hover h3 {
			opacity: 1;
			z-index: 10;
		}


	/* btn */
	.cont--relacionados .owl-carousel + section > .btn {
		margin: 30px 0 40px 0;
	}


	.related {
		width      : 100%;
		float      : left;
		border-top : 1px solid var(--ccc);
		padding-top: var(--espacio-30);
		margin-top : var(--espacio-40);
	}

		.related h2 {
			font-size  : var(--size-4);
			font-weight: 300;
		}

		.related .products.columns-3 {
			display              : grid;
			grid-template-columns: repeat(4, 1fr);
		}




/* #fbx */
.cont--fbx {
	display: none;
}

[data-fancybox] {
	/*font-family: var(--font-awesone);*/
	cursor     : pointer !important;
}

[data-fancybox] > img {
	transition: var(--transition);
} 
[data-fancybox]:hover > img {
	opacity: .8;
}
[data-fancybox]:hover > .material-symbols-outlined {
	background-color: rgba(var(--fff-rgb) / .85);
}

[data-fancybox] .material-symbols-outlined {
	width           : 35px;
	height          : 35px;
	background-color: rgba(var(--fff-rgb) / .5);
	border-radius   : 50%;

	position        : absolute;
	top             : 15px;
	right           : 15px;
	display         : flex;
	align-items     : center;
	justify-content : center;

	z-index         : 900;
	color           : var(--color-web-2);
	font-weight     : 300;
}




/* #edit */
.entry-footer {
	width          : 100%;
	position       : fixed;
	left           : 0;
	bottom         : 0;
	background     : rgb(255 255 255 / .5);
	z-index        : 9999999999999;
	padding        : 4px 0;
	display        : flex;
	align-items    : center;
	justify-content: center;
	border-top     : 1px dotted var(--cygnus);
	
	display: none !important
}

	.edit-link {
		width          : 100%;
		display        : flex;
		align-items    : center;
		justify-content: center;
		grid-column-gap: 10px;
	}

	.edit-link a {
		width          : auto;
		padding        : 1px 6px;
		color          : var(--fff);
		background     : var(--cygnus);
		text-decoration: none;
		float          : left;
		border-radius  : 4px;
		font-size      : .75rem;
	}
	.edit-link a:hover {
		text-decoration: underline;
	}

	.entry-footer i {
		border-radius   : 4px;
		background-color: var(--cygnus);
		position        : absolute;
		right           : 30px;
		top             :-12px;
		display         : flex;
		align-items     : center;
		justify-content : center;
		cursor          : pointer;
		padding         : 2px 5px;
	}

		.entry-footer i {
			color         : var(--fff);
			font-style    : normal;
			font-size     : .7rem;
			text-transform: uppercase;
		}


	.entry-footer .cont--container,
	.entry-footer .tags-links {
		display: none;
	}
	.entry-footer.visible .cont--container {
		display: block;
	}



/* #loading */
#loading {
	position        : fixed;
	top             : 0;
	left            : 0;
	width           : 100%;
	height          : 100%;
	background-color: rgba(255 255 255 / .85);
	z-index         : 99999999999;
	display         : none;
	align-items     : center;
	justify-content : center;
}

	#loading .lds-ring {
		display : inline-block;
		position: relative;
		width   : 50px;
		height  : 50px;
	}
	#loading .lds-ring div {
		box-sizing   : border-box;
		display      : block;
		position     : absolute;
		width        : 64px;
		height       : 64px;
		margin       : 8px;
		border       : 8px solid #000;
		border-radius: 50%;
		animation    : lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		border-color : #000 transparent transparent transparent;
	}
	#loading .lds-ring div:nth-child(1) {
	  animation-delay: -0.45s;
	}
	#loading .lds-ring div:nth-child(2) {
	  animation-delay: -0.3s;
	}
	#loading .lds-ring div:nth-child(3) {
	  animation-delay: -0.15s;
	}
	@keyframes lds-ring {
	  0% {
	    transform: rotate(0deg);
	  }
	  100% {
	    transform: rotate(360deg);
	  }
	}

	/* activo */
	#loading.activo {
		display: flex;
	}


	.loader-container {
		display         : none;
		position        : fixed;
		top             : 0;
		left            : 0;
		width           : 100%;
		height          : 100%;
		z-index         : 10;
		opacity         : .5;
		background-color: var(--eee);
		z-index         : 9999999;
	}

	.loader-container.active {
		display: block;
	}

	.loader-container .spinner {
		width        : 40px;
		height       : 40px;
		border-radius: 50%;
		background   : radial-gradient(farthest-side, #474bff 94%, #0000) top/9px 9px no-repeat, conic-gradient(#0000 30%, #474bff);
		-webkit-mask : radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 0);
		animation    : spinner-c7wet2 1s infinite linear;
		margin       : auto;
		position     : absolute;
		right        : 0;
		left         : 0;
		top          : 130px;
	}

	@keyframes spinner-c7wet2 {
		100% {
			transform: rotate(1turn);
		}
	}




/* #paginado */
.pagination {
	width          : 100%;
	float          : left;
	display        : flex;
	align-items    : center;
	justify-content: center;
	gap            : 6px;
	margin-top     : 20px;
}


	.pagination a,
	.pagination span.current {
		color          : var(--color-web-2);
		border         : 1px solid var(--color-web-2);
		width          : 24px;
		height         : 24px;
		display        : flex;
		align-items    : center;
		justify-content: center;
		text-decoration: none !important;
		border-radius  : 50%;
		font-size      : .85rem;
	}

	.pagination a[aria-current="page"],
	.pagination span[aria-current="page"],
	.pagination a:hover,
	.pagination span:hover {
		background-color: var(--color-web-2);
		color           : var(--fff);
	}

	.pagination a.next,
	.pagination a.prev {
		font-size: 0;
	}

	.pagination a.next:after {
		content        : '>';
		font-size      : .8rem;
		font-weight    : 600;
		position       : absolute;
		top            : 0;
		left           : 0;
		width          : 100%;
		height         : 100%;
		display        : flex;
		align-items    : center;
		justify-content: center;
	}
	.pagination a.prev:after {
		content        : '<';
		font-size      : .8rem;
		font-weight    : 600;
		position       : absolute;
		top            : 0;
		left           : 0;
		width          : 100%;
		height         : 100%;
		display        : flex;
		align-items    : center;
		justify-content: center;
	}


.navigation {
	/*display    : none;*/
	width        : 100%;
	float        : left;
	margin-top   : 100px;
	margin-bottom: 40px;
}

	.navigation .nav-links {
		width          : 100%;
		float          : left;
		display        : flex;
		align-items    : center;
		justify-content: space-between;
	}

		.navigation .nav-links * {
			font-size      : .9rem !important;
			text-decoration: none;
			width          : 100%;
		}

		.navigation .nav-links a:hover {
			color: var(--color-web-1);
		}

		.navigation .nav-links .nav-next,
		.navigation .nav-links .nav-next *,
		.nav-next {
			text-align: right;
		}

		.nav-previous {
			display              : grid;
			grid-template-columns: 30px 1fr;
			grid-column-gap      : 10px;
			align-items          : center;
		}
		.nav-previous:before {
			content            : '';
			width              : 30px;
			height             : 30px;
			display            : block;
			background-size    : 14px;
			background-position: center;
			background-repeat  : no-repeat;
			background-image   : var(--ico-prev);
			background-color   : var(--color-web-1);
			border-radius      : 50%;
			overflow           : hidden;
		}

		.nav-next{
			display              : grid;
			grid-template-columns: 1fr 30px;
			grid-column-gap      : 10px;
			align-items          : center;
		}
		.nav-next:after {
			content            : '';
			width              : 30px;
			height             : 30px;
			display            : block;
			background-size    : 14px;
			background-position: center;
			background-repeat  : no-repeat;
			background-image   : var(--ico-next);
			background-color   : var(--color-web-1);
			border-radius      : 50%;
			overflow           : hidden;
		}

		.nav-title {
			display: none;
		}
	





/* -------------------------------------------

#LAYOUT'S 

------------------------------------------- */


/* #PAGE */
.cont--page {
	width     : 100%;
	float     : left;
	min-height: 100vh;
}



/* #HEADER's */
.cont--header {
	width           : 100%;
	float           : left;
	position        : fixed;
	top             : 0;
	left            : 0;
	height          : var(--h-header);
	padding         : 0;
	background-color: transparent;
	display         : flex;
	align-items     : center;
	flex-direction  : column;
	z-index         : 900;
	transition      : all .2s ease
}

.scroll--down .cont--header {
	height          : var(--h-header-scroll);
	background-color: rgba(45, 45, 45, .8);
}
.visible--menu .cont--header,
.visible--menu.scroll--down .cont--header,
.visible--buscador .cont--header,
.visible--buscador.scroll--down .cont--header {
	background-color: rgba(45, 45, 45, .9);
}



	/* container */
	.cont--header [class*=container--] {
		margin: 0 auto;
		height: 100%;
	}

		/* grid */
		.cont--header > [class*=container--] > .d--grid {
			grid-template-columns: var(--col-header-left) var(--col-header-right);
			align-items          : center;
			height               : 100%;
		}
		.scroll--down .cont--header > [class*=container--] > .d--grid {
			grid-template-columns: var(--col-header-left-scroll) var(--col-header-right);
		}

			/* col left */
			.cont--header .col--left {
				display        : flex;
				align-items    : center;
				justify-content: start;
				height         : 100%;
			}

			/* col left */
			.cont--header .col--right {
				display        : flex;
				flex-direction : column;
				align-items    : center;
				justify-content: flex-end;
				height         : 100%;
				grid-column-gap: 15px;
			}

				.cont--header .col--right > div {
					width      : 100%;
					height     : 50%;
					float      : left;
					align-items: center;
				}

				.cont--header .col--right > div nav,
				.cont--header .col--right > div div,
				.cont--header .col--right > div label {
					height: 100%;
				}

				/* #top */
				.cont--header .col--right .header--top {
					display              : grid;
					align-items          : center;
					justify-content      : end;
					grid-template-columns: 1fr;
				}

				.scroll--down .cont--header .col--right .header--top {
					transform: translateY(-100%);
					height   : 0;
					opacity  : 0;
				}

				/* #bottom */
				.cont--header .col--right .header--bottom {
					display              : grid;
					grid-template-columns: 1fr 30px;
				}
				.scroll--down .cont--header .col--right .header--bottom {
					height: 100%;
				}


				/* Woocommerce */
				.cont--header.woo--active .col--right .header--bottom {
					display              : grid;
					grid-template-columns: 1fr 30px 30px;
				}

					.cont--header.woo--active .col--right .header--bottom div:nth-of-type(2),
					.cont--header.woo--active .col--right .header--bottom div:nth-of-type(3) {
						text-align: right;
					}

				/* Login */
				.cont--header.login .col--right .header--bottom {
					grid-template-columns: 1fr 30px 30px;
				}

				/* Login y Woocommerce */
				.cont--header.login.woo--active .col--right .header--bottom {
					display              : grid;
					grid-template-columns: 1fr 30px 30px 30px;
				}

				/* Translate (	Q Translate) */





/* #MAIN */
.cont--main {
	width         : 100%;
	float         : left;
	padding-top   : 0;
	padding-bottom: 0;
	z-index       : 500;
}
.home .cont--main {
	padding-bottom: 0;
}


	/* #content (single - page) */
	.content,
	.content--template {
		width           : 100%;
		float           : left;
		padding-bottom  : 0;
		background-color: var(--fff);
	}

	.content--template[data-template] > [class*=container--] .d--flex {
		column-gap: calc(var(--gap) * 3);
	}

	/* full */
	.content--template [class*=container--] .col--full {
		width: 100%;
		float: left;
	}

	/* SIDEBAR TRUE */

	/* left */
	body.sidebar .content--template [class*=container--] .col--left {
		width: var(--w-sidebar);
	}

	/* right */
	body.sidebar .content--template [class*=container--] .col--right {
		width        : calc(100% - var(--w-sidebar));
	}

	/* SIDEBAR FALSE */

	/* left */
	body.no-sidebar .content--template [class*=container--] .col--left {
		display: none;
	}
	/* right */
	body.no-sidebar .content--template [class*=container--] .col--right {
		width        : 100%;
		float        : left;
	}

	/* SIDEBAR POSICION */
	body.sidebar .content--template[data-sidebar-posicion="right"] [class*=container--] .d--flex {
		/*flex-wrap      : wrap;*/
		flex-direction : inherit;
		justify-content: space-between;
	}

	body.sidebar .content--template[data-sidebar-posicion="left"] [class*=container--] .d--flex {
		/*flex-wrap      : wrap;*/
		flex-direction : row-reverse;
		justify-content: space-between;
	}


	/* #sidebar */
	.cont--sidebar {
		background-color: var(--fff);
		padding         : 0;
	}

		.cont--sidebar .cont--widget > div,
		.cont--sidebar .cont--widget > div > div {
			width: 100%;
			float: left;
		}	



	/* ARCHIVE - CATEGORY - SEARCH */
	.archive .content--template article,
	.search .content--template article,
	.category .content--template article{
		padding-bottom: 30px;
		margin-bottom : 30px;
	}

		.search .content--template article a {
			text-decoration: none;
		}


	/* POST - BLOG  (content-post)*/
	 article[data-article="content-post"],
	 article[data-article="content-search"] {
		margin-bottom: calc(var(--gap) * 2);
	}

		/* header */
		 article[data-article="content-post"] header,
		 article[data-article="content-post"] .cont--tit,
		 article[data-article="content-search"] header,
		 article[data-article="content-search"] .cont--tit,
		 .vc_custom_heading,
		 .vc_custom_heading h4 {
			width: 100%;
			float: left;
		}

		 article[data-article="content-post"] .cont--tit,
		 article[data-article="content-post"] .cont--tit a,
		 article[data-article="content-search"] .cont--tit,
		 article[data-article="content-search"] .cont--tit a,
		 .vc_custom_heading h4 {
			color          : var(--color-texto);
			text-decoration: none;
			font-weight    : 500;
		}

		.vc_custom_heading.vc_gitem-post-data-source-post_title h4 {
			font-size: var(--size-6);
		}


		article[data-article="content-post"] header,
		article[data-article="content-search"] header {
			padding-bottom: calc(var(--gap) / 2);
		}

		/* thumb */
		article[data-article="content-post"] .post-thumbnail,
		article[data-article="content-search"] .post-thumbnail {
			margin-bottom: calc(var(--gap) / 2);
		}

		/* extract */
		article[data-article="content-post"] .cont--extracto,
		article[data-article="content-search"] .cont--extracto,
		.vc_custom_heading.vc_gitem-post-data-source-post_excerpt {
			padding-bottom: calc(var(--gap) / 2);
		}
		.vc_custom_heading.vc_gitem-post-data-source-post_excerpt {
			padding-bottom: 0 !important;
		}
		article.hover[data-article="content-post"].post-thumbnail[href]:hover:before,
		article.hover[data-article="content-search"].post-thumbnail[href]:hover:before {
			opacity: 1;
			z-index: 900;
		}

		 article[data-article="content-post"] .cont--extracto *,
		 article[data-article="content-post"] .cont--extracto p,
		 article[data-article="content-search"] .cont--extracto *,
		 article[data-article="content-search"] .cont--extracto p,
		 .vc_custom_heading.vc_gitem-post-data-source-post_excerpt p {
			font-size  : .85rem;
			line-height: 1.55;
			font-weight: 400;
		}

		 article[data-article="content-post"] footer,
		 article[data-article="content-search"] footer {
			width          : 100%;
			float          : left;

			display        : flex;
			align-items    : center;
			justify-content: space-between;
		}

			 article[data-article="content-post"] footer .btn,
			 article[data-article="content-search"] footer .btn {
				min-width: 110px;
			}

			 article[data-article="content-post"] footer .cont--meta,
			 article[data-article="content-post"] footer .cont--meta *,
			 article[data-article="content-post"] footer .cont--meta p,
			 article[data-article="content-search"] footer .cont--meta,
			 article[data-article="content-search"] footer .cont--meta *,
			 article[data-article="content-search"] footer .cont--meta p {
				font-size      : .85rem;
				text-align     : right;
				text-decoration: none;
			}


		/* hover */
		 article.hover[data-article="content-post"] .post-thumbnail:before,
		 article.hover[data-article="content-search"] .post-thumbnail:before {
			opacity: 1;
			z-index: 900;
		}
		 article.hover[data-article="content-post"] .cont--tit,
		 article.hover[data-article="content-post"] .cont--tit a,
		 article.hover[data-article="content-post"] .cont--extracto p,
		 article.hover[data-article="content-post"] .cont--meta,
		 article.hover[data-article="content-post"] .cont--meta *,
		 article.hover[data-article="content-search"] .cont--tit,
		 article.hover[data-article="content-search"] .cont--tit a,
		 article.hover[data-article="content-search"] .cont--extracto p,
		 article.hover[data-article="content-search"] .cont--meta,
		 article.hover[data-article="content-search"] .cont--meta * {
			color: var(--color-web-1) !important;
		}

		 article.hover[data-article="content-post"] .btn,
		 article.hover[data-article="content-search"] .btn {
			background-color: var(--color-web-1);
			border          : 1px solid var(--color-web-1);
			color           : var(--fff);
		}


	/* SINGLE POST (content) */
	article[data-article="content"] {
		width: 100%;
		float: left;
	}

		/* header */
		article[data-article="content"] > header {
			width        : 100%;
			float        : left;
			margin-bottom: var(--gap);
		}

			article[data-article="content"] > header .cont--tit {
				font-size  : var(--display-3);
				font-weight: 800;
			}
			article[data-article="content"] > header .cont--meta {
				margin-top : 15px;
				font-size  : var(--size);
				font-weight: 300;
			}
				article[data-article="content"] > header .cont--meta * {
					font-size  : var(--size);
					font-weight: 300;
				}

		/* thumb  */
		article[data-article="content"] .post-thumbnail {
			width        : 100%;
			float        : left;
			margin-bottom: var(--gap);
		}
		/* extract */
		article[data-article="content"] .cont--extracto {
			width         : 100%;
			float         : left;
			padding-bottom: 15px;
		}


		/* contenido */
		article[data-article="content"] .bakery div {
			/*width      : 100% !important;
			float      : left;*/
			font-size  : var(--size);
			line-height: var(--line-height);
		}
		article[data-article="content"] .bakery div.wpb-content-wrapper,
		article[data-article="content"] .bakery div.wpb-content-wrapper div {
			line-height: inherit;
		}

		article[data-article="content"] .bakery iframe {
			width : 100% !important;
			float : left;
			margin: 15px 0 !important;
		}

		


	/* 404 */
	.cont--main.error--404 h3 {
		width     : 100%;
		float     : left;
		font-size : var(--size-1);
		text-align: center;
		padding   : 100px 0;
	}





/* #FOOTER */
.cont--footer {
	width              : 100%;
	float              : left;
	bottom             : 0;
	left               : 0;
	border-radius      : 0;
	left               : 0;
	z-index            : 499;
	background-color   : var(--bg-footer);
	background-repeat  : no-repeat;
	background-size    : cover;
	background-position: center;
}

	.cont--footer * {
		color: var(--fff);
	}

	/* top */
	.footer--top {
		padding      : 60px 0;
		border-bottom: 1px solid rgba(255, 255, 255, .25);
	}

		.footer--top > [class*=container--] {			
			align-items    : start;
			justify-content: start;
			z-index        : 10;
		}

		.footer--top > [class*=container--] .d--flex {
			column-gap     : var(--gap);
			justify-content: space-between;
		}

		/* widget's */
		.footer--top .widget-title {
			font-size    : var(--size);
			color        : var(--color-web-1);
			font-weight  : 600;
			margin-bottom: calc(var(--gap) * .75);
		}



	/* bottom */
	.footer--bottom {
		display: flex;
		padding: 15px 0;
	}




/* -------------------------------------------

#CUSTOM

------------------------------------------- */



/* efecto scroll */
.scroll-section,
.timeout-section,
.timeout-section-2 {
	opacity   : 0;
	transform : scale(0.95);
	transition: all 0.8s ease; /* Controla la velocidad de la aparición */
}

/* Cuando jQuery inyecta la clase */
.scroll-section.is-active,
.timeout-section.is-active,
.timeout-section-2.is-active {
	opacity  : 1;
	transform: scale(1);
}


/* #destacado */
	
	/* tit */
	.sec--destacado .vc_custom_heading {
		padding-right: 16%;
		font-weight  : 900;
	}

	/* tx */
	.sec--destacado p {
		line-height  : 1.8;
		padding-right: 10%;
		font-weight  : 300;
		font-size    : var(--size-6);
	}


/* #INICIO */

	/* Slide */
	.sec--slide .n2-ss-slider .n2-ss-section-main-content {
		max-width    : var(--container-md) !important;
		margin       : auto !important;
		padding-left : var(--padding-container) !important;
		padding-right: var(--padding-container) !Important;
	}

		.sec--slide h1 {
			font-size  : var(--display-2) !Important;
			font-weight: 900 !important;
			font-family: var(--font) !Important;
			line-height: 1 !important;

			transform  : translateY(30px) !Important;
		}
			.sec--slide h1 span {
				color: var(--color-web-1) !important;
			}



	/* Sitios */
	.sec--webs {
		transform: translateY(-140px);
	}

		.sec--webs .col {
			height: 100%;
		}

		.sec--webs .col .wpb_text_column {
			background-color: #fcfcfc;
			padding         : 20px;
			border          : 2px solid #eee;
			mix-blend-mode  : multiply;
			margin-bottom   : 0 !important;
			transition      : all .3s ease;
			height          : 100%;

		}

		.sec--webs .col .wpb_text_column a,
		.sec--webs .col .wpb_text_column a > div {
			width     : 100%;
			height    : 100%;
			float     : left;
			transition: all .8s ease;
		}

			.sec--webs .col .wpb_text_column figure {
				width          : 100%;
				float          : left;
				margin-bottom  : 15px;
				height         : 80px;
				text-align     : center;

				display        : flex;
				align-items    : center;
				justify-content: center;
			}

			.sec--webs .col .wpb_text_column img {
				mix-blend-mode: multiply;
				margin        : auto;
				width         : auto;
				height        : auto;
				max-height    : 100%;
				transition    : all .6s ease;
			}

			.sec--webs .col--1 .wpb_text_column img {
				max-height: 48px;
			}
			.sec--webs .col--2 .wpb_text_column img {
				max-height: 55px;
			}
			.sec--webs .col--3 .wpb_text_column img {
				max-height: 68px;
			}
			.sec--webs .col--4 .wpb_text_column img {
				max-height: 56px;
			}

		.sec--webs .wpb_text_column:after {
			content         : '';
			width           : 80%;
			height          : 6px;
			background-color: #eee;
			position        : absolute;
			right           : 0;
			bottom          : 0;
			left            : 0 ;
			margin          : auto;
			z-index         : 100;
			border-radius   : 2px;
			opacity: 0;

			transform       : translateY(4px) translateX(-30px);
			transition      : all .25s ease;
		}

		.sec--webs .wpb_text_column p {
			font-size    : .85rem;
			line-height  : 1.45;
			text-align   : center;
			margin-bottom: 0;
			transition   : all .3s ease;
			min-height   : 80px;
			color        : #666;
		}a

		.sec--webs .col a:hover .wpb_text_column p {
			color: var(--color-web-1);
		}
		.sec--webs .col a:hover .wpb_text_column img {
			transform: scale(1.09);
		}

		.sec--webs .wpb_raw_code {
			width     : 100%;
			float     : left;
			text-align: center;
			margin    : 0;
		}

		/* hover */
		.sec--webs .row--webs:hover .col a {
			filter: grayscale(75%);
		}
		.sec--webs .row--webs .col a:hover {
			filter: grayscale(0);
		}
		.sec--webs .row--webs .col a:hover .wpb_text_column {
			border          : 2px solid var(--color-web-1) !important;
			background-color: #fff;
		}
		.sec--webs .row--webs .col a:hover .wpb_text_column:after {
			background-color: var(--color-web-1);
			transform       : translateY(4px) translateX(0);
			opacity         : 1;
		}



	/* Intro */
	.page-id-38396 .sec--intro {
		transform: translateY(-120px);
	}

	
	.sec--intro .wpb_wrapper {
		text-align: center
	}
	.sec--intro .wpb_text_column {
		max-width: 640px;
		margin   : auto;
		float    : none
	}

	.sec--intro .wpb_text_column p {
		font-size: 1.05rem !important;
	}



	/* Blog */
	.page-id-38396 .sec--noticias {
		transform: translateY(-40px);
	}
	.sec--noticias .blog .d--grid {
		grid-column-gap: calc(var(--gap) * 1.5);
	}

	/* Video */
	.sec--video-home .cont--video {
		border: 2px solid var(--color-web-1);
	}
	.sec--video-home .vc_custom_heading {
		font-weight: 400;
	}


	/* 25 años vuideo */
	.sec--video {
		margin-bottom: 0;
	}

		.sec--video .video {
			padding-top: 35%;
		}

		.sec--video .cont--video-px .video:before {
			content         : '';
			width           : 100%;
			height          : 100%;
			position        : absolute;
			top             : 0;
			left            : 0;
			z-index         : 1;
			background-color: rgba(var(--color-web-1-rgb)/.25)

		}


	/* Contador */
	.sec--contador .vc_custom_heading {
		font-weight: 400;
	}

		.sec--contador .wpsm_counter_b_row {
			transform: translateY(20px);
		}

		/* ico */
		.sec--contador .wpsm_count-icon {
			display: none !important;
		}


		/* font */
		.sec--contador * {
			font-family: var(--font) !important;
			color      : var(--fff) !important
		}

		.sec--contador .counter {
			font-size  : 5rem !important;
			font-weight: bold !important;
		}

		.sec--contador .wpsm_counterbox {
			margin: 0 auto !important;
		}



/* #QUIENES SOMOS */
	

	/* Quienes */
	.sec--quienes * {
		color: var(--fff);
	}

	/* Reportes */
	.pg--reportes .cont--video-px article {
		display: none
	}

	.box--reporte .wpb_text_column {
		margin-bottom: 15px !important;
	}



/* #EQUIPO */

	/* img */
	.sec--equipo .col--equipo img {
		border-radius: 50%;
	}

	/* tit */
	.sec--equipo .col--equipo h3 {
		color      : var(--fff);
		font-size  : var(--size-6);
		text-align : center;
		font-weight: 400;
	}

	/* cargo */
	.sec--equipo .col--equipo p {
		color      : var(--fff);
		font-size  : var(--size);
		text-align : center;
		font-weight: 300;
	}



/* #QUE HACEMOS */

	/* Lineas */
	.sec--lineas .vc_custom_heading {
		font-weight: 400;
		color      : var(--fff);
	}

		/* box */
		.sec--lineas .cont--box h5 {
			margin-bottom: 10px;
			font-weight  : 900;
			color        : var(--fff);
		}

		.sec--lineas .cont--box p {
			color        : var(--fff);
			padding-right: 30px;
		}


		/* Proyectos */
		.proyectos-template-default .post-thumbnail {
			padding-top: inherit !Important;
			height: auto !Important;
		}

			.proyectos-template-default .post-thumbnail img {
				width   : 100%;
				height  : auto !important;
				position: relative !important;
			}

			.sec--proyectos .vc_gitem-zone {
				background-color: transparent !important;
			}

			.sec--proyectos .vc_gitem-zone.vc_gitem-zone-a {
				margin-bottom  : 30px;
				height         : 0 !important;
				padding-top    : var(--ratio-55) !important;
				background-size: cover;
			}

			.sec--proyectos .vc_gitem-zone.vc_gitem-zone-c .vc_col-sm-12 {
				padding-right: 0 !important;
				padding-left : 0 !important;
			}

			/* extracto */
			.sec--proyectos .vc_custom_heading.vc_gitem-post-data-source-post_excerpt {
				display: none;
			}

			/* btn */
			.sec--proyectos .vc_general {
				width           : auto !important;
				height          : var(--h-btn) !important;
				background-color: var(--fff) !important;
				color           : var(--color-texto) !important;
				font-weight     : normal !important;
				font-size       : var(--size) !important;
				border          : 1px solid var(--color-texto) !important;
				text-align      : center !important;
				border-radius   : 0 !important;
				transition      : var(--transition);
				display         : inline-flex !important;
				align-items     : center !important;
				justify-content : center !important;
				padding         : 5px 15px !important;
				text-decoration : none !important;
				background-image: none !important;
				cursor          : pointer !important;
			}

			.sec--proyectos .vc_general:hover {
				background-color: var(--color-web-1) !important;
				color           : var(--fff) !important;
				border          : 1px solid var(--color-web-1) !important;
			}





article[data-article="content"] .bakery .cont--video {
	width: 100%;
	float: left;
	height: 0;
	padding-top: 56.25%;
	margin: 20px 0
}

article[data-article="content"] .bakery .cont--video iframe {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	top: 0;
	left: 0;
}




/* VIDEO S*/
.cont--video {
	width      : 100%;
	float      : left;
	height     : 0;
	padding-top: 56.25%;
	border     : 2px solid var(--color-web-1);
}

	.cont--video iframe,
	.cont-.video object,
	.cont--video video {
		width     : 100% !Important;
		height    : 100% !important;
		object-fit: cover;
		position  : absolute;
		top       : 0;
		left      : 0;
	}

	#fix--play {
		position : absolute;
		top      : 65%;
		left     : 50%;
		transform: translate(-50%, -50%); /* Centrado perfecto */
		z-index  : 10;
	    
	    /* Estilos del botón */
		background   : var(--color-web-1);
		color        : #fff;
		border       : 1px solid #fff;
		padding      : 15px 30px;
		font-size    : 16px;
		font-weight  : 300;
		cursor       : pointer;
		border-radius: 50px;
		transition   : all 0.3s ease;
		display      : flex;
		align-items  : center;
		gap          : 10px;
	}

	#fix--play:hover {
		background: #fff;
		color     : var(--color-web-1);
		transform : translate(-50%, -50%) scale(1.1);
	}

	#fix--play .icon {
	    font-size: 24px;
	}

	/* Ocultar el botón cuando el video ya esté reproduciéndose con audio */
	.video-playing #fix--play {
	    display: none;
	}



/* PROYECTOS */

.cont--main.proyecto .mobile {
	display: none;
}

	.cont--main.proyecto .estado {
		width: 100%;
		float: left;
	}

	/* Objetivos */
	.cont--main.proyecto .objetivo {
		width           : 100%;
		float           : left;
		font-weight     : 300;
		font-size       : 1.15rem;
		margin-top      : 40px;
		padding         : 20px 20px 0 20px;
		background-color: #f5f5f5;
	}

	/* Duracion */
	.cont--main.proyecto .intro {
		display         : flex;
		align-items     : flex-start;
		width           : 100%;
		float           : left;
		margin-bottom   : 30px;
		background-color: #f5f5f5;
		padding         : 20px 20px 20px 20px;
		font-size       : 1rem;
	}

	.cont--main.proyecto .objetivo h6,
	.cont--main.proyecto .intro h6 {
		font-size: 1rem;
	}

	.cont--main.proyecto .objetivo p,
	.cont--main.proyecto .intro p {
		font-size  : 1.15rem;
		font-weight: 300;
	}

		.cont--main.proyecto .intro div {
			padding-right: 60px;
			border-right : 1px solid #BD0909;
			width        : 50%;
		}
		.cont--main.proyecto .intro div:nth-of-type(2) {
			border-right: 0;
			padding-left: 60px;
		}

		/* estado */
		.cont--main.proyecto .estado .Finalizado {
			background-color: #008000;
			padding         : 8px 12px;
			color           : #fff;
			border          : none !important;
			width           : auto;
			float           : left;
			font-size       : 1rem;
		}

	/* Acordeon */
	.cont--main.proyecto .cont--acordeon {
		margin-top: 40px;
	}

	/* Materiales */
	.cont--main.proyecto .material {
		width           : 100%;
		float           : left;
		margin          : 40px 0;
		background-color: #f5f5f5;
		padding         : 30px;
		border-left     : 2px solid #BD0909;
	}


	.material h6 {
		margin-bottom: 20px
	}

	/* Galeria */
	.btn--descarga {
		width          : auto;
		float          : left;
		padding        : 10px 20px;
		background     : var(--fff);
		border         : 1xp solid #ccc;
		color          : #333;
		text-decoration: none;
		display        : flex;
		align-items    : center;
		justify-content: center;
		margin-right   : 15px;
		margin-bottom  : 15px;
	}

	.btn--descarga:before {
		content     : '';
		color       : #333;
		margin-right: 5px;
		background  : #eee;
		font-family : var(--font-material);
		font-size   : 26px;
		display     : inline-flex;
		line-height : 0;
	}

	.btn--descarga.galeria:before {
		content: '\e3f4';
	}
	.btn--descarga.noticias:before {
		content: '\efad';
	}
	.btn--descarga.descarga:before {
		content: '\f090';
	}
	
	.single-post .btn--descarga {
		background-color: #eee;
		border          : qpx solid #ccc;
	}




.sec--investigaciones article[data-article="content-post"],
.category-investigaciones article[data-article="content-post"] {
	background: #fff;
	padding: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between	
}

.category-investigaciones article[data-article="content-post"] {
	background-color: #f9f9f9
}


.category-investigaciones article[data-article="content-post"] .cont--extracto,
.sec--investigaciones article[data-article="content-post"] .cont--extracto {
	max-height: 100px;
	overflow: hidden;
	padding-bottom: 0 !important;
	margin-bottom: 35px
}

.sec--investigaciones article[data-article="content-post"] time,
.category-investigaciones .cont--meta {
	display: none
}