/* EVoting

INDICE:
----------------------------------------
    1. Formato
    2. Nav
    3. Footer
    4. Home
    5. Seguridad electoral
    6. Nosotros
    7. Plataformas
    8. Sucede ahora
    9. Experiencia
    10. Artículo

*/

/*1. ------ Formato --------*/
:root {
    --orangered: #FF3200;
    --blackblue: #051226;
    --white: #ffffff;
    --greybg: #F7F7F7;
    --grey: #959595;
    --lightgrey: #f1f1f1;
}
*, 
*:after, 
*:before {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    box-sizing: border-box;
    font-size: 62.5%;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    background-color: var(--greybg);
    color: var(--blackblue);
    margin: 0;
    padding: 0;
    height: 100%; 
    min-height: 100%; 
    position: relative; 
    display: block; 
    overflow: auto;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body * {
    margin: 0;
    padding: 0;
}
figure {
    padding: 0;
    margin: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
::selection,
::-webkit-selection,
::-moz-selection {
    background: var(--orangered);
    color: var(--white);
    text-shadow: none;
}
.clear:before, 
.clear:after { 
    content: ' '; 
    display: table;
}
.clear:after {
    clear: both;
}
img {
    max-width: 100%; 
}
a {
    text-decoration: none; 
    font-weight: normal;
    cursor: pointer;
}
a:hover {
    text-decoration: none;
    font-weight: normal;
}
a:focus {
    outline: 0;
    font-weight: normal;
}
input:focus,
:focus {
    outline: 0; 
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: var(--blackblue);
}
p {
    margin: 0;
    padding: 0;
    color: var(--blackblue);
    font-size: 1.6em;
}
ul {
    list-style: none; 
    margin: 0; 
    padding: 0;
    font-weight: normal;
}
.container {
    display: block;
    position: relative;
    width: 1250px;
    margin: 0 auto;
}


/*2. ------ Nav --------*/
nav {
    display: block;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    height: 100px;
    width: 100%;
    background-color: var(--white);
    border-bottom: 1px solid var(--lightgrey);
    z-index: 999999999;
}
nav .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}
nav .boxNav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
}
nav .boxNav .columnLeft,
nav .boxNav .columnRight {
    display: block;
    position: relative;
    width: 50%;
    float: left;
    text-align: right;
}
nav .boxNav ul {
    display: flex;
    align-items: center;
}
nav .boxNav .columnRight ul {
    display: inline;
    position: relative;
    text-align: right;
    margin-right: 180px;
}
nav .boxNav ul li {
    display: inline-block;
    margin: 0 20px 0 0;
}
nav .boxNav ul li:hover {
    opacity: 0.75;
}
nav .boxNav ul li + li + li + li {
    margin: 0;
}
nav .boxNav .columnLeft svg {
    stroke: var(--blackblue);
}
nav .boxNav .columnLeft .logo {
    width: 180px;
}
nav .boxNav a.contactanos {
    font-family: 'Raleway', sans-serif;
    color: var(--blackblue);
    display: inline;
    position: relative;
    right: 0;
    top: 0px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.8em;
    letter-spacing: 2px;
}
nav .boxNav a.contactanos:hover {
    opacity: 0.75;
}
/* selector de paises*/
body.chile nav .boxNav ul li.chile,
body.peru nav .boxNav ul li.peru,
body.colombia nav .boxNav ul li.colombia,
body.mexico nav .boxNav ul li.mexico {
    border-bottom: 1px solid  var(--orangered);
    padding: 0 0 4px 0;
}

/* Menú principal*/

nav .menuBox {
    display: none;
    position: absolute;
    width: 320px;
    left: 0;
    top: 100px;
    z-index: 9999;
}
nav .menuBox.activo {
    display: block;
}
nav ul.menuPrincipal {
	list-style: none;
	margin: 0;
	padding: 0;
    display: block;
    position: relative;
    width: 100%;
}
nav ul.menuPrincipal li {
    position: relative;
}
nav ul.menuPrincipal li a {
	display: block;
    font-family: 'Raleway', sans-serif;
	background: var(--white);
    border-top: 1px solid var(--lightgrey);
	padding: 12px 20px;
	color: var(--blackblue);
    letter-spacing: 2px;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em;
}
nav ul.menuPrincipal li a:hover {
	background: #f8f8f8;
}
nav ul.menuPrincipal li a .fa {
	width: 16px;
	text-align: center;
	margin-right: 5px;
	float:right;
}
nav ul.menuPrincipal ul {
	background-color:#ebebeb;
    display: none;
}
nav ul.menuPrincipal li ul li a {
	background: var(--white);
    border-top: 1px solid var(--lightgrey);
    color: var(--grey);
	border-left: 4px solid transparent;
	padding: 12px 40px;
}
nav ul.menuPrincipal li ul li a:hover {
	background: #ebebeb;
	border-left: 1px solid var(--orangered);
}
nav .menuBox .top {
    display: block;
    width: 100%;
    font-family: 'Raleway', sans-serif;
    background: var(--white);
    border-top: 1px solid var(--lightgrey);
    padding: 12px 20px;
    color: var(--blackblue);
    letter-spacing: 2px;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em;
    height: 41px;
}
nav .menuBox .top ul {
    display: inline;
    position: relative;
    text-align: left;
}
nav .menuBox .top ul li {
    display: inline;
    position: relative;
    text-align: left;
    padding: 0 0 4px 0;
    margin: 0 10px 0 0;
}
body.chile nav .menuBox .top ul li.chile, 
body.peru nav .menuBox .top ul li.peru, 
body.colombia nav .menuBox .top ul li.colombia, 
body.mexico nav .menuBox .top ul li.mexico {
    border-bottom: 1px solid var(--orangered);
    padding: 0 0 4px 0;
}
nav .menuBox .top ul li.cerrarMenu {
    float: right;
    position: relative;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}
nav .menuBox .top ul li.cerrarMenu svg {
    width: 16px;
    height: 16px;
}
nav .menuBox .top ul li.cerrarMenu svg .cls-1 {
    fill: var(--blackblue);
}
nav ul.menuPrincipal li.sub-menu .arrow {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
nav ul.menuPrincipal li.sub-menu .arrow svg {
    width: 16px;
    height: 16px;
}
nav ul.menuPrincipal li.sub-menu .arrow svg.up {
    display: none;
}
nav ul.menuPrincipal li.sub-menu.open .arrow svg.up {
    display: block;
}
nav ul.menuPrincipal li.sub-menu .arrow svg.down {
    display: block;
}
nav ul.menuPrincipal li.sub-menu.open .arrow svg.down {
    display: none;
}

/*3. ------ Footer --------*/
footer {
    display: block;
    position: relative;
    width: 100%;
}
footer p,
footer a,
footer li {
    color: var(--grey);
    font-size: 1.2em;
}
footer li a {
    font-size: 1em;
}
footer a:hover {
    opacity: 0.75;
}
footer .topFooter {
    display: inline-block;
    position: relative;
    width: 100%;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(left, #f4f4f4 50%, #ffffff 60%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f4f4f4 50%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f4f4f4 50%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

} 
footer .topFooter .columnLeft {
    display: block;
    position: relative;
    width: 830px;
    height: 317px;
    float: left;
    background-color: #f4f4f4;
} 
footer .topFooter .columnRight {
    display: block;
    position: relative;
    width: 420px;
    height: 317px;
    float: left;
    background-color: var(--white);
} 
footer .topFooter .columnLeft .columns {
    display: block;
    position: relative;
    width: 100%;
}
footer .topFooter .columnLeft .columns .item {
    display: block;
    position: relative;
    width: 33.33%;
    float: left;
    text-align: center;
    border-right: 1px solid var(--white);
}
footer .topFooter .columnLeft .columns .item .box {
    padding: 60px 0 60px 0;
}
footer .topFooter .columnLeft .columns .item .box h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em;
    letter-spacing: 2px;
    margin: 0 0 40px 0;
}
footer .topFooter .columnLeft .columns .item .box li {
    padding: 0 0 20px 0;
}
footer .topFooter .columnRight .box {
    padding: 60px 0 60px 100px;
}
footer .topFooter .columnRight .box h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em;
    letter-spacing: 2px;
    margin: 0 0 40px 0;
}
footer .topFooter .columnRight .box form {
    display: block;
    position: relative;
    margin: 20px 0 0 0;
}
footer .topFooter .columnRight .box form input {
    display: inline;
    width: 80%;
    border: 1px solid var(--orangered);
    padding: 10px;
    color: var(--blackblue);
    margin-right: -3px;
}
footer .topFooter .columnRight .box form button {
    display: inline;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 2px;
    font-weight: 700;
    width: 19%;
    background-color:var(--orangered);
    border: 1px solid var(--orangered);
    color: var(--white);
    border-radius: 0 4px 4px 0;
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
}
footer .topFooter .columnRight .box form button:hover {
    opacity: 0.75;
}

