/*
Theme Name: Master FX Music
Author: Maximiliano López
Description: Theme  Master FX Music
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.35;

	--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.5;
	--line-height-tit       : 1.15;

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

	/* header */
	--h-header              : 130px;
	--h-header-scroll       : 65px;
	--col-header-right      : 1fr;
	--bg-header             : var(--fff);

	/* logo */
	--w-logo                : 100px;
	--w-logo-scroll         : calc(var(--w-logo) * .55);
	--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             : 280px;
	--bg-cabezal            : var(--color-web-1);
	--color-cabezal         : var(--eee);
	
	/* btn */
	--h-btn                 : 45px;
	
	/* redes */
	--w-redes               : 130px;

	/* gap */
	--gap                   : 30px;

	/* 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 .3s 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(--000);
	font-size       : var(--size);
	color           : var(--color-texto);
	font-family     : var(--font);
}

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

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

/* #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);
	}


/* #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);
}

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;
}

.btn,
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 20px;
	text-decoration : none;
	background-image: none;
	cursor          : pointer;
}
.btn: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);
}

/* 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(--color-texto);
    }

    	.home .btn--menu span {
    		background: var(--fff);
    	}
    	.home.scroll--down .btn--menu span {
    		background   : var(--color-texto);
    	}



        .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(--color-texto);
			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;
        }

        .home .btn--menu span:before,
        .home .btn--menu span:after {
    		background: var(--fff);
    	}
    	.home.scroll--down .btn--menu span:before,
        .home.scroll--down .btn--menu span:after {
    		background: var(--color-texto);
    	}
    	



    /* 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         : flex;
	align-items     : center;
	justify-content : center;
	position        : relative;
	margin          : 0;
	width           : 35px;
	height          : 35px !Important;
	background-color: transparent;
	border-radius   : 20px;
	cursor          : pointer;
	transform       : translateX(0);
	font-size       : 0;
	display         : flex;
	align-items     : center;
	justify-content : center;
	padding         : 0;
}

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

	.btn--buscador span {
		/*color: var(--color-texto); */
	}

    .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(--fff);
    }
    body.visible--buscador .btn--buscador span {
		color: var(--fff);
	}



/* login */
.btn--logout {
	text-align     : center;
	margin-left    : 0;
	display        : flex;
	align-items    : center;
	justify-content: center;

	width          : 35px;
	height         : 35px;
	text-decoration: none;

	display        : none;
}

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

/* wpp */
.btn--wpp{
	position        : fixed;
	top             : auto;
	bottom          : 45%;
	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, 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 {
		width    : 100%;
		margin   : 10px 0;
		transform: translateY(0);
	}

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

		.logo--header a {
			width      : 100%;
			float      : left;
			line-height: 0;
		}


		/* Principal */
		.logo--header .custom-logo-link {
			display: flex;
		}
		/* Secundario */
		.logo--header .custom-logo-link-2 {
			display: none;
		}

		/* Fix Home */
		.home .logo--header .custom-logo-link {
			display: none;
		}

		.home .logo--header .custom-logo-link-2 {
			display: flex;
		}

		/* scroll down */
		.home.scroll--down .custom-logo-link {
			display: flex;
		}
		.home.scroll--down .custom-logo-link-2 {
			display: none;
		}


	/* 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(--color-texto);
				line-height    : 1.25;
				text-transform : inherit;
			}

			.home .cont--header .cont--menu > div > ul li > a { 
				color: var(--fff);
			}

			/* scroll down */
			.home.scroll--down .cont--header .cont--menu > div > ul li > a { 
				color: var(--color-texto);
			}

			/*
			.cont--header .cont--menu ul li > a:before { 
				content         : '';
				width           : 0;
				height          : 2px;
				background-color: var(--000);
				position        : absolute;
				left            : 0;
				bottom          : 0;
				opacity         : 0;
				transition      : var(--transition);
				transform       : translateY(1px);
			}
			*/
			.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;
			}

			.cont--menu ul li.menu-item-has-children > a:after {
				content        : "\f0dd";
				font-family    : "Font Awesome 6 Free";
				margin-left    : 5px;
				color          : var(--fff);
				font-weight    : 600;
				font-size      : .7rem; 
				text-decoration: none !important;
			}

			.cont--menu ul li a:hover {
				text-decoration: underline;
			}
			.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 ul li > a:hover {
				text-decoration: underline !important
			}


		/* sub menú */
		.cont--menu .sub-menu {
			padding         : 15px;
			position        : absolute;
			top             : 100%;
			left            : 0;
			width           : 100%;
			min-width       : 150px;
			background-color: var(--fff);

			visibility      : hidden;
			opacity         : 0;
			transform       : translateY(-200px);
			transition      : var(--transition);
		}


			.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;
			}
			.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:hover a + .sub-menu {
			visibility: visible;
			opacity   : 1;
			transform : translateY(0);
		}



	/* 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;
		}
		.cont--menu.mobile ul .sub-menu {
			width     : 100%;
			float     : left;
			display   : none;
			margin-top: 0 !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: block !important;
			}

				.cont--menu.mobile ul li.menu-item-has-children > a {
					width                : 100%;
					display              : grid;
					grid-template-columns: 1fr 30px;
					align-items          : center;
					justify-content      : space-between;
					color                : var(--fff);

					pointer-events       : none !important;
				}

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

				.cont--menu.mobile ul li a:hover {
					font-weight  : 500;
					border-bottom: 1px solid rgba(var(--fff-rgb) / .95);
				}


		.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;
		}	

		.home.visible--menu .cont--header {
			background-color: rgba(45, 45, 45, .9);
		}





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

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

			font-weight : 300;
			font-size   : var(--size);
		}


		/* 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      : 10px;
				right    : 10px;
				font-size: .8rem;
				color    : var(--ccc);
			}

			.cont--sidebar .widget ul li.cat-item > a {
				font-weight  : 300;
				padding-left : 25px;
				padding-right: 30px;
				font-size    : calc(var(--size) * .88);
				line-height  : 1.125;
			}
			.cont--sidebar .widget ul li.cat-item > a:before {
				content         : '';
				width           : 3px;
				height          : 3px;
				background-color: var(--666);
				display         : block;
				position        : absolute;
				top             : 0;
				bottom          : 0;
				left            : 0;
				margin          : auto;
			}

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

			.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;
				}

				.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(--666);
				}

				.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;
					text-align: ;
				}

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

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

			/* 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             : 0;
	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: 0;
}

/* visible */
.visible--buscador .cont--buscador {
	height    : 100vh;
	opacity   : 1;
	visibility: visible;
	z-index   : 999999;
}

