@charset "UTF-8";
/*
Theme Name: Introworks
Author: Introworks
Author URI: https://www.introworks.es
Description: Introworks
Version: 1.0.0
License URI: LICENSE
*/



/* GENERAL */
* {background-repeat:no-repeat; background-size: cover; background-position: center center;}
body {font-family: var(--main-font, sans-serif); overflow-x: hidden; font-size: var(--body-font-size); margin:0; color:#474747; font-weight: 400;}
ul {list-style: none; padding: 0;}
li {line-height: 1.3em; margin-bottom: 1em;}
hr {clear: both;  display: block; margin: 3em 0;}
img, picture {height: auto; max-width: 100%; position: relative; vertical-align: middle;}
figure, iframe {max-width: 100%;}
main {position: relative; z-index: 3; /*overflow-x: hidden;*/}
label {display: inline-block;}
.wrapper {margin: auto; max-width:1400px; width: 100%;}
.row, .content-area {display: flow-root;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .row, .content-area {overflow:hidden;}
}
.overflow {overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}
.sticky {position:sticky; top: var(--header-height, 0px); }
.left {float:left}
.right {float:right !important}
.center {margin-left:auto; margin-right:auto;}
.displaynone {display:none}
.rounded {border-radius: 100%;}
.blur {filter:blur(5px);}
.pointer {cursor:pointer;}


/* TEXTS */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-family: var(--secondary-font, sans-serif); margin: 0 0 0.5em 0; line-height: 1.2em; font-weight: 700;}
h1, .h1 {font-size:  var(--h1-font-size, 65px);}
h2, .h2 {font-size:  var(--h2-font-size, 40px);}
h3, .h3 {font-size:  var(--h3-font-size, 30px);}
h4, .h4 {font-size:  var(--h4-font-size, 24px);}
h5, .h5 {font-size:  var(--h5-font-size, 16px);}
h6, .h6 {font-size:  var(--h6-font-size, 14px);}
p, .p {margin: 0 0 1em 0; line-height: 1.3em; font-size: var(--p-font-size);}
a {color: inherit; text-decoration:none;}
a:hover, a:focus, :focus {text-decoration:none; outline: none;}
.underline, p > a {text-decoration:underline;}
.yt-container, .video-container {position: relative; width: 100%; height: 0; padding-bottom: 56.4%;}
.yt-container iframe, .video-container iframe, .video-container video {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.btn {padding:1em 2em; display:inline-block; cursor:pointer; font-weight:600; text-decoration: none; border: solid currentColor 2px;}
.btn-arrow i {font-size: 1.5em; margin-left: 0.5em; position: relative; top: 0.2em;}
.btn-arrow:hover i {margin-left: 0.7em;}
.btn-icon {padding-right: 3em; position: relative;}
.btn-icon-content {position: absolute; right: 1em; width: 1em; display: flex; align-items: center; top: 0; height: 100%;}

.small {font-size: 0.7em;}
.big {font-size: 1.3em;}

.w-l, .light {font-weight: 100;}
.w-n, .normal {font-weight: 400;}
.w-b, .bold, .strong, b, strong {font-weight:900}
.italic, i {font-style: italic;}
.uppercase {text-transform:uppercase;}
.align-c {text-align:center}
.align-l {text-align:left}
.align-r {text-align:right}

.lt-sp-1 {letter-spacing: 0.1em;}
.lt-sp-2 {letter-spacing: 0.2em;}
.lt-sp-3 {letter-spacing: 0.3em;}
.lt-sp-4 {letter-spacing: 0.4em;}
.lt-sp-5 {letter-spacing: 0.5em;}
.lt-sp-6 {letter-spacing: 0.6em;}
.lt-sp-7 {letter-spacing: 0.7em;}
.lt-sp-8 {letter-spacing: 0.8em;}
.lt-sp-9 {letter-spacing: 0.9em;}
.lt-sp-10 {letter-spacing: 1em;}


/* FLEX */
.flex {display:flex; flex-flow: wrap;}
.flex.center {justify-content: center;}
.flex.space-around {justify-content: space-around;}
.flex.space-between {justify-content: space-between;}
.flex.space-evenly {justify-content: space-evenly;}
.flex.start {justify-content: start;}
.flex.end {justify-content: end;}
.flex.vcenter {align-items: center;}
.flex.stretch {align-items: stretch;}
.flex.vstart {align-items: flex-start;}
.flex.vend {align-items: flex-end;}
.flex.stretch > div > div, .flex.stretch > div > article { height: 100%; }

/* COLUMNS */
[class*="col1-"],[class*="col2-"], [class*="col3-"], [class*="col4-"], [class*="col5-"], [class*="col6-"] {float:left; box-sizing: border-box;}
.col1-1 {width: 100%;}
.col1-2, .col2-4, .col3-6 {width: 50%;}
.col1-3, .col2-6 {width: 33.33%;}
.col2-3, .col4-6 {width: 66.66%;}
.col1-4 {width: 25%;}
.col3-4 {width: 75%;}
.col1-5 {width: 20%;}
.col2-5 {width: 40%;}
.col3-5 {width: 60%;}
.col4-5 {width: 80%;}
.col1-6 {width: 16.66%;}
.col5-6 {width: 83.3%;}
.col1-2:nth-child(2n+1), .col1-3:nth-child(3n+1), .col1-4:nth-child(4n+1), .col1-5:nth-child(5n+1), .col1-6:nth-child(6n+1) {clear: both;}
.auto-width > [class*="col1-"], .auto-width > [class*="col2-"], .auto-width > [class*="col3-"], .auto-width > [class*="col4-"], .auto-width > [class*="col5-"], .auto-width > [class*="col6-"] {width: auto;}


/* PADDINGS */
.pd-0 {padding:0px}
.pd-5 {padding:5px}
.pd-10 {padding:10px}
.pd-20 {padding:20px}
.pd-50 {padding:50px}
.pd-100 {padding:100px}
.pd-150 {padding:150px}
.pd-200 {padding:200px}
.pd-t-0 {padding-top:0px}
.pd-t-5 {padding-top:5px}
.pd-t-10 {padding-top:10px}
.pd-t-20 {padding-top:20px}
.pd-t-50 {padding-top:50px}
.pd-t-100 {padding-top:100px}
.pd-t-150 {padding-top:150px}
.pd-t-200 {padding-top:200px}
.pd-b-0 {padding-bottom:0px}
.pd-b-5 {padding-bottom:5px}
.pd-b-10 {padding-bottom:10px}
.pd-b-20 {padding-bottom:20px}
.pd-b-50 {padding-bottom:50px}
.pd-b-100 {padding-bottom: 100px;}
.pd-b-150 {padding-bottom: 150px;}
.pd-b-200 {padding-bottom: 200px;}
.pd-l-0 {padding-left:0px}
.pd-l-5 {padding-left:5px}
.pd-l-10 {padding-left:10px}
.pd-l-20 {padding-left:20px}
.pd-l-50 {padding-left:50px}
.pd-l-100 {padding-left: 100px;}
.pd-l-150 {padding-left: 150px;}
.pd-l-200 {padding-left: 200px;}
.pd-r-0 {padding-right:0px}
.pd-r-5 {padding-right:5px}
.pd-r-10 {padding-right:10px}
.pd-r-20 {padding-right:20px}
.pd-r-50 {padding-right:50px}
.pd-r-100 {padding-right: 100px;}
.pd-r-150 {padding-right: 150px;}
.pd-r-200 {padding-right: 200px;}

/* MARGINS */
.mg-0 {margin:0px}
.mg-5 {margin:5px}
.mg-10 {margin:10px}
.mg-20 {margin:20px}
.mg-50 {margin:50px}
.mg-100 {margin:100px}
.mg-150 {margin:150px}
.mg-200 {margin:200px}
.mg--5 {margin:-5px}
.mg--10 {margin:-10px}
.mg--20 {margin:-20px}
.mg--50 {margin:-50px}
.mg--100 {margin:-100px}
.mg--150 {margin:-150px}
.mg--200 {margin:-200px}
.mg-t-0 {margin-top:0px}
.mg-t-5 {margin-top:5px}
.mg-t-10 {margin-top:10px}
.mg-t-20 {margin-top:20px}
.mg-t-50 {margin-top:50px}
.mg-t-100 {margin-top:100px}
.mg-t-150 {margin-top:150px}
.mg-t-200 {margin-top:200px}
.mg-t--5 {margin-top:-5px}
.mg-t--10 {margin-top:-10px}
.mg-t--20 {margin-top:-20px}
.mg-t--50 {margin-top:-50px}
.mg-t--100 {margin-top:-100px}
.mg-t--150 {margin-top:-150px}
.mg-t--200 {margin-top:-200px}
.mg-b-0 {margin-bottom:0px}
.mg-b-5 {margin-bottom:5px}
.mg-b-10 {margin-bottom:10px}
.mg-b-20 {margin-bottom:20px}
.mg-b-50 {margin-bottom:50px}
.mg-b-100 {margin-bottom: 100px;}
.mg-b-150 {margin-bottom: 150px;}
.mg-b-200 {margin-bottom: 200px;}
.mg-b--5 {margin-bottom:-5px}
.mg-b--10 {margin-bottom:-10px}
.mg-b--20 {margin-bottom:-20px}
.mg-b--50 {margin-bottom:-50px}
.mg-b--100 {margin-bottom:-100px}
.mg-b--150 {margin-bottom:-150px}
.mg-b--200 {margin-bottom:-200px}
.mg-l-0 {margin-left:0px}
.mg-l-5 {margin-left:5px}
.mg-l-10 {margin-left:10px}
.mg-l-20 {margin-left:20px}
.mg-l-50 {margin-left:50px}
.mg-l-100 {margin-left: 100px;}
.mg-l-150 {margin-left: 150px;}
.mg-l-200 {margin-left: 200px;}
.mg-r-0 {margin-right:0px}
.mg-r-5 {margin-right:5px}
.mg-r-10 {margin-right:10px}
.mg-r-20 {margin-right:20px}
.mg-r-50 {margin-right:50px}
.mg-r-100 {margin-right: 100px;}
.mg-r-150 {margin-right: 150px;}
.mg-r-200 {margin-right: 200px;}

/* BORDERS */
[class*="bd-w"] {border-style: solid; border-color:currentColor;}
.bd-w-0 {border-width: 0;}
.bd-w-1 {border-width: 1px;}
.bd-w-2 {border-width: 2px;}
.bd-w-3 {border-width: 3px;}
.bd-w-4 {border-width: 4px;}
.bd-w-5 {border-width: 5px;}
.bd-w-10 {border-width: 10px;}
[class*="bd-r"] {overflow: hidden;}
.bd-r-0 {border-radius: 0px;}
.bd-r-10 {border-radius: 10px;}
.bd-r-20 {border-radius: 20px;}
.bd-r-50 {border-radius: 50px;}
.bd-r-100 {border-radius: 100px;}
.bd-r-full {border-radius: 100%;}

/* COLOR */
.current {color:currentColor;}
.main-color, .hov-main-color:hover  {color: var(--main-color, red);}
.secondary-color, .hov-secondary-color:hover {color: var(--secondary-color, orange);}
.blanco, .hov-blanco:hover {color: var(--blanco, #ffffff);}
.gris-claro, .hov-gris-claro:hover {color: var(--gris-claro, #f5f5f5);}
.gris-medio, .hov-gris-medio:hover {color: var(--gris-medio, #bdbdbd);}
.gris-oscuro, .hov-gris-oscuro:hover {color: var(--gris-oscuro, #474747);}
.negro, .hov-negro:hover {color: var(--negro, #000000);}
.verde, .hov-verde:hover {color: var(--verde, green);}
.verde-claro, .hov-verde-claro:hover {color: var(--verde-claro, rgb(100, 220, 100));}
.azul, .hov-azul:hover {color: var(--azul, blue);}
.azul-claro, .hov-azul-claro:hover {color: var(--azul-claro, rgb(155, 200, 255));}
.rojo, .hov-rojo:hover {color: var(--rojo, red);}
.rojo-claro, .hov-rojo-claro:hover {color: var(--rojo-claro, rgb(250, 100, 100));}
.rosa, .hov-hov-rosa:hover {color: var(--rosa, rgb(255, 100, 150));}
.rosa-claro, .hov-rosa-claro:hover {color: var(--rosa-claro, pink);}
.amarillo, .hov-amarillo:hover {color: var(--amarillo, yellow);}
.amarillo-claro, .hov-amarillo-claro:hover {color: var(--amarillo-claro, rgb(255, 255, 200));}
.morado, .hov-morado:hover {color: var(--morado, purple);}
.morado-claro, .hov-morado-claro:hover {color: var(--morado-claro, rgb(200, 100, 200));}
.naranja, .hov-naranja:hover {color: var(--morado, orange);}
.naranja-claro, .hov-naranja-claro:hover {color: var(--morado-claro, rgb(255, 200, 100));}

/* BACKGROUND COLOR */
.bg-main-color, .bg-hov-main-color:hover {background-color: var(--main-color, red);}
.bg-secondary-color, .bg-hov-secondary-color:hover {background-color: var(--secondary-color, orange);}
.bg-blanco, .bg-hov-blanco:hover {background-color: var(--blanco, #ffffff);}
.bg-gris-claro, .bg-hov-gris-claro:hover {background-color: var(--gris-claro, #f5f5f5);}
.bg-gris-medio, .bg-hov-gris-medio:hover {background-color: var(--gris-medio, #bdbdbd);}
.bg-gris-oscuro, .bg-hov-gris-oscuro:hover {background-color: var(--gris-oscuro, #474747);}
.bg-negro, .bg-hov-negro:hover {background-color: var(--negro, #000000);}
.bg-verde, .bg-hov-verde:hover {background-color: var(--verde, green);}
.bg-verde-claro, .bg-hov-verde-claro:hover {background-color: var(--verde-claro, rgb(100, 220, 100));}
.bg-azul, .bg-hov-azul:hover {background-color: var(--azul, blue);}
.bg-azul-claro, .bg-hov-azul-claro:hover {background-color: var(--azul-claro, rgb(155, 200, 255));}
.bg-rojo, .bg-hov-rojo:hover {background-color: var(--rojo, red);}
.bg-rojo-claro, .bg-hov-rojo-claro:hover {background-color: var(--rojo-claro, rgb(250, 100, 100));}
.bg-rosa, .bg-hov-rosa:hover {background-color: var(--rosa, rgb(255, 100, 150));}
.bg-rosa-claro, .bg-hov-rosa-claro:hover {background-color: var(--rosa-claro, pink);}
.bg-amarillo, .bg-hov-amarillo:hover {background-color: var(--amarillo, yellow);}
.bg-amarillo-claro, .bg-hov-amarillo-claro:hover {background-color: var(--amarillo-claro, rgb(255, 255, 200));}
.bg-morado, .bg-hov-morado:hover {background-color: var(--morado, purple);}
.bg-morado-claro, .bg-hov-morado-claro:hover {background-color: var(--morado-claro, rgb(200, 100, 200));}
.bg-naranja, .bg-hov-naranja:hover {background-color: var(--morado, orange);}
.bg-naranja-claro, .bg-hov-naranja-claro:hover {background-color: var(--morado-claro, rgb(255, 200, 100));}
.bg-trans-blanco {background-color:rgba(255,255,255,0.9);}
.bg-transparente {background-color:transparent;}
.bg-parallax {background-repeat: no-repeat; background-position-x: center;}
.bg-size {background-position-x:center; background-size:auto;}

.bg-overlay {position: relative;}
/*.bg-overlay > div {z-index: 2; position: relative;}*/
.bg-overlay:before {content:""; z-index: 1; position: absolute; top:0; bottom:0; left:0; right:0; opacity:0.6;}
.bg-overlay.bg-overlay-negro:before {background-color: #000000;}
.bg-overlay.bg-overlay-blanco:before {background-color: #ffffff;}
.animation, .btn, [class*="hov-"] {
	-webkit-transition: all ease-in-out 500ms;
	-moz-transition: all ease-in-out 500ms;
	-o-transition: all ease-in-out 500ms;
	transition: all ease-in-out 500ms;
}
.shadow {
	-webkit-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.15);
}
.shadow-inset {
	-webkit-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.15) inset;
	-moz-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.15) inset;
	box-shadow: 1px 1px 15px -1px rgba(63, 48, 48, 0.15) inset;
}
.shadow.shadow-inset {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15) inset, 0px 0px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15) inset, 0px 0px 10px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15) inset, 0px 0px 10px 0px rgba(0,0,0,0.15);
}

/* ANIMATIONS */
.boing-t img {top: 100}
.boing-r img {right: 100}
.boing-l img {left: 100}
.fadein img, .header-icon {opacity: 0}
.fadein img, [class*="boing-"] img, .header-icon {
	-webkit-transition: all ease-in-out 500ms;
	-moz-transition: all ease-in-out 500ms;
	-o-transition: all ease-in-out 500ms;
	transition: all ease-in-out 500ms;
}
.zoom .bg-img {
	animation: zoom 10s alternate infinite;
}
@keyframes zoom {
	0% { transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); }
	100% { transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); }
}
.sticky-opacity {position:sticky; top: var(--header-height, 0px); opacity:0;
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-o-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
}
.sticky-opacity.active {opacity:1;}

/* HEADER */
.site-branding-container {position: fixed; z-index: 999; width: 100%; top: 0; }
.admin-bar .site-branding-container {top:32px}
.site-branding {position:relative; z-index: 998; align-items: center; display: flex; height: var(--header-height, auto);
	-webkit-transition: all cubic-bezier(0.8, 0, 0.2, 1) 500ms;
    -moz-transition: all cubic-bezier(0.8, 0, 0.2, 1) 500ms;
    -o-transition: all cubic-bezier(0.8, 0, 0.2, 1) 500ms;
    transition: all cubic-bezier(0.8, 0, 0.2, 1) 500ms;
}
.glue .site-branding {height:45px !important; background-color:rgba(255,255,255,0.8);}
.glue.blanco .site-branding {background-color:rgba(0,0,0,0.8);}
.site-branding > *, .site-branding > * > * { height: 100%; }

.site-logo { /*height: calc(100% - 10px);*/ max-height: 100%; position: relative; margin: 5px 0;}
.site-logo * {max-height: 100%; width: auto;}
.open-main-menu, .open-search-menu, .open-newsletter {display:none; font-size: 22px; cursor:pointer;}
.open-newsletter span {font-size: 21px; vertical-align: top;}
.main-menu {position: absolute; right: -740px; width: 100%; max-width: 740px; z-index: 100; max-height: calc(100vh - 67px); overflow-y: auto;}
.main-menu.active {right:0}
.menu-close, .header-search {font-size: 27px;padding: 15px 20px;font-weight: 600;line-height: 1em; border-bottom: solid 2px #e1e1e1;}
.close-icon {float: right;}
.main-navigation ul {margin:0}
.main-navigation ul li {margin: 0 5px; padding: 10px 20px; position: relative;}
.main-navigation ul li a {
	-webkit-transition: transform ease-in-out 200ms;
    -moz-transition: transform ease-in-out 200ms;
    -o-transition: transform ease-in-out 200ms;
	transition: transform ease-in-out 200ms;	
}
.cart-contents-count {font-size: 10px; font-weight: 600; bottom: 5px; right: 0; border-radius: 20px; padding: 2px; min-width: 12px; text-align: center;}
.main-navigation ul.sub-menu {position: absolute; display: none; background-color: rgba(255,255,255,0.8); backdrop-filter: blur(5px); padding: 20px 10px; top: 55px; left: 0; width: max-content;}
.blanco .main-navigation ul.sub-menu {background-color: rgba(0,0,0,0.8);}
.main-navigation ul.sub-menu li {padding: 7px 10px;}
.main-navigation ul.sub-menu li a {font-size: 14px;}
.menu-item > a {font-size: 18px; display: inline-block;}
.contact-menu a {background-color: rgb(156 156 156 / 50%); border-radius: 50px; margin: -5px -10px; padding: 5px 10px; display: inline-block;}
.search-menu {top: -500px; position: absolute; width: 100%; z-index: 24;}
.search-menu.active {top: 58px;}
.search-close {position: absolute; top: 15px; right: 20px;}
input.search {border: none; margin-left: 20px; padding: 0; font-size: 17px; width: calc(100% - 100px);}
.last-search h5 {padding-bottom: 20px; border-bottom: solid 1px #a9a9a9;}
.current-menu-ancestor > a, .current-menu-item > a {color: var(--main-color);}
.glue .top-menu {margin-top: -40px;}


/* FOOTER */
footer h3 {font-size: 20px; font-weight: 700;}
footer .widget_media_image img {margin-bottom:2em}
footer .menu-item > a {font-size: 14px; font-weight: 400; margin-bottom: 0px; position:relative;}
footer .menu-item > a:before {content: "";position: absolute;bottom: 0;background: currentColor;width: 0;height: 1px;
	-webkit-transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -o-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
}
footer .menu-item > a:hover:before {width: 100%;}
footer.site-footer ul {padding-left: 0; margin: 0; font-size: 16px;}
footer.site-footer ul li {line-height: 1.3em; margin-bottom: 1em;}
footer.site-footer .footer-widget-2 ul {display: flex; justify-content: flex-end;}
footer.site-footer .footer-widget-2 ul li:not(:first-child) {margin-left: 1em; padding-left: 1em; border-left: solid 2px currentColor;}
footer.site-footer .footer-widget-2 .widget_media_image {position: relative; margin-top:20px; bottom: 0px; right: 20px;}
footer.site-footer .footer-widget-2 ul li.big-icon i {font-size: 24px;}
#subfooter img {width: 25px; margin-right: 10px;}
#subfooter p {margin-bottom:0; font-size:13px}
.icon-footer {max-height: 1.5em; margin-right: 10px;}
.go-to-top {position: fixed; bottom: -100px; right: 100px; z-index: 999; width: 40px; text-align: center; line-height: 40px; cursor:pointer; border: solid 2px currentColor;}
.go-to-top.show {bottom:20px;}
.separator {margin: 30px auto; height: 2px; background-color: currentColor; /*width: 50px;*/}


/* TITLE */
.header-img {background-size: cover; background-repeat: no-repeat; background-position: top center;}
.bread-separator {height: 2px; max-width: 300px; margin-left: auto; margin-right: auto;}
.header-icon, .row-icon {display: inline-block; padding: 20px; border-radius: 200px; overflow: hidden;}
.icon.bottom, .icon.top {position: relative; height: 0; z-index: +1; width: max-content; margin: auto;}
.icon.bottom .row-icon , .icon.bottom .header-icon, .icon.top .row-icon {
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.subtitle.uppercase {font-size: 20px; font-weight: 600; margin-bottom: 0; letter-spacing: 10px;}

/* BLOG */
/*.article-post {border-radius: 20px; margin: 20px; height: calc(100% - 40px); box-sizing: border-box; padding: 20px;}*/
.category-post {border-radius: 0 0 0 20px; padding: 10px 20px; position: absolute; top: 0; right: 0;}
.category-post:hover {padding:10px 30px 10px 20px}
.subtitle-post {margin-bottom: 40px;}
.single .header-img img {filter: blur(10px);}
.btn-paged {width: 42px;height: 42px; line-height: 42px; display: inline-block; text-align: center; font-size: 12px;font-weight: bold; cursor:pointer;}
.btn-paged * {line-height: 42px;}
span.time-read {opacity: 0.5; font-size: 0.6em; display: inline-block; margin-left: 5px;}
.date-post svg {fill: currentColor; width: 22px; height: 20px; margin: 0px 0 -5px 10px;}
#ajax-blog > div {opacity:0;}
.btn-paged .fa, .btn-paged .fas, .btn-paged .fab {line-height: 42px;}
.post-type-archive-eventos .date-post span {font-size: 12px; padding: 5px 15px;}

/* DESTACADO SIDEBAR */
.destacado {overflow: hidden; padding-bottom: 25px;border-bottom: solid 1px #a9a9a9;margin-bottom: 25px;}
.destacado a {display:block;}
.destacado a:hover h4,.destacado a:hover .h4 {color: #9e3667;}
.destacado:last-child {border-bottom: none;}
.destacado-img {float: left;width: 140px;height: 140px;overflow: hidden;position: relative;border-radius: 10px;margin-right: 20px;}
.destacado-img img {position: absolute;max-width: none;max-height: 100%;width: auto;left: 50%;
	-webkit-transform: translate(-50%, 0px);
	-moz-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
	-o-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}
.destacado-txt {float: left; width: calc(100% - 160px);}
.destacado-txt p {font-size: 0.9em; line-height: 1.4em;}
aside.home-sidebar {margin:10px 10px 10px 20px}

/* POST */
.single-tags a {border-radius: 150px; padding: 5px 10px; font-size: 12px; margin: 5px;}
.category-header-img {position: relative; float: right; top: 0; right: 0; height: min-content; font-size: 20px; font-weight: 600; text-transform: uppercase; padding: 10px 40px 10px 20px; margin-right: -20px; border-radius: 0 0 0 20px; z-index: 3; order: 2;}
.category-header-img.category-parent {order: 1; z-index: 2;}
.category-header-img.animation:hover {
    -webkit-transform: translate(-5px, 0px);
    -moz-transform: translate(-5px, 0px);
    -ms-transform: translate(-5px, 0px);
    -o-transform: translate(-5px, 0px);
	transform: translate(-5px, 0px);
}
.author-bio {border-top: solid 2px #a9a9a9;}
.author-img {max-width: 200px;}
.bg-img-container {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important;}
.bg-img-container ~ * {z-index: 1; position: inherit;}
img.bg-img {object-fit: cover; width: 100%; height: auto; min-height: 100%; position: absolute; max-width: none; top: 50%; left: 50%; z-index: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
video.bg-video {object-fit: cover; width: 100%; height: 100%; position: absolute; max-width: none; top: 50%; left: 50%; z-index: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
img.bg-img ~ *, video.bg-video ~ * { z-index: 1; position: relative; }
.flexslider {border: 0; box-shadow: none;}
.flex-direction-nav a {text-shadow: none;}
.entry-content a {color:#a9a9a9}

.post .entry-content h1, .post .entry-content h2, .post .entry-content h3, .post .entry-content h4, .post .entry-content h5, .post .entry-content h6 {clear: initial; font-weight:400;}
.post .entry-content a {text-decoration: underline; vertical-align: baseline;}
.post .entry-content p, .post .entry-content li {font-size: 18px;}
.post .entry-content ul {list-style: unset; padding-left: 1.4em;}
.post .entry-content ol {padding-left: 1.4em;}
.post .entry-content li {margin-bottom: 0.5em;}
.post .entry-content blockquote {font-size: 45px; margin: 1em 0; }
.post .entry-content blockquote > * {font-size: 17px; font-weight: 100; text-align: left;}
.post .entry-content blockquote:before {content:'“'}
.post .entry-content blockquote:after {content:'”'}
.single article p {text-align: justify;}
.single figure.post-thumbnail {border: 0; text-align: center;}
.shareicon {font-size: 1.6em; margin-left: 15px;}

nav.navigation.post-navigation {overflow: hidden; margin-bottom: 50px;}
.nav-previous {float: left;}
.nav-next {float: right;}
.nav-previous a, .nav-next a {display: flex;}
img.alignright, a img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft, a img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter, a img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:1em;}

ul.subcategories {display: flex; margin: -10px 0; font-size: 18px;}
ul.subcategories li > * {margin: 10px 10px 0 0; text-transform: uppercase; padding: 10px 30px; border-radius:50px; font-weight: bold; font-size: 13px; line-height: 1.6em; display: block; cursor:pointer}
/*ul.subcategories li:not(:first-child) { margin-left: 10px; border-left: solid 2px currentColor; padding-left: 10px;}*/

#scroll-marker {position: fixed;bottom: 0;z-index: 997;height: 5px;width: 100%; overflow: hidden;}
#scroll-marker-inner {position:absolute; height:100%;}


/* COMMENTS */
ol.comment-list {list-style: none;}
.comment-list span.fn {color: #2d6361;}
li.comment.odd {border-bottom: solid 1px #ccc;}

/* HOME SLIDER */
.home-header p.big *, .home-header  .p.big * {line-height:1.2em;}
.slide .category {display: inline-block; text-transform: uppercase; padding: 10px 30px; margin-top: 5px; border-radius: 5px 20px; font-weight: bold; font-size: 13px; position: relative;}
.slide .category:hover {padding: 10px 35px;}
.slide .category + p {margin-bottom: 0;}


.slide {/*width: 100%;*/ height: auto; display: flex;}
.slide, .slider {/*height: 600px;*/ overflow: hidden;}
.slide-bg {width:100%; background-size: cover; background-position: center center;display: flex;align-items: center;}
.slide-bg > div {z-index:2}
.slide-bg > div.bg-velo {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0.3;}
.slick-slider {position: relative; display: block; box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative; display: block; overflow: hidden; height:100%}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {position: relative; top: 0; left: 0; display: flex; align-items: stretch; margin-left: auto; margin-right: auto; height:100%}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; min-height: 1px; opacity:0.5;
	-webkit-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	transition: all ease-in-out 300ms;
}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide.slick-active {opacity:1}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: flex; align-items: stretch;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-arrow {position: absolute; height: 100%; top: 0; width: 50px; cursor: pointer; z-index: 2; border: 0; background-color: transparent; font-size: 40px;}
.slick-prev {left: 0%;}
.slick-next {right: 0%;}
ul.slick-dots {display: flex; width: 100%; position: absolute; bottom: 10px; margin: 0; justify-content: center;}
ul.slick-dots button {padding:0; margin: 0 10px; background-color: rgba(0,0,0,0.5); border: 0; text-indent: 18px; overflow: hidden; width: 10px; height: 10px; border-radius: 10px; cursor: pointer;}
ul.slick-dots .slick-active button {background-color:rgba(255,255,255,0.7);}
.blog-container ul.slick-dots {position: relative;}

/* ACCORDION */
.accordion-header {width: calc(100% - 25px); cursor: pointer;}
.accordion-header.with-icon {padding-right: 25px;}
.icon {position: absolute; right: 0; top: 0;}

/* POINTER */
.pointer-content {overflow-x: auto; padding-top: 40px; margin: -40px -20px 0 -20px;}
.pointer-content > div {width: 100%; min-width: fit-content;}
.pointer {flex-flow: row;}
.pointer-line {position: absolute; top: 0px; left: 0; right: 0; height: 4px;}
.wrapper .pointer-line {left: 0; right: 0;}
.pointer-point {position: absolute; top: -6px; height: 15px; width: 15px; border-radius: 50px;}
.point:last-child {padding-right: 0 !important;}

/* POINTER VERTICAL */
ul.checks, .checks ul {padding-left: 1.5em;}
.checks li {text-indent: -1.2em;}
.checks li:before {content: "\f054"; font-family: "Font Awesome 5 Free"; color: var(--main-color, --negro, #000000); margin-right: 0.5em; font-size: 1em; font-weight: 900;}

/* FILTER MENU */
.filtermenu {overflow-x: auto; margin-left: -20px; margin-right: -20px;}
.filtermenu ul {font-size: 13px; justify-content: center; display: flex; flex-wrap: wrap; width: max-content; padding-left:20px; padding-right:20px;}
.filtermenu ul li {margin: 5px;}
.filtermenu ul li:before {content: ""; position: absolute; background-color: rgba(0,0,0,0.4); top: -2px; height: calc(100% + 4px); width: 0; left: 0; border-radius: 150px;
    -webkit-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	transition: all ease-in-out 300ms;
}
.filtermenu ul li.active:before {width: calc(100% + 4px);}
.filtermenu ul li.bg-gris-oscuro:before, .filtermenu ul li.bg-negro:before {background-color: rgba(255,255,255,0.2);}
.sticky.hooked {position: fixed; width:100%; top: 90px; z-index: 10; margin-left: -20px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; background: currentColor;}

/* WIDGET */
.widget {padding-bottom: 20px;}

/* SEARCH FORM */
.search-field {padding: 1em 2em;display: inline-block;cursor: pointer;font-weight: 600;border-radius: 150px;border: solid currentColor 2px;width: 100%;max-width: 450px;}
.search-field:focus {border-color:#d7d7d7}
.search-submit { position: absolute;right: -50px;width: 50px;height: 100%;background: transparent; font-size: 17px;color: currentColor;border: none;z-index: 3;cursor: pointer;}
.search-field:focus + .search-submit {right: 0;}
::placeholder{color: currentColor; opacity:0.7;}
:-ms-input-placeholder{color: currentColor; opacity:0.7;}
::-ms-input-placeholder {color: currentColor; opacity:0.7;}

/* POPUP */
.popup, .pop-up {display:none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000;}
.popup-inner, .pop-up-inner {position: absolute;z-index: 1001; width: max-content; top: 50%; left: 50%; max-width: calc(100% - 40px); max-height: calc(100% - 40px); overflow-y: auto;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.popup-bg, .pop-up-bg {position: absolute; width: 100%; height: 100%; cursor: pointer; z-index: 1000; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(5px);}
.popup-close, .pop-up-close {width: 30px; text-align: center; line-height: 30px; top: 0px; position: absolute; right: 0px; background: #000; border: solid 2px #fff; border-radius: 100px; color: #ffffff; cursor: pointer;}

/* FORMS */
input[type=text], input[type=tel], input[type=email], input[type=number], input[type=url], input[type=password], textarea, select {border: solid 1px #ccc; width: 100%; /*margin-bottom: 20px;*/ box-sizing: border-box; padding: 10px 20px; font-family: var(--main-font, sans-serif); font-size: var(--body-font-size); border-radius: 20px;
	-webkit-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	transition: all ease-in-out 300ms;
}
input[type="checkbox"], input[type="radio"] {width: 20px; height: 20px; border-radius: 10px; border: solid 2px #ccc;}
input[type=submit] {border: solid 2px #ffffff; border-radius: 60px; background-color: var(--main-color, red); color: #fff; padding: 15px 40px; font-size: 17px; font-weight: 600; font-family: 'Rubik', sans-serif; text-transform: uppercase;}
::-webkit-input-placeholder, :-ms-input-placeholder, :-moz-placeholder, ::-moz-placeholder {font-family: var(--main-font, sans-serif); font-size: var(--body-font-size); }

/* WOOCOMMERCE */
.select2-container--default .select2-selection--single, #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {border-radius: 0px; border: solid 1px #ccc; width: 100%; height: auto; box-sizing: border-box; padding: 10px 20px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: initial;}
.woocommerce .quantity .qty {width: min-content;}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: 50%;}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {float: left; width: max-content;}
ul.wc-block-product-categories-list {list-style: circle; padding-left: 1em; color: var(--main-color, red);}
ul.wc-block-product-categories-list ul.wc-block-product-categories-list, ul.wc-block-product-categories-list a {color: #2b2b2b; padding-top: 20px;}
.woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {padding: 1em 2em; display: inline-block; cursor: pointer; font-weight: 600; border-radius: 150px; border: solid currentColor 2px; color:#ffffff; background-color: #dc5959;
    -webkit-transition: background-color ease-in-out 150ms;
    -moz-transition: background-color ease-in-out 150ms;
    -o-transition: background-color ease-in-out 150ms;
    transition: background-color ease-in-out 150ms;
}
.woocommerce ul.products li.product .button:hover, .woocommerce div.product form.cart .button:hover, #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color:#ffffff; color: #dc5959}
.woocommerce div.product form.cart {margin-bottom: 2em; display: flex; align-items: center;}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {display:flex;}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {padding: 1em 2em;}

@media only screen and (max-width:1440px) {
	h1, .h1 {font-size: 45px;}
	h2, .h2 {font-size: 30px;}
	h3, .h3 {font-size: 22px;font-weight: 600;}
	h4, .h4 {font-size: 18px;font-weight: 600;}
	h5, .h5 {font-size: 16px;}
	p.big, .p.big, .post .entry-content p, .post .entry-content li {font-size: 18px;}
	.menu-item > a {font-size: 14px;}
	.blog .article-post, span.time-read {font-size: 14px;}
	.wrapper {max-width:1100px;}
	.destacado-img {width: 120px; height: 120px;}
	.category-header-img {font-size: 18px;}
	.site-logo svg {width: 100% !important;}
}

@media only screen and (max-width:1024px) {
	section.blog .col2-3, section.blog .col1-3, section.post .col2-3, section.post .col1-3 {width:100%}
	.col1-8, .col3-8, .col1-7 {width:25%}
	.col1-3, .col2-6, .col2-3, .col4-6, .col5-8, .col6-8 {width:50%;}
	.home-header [class*="col1-"], .home-header [class*="col2-"], .home-header [class*="col3-"], .home-header [class*="col4-"], .home-header [class*="col5-"], .home-header [class*="col6-"] {width:80%}
	h1, .h1 {font-size: 40px;}
	/*h2, .h2 {font-size: 32px;}
	h3, .h3 {font-size: 23px;}
	h4, .h4 {font-size: 22px;}
	h5, .h5 {font-size: 18px;}*/
	p.big, .p.big {font-size: 1.3em;}
	.category-header-img {font-size: 16px;}
	.site-branding {height: auto;}
	.site-logo {float: none;  margin: 15px; max-width: 250px;}
	.open-main-menu, .open-search-menu, .open-newsletter {display:block; }
	.menu-container {}
	.main-navigation ul.sub-menu {position: relative; display: none; width: auto; top: 0; background-color: rgba(60, 60, 60, 0.5); backdrop-filter: none; padding: 10px 10px; border-top: solid 1px #ccc;}
	.glue .site-branding {height:58px;}
	.menu-container {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-color: rgb(0 0 0 / 77%); color:#ffffff; z-index: 9;}
	#site-navigation {display: flex; justify-content: center; align-items: center; height: calc(100% - 60px); font-size: 6vw;}
	#menu-principal {flex-direction: column;}
	.main-navigation ul li {border: none;}
	.menu-item > a {font-size: 5vw;}
	.menu-icons {margin: 0 20px; text-align: center; justify-content: space-around;}

}

@media only screen and (max-width:770px) {
	.col1-2, .col2-4, .col3-6, .col1-3, .col2-6, .col2-3, .col4-6, .col1-4, .col3-4, .col1-5, .col2-5, .col3-5, .col4-5, .col1-6, .col1-7, .col1-8,	.col3-8, .col5-8, .col7-8, .home-header [class*="col1-"], .home-header [class*="col2-"], .home-header [class*="col3-"], .home-header [class*="col4-"], .home-header [class*="col5-"], .home-header [class*="col6-"] {width: 100%; box-sizing: border-box;}
	.col-arrows [class*="col1-"], .col-arrows [class*="col2-"], .col-arrows [class*="col3-"], .col-arrows [class*="col4-"], .col-arrows [class*="col5-"], .col-arrows [class*="col6-"] {padding-bottom: 40px;}
	.col-arrows [class*="col1-"]:not(:last-child):before, .col-arrows [class*="col2-"]:not(:last-child):before, .col-arrows [class*="col3-"]:not(:last-child):before, .col-arrows [class*="col4-"]:not(:last-child):before, .col-arrows [class*="col5-"]:not(:last-child):before, .col-arrows [class*="col6-"]:not(:last-child):before {right: calc(50% - 30px); top: auto; bottom: 0px;
		-webkit-transition: rotate(90deg);
		-moz-transition: rotate(90deg);
		-o-transition: rotate(90deg);
		transform: rotate(90deg);
	}
	.resp-order-1{order:1;}
	.resp-order-2{order:2;}
	.resp-order-3{order:3;}
	.resp-order-4{order:4;}
	.resp-order-5{order:5;}
	.resp-order-6{order:6;}
	.footer-widget-1, .footer-widget-2 {text-align: center;}
	footer.site-footer .footer-widget-2 .widget_media_image {position: relative; margin-top: 20px;}
	h1, .h1 {font-size: 35px;}
	h2, .h2 {font-size: 25px;}
	h3, .h3 {font-size: 20px;}
	h4, .h4 {font-size: 18px;}
	h5, .h5 {font-size: 16px;}
	h6, .h6 {font-size: 14px;}
	p.big, .p.big {font-size: 1.1em; line-height: 1em;}
	.search-menu {top: -800px;}

	.infographic-height {height: 148vw; padding: 0vw 3vw 10vw 3vw; flex-flow: column;}
	.infographic-bg {top: 8vw; bottom: 0; left: -31vw; right: -31vw;}
	.infographic-bg svg {width: 100%; height: 100%; transform: rotate(90deg) translate(-10vw, 0);}
	.modulo {width: min-content; margin-bottom: 4.5vw;}
	.modulo:first-child {top: 0; margin:-4vw auto 8vw;}
	.modulo:not(:last-child):not(:first-child):nth-child(2n+2) {top: 0; left: calc(100% - 33vw);}
	.modulo:not(:last-child):not(:first-child):nth-child(2n+3) {top: 0; left: calc(0% + 7vw);}
	.modulo:last-child {top: 0; margin: 9vw auto -3vw;}
	.modulo-circulo {width: 20vw; height: 20vw; padding: 1.5vw;}
	.modulo-circulo h3 {font-size: 2.8vw;}
	.modulo h4 {font-size: 2.8vw;}
	.modulo p {font-size: 3vw;}
	.modulo .modulo-text {top:0; left: 102%; width: 30vw;padding: 10px 20px 10px 11vw;}
	.modulo:last-child .modulo-text {top:0; right: 102%; width: 30vw;padding: 10px 11vw 10px 20px;}
	.modulo .modulo-text:before {font-size: 6vw;}
	.modulo:first-child .modulo-text, .modulo:last-child .modulo-text {width: 20vw;}
	.modulo:not(:last-child):not(:first-child):nth-child(2n+2) .modulo-text {left: auto; right: 103%;}
}

@media only screen and (max-width:550px) {
	[class*="col1-"],[class*="col2-"],[class*="col3-"],[class*="col4-"],[class*="col5-"],[class*="col6-"] {width:100%}
	footer.site-footer .footer-widget-2 ul {flex-wrap: wrap; justify-content: center;}
	.infographic-bg { top: -10vw;}
	.modulo:first-child {margin: -15vw auto 8vw;}
	.modulo {margin-bottom: 3.2vw;}
}