footer .bottomFooter {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: var(--greybg);
    padding: 30px 0 60px 0;
} 
footer .bottomFooter .columnLeft {
    display: block;
    position: relative;
    width: 50%;
    float: left;
    text-align: left;
}
footer .bottomFooter .columnRight {
    display: block;
    position: relative;
    width: 50%;
    float: left;
    text-align: right;
}
footer .bottomFooter .columnLeft .logo {
    display: inline;
    float: left;
    width: 160px;
}
footer .bottomFooter .columnLeft .contactInfo {
    display: inline;
    float: left;
    margin: 0 0 0 60px;
    padding: 4px 0 0 0;
}
footer .bottomFooter .columnRight p {
    padding: 12px 0 0 0;
}

/*4. ------ Home --------*/

/*- Home: Slider top -*/
.sliderTopHome {
    display: inline-block;
    position: relative;
    width: 100%;
}
.sliderTopHome #sliderHome {
    display: inline-block;
    position: relative;
    width: 100%;
}
.sliderTopHome #sliderHome .item {
    display: block;
    position: relative;
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 80vh;
    background-color: var(--blackblue) !important;
}
.sliderTopHome #sliderHome .item .sliderText {
    display: block;
    position: absolute;
    top: 47vh;
    margin: 0 10%;
    padding: 20px 20px 30px 20px;
    z-index: 99;
    width: 80%;
    background-color: var(--blackblue);
    border-radius: 10px;
}
.sliderTopHome #sliderHome .item .sliderText h1 {
    color: var(--white);
    font-size: 4em;
    font-weight: 400;
    text-transform: uppercase;
}
.sliderTopHome #sliderHome .item .sliderText p {
    color: var(--white);
    margin: 10px 0 20px 0;
}
.sliderTopHome #sliderHome .item .sliderText .btn {
    display: block;
    position: relative;
    text-align: right;
}
.sliderTopHome #sliderHome .item .sliderText a {
    display: inline;
    background-color: var(--orangered);
    color: var(--white);
    padding: 10px 40px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    letter-spacing: 2px;
    font-weight: 700;
}
.sliderTopHome #sliderHome .item .sliderText a:hover { 
    opacity: 0.75;
}
.sliderTopHome #sliderHome .item .sliderImage {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
}
.sliderTopHome #sliderHome .item .sliderImage img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 9;
}
.sliderTopHome .bgSolid {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100px;
    background-color: var(--blackblue);
    margin-top: -3px;
}
.sliderTopHome .gradient {
    display: block;
    position: absolute;
    width: 100%;
    height: 200px;
    z-index: 9;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(6,18,38,0.31) 28%, rgba(6,18,38,1) 91%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(6,18,38,0.31) 28%,rgba(6,18,38,1) 91%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(6,18,38,0.31) 28%,rgba(6,18,38,1) 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#061226',GradientType=0 );
}
.sliderTopHome .owl-dots{
    text-align: center;
    background-color:var(--blackblue);
  }
.sliderTopHome .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: var(--greybg);
    margin: 0 10px;
}
.sliderTopHome .owl-dots button.owl-dot.active {
    background: var(--orangered);;
}

/*- Home: Cifras/datos -*/
.cifrasHome {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0;
    padding: 30px 0;
}
.cifrasHome .item {
    display: block;
    position: relative;
    width: 23.5%;
    height: 168px;
    float: left;
    margin: 0 2% 0 0;
    background-color: var(--white);
    border-radius: 4px;
}
.cifrasHome .item + .item + .item + .item{
    display: block;
    position: relative;
    width: 23.5%;
    float: left;
    margin: 0;
}
.cifrasHome .item .box {
    text-align: center;
    padding: 30px;
}
.cifrasHome .item .box p {
    font-size: 4em;
    color: var(--orangered);
    margin: 0 0 10px 0;
}
.cifrasHome .item .box .line {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 1px;
    background-color: var(--orangered);
}
.cifrasHome .item .box h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6em;
    letter-spacing: 2px;
    margin: 10px 0 0 0;
}

/*- Home: Servicios principales -*/
.serviciosHome {
    display: inline-block;
    position: relative;
    background-color: #f0f3f5;
    width: 100%;
    margin: 30px 0;
}
.serviciosHome .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.serviciosHome .box .text {
    display: block;
    position: relative;
    float: right;
    width: 620px;
    padding: 50px 50px 0 0;
}
.serviciosHome .box .image {
    display: block;
    position: relative;
    float: right;
    width: 50%;
    height: 1110px;
}
.serviciosHome .box .image img {
    width: 100%;
    max-width: 100%;
}
.serviciosHome .box .text h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 3em;
    letter-spacing: 2px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    color: var(--orangered);
}
.serviciosHome .box .text p {
    margin: 20px 0 40px 0;
}
.serviciosHome .box .text .item {
    margin: 0 0 40px 0;
}
.serviciosHome .box .text .item img {
    height: 50px;
}
.serviciosHome .box .text .item p {
    margin: 10px 0 20px 0;
}
.serviciosHome .box .text .item a {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: var(--orangered);
    text-transform: uppercase;
    font-size: 1.4em;
    letter-spacing: 2px;
}
.serviciosHome .box .text .item a:hover {
    opacity: 0.75;
}

/*- Home: Voto electrónico -*/
.votoElectronicoHome {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0;
    padding: 30px 0;
}
.votoElectronicoHome .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.votoElectronicoHome h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 3em;
    letter-spacing: 2px;
    margin: 0 0 20px 0;
    padding: 0 0 0 11px;
}
.votoElectronicoHome .box .item {
    display: block;
    position: relative;
    float: left;
    width: 30%;
    margin: 0 5% 0 0;
}
.votoElectronicoHome .box .item + .item {
    display: block;
    position: relative;
    float: left;
    width: 30%;
    margin: 0 5% 0 0;
}
.votoElectronicoHome .box .item + .item + .item {
    display: block;
    position: relative;
    float: left;
    width: 30%;
    margin: 0;
}
.votoElectronicoHome .box .item .card {
    display: block;
    position: relative;
    width: 350px;
    margin: 0 auto;
    transition: .3s;
}
.votoElectronicoHome .box .item .card:hover {
    box-shadow: 5px 5px 24px 5px rgba(0,0,0,0.15);
}
.votoElectronicoHome .box .item .card .image {
    display: block;
    position: relative;
    width: 350px;
    height: 350px;
    background-color: var(--white);
}
.votoElectronicoHome .box .item .card .image img {
    width: 100%;
    max-width: 100%;
}
.votoElectronicoHome .box .item .card .text {
    display: block;
    position: relative;
    width: 350px;
    background-color: var(--white);
    padding: 30px;
}
.votoElectronicoHome .box .item .card .text h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
}
.votoElectronicoHome .box .item .card .text p {
    margin: 20px 0 20px 0;
    height: 130px;
}
.votoElectronicoHome .box .item .card .text a {
    height: 22px;
    display: flex;
    align-items: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em;
    letter-spacing: 2px;
    color: var(--blackblue);
}
.votoElectronicoHome .box .item .card .text a:hover {
    opacity: 0.75;
}
.votoElectronicoHome .box .item .card .text a svg {
    margin: 0 6px 0 0;
}

/*- Home: Somos -*/
.somosHome {
    display: inline-block;
    position: relative;
    background-color: var(--white);
    width: 100%;
    margin: 30px 0;
    padding: 60px 0;
}
.somosHome .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.somosHome .box .columnLeft {
    display: block;
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    margin: 16px 0 0 0;
}
.somosHome .box .columnRight {
    display: block;
    position: relative;
    float: left;
    width: 80%;
}
.somosHome .box .columnLeft a {
    display: inline;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 2px;
    font-weight: 700;
    background-color: var(--blackblue);
    color: var(--white);
    text-transform: uppercase;
    font-size: 1.2em;
    font-size: 1.4em;
    padding: 10px 20px;
}
.somosHome .box .columnLeft a:hover {
    opacity: 0.75;
}

/*- Home: Slider videos -*/
.videosHome {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0;
    padding: 30px 0;
}
.videosHome .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.videosHome .box #sliderVideosHome {
    display: block;
    width: 100%;
}
.videosHome .box #sliderVideosHome .item {
    display: block;
    width: 100%;
}
.videosHome .box #sliderVideosHome .item .image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
}
.videosHome .box #sliderVideosHome .item .image img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 9;
}
.videosHome .box #sliderVideosHome .item .image a {
    display: block;
    position: absolute;
    z-index: 99;
    width: 100%;
    margin: 0 auto;
    top: 35%;
}
.videosHome .box #sliderVideosHome .item .image a:hover {
    opacity: 0.75;
}
.videosHome .owl-dots{
    text-align: center;
    background-color:transparent;
    margin: 20px 0;
  }