.visible--buscador .cont--main {
	opacity: .3;
}
	
	/* btn */
	.cont--buscador .btn--close {
		position        : absolute;
		top             : 0;
		right           : 0;
		width           : 40px !Important;
		height          : 40px !important;
		display         : flex !important;
		align-items     : center !important;
		justify-content : center !Important;
		color           : var(--fff) !important;
		z-index         : 901;
		padding         : 0 !important;
		background-color: transparent !Important;
	}


/* #tit */
.cont--tit {
	font-weight  : 400 !important;
	margin-bottom: 0 !important;
}



/* #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;
	background-color : #333;
}

	.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-family: var(--font-titulos);
			font-size  : var(--display-4);
			text-align : center;
			font-weight: 300;
			line-height: 1.15;
		}

		.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;
	color           : var(--eee);
	opacity         : .7;
}
.search .cont--breadcrumbs {
	margin-bottom: 15px;
}

	.cont--breadcrumbs a:nth-of-type(1) {
		font-size: 0;
	}

		.cont--breadcrumbs a:nth-of-type(1):before {
			content        : '\e88a';
			font-family    : var(--font-material);
			font-size      : 26px;
			width          : 25px;
			font-weight    : 100;
			height         : 25px;
			float          : left;
			color          : var(--eee);
			display        : flex;
			align-items    : center;
			justify-content: center;

			transform      : translateY(-1px);
		}

	.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(--eee);
		font-size      : .85rem;
		text-decoration: none;
	}
	.cont--breadcrumbs a:hover {
		text-decoration: underline;
		color          : var(--ccc);
	}


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

	.cont--widget .widget {
		width           : 100%;
		float           : left;
		padding         : 15px;
		background-color: var(--000);
		margin-bottom   : 15px;
	}

	.cont--widget .widget-title {
		width        : 100%;
		padding      : 0;
		font-size    : var(--size-6);
		color        : var(--fff);
		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      : flex;
		margin-bottom: 0;
	}

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

		.cont--address p a {
			margin-right: 5px;
		}

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

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

		.cont--address span {
			margin-right: 5px;
		}




/* #redes */
.cont--redes {
	width: 100%;
	float: left;
}
	
	/* Gral */
	.cont--redes a {
		text-decoration: none !important;
		margin         : 0 0 10px 0;
		display        : flex;
		align-items    : center;
		justify-content: flex-start;
	}
	.cont--redes a:nth-of-type(1) {
		margin-left: 0;
	}

	.cont--redes p {
		font-size    : 1.25rem;
		margin-bottom: 0;
	}

	/* ico */
	.cont--redes i,
	.cont--redes .dashicons,
	.cont--redes .material-symbols-outlined {
		font-size   : 36px;
		margin-right: 16px;
		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 {
	width      : 100%;
	height     : 0;
	padding-top: 55%;
}

	.sec--mapa iframe {
		width     : 100% !Important;
		height    : 100% !Important;
		object-fit: cover;
		position  : absolute;
		top       : 0;
		left      : 0;
	}





/* #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-bottom  : 1px solid var(--ccc);
		padding        : 15px 0;
		display        : flex;
		align-items    : center;
		justify-content: space-between;
		font-size      : var(--size-6);
		cursor         : pointer;
		transition     : var(--transition);
	}
	.cont--acordeon button:after {
		content    : '+';
		font-size  : var(--size-5);
		transition : var(--transition);
	}
	.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(--eee) !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(--eee) !important;
		background-color: #000 !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(--eee) !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(--000) !important;
			color           : var(--eee) !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;
        }


    /* nav grl. */
    .swiper-button-next, .swiper-button-prev {
    	transform: scale(.8) !important;
    }





/* 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      : 54.66666666666667%;
			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;
		padding-top: var(--espacio-30);
		margin-top : var(--espacio-40);
		text-align : center;
	}

		.related h2 {
			font-size  : var(--size-3);
			font-weight: 400;
			text-align : center;
		}

		.related .products.columns-3 {
			display              : grid;
			grid-template-columns: repeat(4, 1fr);
		}
		.related .products.columns-4 {
			display              : grid;
			grid-template-columns: repeat(3, 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
}

	.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: black;
}
.visible--menu .cont--header,
.visible--menu.scroll--down .cont--header {
	background-color: black;
}

	.cont--header {
		color: var(--color-texto);
	}

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

	.home.scroll--down .cont--header * {
		color: var(--color-texto);
	}



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

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

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

			/* col left */
			.cont--header .col--right {
				width          : 100%;
				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 {
					height : 0;
					display: none;
				}
				.cont--header.qt--active .col--right .header--top {
					display              : grid;
					align-items          : center;
					justify-content      : end;
					grid-template-columns: 1fr;
				}

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

				/* #bottom */
				.cont--header .col--right .header--bottom {
					display              : grid;
					grid-template-columns: 1fr 35px;
					height               : 100%;
				}
				.cont--header.qt--active .col--right .header--bottom {
					height               : 50%;
				}
				.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 35px;
				}

					.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 35px;
				}

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

				/* Translate (	Q Translate) */


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



