/* HTML */
/* ********************************************** */
html {overflow-x: hidden; position: relative;
	min-height: 100%;
    background-color:#c5c5c5;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'graphie';
	font-weight: 400;
	background-color: #f5f5f5;
	/*background-color: #1f1f1f;*/
}
* {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* TYPO */
/* ********************************************** */
/* Definiciones tipográficas */
.negrilla {font-weight:bold;}


/* Fuente tipográfica */
/*@font-face {
	font-family: 'CircularStd-Bold';
	src: url('../fonts/CircularStd-Bold.eot') format('eot'), url('../fonts/CircularStd-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}*/
/*@font-face {
	font-family: 'CircularStd-Book';
	src: url('../fonts/CircularStd-Book.eot') format('eot'), url('../fonts/CircularStd-Book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CircularStd-Medium';
	src: url('../fonts/CircularStd-Medium.eot') format('eot'), url('../fonts/CircularStd-Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}*/

/* Extrafonts */
/* font-family: merriweather, serif; font-family: 'graphie', serif; */

/* BASIC */
/* ********************************************** */
.solo-movil, .pxc-movil {display:none;}
.oculto {display:none !important;}


a {color:#004e7c; transition:.2s ease-in-out;}
a:hover {color:#00446c;}

.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p25 {padding:25px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.p50 {padding:50px;}
.pt100 {padding:100px;}
.pt10 {padding:10px;}
.pt15 {padding:15px;}
.pt20 {padding:20px;}
.pt25 {padding:25px;}
.pt30 {padding:30px;}
.pt40 {padding:40px;}
.pt50 {padding:50px;}
.pt100 {padding:100px;}
.pb10 {padding:10px;}
.pb15 {padding:15px;}
.pb20 {padding:20px;}
.pb25 {padding:25px;}
.pb30 {padding:30px;}
.pb40 {padding:40px;}
.pb50 {padding:50px;}
.pb100 {padding:100px;}
.pl10 {padding:10px;}
.pl15 {padding:15px;}
.pl20 {padding:20px;}
.pl25 {padding:25px;}
.pl30 {padding:30px;}
.pl40 {padding:40px;}
.pl50 {padding:50px;}
.pr100 {padding:100px;}
.pr10 {padding:10px;}
.pr15 {padding:15px;}
.pr20 {padding:20px;}
.pr25 {padding:25px;}
.pr30 {padding:30px;}
.pr40 {padding:40px;}
.pr50 {padding:50px;}
.pr100 {padding:100px;}

.negro {color:#000;}
.blanco {color:#fff;}

/* HEAD */
/* ********************************************** */
.site-logo img {width:150px; height:auto; position:absolute; top:-12px; transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;}

/* NAV */
/* ********************************************** */
#pxc-fila-menu {border-top:1px solid #ddd; padding:30px 0; position: fixed; width: 100%; z-index:1; top:0; transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;}
.pxc-header-small .site-logo img {width:100px; height:auto; top:-8px;}
#pxc-fila-menu.pxc-header-small {padding:20px 0; background: RGBA(245, 245, 245, 0);
background: linear-gradient(0deg,rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 70%);}
#pxc-fila-menu.pxc-header-small:hover {
    background-color: #f5f5f5;
    border-bottom:1px solid #666;
}
#block-pixel-main-menu ul {list-style:none; text-align:center; display:block;}
#block-pixel-main-menu ul li {list-style:none; display:inline-block; margin:0 4px;}
#block-pixel-main-menu ul li a {color:#999; background-image: linear-gradient(120deg, #000 0%, #666 100%);
  background-repeat: no-repeat;
  background-size: 0 0.25em;
  background-position: 8px 30px;
  padding:8px;
  transition: background-size 0.25s ease-in;}
#block-pixel-main-menu ul li a:hover {color:#000; background-size: 2em 0.25em; text-decoration:none;}
.nav-item--active-trail {font-family: 'graphie'; font-weight: 700;}

/* Menú lateral */
#pxl-hamburguesa {background-color:black; position: absolute;
    right: 0;
    z-index: 10;
    cursor: pointer;}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Functional */
.seg-leyendo {
    color: green;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    display: inline-block;
    position: absolute;
}
.seg-leyendo:hover {
    border-bottom: dashed 1px green;
}
#pxc-fila-menu > .container {padding:0 30px;}


/* REGIONES */
/* ********************************************** */
/* Incluya aquí los estilos para los contenedores de secciones */
#pxc-main {padding-top:120px;}


/* OBJETOS */
/* ********************************************** */
/* Incluya aquí los estilos para objetos tales como vistas */
#pxc-hamburguesa {display:none;}
.pxc-entrada {padding:0 90px 45px; position:relative;}
#block-intro {padding:0 90px;}
#block-intro > div {padding:0 15px;}
.pxc-taxo, .pxc-inicio {margin-top:45px;}
.pxc-taxo:before, .pxc-inicio:before {
    content: "...";
    letter-spacing: 0.6em;
    line-height: 1.4;
    text-align: center;
    display: block;
    margin-bottom: 45px;
}
.pxc-entrada:after {
    content: "...";
    letter-spacing: 0.6em;
    line-height: 1.4;
    text-align: center;
    display: block;
}
.pxc-inicio:before {display:none;}
.pxc-entrada-titulo a  {font-weight:600; font-family: 'graphie', sans-serif; font-size: 2.2rem; line-height:2.5rem; color:#000; font-style:normal;}
.pxc-entrada-titulo a:hover {text-decoration:none; background-color: #fff;}
.pxc-entrada-cuerpo {font-family: 'graphie', serif; font-size: 1.2rem; line-height: 2rem; font-weight:400;}
.feed-icon {display:none;}
.pxc-entrada-fecha {color:#999; text-transform:uppercase; margin:12px 0 8px; font-weight:100;}

.pxc-sublista {list-style:none; font-size:1.2rem; font-family: 'graphie', serif; font-style:oblique;}
.pxc-lista {font-family: 'graphie', serif; font-size:1.2rem;}
.pxc-lista-numerada {font-family: 'graphie', serif; font-size:1.2rem;}
.pxc-consejo {background-color:#fff; padding:15px; border-radius:25px;}
.pxc-consejo u {font-family: 'graphie' !important; font-weight: 700;}

.pxc-glosario {background-color:#cffcfc; padding:15px; border-radius:25px;}
.pxc-glosario u {font-family: 'graphie' !important; font-weight: 700;}

.pxc-nota {background-color:#fff; padding:15px; border-radius:25px; font-family: 'graphie' !important; margin-bottom:15px; font-weight: 400;}
.pxc-nota * {font-family: 'graphie' !important; font-weight: 400;}

.pxc-tools, .pxc-tool {background-color:#cffccf; padding:15px; border-radius:25px;}
.pxc-tools u,.pxc-tool u {font-family: 'graphie' !important; font-weight: 700;}

.pxc-entrada-foto img {width:100%; height:auto; border-radius: 25px;}
.pxc-entrada > .pxc-entrada-foto {padding:15px 15px 15px; -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in; margin:0 -15px;}
.pxc-entrada > .pxc-entrada-foto:hover {}

.pxc-entrada-izq .pxc-entrada-titulo {padding:0;}
.pxc-entrada-izq .pxc-entrada-cuerpo {padding:0;}
.feed-icon {display:none;}
.pxc-entrada-izq .pxc-entrada-redes {padding:0;}

/* Otros objetos */
.node__links ul {padding:25px 0; display:block !important; text-align:right;}
.node__links ul li {padding-left:0;}


/* ELEMENTOS TIPOGRAFICOS */
/* ********************************************** */
.page-title {font-family: 'graphie'; font-weight:500; font-size:3.5rem;}
.page-title span {font-size:3.5rem; font-weight:700;}
#block-pixel-page-title {margin:45px 0 15px; padding:0 0 0 90px;}
.site-name {display:none;}


/* DETALLE TIPOS DE CONTENIDO */
/* ********************************************** */
/* Incluya aquí los estilos para las definiciones de detalle (node) de tipos de contenido... */

.pxc-articulo .node_content, .node--type-page .node__content {
    padding:0 150px;
}

.pxc-articulo .node_content p, .node--type-page .node__content p {font-family: 'graphie', serif; font-size: 1.2rem; line-height: 2rem; font-weight:400;}
.pxc-articulo .pxc-intro {font-weight:600; font-family: 'graphie', sans-serif; font-size: 1.6rem; line-height:2.5rem; color:#666; font-style:normal; padding:0 150px; margin:30px 0;}
.pxc-articulo .node_content .field--name-body a {color:#0071b3; text-decoration:underline; font-family: 'graphie' !important; font-weight: 400; word-break: break-word;}
.pxc-articulo .node_content h2, .node--type-page .node__content h2 {font-family: 'graphie'; font-weight:700; font-size:2rem; margin:45px 0 15px;}
.pxc-articulo .node_content blockquote p, .node--type-page .node__content blockquote p {font-weight:300; font-family: 'graphie', sans-serif; font-size: 1.6rem; line-height:2.5rem; border-left:3px solid #000; padding-left:15px; margin-left:15px; }
.pxc-articulo .node_content blockquote p span {background-color:#fcc13f; font-weight:400;}
.pxc-articulo .node_content hr, .node--type-page .node__content hr {border-top:none;}
.pxc-articulo .node_content hr:before, .node--type-page .node__content hr:before {content: "..."; letter-spacing: 0.6em; line-height: 1.4; text-align:center; display:block;}
.pxc-articulo-imagen img {width:100%; height:auto; margin-bottom:30px;}


#block-intro p {margin-bottom:0; line-height: 300%;}
.pxc-pre-big {font-size:1.2rem; color:#444; display:block; margin-bottom:8px;     letter-spacing: 1px; text-transform: uppercase; font-family: 'graphie'; font-weight: 800;}
.pxc-big {font-size:6rem; margin-bottom:0; font-family: 'graphie'; position:relative; left:-7px; font-weight: 700; color:#ccc;}
.pxc-post-big {font-family: 'graphie', sans-serif; font-size:2rem; margin-bottom:0; color:#999;}
.pxc-arrow-down {}



/* Campos generales */
.field--name-field-cr {text-align:center; margin-bottom:30px;}
.field--name-field-cr a {color:#666; text-decoration:underline;}
.pxc-share {list-style:none; text-align:right; padding-top:10px;}
.pxc-entrada-redes {float:right;}
.pxc-entrada-izq .pxc-share {}
.pxc-share li {list-style:none; margin:0 5px; display:inline-block;}
.pxc-share li img {width:25px; height:auto; border-radius:4px;}
.field--name-field-temas-pixel {margin-bottom:45px;}
.field--name-field-temas-pixel {margin-top:45px; text-align:center;}
.field--name-field-temas-pixel:before {content: "..."; letter-spacing: 0.6em; line-height: 1.4; text-align:center; display:block; margin-bottom:45px;}
.pxc-articulo .field--name-field-enlaces, .pxc-articulo .field--name-field-documentos {display:none;}
.field--name-field-temas-pixel .field__item, .field--name-field-enlaces .field__item, .field--name-field-documentos .field__item {display:inline-block; margin-right:8px; margin-bottom:8px;}
.field--name-field-temas-pixel a {display:inline-block; background-color:#eee; padding:8px 15px; border-radius:45px; font-size:1.3rem; color:#666;}
.field--name-field-temas-pixel a:hover {background-color:#ddd; text-decoration:none;}
.field--name-field-temas-pixel a:before {content:"#"; display:inline-block; color:#fff; background-color:#000; padding:5px; border-radius:25px; margin-right:3px; width: 40px;
    text-align: center;
    position: relative;
    left: -5px;}
.field--name-field-temas-pixel a.pxc-link {display:inline-block; background-color:#eee; padding:8px 15px; border-radius:45px; font-size:1.3rem; color:#666;}
.field--name-field-temas-pixel a.pxc-link:hover {background-color:#ddd; text-decoration:none;}
.field--name-field-temas-pixel a.pxc-link:before {content: url(/themes/custom/pixel/img/link1.png); display:inline-block; color:#fff; background-color:#fff; padding:5px; border-radius:25px; margin-right:3px; width: 40px;
    text-align: center;
    position: relative;
    left: -5px;}
.field--name-field-temas-pixel a.pxc-doc {display:inline-block; background-color:#eee; padding:8px 15px; border-radius:45px; font-size:1.3rem; color:#666;}
.field--name-field-temas-pixel a.pxc-doc:hover {background-color:#ddd; text-decoration:none;}
.field--name-field-temas-pixel a.pxc-doc:before {content: url(/themes/custom/pixel/img/doc.png); display:inline-block; color:#fff; background-color:#fff; padding:5px; border-radius:25px; margin-right:3px; width: 40px;
    text-align: center;
    position: relative;
    left: -5px;}    
.file--application-pdf {background-image:none;}    
.file {display: inline-block;
    min-height: auto;
    padding-left: 0;}
.field--name-field-archivo-video- video {width:100%; height:auto;}
.pxc-articulo-video {margin-bottom:45px;}
.fotorama__nav--dots {padding:45px 0 0 !important;}
.field--name-field-cr span, .field--name-field-cr p {font-size:0.95rem !important; font-family: 'graphie' !important; font-weight: 700;}
.pxc-articulo .field--name-body blockquote {font-family: 'graphie', serif;
    font-size: 1.6rem;
    line-height: 2rem;
    display:block;
    width:50%;
    float:right;
    margin:0 0 25px 25px;
    font-weight: 400;}
.pxc-articulo .field--name-body blockquote:after {content:""; display:block; width:50px; border-bottom:8px solid #000; margin-top:15px;}   
.pxc-articulo .field--name-body blockquote span {background-color:antiquewhite;}
.tnr {font-style:italic; font-size:0.85rem;}
.pxc-img-b {text-align:center;}
.pxc-arqui-info li {font-family: 'graphie'; font-weight: 400;}
.pxc-arqui-info > li, .pxc-arqui-info > li > ul > li {font-family: 'graphie'; font-weight: 700;}
.flota-der {margin-left:15px; margin-bottom:15px;}
.pxc-arqui-info li ul li {font-size:0.95rem;}
.pxc-img-b img {margin:15px 0; border-radius:25px; max-width:100%; height:auto;}
.pager__item {margin:0 8px;}
.pager__item a {color:#000;}
.pager__item.is-active {background-color:#fff;}
.pager__item.is-active a {color:#666;}

figcaption {text-align:center; padding-top:8px; font-size: 0.95rem !important;
    font-family: 'graphie' !important; color:#333; font-weight: 400;}
.comment-forbidden {display:none !important;}

/* PIE */
/* ********************************************** */
.dialog-off-canvas-main-canvas > footer {/*background-color:rgba(0, 0, 0, 0.9);*/ background: linear-gradient(180deg,#f5f5f5 10%, #c5c5c5 70%); padding:120px 0 60px 0; margin-top:60px;}
#pxc-footer, #pxc-footer a {color:#1f1f1f;}
#block-pixel-footer ul {list-style:none; padding-left:0;}
#block-pixel-footer ul li {list-style:none; padding-left:0; display:inline-block; margin:0 15px 0 0;}
#block-pixel-footer ul li a {color:#333;}
#block-pixel-powered, #block-pixel-powered a {color:#fff;}
#block-pixel-powered {text-align:right; font-size:0.7rem;}
.logo-mini {width:80px; height:auto;}
#block-footer {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #666;}
#block-footer .col-md-4, #block-footer .col-md-8 {padding:0;}
#block-footer small {display: block;
    font-size: 0.6rem;
    color: #666;}
#block-redes {text-align:right;}    
#block-redes img {width:20px; height:auto;}
.pxc-code {margin:15px 0; background-color:#333; border-radius:25px; padding:25px;}
.pxc-code code {color:#ddd;}
.pxc-code-c {color:#666;}
.pxc-code strong {color:#ff6666;}
.pxc-micro-lista {font-size:0.95rem; font-family: 'graphie'; font-weight: 400;}
.pxc-resaltado1 {color:#3cb1c3;}
.pxc-resaltado2 {color:#cc6600;}
.pxc-resaltado1 em {background-color:#3cb1c3; display:inline-block; width:30px;     height: 15px;
    position: relative;
    top: 10px;
    margin: 0 15px;}
.pxc-resaltado2 em {background-color:#cc6600; display:inline-block; width:30px;     height: 15px;
    position: relative;
    top: 10px;
    margin: 0 15px;}
.pxc-lista-pasos {background-color:#fff2e6; margin:15px 0; padding:25px; border-radius:25px;}
    
/* EXTRAS */
#wrapper {
  display: table;
  width:100%;
  height:100%;
}

#wrapper-inner {
  display: table-cell;
  vertical-align:middle;
  width:100%;
  height:100%;
}

#scroll-down {
    display: block;
    position: relative;
    padding-top: 45px;
  text-align:center;
}
.arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 38px;
}
.arrow-down:after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
#scroll-title {
    display: block;
    text-transform: uppercase;
    color: #333;
  font-size:14px;
  font-weight:bold;
  letter-spacing:.1em;
}
#scroll-down::before {
    -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Safari 4+ */
    
    -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Fx 5+ */
    
    -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Opera 12+ */
    
    animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* IE 10+, Fx 29+ */
    
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 54px;
    background: #333;
    content: ' ';
}
@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-moz-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-o-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}



.pxc-bloque-top {
    padding-top:200px;
}
.pxc-bloque-calido-1 {
    background: #ef7755;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #e73c30, #ef7755);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #e73c30, #ef7755); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.pxc-bloque-calido-2 {
    background: #ef7755;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fcc13f, #ef7755);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fcc13f, #ef7755); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.pxc-bloque-calido-3 {
    background: #e73c30;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #c51f33, #e73c30);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #c51f33, #e73c30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.pxc-bloque-frio {
    background: #067482;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #1fb7ca, #067482);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #1fb7ca, #067482); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.pxc-bloque-frio-1 {
    background: #0896a8;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #067482, #0896a8);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #067482, #0896a8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.pxc-bloque-negro {
    background: #4f4f4f;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #000, #4f4f4f);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #000, #4f4f4f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.pxc-bloque-blanco {
    background: #f5f5f5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fff, #f5f5f5);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fff, #f5f5f5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.pxc-bloque-azul-black {
    background: #1f1f1f;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #067482, #1f1f1f);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #067482, #1f1f1f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* Reset */
.wp-block-columns {
    margin-bottom:0;
}


/* Padding */
.pb-6, .py-6 {
    padding-bottom: 3.5rem !important;
}
.pt-6, .py-6 {
    padding-top: 3.5rem !important;
}
.pb-7, .py-7 {
    padding-bottom: 4rem !important;
}
.pt-7, .py-7 {
    padding-top: 4rem !important;
}
.pb-8, .py-8 {
    padding-bottom: 4.5rem !important;
}
.pt-8, .py-8 {
    padding-top: 4.5rem !important;
}
.pb-9, .py-9 {
    padding-bottom: 5rem !important;
}
.pt-9, .py-9 {
    padding-top: 5rem !important;
}
.pb-10, .py-10 {
    padding-bottom: 5.5rem !important;
}
.pt-10, .py-10 {
    padding-top: 5.5rem !important;
}
.pb-11, .py-11 {
    padding-bottom: 6rem !important;
}
.pt-11, .py-11 {
    padding-top: 6rem !important;
}

.fs-1 {
    font-size:1rem;
}
.fs-115 {
    font-size:1.15rem;
}
.fs-12 {
    font-size:1.2rem;
}
.fs-13 {
    font-size:1.3rem;
}
.fs-14 {
    font-size:1.4rem;
}
.fs-15 {
    font-size:1.5rem;
}
.fs-16 {
    font-size:1.6rem;
}
.fs-17 {
    font-size:1.7rem;
}
.fs-18 {
    font-size:1.8rem;
}
.fs-19 {
    font-size:1.9rem;
}
.fs-2 {
    font-size:2rem;
}
.fs-23 {
    font-size:2.3rem;
}
.fs-26 {
    font-size:2.6rem;
}
.fs-3 {
    font-size:3rem;
}
.fs-33 {
    font-size:3.3rem;
}
.fs-36 {
    font-size:3.6rem;
}
.fs-4 {
    font-size:4rem;
}
.fs-43 {
    font-size:4.3rem;
}
.fs-46 {
    font-size:4.6rem;
}
.fs-5 {
    font-size:5rem;
}
.fs-6 {
    font-size:6rem;
}
.fs-7 {
    font-size:7rem;
}
.fs-8 {
    font-size:8rem;
}
.fs-9 {
    font-size:9rem;
}
.fs-10 {
    font-size:10rem;
}


.lh-1 {
    line-height:1rem;
}
.lh-115 {
    line-height:1.15rem;
}
.lh-13 {
    line-height:1.3rem;
}
.lh-16 {
    line-height:1.6rem;
}
.lh-2 {
    line-height:2rem;
}
.lh-23 {
    line-height:2.3rem;
}
.lh-26 {
    line-height:2.6rem;
}
.lh-3 {
    line-height:3rem;
}
.lh-33 {
    line-height:3.3rem;
}
.lh-36 {
    line-height:3.6rem;
}
.lh-4 {
    line-height:4rem;
}
.lh-43 {
    line-height:4.3rem;
}
.lh-46 {
    line-height:4.6rem;
}
.lh-5 {
    line-height:5rem;
}
.lh-6 {
    line-height:6rem;
}
.lh-7 {
    line-height:7rem;
}
.lh-8 {
    line-height:8rem;
}
.lh-9 {
    line-height:9rem;
}
.lh-10 {
    line-height:10rem;
}

.fw-100 {
    font-weight:100;
}
.fw-400 {
    font-weight:400;
}
.fw-500 {
    font-weight:500;
}
.fw-700 {
    font-weight:700;
}
.fw-800 {
    font-weight:800;
}


.pxc-bloque-fh {
    height: 100vh;
    display: flex;
    flex-flow: column;
    justify-content: center;
}


.fila {
    display:flex;
    flex-flow: row;
}

.col-10a {
    width:10%;
    flex-basis: initial;
    margin-left:0 !important;
}
.col-15a {
    width:15%;
    flex-basis: initial;
    margin-left:0 !important;
}
.col-5a {
    width:5%;
    flex-basis: initial;
    margin-left:0 !important;
}
.col-16 {
    width:16.6666%;
    flex-basis: initial;
}
.col-33 {
    width:33.3333%;
    flex-basis: initial;
    margin-left:0 !important;
}
.col-40 {
    width:40%;
    flex-basis: initial;
    margin-left:0 !important;
}
.col-33 .wp-block-column {
    margin:0;
    padding:.5rem;
}
.col-40 .wp-block-column {
    margin:0;
    padding:.5rem;
}

.line-bottom {
    border-bottom:1px solid #fff;
}
.line-left {
    border-left:1px solid #fff;
}
.line-right {
    border-right:1px solid #fff;
}



.amarillo {
    color:#ffc23d
}
.curuba {
    color:#ff7751
}
.naranja {
    color:#f33829
}
.rojo {
    color:#c41e32
}
.azul-claro {
    color:#0eb9cb
}
.azul-oscuro {
    color:#027381
}
.verde {
    color:#dff9ba
}
.gris-claro {
    color:#f5f5f5
}
.gris-medio {
    color:#c5c5c5;
}
.gris-oscuro {
    color:#1f1f1f
}
.b-amarillo {
    background-color:#ffc23d
}
.b-curuba {
    background-color:#ff7751
}
.b-naranja {
    background-color:#f33829
}
.b-rojo {
    background-color:#c41e32
}
.b-azul-claro {
    background-color:#0eb9cb
}
.b-azul-oscuro {
    background-color:#027381
}
.b-blanco {
    background-color:#fff
}
.b-gris-claro {
    background-color:#f5f5f5
}
.b-gris-medio {
    background-color:#c5c5c5;
}
.b-gris-oscuro {
    background-color:#1f1f1f
}
.b-negro {
    background-color:#000
}
.b-verde {
    background-color:#dff9ba
}


.ver-mas {
    cursor:pointer;
    font-weight: 500;
}

.ver-mas.activo {
    font-weight: 100;
}
.ver-mas-contenido {
    max-height:0;
    overflow: hidden;
    transition:all 0.5s ease-out;
}
.ver-mas-contenido.activo {
    max-height: 500px;
}

.preset1 {
    font-weight: 500;
    padding-top: 1rem;
    font-size: 1.6rem;
    line-height: 1.55rem;
    letter-spacing: .5px;
}

.img-offset {
    filter:invert(1);
}

.btn-cta {
    margin:1.5rem 0;
}
.btn-cta a {
    padding:1rem 1.75rem;
    border-radius:25px;
    letter-spacing:.5px;
    font-weight: 600;
}
.btn-cta-blanco a {
    color:#fff;
    border:2px solid #f5f5f5;
}
.btn-cta-verde a {
    color:#dff9ba;
    border:2px solid #dff9ba;
}
.btn-cta-negro a {
    color:#000;
    border:2px solid #1f1f1f;
}
.btn-cta-blanco a:hover {
    color:#fff;
    border:2px solid #fff;
    background-color:rgba(25,25,25,0.25);
    text-decoration:none;
}
.btn-cta-negro a:hover {
    color:#000;
    border:2px solid #000;
    background-color:rgba(200,200,200,0.25);
    text-decoration:none;
}
.btn-cta-verde a:hover {
    color:#e7fbcc;
    border:2px solid #e7fbcc;
    background-color:rgba(25,25,25,0.25);
    text-decoration:none;
}

.border-left-negro {
    border-left:1px solid #1f1f1f;
}

.link-bonito a {
    text-decoration:none;
    color:#027381;
    border-bottom:2px solid #027381;
}
.link-bonito a:hover {
    text-decoration:none;
    color:#1f1f1f;
    border-bottom:2px solid #1f1f1f;
}

code.language-php {
    color: #e83e8c;
    word-break: break-word;
    border:1px solid aquamarine;
    background-color:white;
    border-radius:5px;
    display:block;
    width:100%;
    padding:1rem;
}
.table-data td {
    width:50%;
    padding:2rem 2.5rem 2rem 0;
}
.table-data .h4 {
    font-size:1.65rem !important;
}

.pxc-amarillo {
    color:#fcc13f;
}
.pxc-salmon {
    color:#e73c30;
}
.pxc-rojo {
    color:#c51f33;
}
.pxc-azul-1 {
    color:#067482;
}
.pxc-azul-2 {
    color:#1fb7ca;
}
.pxc-naranja {
    color:#ef7755;
}
.capital {
    text-transform:uppercase;
    letter-spacing: .075rem;
}
.pxc-jumbo em {
    font-style:normal;
    font-size:2.2rem;
}
.pxc-jumbo strong {
    font-style:normal;
    font-size:3.5rem;
    line-height: 3.5rem;
}
.pxc-iconos-1 img {
    width:120px;
    height:auto;
}
.blanco a {
    color:white;
}
.blanco a:hover {
    color:#eeeeee;
}
.qmark {
   margin-left: 25px;
}
.qmark a {
    position:relative;
    display:block;
}
.qmark a:before {
    position:absolute;
    content:"";
    display:block;
    background-image:url("/themes/custom/pixel/img/qmark.png");
    background-size:cover;
    width:20px;
    left: -30px;
    top: 3px;
    height:20px;
}
.lkd {
    filter:invert(1);
}

@media (max-width: 767px) { 
    .table-data td {
       width:100%;
       display:block;
       padding:2rem .75rem;
    }
    .padd {
        padding:15px !important;
    }
    .padd-x {
        padding-left:15px !important;
        padding-right:15px !important;
    }
    .padd-y {
        padding-top:15px !important;
        padding-bottom:15px !important;
    }
    .padd-t {
        padding-top:15px !important;
    }
    .padd-b {
        padding-bottom:15px !important;
    }
    .padd-l {
        padding-left:15px !important;
    }
    .padd-r {
        padding-right:15px !important;
    }
    .pxc-jumbo * {
        font-size:2.5rem !important;
    }
}

.pxc-entrada-link {
    margin-top:1.5rem;
}
.pxc-entrada-link a {
    display: inline-block;
    background-color: #666;
    padding: 8px 15px;
    border-radius: 45px;
    font-size: 1.3rem;
    color: #fff;
}

.pxc-acordeon .btn {
    text-align: left;
    white-space: normal;
}