.videosHome .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #b3b3b3;
    margin: 0 10px;
}
.videosHome .owl-dots button.owl-dot.active {
    background: var(--orangered);;
}

/*- Home: Dato específico -*/
.datoHome {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 30px 0;
    padding: 80px 0 120px 0;
}
.datoHome .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.datoHome .box .text {
    display: block;
    position: relative;
    float: left;
    width: 50%;
    padding: 0 100px;
}
.datoHome .box .text h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20em;
}

/*- Home: Nuestros clientes -*/
.clientesHome {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0;
    padding: 80px 0;
}
.clientesHome .box {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
}
.clientesHome .box h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    font-size: 3em;
    margin: 10px 0;
}
.clientesHome .box .item {
    width: 50%;
    margin: 0 auto;
}
.clientesHome .box .item p {
    font-family: 'Raleway', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 2em;
    color: var(--grey);
    margin: 20px 0;
}
.clientesHome .box .item img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin: 0 auto;
}
.clientesHome .box .item h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.8em;
    margin: 6px 0;
}
.clientesHome .box .item h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.4em;
    color: var(--grey);
}
.clientesHome .owl-dots{
    text-align: center;
    background-color:transparent;
    margin: 20px 0;
  }
  .clientesHome .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #b3b3b3;
    margin: 0 10px;
}
.clientesHome .owl-dots button.owl-dot.active {
    background: var(--orangered);
}

/*- Home: Blog -*/
.blogHome {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0 100px 0;
    padding: 30px 0;
}
.blogHome h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 3em;
    letter-spacing: 2px;
    margin: 0 0 20px 0;
}
.blogHome .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
/*artículo principal*/
article.principal {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 30px 0;
}
article.principal .card {
    display: block;
    position: relative;
    width: 100%;
    height: 512px;
    transition: .3s;
}
article.principal .card:hover {
    box-shadow: 5px 10px 20px rgba(0,0,0,0.15);
}
article.principal .card .image {
    display: block;
    position: relative;
    float: left;
    width: 770px;
    height: 512px;
    background-color: var(--white);
}
article.principal .card .image img {
    width: 100%;
    max-width: 100%;
}
article.principal .card .image a {
    display: block;
    position: absolute;
    z-index: 99;
    width: 100%;
    margin: 0 auto;
    top: 40%;
    text-align: center;
}
article.principal .card .image a svg {
    width: 100px;
    height: 100px;
}
article.principal .card .text {
    display: block;
    position: relative;
    float: left;
    width: 480px;
    height: 512px;
    padding: 40px;
    background-color: var(--white);
}
article.principal .card .text h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.8em;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
}
article.principal .card .text h2 a {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--blackblue);
}
article.principal .card .text .linea {
    display: block;
    width: 100px;
    height: 2px;
    background-color: var(--orangered);
}
article.principal .card .text p.fecha {
    text-transform: uppercase;
    color: var(--grey);
    font-size: 1.2em;
}
article.principal .card .text p {
    font-size: 1.4em;
    line-height: 2em;
    margin: 20px 0;
}
article.principal .card .text a.btn {
    height: 22px;
    display: flex;
    position: absolute;
    bottom: 50px;
    align-items: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em;
    letter-spacing: 2px;
    color: var(--blackblue);
}
article.principal .card .text a:hover {
    opacity: 0.75;
}
article.principal .card .text a svg {
    margin: 0 6px 0 0;
}
/* otros artículos */
article.other {
    display: block;
    position: relative;
    width: 610px;
    float: left;
    margin: 0 30px 30px 0;
}
article.other + article.other{
    display: block;
    position: relative;
    float: left;
    width: 610px;
    margin: 0 0 30px 0;
}
article.other + article.other + article.other{
    display: block;
    position: relative;
    width: 610px;
    float: left;
    margin: 0 30px 30px 0;
}
article.other + article.other + article.other + article.other{
    display: block;
    position: relative;
    float: left;
    width: 610px;
    margin: 0 0 30px 0;
}
article.other + article.other + article.other + article.other + article.other{
    display: block;
    position: relative;
    width: 610px;
    float: left;
    margin: 0 30px 30px 0;
}
article.other + article.other + article.other + article.other + article.other + article.other{
    display: block;
    position: relative;
    float: left;
    width: 610px;
    margin: 0 0 30px 0;
}
article.other + article.other + article.other + article.other + article.other + article.other + article.other{
    display: block;
    position: relative;
    width: 610px;
    float: left;
    margin: 0 30px 30px 0;
}
article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other{
    display: block;
    position: relative;
    float: left;
    width: 610px;
    margin: 0 0 30px 0;
}
article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other{
    display: block;
    position: relative;
    width: 610px;
    float: left;
    margin: 0 30px 30px 0;
}
article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other{
    display: block;
    position: relative;
    float: left;
    width: 610px;
    margin: 0 0 30px 0;
}





article.other .card {
    display: block;
    position: relative;
    width: 100%;
    height: 380px;
    transition: .3s;
}
article.other .card:hover {
    box-shadow: 5px 10px 20px rgba(0,0,0,0.15);
}
article.other .card .image {
    display: block;
    position: relative;
    float: left;
    width: 380px;
    height: 380px;
    background-color: var(--white);
}
article.other .card .image img {
    width: 100%;
    max-width: 100%;
}
article.other .card .text {
    display: block;
    position: relative;
    float: left;
    width: 230px;
    height: 380px;
    padding: 20px;
    background-color: var(--white);
}
article.other .card .text h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
}
article.other .card .text h2 a {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--blackblue);
}
article.other .card .text p.fecha {
    text-transform: uppercase;
    color: var(--grey);
    font-size: 1.2em;
    position: absolute;
    bottom: 50px;
}
article.other .card .text p {
    font-size: 1.4em;
    line-height: 2em;
    margin: 20px 0;
}
article.other .card .text a.btn {
    height: 22px;
    display: flex;
    position: absolute;
    bottom: 20px;
    align-items: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em;
    letter-spacing: 2px;
    color: var(--blackblue);
}
article.other .card .text a:hover {
    opacity: 0.75;
}
article.other .card .text a svg {
    margin: 0 6px 0 0;
}

/*5. ------ Seguridad electoral --------*/