/* #MAIN */
.cont--main {
	width         : 100%;
	float         : left;
	padding-top   : 0;
	padding-bottom: 40px;
	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(--000);
	}

	.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;
	}

	/* 

	Fix Woocommerce en style-woocommerce.css

	*/




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

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


	/* #sidebar */
	.cont--sidebar {
		width           : 100%;
		float           : left;
		background-color: var(--000);
		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 {
			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 {
			color          : var(--color-texto);
			text-decoration: none;
			font-weight    : 500;
		}

		 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);
			border: 1px solid var(--ddd);
		}

		/* extract */
		 article[data-article="content-post"] .cont--extracto,
		 article[data-article="content-search"] .cont--extracto {
			padding-bottom: calc(var(--gap) / 2);
		}
		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 {
			font-size  : .95rem;
			line-height: 1.5;
			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 : 5px;
				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   : calc(var(--gap) * 4) 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: calc(var(--gap) * 3) 0;
	}

		.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;
		}

		/* col */
		.footer--top > [class*=container--] .d--flex .col:nth-of-type(1),
		.footer--top > [class*=container--] .d--flex .col:nth-of-type(2) {
			max-width: 300px;
		}
		.footer--top > [class*=container--] .d--flex .col:nth-of-type(3) {
			width: 55%;
		}

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

		.footer--top ul {
			padding-left: 0;
		}

		.footer--top #menu-categorias {
			column-count: 2;
			column-gap: 30px;
		}



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




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

#CUSTOM

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



/* #INICIO */


/* Intro */
.sec--slide .vc_column-inner {
	padding: 0 !important;
}

	.sec--slide .container {
		max-width: var(--container-md);
	}

/* Cates */
.sec--cates .hex-item,
.sec--cates .hex-title {
	color         : var(--fff);
	text-transform: inherit;
}
	.sec--cates .hex-img-wrapper {
		border: 1px solid var(--666);
	}

	.sec--cates .hex-title {
		font-size: 1.2rem;
	}


/* #QUIENES SOMOS */

	/* tx */
	.sec--quienes h4.vc_custom_heading,
	.sec--quienes .vc_do_custom_heading {
		font-weight: 300 !important;
	}