.headerSecciones {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    background-color: var(--blackblue);
}
/* backgrounds */
.headerSecciones h1 {
    color: var(--white);
    text-transform: uppercase;
    font-size: 3.6em;
    width: 400px;
    margin: 0 0 20px 0;
}
.headerSecciones h1 span {
    color: var(--orangered);
}
.contenidoSecciones {
    display: inline-block;
    position: relative;
    width: 100%;
}
.contenidoSecciones .topContenido {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 30px 0;
}
.contenidoSecciones .topContenido .columnLeft {
    display: block;
    position: relative;
    width: 65%;
    float: left;
    margin-right: 5%;
}
.contenidoSecciones .topContenido .columnRight {
    display: block;
    position: relative;
    width: 30%;
    float: left;
}
.contenidoSecciones .topContenido .columnLeft h2 {
    color: var(--blackblue);
    text-transform: uppercase;
    font-size: 3em;
    letter-spacing: 4px;
    width: 70%;
}
.contenidoSecciones .topContenido .columnLeft p {
    padding: 20px 0;
}
.contenidoSecciones .topContenido .columnLeft p b {
    font-weight: 700;
}
.contenidoSecciones .topContenido .columnRight form {
    margin: 0 0 10px 0;
}
.contenidoSecciones .topContenido .columnRight form .categoriasSeguridadElectoral {
    display: block;
}
.contenidoSecciones .topContenido .columnRight form .categoriasSeguridadElectoral select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background-image: none;
}
.contenidoSecciones .topContenido .columnRight form .categoriasSeguridadElectoral select::-ms-expand {
    display: none;
}
.contenidoSecciones .topContenido .columnRight form .categoriasSeguridadElectoral {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    border: 2px solid var(--orangered);
    border-radius: 4px;
}
.contenidoSecciones .topContenido .columnRight form .categoriasSeguridadElectoral select {
    flex: 1;
    padding: 20px 10px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: var(--blackblue);
    text-transform: uppercase;
    cursor: pointer;
    border: 2px solid var(--orangered);
    border-radius: 4px;
}
.contenidoSecciones .topContenido .columnRight form .categoriasSeguridadElectoral::after {
    content: '▼';
    position: absolute;
    color: var(--blackblue);
    top: 22px;
    right: 0;
    padding: 0 1em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
.contenidoSecciones .topContenido .columnRight a {
    background-color: var(--blackblue);
    display: block;
    position: relative;
    color: var(--white);
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 1.6em;
    padding: 20px 0;
    border-radius: 4px;
}
.contenidoSecciones .topContenido .columnRight a svg {
    position: absolute;
    right: 20px;
    width: 30px;
    top: 8px;
    fill: var(--orangered);
}
.contenidoSecciones .topContenido .columnRight a:hover {
    opacity: 0.75;
}
.contenidoSecciones .cuerpoContenido {
    display: block;
    position: relative;
}
.contenidoSecciones .cuerpoContenido h2 {
    color: var(--blackblue);
    text-transform: uppercase;
    font-size: 3em;
    letter-spacing: 4px;
    width: 50%;
    margin: 0 0 10px 0;
}
.contenidoSecciones .cuerpoContenido .box {
    display: inline-block;
    position: relative;
    background-color: white;
    width: 100%;
    padding: 30px 60px;
    margin: 20px 0 30px 0;
}
.contenidoSecciones .cuerpoContenido .box b {
    font-weight: 700;
}
.contenidoSecciones .cuerpoContenido .box p {
    margin: 0 0 30px 0;
}
.contenidoSecciones .cuerpoContenido .box a {
    color: var(--orangered);
}
.contenidoSecciones .cuerpoContenido .box a:hover {
    opacity: 0.75;
}
.contenidoSecciones .cuerpoContenido .box h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 4px;
    color: var(--blackblue);
    margin: 0 0 10px 0;
}
.contenidoSecciones .cuerpoContenido .box ul {
    margin: 0 0 30px 40px;
    list-style: none;
}
.contenidoSecciones .cuerpoContenido .box ol {
    margin: 0 0 20px 40px;
}
.contenidoSecciones .cuerpoContenido .box ul li,
.contenidoSecciones .cuerpoContenido .box ol li {
    color: var(--blackblue);
    font-size: 1.6em;
    margin: 0 0 10px 0;
}
.contenidoSecciones .cuerpoContenido .box ul li::before {
    content: "•";
    color: var(--orangered);
    margin-right: 10px;
    font-weight: 900;
    font-family: 'Open Sans', sans-serif;
}
.contenidoSecciones .cuerpoContenido .box .linea {
    display: block;
    height: 8px;
    width: 100px;
    background-color: var(--orangered);
    position: absolute;
    left: 0;
    top: -8px;
}
.contenidoSecciones .cuerpoContenido .box .item {
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
}
.contenidoSecciones .cuerpoContenido .box .item .image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
}
.contenidoSecciones .cuerpoContenido .box .item .image img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 9;
}
.contenidoSecciones .cuerpoContenido .box .item .image a {
    display: block;
    position: absolute;
    z-index: 99;
    width: 100%;
    margin: 0 auto;
    top: 35%;
}
.contenidoSecciones .cuerpoContenido .box .item .image a:hover {
    opacity: 0.75;
}
/* videos de autentificación */
.contenidoSecciones .cuerpoContenido .videosAutentificacion {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 10px 0 50px 0;
}
.contenidoSecciones .cuerpoContenido .videosAutentificacion .item {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 0 0;
    float: left;
    height: 100px;
    transition: .3s;
}
.contenidoSecciones .cuerpoContenido .videosAutentificacion .item:hover {
    transform: scale(1.05);
}
.contenidoSecciones .cuerpoContenido .videosAutentificacion .item + .item {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 0 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .videosAutentificacion .item + .item + .item {
    display: block;
    position: relative;
    width: 30%;
    margin: 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .videosAutentificacion .item a {
    display: inline-block;
    cursor: pointer;
}
.contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnLeft {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    width: 80%;
    float: left;
    height: 100px;
    border: 1px solid var(--blackblue);
    padding: 20px;
    border-radius: 4px 0 0 4px;
}
.contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnRight {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 20%;
    float: left;
    height: 100px;
    background-color: var(--blackblue);
    border-radius: 0 4px 4px 0;
}
.contenidoSecciones .cuerpoContenido .videosAutentificacion .item h2 {
    display: inline-block;
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 2px;
    color: var(--blackblue);
    margin: 0;
    width: 100%;
}
.contenidoSecciones .cuerpoContenido .videosAutentificacion .item p {
    display: inline-block;
    position: relative;
    width: 100%;
}
.contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnRight .circulo {
    width: 50px;
    height: 50px;
    background-color: var(--white);
    border-radius: 50%;
    text-align: center;
}
.contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnRight .circulo svg {
    fill: var(--orangered);
    width: 30px;
    height: 30px;
    margin: 9px 0 0px 5px;
}
/* Home: Seguridad electoral */
.headerSecciones.seguridadElectoral {
    height: 400px;
}
.headerSecciones.seguridadElectoral h1 {
    width: 500px;
    padding: 0 0 0 50px;
}
.headerSecciones.seguridadElectoral p {
    width: 600px;
    padding: 0 0 0 50px;
    color: var(--white);
    margin: 0 0 20px 0;
}
.headerSecciones.seguridadElectoral svg {
    margin: 0 0 0 50px;
}
.serviciosSecretoDelVoto{
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 50px 0 80px 0;
}
.serviciosSecretoDelVoto .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.serviciosSecretoDelVoto .box .text {
    display: block;
    position: relative;
    float: right;
    width: 620px;
}
.serviciosSecretoDelVoto .box .image {
    display: block;
    position: relative;
    float: right;
    width: 50%;
    height: 586px;
}
.serviciosSecretoDelVoto .box .image img {
    width: 100%;
    max-width: 100%;
}
.serviciosSecretoDelVoto .box .text .top {
    padding: 50px 50px 0 50px;
}
.serviciosSecretoDelVoto .box .text .top h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 3.2em;
    letter-spacing: 4px;
    margin: 0 0 20px 0;
    padding: 0px 0 0 100px;
    text-transform: uppercase;
}
.serviciosSecretoDelVoto .box .text .top h2 svg {
    position: absolute;
    left: 50px;
}
.serviciosSecretoDelVoto .box .text .top .linea {
    display: block;
    width: 150px;
    height: 2px;
    background-color: var(--orangered);
}
.serviciosSecretoDelVoto .box .text .top p {
    margin: 20px 0 20px 0;
}
.serviciosSecretoDelVoto .box .text .top .boton {
    display: block;
    position: relative;
    text-align: right;
    margin: 30px 0 0 0;
    padding: 150px 0 0 0;
}
.serviciosSecretoDelVoto .box .text .top .boton a {
    display: inline;
    background-color: var(--orangered);
    color: var(--white);
    padding: 10px 40px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    letter-spacing: 2px;
    font-weight: 700;
}
.serviciosSecretoDelVoto .box .text .top .boton a:hover {
    opacity: 0.75;
}
.serviciosAutentificacion {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 30px 0;
}
.serviciosAutentificacion .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.serviciosAutentificacion .box .text {
    display: block;
    position: relative;
    float: left;
    width: 620px;
}
.serviciosAutentificacion .box .image {
    display: block;
    position: relative;
    float: left;
    width: 50%;
    height: 586px;
}
.serviciosAutentificacion .box .image img {
    width: 100%;
    max-width: 100%;
}
.serviciosAutentificacion .box .text .top {
    padding: 50px 0 0 100px;
    text-align: right;
}
.serviciosAutentificacion .box .text .top h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 3.2em;
    letter-spacing: 4px;
    margin: 0 0 20px 0;
    padding: 0 100px 0 0;
    text-transform: uppercase;
}
.serviciosAutentificacion .box .text .top h2 svg {
    position: absolute;
    right: 0px;
}
.serviciosAutentificacion .box .text .top .linea {
    display: block;
    width: 150px;
    height: 2px;
    background-color: var(--orangered);
    float: right;
}
.serviciosAutentificacion .box .text .top p {
    margin: 20px 0 40px 0;
    display: inline-block;
}
.serviciosAutentificacion .box .text .top .boton {
    display: block;
    position: relative;
    text-align: right;
    margin: 30px 0 0 0;
    padding: 150px 0 0 0;
}
.serviciosAutentificacion .box .text .top .boton a {
    display: inline;
    background-color: var(--orangered);
    color: var(--white);
    padding: 10px 40px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    letter-spacing: 2px;
    font-weight: 700;
}
.serviciosAutentificacion .box .text .top .boton a:hover {
    opacity: 0.75;
}
.serviciosProtocolos {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 30px 0;
    padding: 100px 0 100px 0;
}
.serviciosProtocolos .box {
    float: right;
    width: 50%;
}
.serviciosProtocolos .box .text {
    display: block;
    text-align: right;
}
.serviciosProtocolos .box .text .top h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: var(--white);
    font-size: 3.2em;
    letter-spacing: 4px;
    margin: 0 0 20px 0;
    padding: 0;
    text-transform: uppercase;
}
.serviciosProtocolos .box .text .top h2 svg {
    position: absolute;
    right: 0px;
}
.serviciosProtocolos .box .text .top .linea {
    display: block;
    width: 150px;
    height: 2px;
    background-color: var(--orangered);
    float: right;
    margin: 0 0 20px 0;
}
.serviciosProtocolos .box .text .top p {
    color: var(--white);
    display: inline-block;
    margin: 0 0 20px 0;
}
.serviciosProtocolos .box .text .top ul,
.serviciosProtocolos .box .text .top ol {
    margin: 0 0 30px 40px;
    list-style: none;
}
.serviciosProtocolos .box .text .top ul li,
.serviciosProtocolos .box .text .top ol li {
    color: var(--white);
    font-size: 1.6em;
    margin: 0 0 10px 0;
}
.serviciosProtocolos .box .text .top .boton {
    display: block;
    position: relative;
    text-align: right;
    margin: 30px 0 0 0;
    padding: 50px 0 0 0;
}
.serviciosProtocolos .box .text .top .boton a {
    display: inline;
    background-color: var(--orangered);
    color: var(--white);
    padding: 10px 40px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    letter-spacing: 2px;
    font-weight: 700;
}
.serviciosProtocolos .box .text .top .boton a:hover {
    opacity: 0.75;
}
.serviciosPrivacidad{
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 80px 0;
}
.serviciosPrivacidad .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.serviciosPrivacidad .box .text {
    display: block;
    position: relative;
    float: right;
    width: 620px;
}
.serviciosPrivacidad .box .image {
    display: block;
    position: relative;
    float: right;
    width: 50%;
    height: 586px;
}
.serviciosPrivacidad .box .image img {
    width: 100%;
    max-width: 100%;
}
.serviciosPrivacidad .box .text .top {
    padding: 30px 50px 0 50px;
}
.serviciosPrivacidad .box .text .top h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 3.2em;
    letter-spacing: 4px;
    margin: 0 0 20px 0;
    padding: 0px 0 0 100px;
    text-transform: uppercase;
}
.serviciosPrivacidad .box .text .top h2 svg {
    position: absolute;
    left: 50px;
}
.serviciosPrivacidad .box .text .top .linea {
    display: block;
    width: 150px;
    height: 2px;
    background-color: var(--orangered);
}
.serviciosPrivacidad .box .text .top p {
    margin: 20px 0 20px 0;
}
.serviciosPrivacidad .box .text .top ul {
    margin: 0 0 20px 0;
}
.serviciosPrivacidad .box .text .top ul li {
    color: var(--blackblue);
    font-size: 1.6em;
    margin: 0 0 10px 0;
}
.serviciosPrivacidad .box .text .top .boton {
    display: block;
    position: relative;
    text-align: right;
    margin: 30px 0 0 0;
    padding: 0;
}
.serviciosPrivacidad .box .text .top .boton a {
    display: inline;
    background-color: var(--orangered);
    color: var(--white);
    padding: 10px 40px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    letter-spacing: 2px;
    font-weight: 700;
}
.serviciosPrivacidad .box .text .top .boton a:hover {
    opacity: 0.75;
}



















.serviciosSeguridadInformatica {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 80px 0;
}
.serviciosSeguridadInformatica .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.serviciosSeguridadInformatica .box .text {
    display: block;
    position: relative;
    float: left;
    width: 620px;
}
.serviciosSeguridadInformatica .box .image {
    display: block;
    position: relative;
    float: left;
    width: 50%;
    height: 586px;
}
.serviciosSeguridadInformatica .box .image img {
    width: 100%;
    max-width: 100%;
}
.serviciosSeguridadInformatica .box .text .top {
    padding: 50px 0 0 100px;
    text-align: right;
}
.serviciosSeguridadInformatica .box .text .top h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 3.2em;
    letter-spacing: 4px;
    margin: 0 0 20px 0;
    padding: 0 100px 0 0;
    text-transform: uppercase;
}
.serviciosSeguridadInformatica .box .text .top h2 svg {
    position: absolute;
    right: 0px;
}
.serviciosSeguridadInformatica .box .text .top .linea {
    display: block;
    width: 150px;
    height: 2px;
    background-color: var(--orangered);
    float: right;
}
.serviciosSeguridadInformatica .box .text .top p {
    margin: 20px 0 20px 0;
    display: inline-block;
}
.serviciosSeguridadInformatica .box .text .top ul {
    margin: 0 0 30px 40px;
    list-style: none;
}
.serviciosSeguridadInformatica .box .text .top ul li {
    color: var(--blackblue);
    font-size: 1.6em;
    margin: 0 0 10px 0;
}
.serviciosSeguridadInformatica .box .text .top ul li:before {
    content: "•";
    color: var(--orangered);
    margin-right: 10px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
}
.serviciosSeguridadInformatica .box .text .top .boton {
    display: block;
    position: relative;
    text-align: right;
    margin: 30px 0 0 0;
    padding: 40px 0 0 0;
}
.serviciosSeguridadInformatica .box .text .top .boton a {
    display: inline;
    background-color: var(--orangered);
    color: var(--white);
    padding: 10px 40px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    letter-spacing: 2px;
    font-weight: 700;
}
.serviciosSeguridadInformatica .box .text .top .boton a:hover {
    opacity: 0.75;
}

/*6. ------ Nosotros --------*/

/* backgrounds */
.contenidoSecciones .topContenido.somos h2 {
    color: var(--blackblue);
    text-transform: uppercase;
    font-size: 3em;
    letter-spacing: 4px;
    margin: 0 0 10px 0;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 0 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 0 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 0 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 0 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 0 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 0 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 0 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
    display: block;
    position: relative;
    width: 30%;
    margin: 0 5% 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
    display: block;
    position: relative;
    width: 30%;
    margin: 0 0 60px 0;
    float: left;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo.descripcion {
    height: 510px;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo .boxIntegrante {
    text-align: center;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo img {
    width: 200px;
    border-radius: 50%;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo .boxIntegrante h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6em;
    letter-spacing: 2px;
    margin: 10px 0 0 0;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo .boxIntegrante h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 1px;
    margin: 4px 0 0 0;
}
.contenidoSecciones .cuerpoContenido .box .itemEquipo .boxIntegrante p {
    margin: 10px 0 0 0;
    text-align: left;
}
/* Frase de equipo */
.contenidoSecciones .fraseEquipo {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 30px 0;
    padding: 250px 0 250px 0;
}
.contenidoSecciones .fraseEquipo .text {
    display: block;
    position: relative;
    float: right;
    width: 60%;
    padding: 0 0 0 100px;
}
.contenidoSecciones .fraseEquipo .text p {
    text-align: left;
    color: var(--white);
    font-size: 3em;
}
/* historia */
.contenidoSecciones .itemVideo {
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
}
.contenidoSecciones .itemVideo .image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
}
.contenidoSecciones .itemVideo .image a {
    display: block;
    position: absolute;
    z-index: 99;
    width: 100%;
    margin: 0 auto;
    top: 35%;
}
.contenidoSecciones .itemVideo .image img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 9;
}
.contenidoSecciones .itemVideo .image a svg {
    width: 100px;
}
.contenidoSecciones .cuerpoContenido.historia .box {
    margin: 20px 0 0 0;
}
.cifrasHome.historia {
    margin: 0;
}
.contenidoSecciones.historia .botones {
    display: inline-block;
    width: 100%;
}
.contenidoSecciones.historia .botones .columnLeft {
    display: block;
    position: relative;
    width: 64%;
    float: left;
    margin-right: 1%;
}
.contenidoSecciones.historia .botones .columnRight {
    display: block;
    position: relative;
    width: 35%;
    float: left;
}
.contenidoSecciones.historia .botones .columnLeft a {
    background-color: var(--white);
    display: block;
    position: relative;
    color: var(--blackblue);
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 1.6em;
    padding: 20px 0;
    border-radius: 4px;
}
.contenidoSecciones.historia .botones .columnLeft a:hover {
    opacity: 0.75;
}
.contenidoSecciones.historia .botones .columnRight a {
    background-color: var(--blackblue);
    display: block;
    position: relative;
    color: var(--white);
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 1.6em;
    padding: 20px 0;
    border-radius: 4px;
}
.contenidoSecciones.historia .botones .columnRight a:hover {
    opacity: 0.75;
}
.contenidoSecciones.historia .botones .columnRight a svg {
    position: absolute;
    right: 20px;
    width: 30px;
    top: 8px;
    fill: var(--orangered);
}


/*7. ------ Plataformas --------*/

/*header*/
.headerSecciones.serviciosPlataformas {
    height: 400px;
}
.headerSecciones.serviciosPlataformas p {
    width: 600px;
    padding: 0 0 0 50px;
    color: var(--white);
    margin: 0 0 20px 0;
    text-transform: uppercase;
}
.headerSecciones.serviciosPlataformas img {
    margin: 0 0 20px 0;
    padding: 0 0 0 50px;
}
.headerSecciones.serviciosPlataformas svg {
    margin: 0 0 0 50px;
}
/*caracteristicas*/
.caracteristicasPlataformas {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 50px 0 50px 0;
}
.caracteristicasPlataformas .box {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 50px 0;
}
.caracteristicasPlataformas .box .text {
    display: block;
    position: relative;
    width: 620px;
}
.caracteristicasPlataformas .box .image {
    display: block;
    position: relative;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 586px;
}
.caracteristicasPlataformas .box .text .titulo {
    padding: 40px 0 20px 0;
    height: 178px;
}
.caracteristicasPlataformas .box .text .titulo h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2.4em;
    line-height: 1.4em;
    letter-spacing: 6px;
}
.caracteristicasPlataformas .box .text .titulo h2 span {
    color: var(--orangered);
}
.caracteristicasPlataformas .box .text .parrafo {
    background-color: var(--blackblue);
    padding: 100px 50px 50px 50px;
    height: 408px;
}
.caracteristicasPlataformas .box .text .parrafo p {
    color: var(--white);
}
.caracteristicasPlataformas .box .text .parrafo ul,
.caracteristicasPlataformas .box .text .parrafo ol {
    margin: 0 0 0 20px;
    list-style: none;
}
.caracteristicasPlataformas .box .text .parrafo ul li,
.caracteristicasPlataformas .box .text .parrafo ol li {
    color: var(--white);
    font-size: 1.6em;
    margin: 0 0 10px 0;
}
.caracteristicasPlataformas .box .text .parrafo ul li:before,
.caracteristicasPlataformas .box .text .parrafo ol li:before {
    content: "•";
    color: var(--orangered);
    margin-right: 10px;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
}
.caracteristicasPlataformas .box.rightImage .image {
    float: right;
}
.caracteristicasPlataformas .box.rightImage .text {
    float: right;
}
.caracteristicasPlataformas .box.leftImage .image {
    float: left;
}
.caracteristicasPlataformas .box.leftImage .text {
    float: left;
}
.caracteristicasPlataformas .box.leftImage .text .titulo h2 {
    padding: 0 0 0 30px;
}
/*cifras*/
.cifrasPlataformas {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 50px 0;
}
.cifrasPlataformas h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2.6em;
    line-height: 1.4em;
    letter-spacing: 6px;
    text-align: center;
    margin: 0 50px 50px 0;
}
.cifrasPlataformas h2 span {
    color: var(--orangered);
}
.cifrasPlataformas .box {
    display: block;
    position: relative;
    width: 70%;
    margin: 0 auto;
}
.cifrasPlataformas .box .item {
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 2% 0 0;
    background-color: var(--white);
    border-radius: 4px;
}
.cifrasPlataformas .box .item + .item{
    width: 32%;
    margin: 0 2% 0 0;
}
.cifrasPlataformas .box .item + .item + .item{
    width: 32%;
    margin: 0;
}
.cifrasPlataformas .box .item .top {
    background-color: var(--blackblue);
    text-align: center;
    padding: 20px;
    border-radius: 4px 4px 0 0;
}
.cifrasPlataformas .box .item .top p {
    font-size: 4em;
    color: var(--orangered);
    margin: 0 0 10px 0;
}
.cifrasPlataformas .box .item .top .linea {
    display: block;
    background-color: var(--orangered);
    height: 1px;
    width: 80px;
    margin: 0 auto;
}
.cifrasPlataformas .box .item .bottom {
    display: block;
    text-align: left;
    padding: 20px;
    height: auto;
}
/*más catacterísticas*/
.masCaracteristicasPlataformas {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 50px 0;
}
.masCaracteristicasPlataformas .top {
    background-color: var(--white);
    text-align: center;
}
.masCaracteristicasPlataformas .top h2 {
    display: block;
    background-color: var(--orangered);
    padding: 14px 50px;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2em;
    width: 300px;
    margin: 0 auto;
}
.masCaracteristicasPlataformas .top p {
    font-size: 2.2em;
    padding: 20px 0;
}
.masCaracteristicasPlataformas .contenido {
    margin: 80px 0 0 0;
}
.masCaracteristicasPlataformas .contenido h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.6em;
    line-height: 1.4em;
    margin: 0 500px 0 0;
    color: var(--orangered);
}
.masCaracteristicasPlataformas .contenido h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2.6em;
    line-height: 1.4em;
    margin: 0 500px 0 0;
}
/*card*/
.masCaracteristicasPlataformas .contenido .box {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0;
}
.masCaracteristicasPlataformas .contenido .box .item {
    display: block;
    position: relative;
    float: left;
    width: 30%;
    margin: 0 5% 0 0;
}
.masCaracteristicasPlataformas .contenido .box .item + .item {
    display: block;
    position: relative;
    float: left;
    width: 30%;
    margin: 0 5% 30px 0;
}
.masCaracteristicasPlataformas .contenido .box .item + .item + .item {
    display: block;
    position: relative;
    float: left;
    width: 30%;
    margin: 0;
}
.masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item {
    display: block;
    position: relative;
    float: left;
    width: 30%;
    margin: 0 5% 0 0;
}
.masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item {
    display: block;
    position: relative;
    float: left;
    width: 30%;
    margin: 0 5% 0 0;
}
.masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item + .item {
    display: block;
    position: relative;
    float: left;
    width: 30%;
    margin: 0;
}
.masCaracteristicasPlataformas .contenido .box .item .card {
    display: block;
    position: relative;
    width: 350px;
    margin: 0 auto;
    transition: .3s;
}
.masCaracteristicasPlataformas .contenido .box .item .card .image {
    display: block;
    position: relative;
    width: 350px;
    height: 350px;
    background-color: var(--white);
}
.masCaracteristicasPlataformas .contenido .box .item .card .image img {
    width: 100%;
    max-width: 100%;
}
.masCaracteristicasPlataformas .contenido .box .item .card .text {
    display: block;
    position: relative;
    width: 350px;
    background-color: var(--white);
    padding: 30px;
}
.masCaracteristicasPlataformas .contenido .box .item .card .text h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6em;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    height: 26px;
}
.masCaracteristicasPlataformas .contenido .box .item .card .text p {
    margin: 20px 0 20px 0;
    height: 100px;
}
/*videos*/
.videosHome .box .videos {
    display: block;
    width: 100%;
}
.videosHome .box .videos .item {
    display: block;
    width: 100%;
}
.videosHome .box .videos .item .image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
}
.videosHome .box .videos .item .image img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 9;
}
.videosHome .box .videos .item .image a {
    display: block;
    position: absolute;
    z-index: 99;
    width: 100%;
    margin: 0 auto;
    top: 35%;
}
.videosHome .box .videos .item .image a:hover {
    opacity: 0.75;
}
/*servicio global*/
.servicioGlobal {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 30px 0;
    padding: 80px 0;
}
.servicioGlobal .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.servicioGlobal .box .left {
    display: block;
    float: left;
    width: 50%;
}
.servicioGlobal .box .left img {
    width: 400px;
    margin: 80px 0 0 0;
}
.servicioGlobal .box .right {
    display: block;
    float: left;
    width: 50%;
}
.servicioGlobal .box .right .text {
    background-color: var(--blackblue);
    padding: 50px;
    text-align: right;
}
.servicioGlobal .box .right .text h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2.6em;
    line-height: 1.4em;
    color: var(--orangered);
    letter-spacing: 8px;
    margin: 0 0 20px 0;
    text-align: right;
}
.servicioGlobal .box .right .text p {
    color: var(--white);
    margin: 0 0 20px 0;
    text-align: right;
}
.servicioGlobal .box .right .text a {
    color: var(--orangered);
}
.servicioGlobal .box .right .text a:hover {
    opacity: 0.75;
}
.servicioGlobal .box .right .text .boton {
    display: block;
    width: 100%;
    text-align: right;
    margin: 40px 0 0 0;
}
.servicioGlobal .box .right .text .boton a {
    display: inline;
    background-color: var(--orangered);
    color: var(--white);
    padding: 10px 40px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    letter-spacing: 2px;
    font-weight: 700;
}
.servicioGlobal .box .right .text .boton a:hover {
    opacity: 0.75;
}
.servicioGlobal .box .right img {
    width: 200px;
}
/*clientes*/
.clientesHome .titulo {
    display: inline-block;
    width: 100%;
}
.clientesHome .titulo h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2.6em;
    line-height: 1.4em;
    letter-spacing: 6px;
    text-align: center;
    margin: 0 50px 50px 0;
}
/*beneficios*/
.beneficiosPlataformas {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 60px 0 30px 0;
}
.beneficiosPlataformas .box {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: -6px;
}
.beneficiosPlataformas .container h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 3em;
    line-height: 1.4em;
    letter-spacing: 4px;
    margin: 0 50px 50px 0;
    color: var(--blackblue);
}
.beneficiosPlataformas .container h2 span {
    color: var(--orangered);
}
.beneficiosPlataformas .box .text {
    display: block;
    position: relative;
    float: left;
    width: 620px;
}
.beneficiosPlataformas .box .image {
    display: block;
    position: relative;
    float: left;
    width: 50%;
    height: 300px;
}
.beneficiosPlataformas .box .image img {
    width: 100%;
    max-width: 100%;
}
.beneficiosPlataformas .box .text .top {
    padding: 50px 0 0 50px;
    text-align: left;
}
.beneficiosPlataformas .box .text .top h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 2.6em;
    letter-spacing: 4px;
    margin: 0 0 20px 0;
    padding: 0 100px 0 0;
    text-transform: uppercase;
}
.beneficiosPlataformas .box .text .top h2 svg {
    position: absolute;
    right: 0px;
}
.beneficiosPlataformas .box .text .top .linea {
    display: block;
    width: 150px;
    height: 2px;
    background-color: var(--orangered);
    float: left;
}
.beneficiosPlataformas .box .text .top p {
    margin: 20px 0 40px 0;
    display: inline-block;
}
.beneficiosPlataformas .box .text .top .boton {
    display: block;
    position: relative;
    text-align: right;
    margin: 30px 0 0 0;
    padding: 150px 0 0 0;
}
.beneficiosPlataformas .box .text .top .boton a {
    display: inline;
    background-color: var(--orangered);
    color: var(--white);
    padding: 10px 40px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    letter-spacing: 2px;
    font-weight: 700;
}
.beneficiosPlataformas .box .text .top .boton a:hover {
    opacity: 0.75;
}
/*Home plataformas*/
.homePlataformas .headerSecciones.serviciosPlataformas {
    height: 100vh;
}
.homePlataformas .headerSecciones.serviciosPlataformas .box {
    display: block;
    width: 540px;
    background-color: rgba(6, 18, 38, 0.95);
    text-align: center;
    margin: 0 auto;
    padding: 30px;
    border-radius: 6px;
}
.homePlataformas .headerSecciones.serviciosPlataformas .box img {
    width: 400px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 20px;
}
.homePlataformas .headerSecciones.serviciosPlataformas .box h1 {
    text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;
    text-transform: unset;
    font-size: 5em;
}
.homePlataformas .headerSecciones.serviciosPlataformas svg {
    margin: 20px 0 0 0;
}
.homePlataformas .caracteristicasPlataformas .tituloServicios {
    display: block;
    margin-bottom: 40px;
}
.homePlataformas .caracteristicasPlataformas .tituloServicios h2 {
    font-size: 3em;
    margin: 0 0 10px 0;
    width: 50%;
}
.homePlataformas .caracteristicasPlataformas .tituloServicios p {
    width: 50%;
}
.homePlataformas .caracteristicasPlataformas .box {
    background-color: #efefef;
}
.homePlataformas .caracteristicasPlataformas .box .text .titulo {
    height: 246px;
}
.homePlataformas .caracteristicasPlataformas .box .text .parrafo {
    height: 340px;
    padding: 30px;
}
.homePlataformas .caracteristicasPlataformas .box.rightImage .text .titulo {
    padding: 40px 30px 20px 0; 
}
.homePlataformas .caracteristicasPlataformas .box.leftImage .text .titulo {
    padding: 40px 0 20px 30px; 
}
.homePlataformas .caracteristicasPlataformas .box .text .titulo p {
    margin: 10px 0 0 0;
}
.homePlataformas .caracteristicasPlataformas .box .text .parrafo h3 {
    color: var(--white);
    text-transform: uppercase;
    font-size: 2em;
}
.homePlataformas .caracteristicasPlataformas .box .text .parrafo .linea {
    display: block;
    height: 1px;
    width: 100px;
    background-color: var(--orangered);
    margin: 10px 0;
}
.homePlataformas .caracteristicasPlataformas .box .text .parrafo a.btn {
    color: white;
    font-size: 1.6em;
    border: 1px solid var(--orangered);
    padding: 10px 20px;
    border-radius: 5px;
    float: right;
    margin: 20px 0 0 0;
}
.homePlataformas .caracteristicasPlataformas .box .text .parrafo a.btn:hover {
    opacity: 0.75;
}

/*8. ------ Sucede ahora --------*/

/*blog*/
.blog .headerSecciones.serviciosPlataformas {
    height: 250px;
}
.blog .headerSecciones h1 {
    color: var(--white);
    text-transform: uppercase;
    font-size: 3.6em;
    width: 400px;
    margin: 0 0 20px 50px;
}
.blog .paginador {
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.blog .paginador ul {
    text-align: center;
}
.blog .paginador ul li {
    font-family: 'Raleway', sans-serif;
    display: inline-block;
    color: var(--blackblue);
    font-size: 2em;
    padding: 10px 18px;
    cursor: pointer;
    border: 1px solid var(--orangered);
    border-radius: 5px;
    margin: 0 4px;
}
.blog .paginador ul li:hover {
    opacity: 0.75;
}
.blog .paginador ul li.activo {
    font-weight: 700;
}
/*clientes*/
.clientesHablan {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0 100px 0;
    padding: 30px 0;
}
.clientesHablan h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 3em;
    letter-spacing: 2px;
    margin: 0 0 20px 0;
}
.clientesHablan p {
    margin: 0 0 20px 0;
}
.clientesHablan .boxOpiniones {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0;
}
.clientesHablan .boxOpiniones .item {
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 2% 50px 0;
}
.clientesHablan .boxOpiniones .item + .item {
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 2% 50px 0;
}
.clientesHablan .boxOpiniones .item + .item + .item {
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 0 50px 0;
}
.clientesHablan .boxOpiniones .item + .item + .item + .item{
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 2% 50px 0;
}
.clientesHablan .boxOpiniones .item + .item + .item + .item + .item {
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 2% 50px 0;
}
.clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item {
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 0 50px 0;
}
.clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item{
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 2% 50px 0;
}
.clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item {
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 2% 50px 0;
}
.clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item {
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 0 50px 0;
}
.clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 2% 50px 0;
}
.clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 2% 50px 0;
}
.clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
    display: block;
    position: relative;
    width: 32%;
    float: left;
    margin: 0 0 50px 0;
}
.clientesHablan .boxOpiniones .item .image {
    display: block;
    text-align: center;
    z-index: 99;
}
.clientesHablan .boxOpiniones .item .image img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    z-index: 99;
}
.clientesHablan .boxOpiniones .item .contenido {
    display: block;
    position: relative;
    background-color: var(--white);
    height: 380px;
    padding: 50px 30px 30px 30px;
    margin-top: -30px;
    z-index: -1;
}
.clientesHablan .boxOpiniones .item .contenido h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 2em;
}
.clientesHablan .boxOpiniones .item .contenido h4 {
    color: var(--blackblue);
    font-size: 1.4em;
    font-weight: 700;
    margin: 0 0 20PX 0;
}
.clientesHablan .boxOpiniones .item a {
    display: block;
    width: 100%;
    text-align: center;
    background-color: var(--blackblue);
    padding: 14px 0;
    color: var(--white);
    font-size: 1.6em;
}
.clientesHablan .boxOpiniones .item a:hover {
    opacity: 0.75;
}
/*medios*/
#sliderMedios {
    display: inline-block;
    position: relative;
    width: 100%;
}
#sliderMedios .item {
    display: inline-block;
    position: relative;
    width: 100%;
}
#sliderMedios .item .top {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: var(--white);
    text-align: center;
    padding: 20px;
}
#sliderMedios .item .bottom {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: var(--blackblue);
    padding: 20px 60px;
}
#sliderMedios .item .bottom h2 {
    color: var(--white);
    font-size: 1.8em;
    line-height: 1.4em;
    margin: 0 0 10px 0;
}
#sliderMedios .item .bottom p {
    color: var(--white);
}
#sliderMedios .item .bottom .boton {
    float: right;
    margin: 10px 0;
}
#sliderMedios .item .bottom .boton a {
    display: inline;
    background-color: var(--orangered);
    color: var(--white);
    padding: 10px 40px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    letter-spacing: 2px;
    font-weight: 700;
}
#sliderMedios .item .bottom .boton a:hover {
    opacity: 0.75;
}
#sliderMedios .item .bottom .linea {
    display: block;
    margin: 10px 0;
    width: 100px;
    height: 2px;
    background-color: var(--orangered);
}
#sliderMedios .owl-dots{
    text-align: center;
    background-color:transparent;
    margin: 20px 0;
  }
#sliderMedios .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #b3b3b3;
    margin: 0 10px;
}
#sliderMedios .owl-dots button.owl-dot.active {
    background: var(--orangered);
}
.blogHome.prensa {
    margin: 30px 0 0px 0;
}
/*acordeon*/
.acordeonNotas {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0 100px 0;
    padding: 30px 0;
}
.acordeonNotas .acordeon input {
	display: none;
}
.acordeonNotas .acordeon__titulo {
	display: block;
	padding: 15px;
	background: var(--blackblue);
	color: var(--white);
	font-size: 20px;
	cursor: pointer;
    border-bottom: 1px solid var(--white);
    text-align: center;
    border-radius: 6px;
}
.acordeonNotas .acordeon__titulo:hover {
	opacity: 0.75;
}
.acordeonNotas .acordeon__contenido {
	height: 0;
	overflow: hidden;
	margin: 0;
	transition: all 0.5s;
}
.acordeonNotas .acordeon input:checked ~ .acordeon__contenido{
	height: auto;
	margin: 15px 0;
}
.acordeonNotas .acordeon__titulo h2 {
    font-size: 1em;
    line-height: 1.4em;
    color: var(--white);
    text-transform: uppercase;
}
.acordeonNotas .acordeon__titulo h2 span {
    color: var(--orangered);
    position: absolute;
    right: 20px;
    font-size: 2.4em;
    top: 16px;
    transform: rotate(90deg);
}
.acordeonNotas .acordeon__contenido .boxContenido {
    display: block;
    width: 100%;
	padding: 20px 50px;
    background-color: var(--white);
    border-bottom: 2px solid #f7f7f7;
}
.acordeonNotas .acordeon__contenido .boxContenido h3 {
    font-size: 1.6em;
    color: var(--orangered);
}
.acordeonNotas .acordeon__contenido .boxContenido h2 {
    font-size: 2em;
    line-height: 1.4em;
    margin: 4px 0 14px 0;
    text-transform: uppercase;
}
.acordeonNotas .acordeon__contenido .boxContenido .boton {
    margin: 20px 0 10px 0;
    display: block;
    width: 100%;
    text-align: right;
}
.acordeonNotas .acordeon__contenido .boxContenido .boton a {
    display: inline;
    border: 1px solid var(--orangered);
    color: var(--blackblue);
    padding: 10px 40px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    letter-spacing: 2px;
    font-weight: 700;
}
.acordeonNotas .acordeon__contenido .boxContenido .boton a:hover {
    opacity: 0.75;
}

/*9. ------ Experiencia --------*/

.headerSecciones.experiencias svg {
    margin: 0 0 0 50px;
}
.blogHome.experiencias {
    margin: 30px 0;
    padding: 30px 0 0 0;
}
.blogHome.experiencias h2 span {
    color: var(--orangered);
}
.blogHome.experiencias p {
    margin: 0 20% 30px 0;
}
.blogHome.experiencias article.principal .card .text h2 a {
    font-weight: 300;
}
/*logos de empresas*/
.logosEmpresas {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0;
    padding: 30px 0;
}
.logosEmpresas .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.logosEmpresas .box .item {
    width: 22.5%;
    margin: 0 3.3% 50px 0;
    float: left;
    text-align: center;
    padding: 20px;
}
.logosEmpresas .box .item + .item {
    width: 22.5%;
    margin: 0 3.3% 50px 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item {
    width: 22.5%;
    margin: 0 3.3% 50px 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item {
    width: 22.5%;
    margin: 0 0 50px 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item {
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item {
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item {
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item {
    width: 22.5%;
    margin: 0 0 50px 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item{
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item{
    width: 22.5%;
    margin: 0 0 50px 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item + .item + .item + .item + .item{
    width: 22.5%;
    margin: 0 0 50px 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
    width: 22.5%;
    margin: 0 3.3% 0 0;
    float: left;
}
.logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
    width: 22.5%;
    margin: 0 0 50px 0;
    float: left;
}
.logosEmpresas .box .item img {
    border-radius: 50%;
    width: 100%;
}
.logosEmpresas .box .item h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6em;
    letter-spacing: 2px;
    margin: 10px 0 0 0;
}
.logosEmpresas .box .item h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 1px;
    margin: 4px 0 0 0;
}
.logosEmpresas .btn {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    margin: 60px 0;
}
.logosEmpresas .btn a {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    display: inline;
    position: relative;
    text-align: center;
    color: var(--white);
    background-color: rgba(6, 18, 38, 0.95);
    text-transform: uppercase;
    font-size: 1.8em;
    padding: 20px 100px;
    border-radius: 5px;
}
.logosEmpresas .btn a:hover {
    opacity: 0.75;
}
/*home*/
.experienciasHome .headerSecciones.experiencias p {
    width: 400px;
    margin: 0 0 20px 50px;
    color: var(--white);
}
.experienciasHome .logosEmpresas {
    margin: 0;
    padding: 0;
}
.experienciasHome .logosEmpresas .titulo h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--blackblue);
    font-size: 2.4em;
    letter-spacing: 2px;
    margin: 0 44% 20px 0;
    line-height: 1.6em;
}
.experienciasHome .logosEmpresas .titulo p {
    margin: 0 44% 20px 0;
}
.experienciasHome .logosEmpresas .btn.home {
    text-align: right;
    margin: 0 0 60px 0;
}
.experienciasHome .logosEmpresas .btn.home a {
    padding: 20px 40px;
}
.experienciasHome .headerSecciones h1 {
    width: 500px;
    margin: 0 0 20px 50px;
}

/*10. ------ Artículo --------*/

.headerArticulo {
    display: inline-block;
    position: relative;
    margin: 40px 0 10px 0;
    width: 100%;
}
.headerArticulo h1 {
    text-transform: uppercase;
    font-size: 3.4em;
    font-weight: 300;
    line-height: 1.4em;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
}
.headerArticulo ul {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 10px 0;
}
.headerArticulo ul li {
    display: inline;
    position: relative;
    font-size: 1.6em;
    color: var(--blackblue);
    padding: 0 10px 0 0;
}
.headerArticulo ul li svg {
    width: 44px;
    height: 44px;
}
.headerArticulo ul li.creditos {
    font-weight: 700;
}
.headerArticulo ul li.creditos span {
    font-weight: 500;
}
.contenidoArticulo {
    display: inline-block;
    position: relative;
    margin: 0 0 50px 0;
    width: 100%;
}
.contenidoArticulo .cuerpoArticulo {
    display: block;
    position: relative;
    width: 75%;
    float: left;
}
.contenidoArticulo aside {
    display: block;
    position: relative;
    width: 20%;
    float: left;
    margin: 0 0 0 3%;
}
/*formato de texto*/
.contenidoArticulo .cuerpoArticulo .texto {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0 0 0;
}
.contenidoArticulo .cuerpoArticulo .texto h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 2.4em;
    letter-spacing: 4px;
    color: var(--blackblue);
    margin: 0 0 10px 0;
}
.contenidoArticulo .cuerpoArticulo .texto h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 4px;
    color: var(--blackblue);
    margin: 0 0 10px 0;
}
.contenidoArticulo .cuerpoArticulo .texto h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.6em;
    letter-spacing: 4px;
    color: var(--blackblue);
    margin: 0 0 10px 0;
}
.contenidoArticulo .cuerpoArticulo .texto p b {
    font-weight: 700;
}
.contenidoArticulo .cuerpoArticulo .texto p {
    margin: 0 0 30px 0;
}
.contenidoArticulo .cuerpoArticulo .texto a {
    color: var(--orangered);
}
.contenidoArticulo .cuerpoArticulo .texto a:hover {
    opacity: 0.75;
}
.contenidoArticulo .cuerpoArticulo .texto ul {
    margin: 0 0 30px 40px;
    list-style: none;
}
.contenidoArticulo .cuerpoArticulo .texto ol {
    margin: 0 0 20px 40px;
}
.contenidoArticulo .cuerpoArticulo .texto ul li,
.contenidoArticulo .cuerpoArticulo .texto ol li {
    color: var(--blackblue);
    font-size: 1.6em;
    margin: 0 0 10px 0;
}
.contenidoArticulo .cuerpoArticulo .texto ul li::before {
    content: "•";
    color: var(--orangered);
    margin-right: 10px;
    font-weight: 900;
    font-family: 'Open Sans', sans-serif;
}
.contenidoArticulo aside .box {
    display: block;
    position: relative;
    width: 100%;
}
.contenidoArticulo aside .box h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.8em;
    letter-spacing: 2px;
    color: var(--blackblue);
}
.contenidoArticulo aside .box .notasRecientes {
    display: block;
    position: relative;
    width: 100%;
    margin: 10px 0;
}
.contenidoArticulo aside .box .notasRecientes a {
    display: inline-block;
    position: relative;
    margin: 0 0 30px 0;
}
.contenidoArticulo aside .box .notasRecientes a .item {
    display: block;
    position: relative;
    width: 100%;
}
.contenidoArticulo aside .box .notasRecientes a:hover {
    opacity: 0.75;
}
.contenidoArticulo aside .box .notasRecientes a .item h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 1.4em;
    color: var(--blackblue);
    margin: 6px 0;
}
.contenidoArticulo aside .box .notasRecientes a .item p.fecha {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.2em;
}