/*-----------------------------------------------------------------------------------
	Tronky 2024
	About: A shiny new Blocs website.
	Author: Jonathan Flores H.
	Version: 3.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
html {
	overflow-x: hidden
	
}

body{
	margin:0;
	padding:0;
    background:#FFFFFF;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page-container{
overflow: hidden;
} /* Prevents unwanted scroll space when scroll FX used. */

a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}




/* Preloader */

.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
.preloader-complete{animation-delay:0.1s;}
@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}

/* Estilos del navbar */
.navbar {
    background: rgba(246,88,32,1.00);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
    transition: all 0.3s ease-in-out;
}

.img-logo {
    transition: all 0.3s ease-in-out;
    height: 70px; /* Tamaño normal */
}

.img-logo.scrolled {
    height: 40px; /* Tamaño reducido al hacer scroll */
}

.margin-top-70 { margin-top: 60px; }
.margin-top-90 { margin-top: 90px; }



.nav_menu{
	font-family:"NunitoSans-SemiBold";
	color:rgba(255,255,255,1.00);
	font-size: 1rem;
}

/* MENÚ EN MÓVILES */
@media (max-width: 767px) {
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: rgba(246,88,32,1.00);
        text-align: center;
        transition: max-height 0.3s ease-in-out;
    }

    .navbar-nav {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding:0;
        gap: 15px;
    }

    .nav-item {
        display: inline-block;
    }
}




/* Definir proporción 9:16 para videos verticales */
.ratio-9x16 {
    position: relative;
    width: 100%;
    padding-top: 177.77%; /* (16/9) * 100 = 177.77% */
}

.ratio-9x16 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Estilos para el contenedor de video */
.video-container {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto; /* Centrado horizontal */
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top-color: #ff5733;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* Proporción 16:9 */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75vh; /* Aprovecha el alto de la pantalla */
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}




/* Boton flechas */

.arrow {
    position: absolute;
    transform: translate(-50%, -50%);
    transform: rotate(90deg);
    cursor: pointer;
	z-index: 2000;
}

.arrow span {
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 5px solid rgba(255,255,255,0.40);
    border-right: 5px solid rgba(255,255,255,0.40);
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
    animation-delay: -0.4s;
}

.ctrl-1 {
	top: 35%;
	right: 105px;
		
}
.ctrl-2 {
	top: 35%;
	left: 105px;
	transform: rotate(270deg)	
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}

/* Contenedor de la animación */
.scroll-indicator {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 2000;
    animation: fadeIn 1s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Icono del dedo */
.hand-icon { 
    color: rgba(255,255,255,0.5);
    font-size: 2.5vw; /* Tamaño adaptable */
    animation: moveHand 1.8s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

/* Animación del icono de la mano */
@keyframes moveHand {
    0% { transform: translateX(-20px); opacity: 0.3; }
    20% { transform: translateX(-10px); opacity: 0.6; }
    50% { transform: translateX(0); opacity: 1; }
    80% { transform: translateX(10px); opacity: 0.6; }
    100% { transform: translateX(20px); opacity: 0.3; }
}

/* Suavizado de la aparición */
@keyframes fadeIn {
    from { opacity: 0; transform: translate(-50%, -60%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}



/* Fondo de la sección */
#bloc-0 {
background: rgb(255,30,86);
background: -moz-linear-gradient(180deg, rgba(255,30,86,0.05) 0%, rgba(255,130,161,0.05) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,30,86,0.05) 0%, rgba(255,130,161,0.05) 100%);
background: linear-gradient(180deg, rgba(255,30,86,0.05) 0%, rgba(255,130,161,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff1e56",endColorstr="#ff82a1",GradientType=1);
}

#bloc-1 {
background: rgb(17,110,253);
background: -moz-linear-gradient(180deg, rgba(17,110,253,0.05) 0%, rgba(188,211,245,0.05) 100%);
background: -webkit-linear-gradient(180deg, rgba(17,110,253,0.05) 0%, rgba(188,211,245,0.05) 100%);
background: linear-gradient(180deg, rgba(17,110,253,0.05) 0%, rgba(188,211,245,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#116efd",endColorstr="#bcd3f5",GradientType=1);
	-webkit-box-shadow: 0px -2px 6px 0px rgba(17,110,253,0.2);
-moz-box-shadow: 0px -2px 6px 0px rgba(17,110,253,0.2);
box-shadow: 0px -2px 6px 0px rgba(17,110,253,0.2);
}

#bloc-2 {
background: rgb(246,88,32);
background: -moz-linear-gradient(180deg, rgba(246,88,32,0.05) 0%, rgba(255,194,173,0.05) 100%);
background: -webkit-linear-gradient(180deg, rgba(246,88,32,0.05) 0%, rgba(255,194,173,0.05) 100%);
background: linear-gradient(180deg, rgba(246,88,32,0.05) 0%, rgba(255,194,173,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f65820",endColorstr="#ffc2ad",GradientType=1);
-webkit-box-shadow: 0px -2px 6px 0px rgba(246,88,032,0.2);
-moz-box-shadow: 0px -2px 6px 0px rgba(246,88,032,0.2);
box-shadow: 0px -2px 6px 0px rgba(246,88,032,0.2);
}

#bloc-3 {
background: rgb(157,10,245);
background: -moz-linear-gradient(180deg, rgba(157,10,245,0.05) 0%, rgba(225,175,255,0.05) 100%);
background: -webkit-linear-gradient(180deg, rgba(157,10,245,0.05) 0%, rgba(225,175,255,0.05) 100%);
background: linear-gradient(180deg, rgba(157,10,245,0.05) 0%, rgba(225,175,255,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9d0af5",endColorstr="#e1afff",GradientType=1);
-webkit-box-shadow: 0px -2px 6px 0px rgba(157,10,245,0.2);
-moz-box-shadow: 0px -2px 6px 0px rgba(157,10,245,0.2);
box-shadow: 0px -2px 6px 0px rgba(157,10,245,0.2);
}

#bloc-4 {
background: rgb(60,157,160);
background: -moz-linear-gradient(180deg, rgba(60,157,160,0.05) 0%, rgba(166,247,250,0.05) 100%);
background: -webkit-linear-gradient(180deg, rgba(60,157,160,0.05) 0%, rgba(166,247,250,0.05) 100%);
background: linear-gradient(180deg, rgba(60,157,160,0.05) 0%, rgba(166,247,250,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c9da0",endColorstr="#a6f7fa",GradientType=1);
-webkit-box-shadow: 0px -2px 6px 0px rgba(60,157,160,0.2);
-moz-box-shadow: 0px -2px 6px 0px rgba(60,157,160,0.2);
box-shadow: 0px -2px 6px 0px rgba(60,157,160,0.2);
}

#footer {
background:rgba(246,88,32,1.00);
-webkit-box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.4);
box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.4);
	
}

/* Bloc image backgrounds */

.bg-fondo-0{
	background-image:url("img/fondos/fondo-0.svg");
	background-position: center center;	
}
.bg-fondo-1{
	background-image:url("img/fondos/fondo-1.svg");
	background-position: center center;	
}
.bg-fondo-2{
	background-image:url("img/fondos/fondo-2.svg");
	background-position: center center;	
}
.bg-fondo-3{
	background-image:url("img/fondos/fondo-3.svg");
	background-position: center bottom;
}
.bg-fondo-4{
	background-image:url("img/fondos/fondo-4.svg");
	background-position: center bottom;
}


.color-0 {
	color: rgb(255,30,86)!important
}

.color-1 {
	color: rgb(17,110,253)!important
}

.color-2 {
	color: rgb(246,88,32)!important
}

.color-3 {
	color: rgb(157,10,245)!important
}

.color-4 {
	color: rgb(60,157,160)!important
}

.fondo-4 {
	background-color: #066897
	
}




/* Estilos generales de la tarjeta */
.card {
    background: white;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Títulos */
.titulo-seccion {
    font-size: 2rem;
    color: #f64932;
}

.subtitulo-seccion {
    font-size: 1.2rem;
    margin-bottom: 20px;
}

/* Texto */
.texto-somos {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #333;
}

/* Imagen */
.img-protected {
    max-width: 100%;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
}

.img-protected:hover {
    transform: scale(1.05);
}




/* = Web Fonts
-------------------------------------------------------------- */

@font-face {
	font-family:'NunitoSans-Black';
	src: url('./fonts/NunitoSans-Black/NunitoSans-Black.ttf');
	src: url('./fonts/NunitoSans-Black/NunitoSans-Black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'NunitoSans-ExtraBold';
	src: url('./fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.ttf');
	src: url('./fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'NunitoSans-Regular';
	src: url('./fonts/NunitoSans-Regular/NunitoSans-Regular.ttf');
	src: url('./fonts/NunitoSans-Regular/NunitoSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'NunitoSans-SemiBold';
	src: url('./fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.ttf');
	src: url('./fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'NunitoSans-Bold';
	src: url('./fonts/NunitoSans-Bold/NunitoSans-Bold.ttf');
	src: url('./fonts/NunitoSans-Bold/NunitoSans-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


.titulo{
	font-family:"NunitoSans-Black";
	text-shadow: -1px -1px 2px rgba(0,0,0,0.5);
}



/* = Blocs
-------------------------------------------------------------- */

.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
}


/* Sizes */

.bloc-lg{
	padding:100px 20px;
}

/* = Full Screen Blocs 
-------------------------------------------------------------- */

.bloc-fill-screen{
	min-height:100vh;
	display: flex;
	flex-direction: column;
	padding-top:20px;
	padding-bottom:20px;
}
.bloc-fill-screen > .container{
	align-self: flex-middle;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
}
.bloc-fill-screen > .container > .row{
	flex-grow: 1;
	align-self: center;
	width:100%;
}
.bloc-fill-screen .fill-bloc-top-edge, .bloc-fill-screen .fill-bloc-bottom-edge{
	flex-grow: 0;
}
.bloc-fill-screen .fill-bloc-top-edge{
	align-self: flex-start;
}
.bloc-fill-screen .fill-bloc-bottom-edge{
	align-self: flex-end;
}


/* Background Styles */

.bg-center,.bg-l-edge,.bg-r-edge,.bg-t-edge,.bg-b-edge,.bg-tl-edge,.bg-bl-edge,.bg-tr-edge,.bg-br-edge,.bg-repeat{
	-webkit-background-size: auto!important;
	-moz-background-size: auto!important;
	-o-background-size: auto!important;
	background-size: auto!important;
}


/* Video Background Styles */

.video-bg-container, .bloc-video{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: -50%;
	overflow: hidden;
	transform: translateX(-50%);
	-webkit-transform:translateX(-50%);
}
.bloc-video, .video-bg-container iframe{
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	z-index: 0;
}


/* Background Effects */

.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:-1;
}

.parallax {
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.form-outline {
	font-family: 'NunitoSans-Regular'
}



/* Dark theme */

.d-bloc{
	color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
	color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
	border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
	border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
	color:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
	color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
	background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}
.d-bloc .card{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
	color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
	color:rgba(255,255,255,1.00);
}
.d-bloc .card .a-btn:hover{
	color:rgba(255,255,255,1.00);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* Light theme */

.d-bloc .card,.l-bloc{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{
	color:rgba(255,255,255,1.0);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
	color:rgba(255,255,255,1.00);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
	color:rgba(255,255,255,1.00);
}
.l-bloc .navbar-toggle .icon-bar{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}

/* Row Margin Offsets */

.voffset{
	margin-top:0px;
}


/* = NavBar
-------------------------------------------------------------- */

.navbar-dark .nav .dropdown-menu .nav-link{
	color: rgba(255,255,255,1.00);
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
	border:none}
@media (min-width:576px){
	
.navbar-expand-sm .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:768px){
	.navbar-expand-md .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:992px){
	.navbar-expand-lg .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
	right:100%;
	left:auto}
}
/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-clear{
	margin:0;
}
.mg-sm{
	margin-top:10px;
	margin-bottom:5px;
}
.mg-md{
	margin-top:10px;
	margin-bottom:20px;
}
.mg-lg{
	margin-top:10px;
	margin-bottom:40px;
}
img.mg-sm,img.mg-md,img.mg-lg{
	margin-top: 0;
}
img.mg-sm{
	margin-bottom:10px;
}
img.mg-md{
	margin-bottom:30px;
}
img.mg-lg{
	margin-bottom:50px;
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	background:rgba(0,0,0,.3);
}

/* Prevent ugly blue glow on chrome and safari */
button{
	outline: none!important;
}

.btn-rd{
	border-radius: 40px;
}

.boton-wtsp {
	height:50px;
	width: 50px;
	background: white;
	position: fixed;
	z-index: 1070;
	bottom: 20px;
	left: 20px;
	-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);		
}

/* = Icons
-------------------------------------------------------------- */
.icon-sm{
	font-size:18px!important;
}
.icon-md{
	font-size:30px!important;
}
.icon-lg{
	font-size:60px!important;
}


/* = Text & Icon Styles
-------------------------------------------------------------- */
.blockquote{
	padding:0 20px;
	border-left:2px solid;
}
.blockquote.text-right{
	border-left:0;
	border-right:2px solid;
}


/* = Cards
-------------------------------------------------------------- */
.card-sq, .card-sq .card-header, .card-sq .card-footer{
	border-radius:0;
}
.card-rd{
	border-radius:30px;
}
.card-rd .card-header{
	border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
	border-radius:0 0 29px 29px;
}



/* Scroll FX */
.scroll-fx-in-range{
	will-change: opacity;
}


/* ScrollToTop button */

.scrollToTop{
	width:36px;
	height:36px;
	padding:5px;
	position:fixed;
	bottom:20px;
	right:20px;
	opacity:0;
	z-index:1070;
	transition: all .3s ease-in-out;
	pointer-events:none;
}
.showScrollTop{
	opacity: 1;
	pointer-events:all;
}
.scroll-to-top-btn-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}
/* = Lightbox
-------------------------------------------------------------- */

a[data-lightbox]{
	position: relative;
	display: block;
	text-align: center;
}
a[data-lightbox]:hover::before{
	content:"+";
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;
	font-size:32px;
	line-height: 42px;
	width:50px;
	height:50px;
	margin-left:-25px;
	border-radius: 50%;
	background:rgba(0,0,0,.5);
	color:#FFF;
	font-weight:100;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
a[data-lightbox]:hover img{
	opacity: 0.6;
	-webkit-animation-fill-mode: none;
	animation-fill-mode:none;
}
.lightbox-caption{
	padding: 20px;
	color: #FFF;
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 5px;
}
.close-lightbox:hover,.next-lightbox:hover, .prev-lightbox:hover{
	background:rgba(0,0,0,.5);
}
.next-lightbox, .prev-lightbox,.close-lightbox{
	position: absolute;
	padding:6px;
	background:rgba(0,0,0,.3);
	line-height:0;
	transition: background .2s ease-in-out;
	border-radius:.25rem;
	border:none;
	z-index:20;
}
.next-lightbox, .prev-lightbox{
	top:45%;
}
.close-lightbox{
	top:20px;
	right:20px;
}
.next-lightbox{
	right:25px;
}
.prev-lightbox{
	left:25px;
}
.lightbox-prev-icon,.lightbox-next-icon,.lightbox-close-icon{
	fill:none;
	stroke: #fff;
	stroke-width: 3px;
	fill-rule: evenodd;
	stroke-linecap:round;
}
.lightbox-close-svg{
	pointer-events:none;
}

/* Framless */
.frameless-lb{
	border-radius: 0;
	border:none;
}
.frameless-lb .modal-body{
	padding:0;
}
.frameless-lb .lightbox-caption{
	left:0;
	right:0;
	bottom:-16px;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
	font-family:"(null)";
}
.container{
	max-width:1140px;
}
.feature-col-mt{
	margin-top:29px;
}
.hero-first-col-mb{
	margin-bottom:30px;
}
.navbar-brand img{
	width:50px;
	height:60px;
}
.img-style-pad{
	width:836px;
	margin-top:154px;
	margin-bottom:14px;
	padding:0px 0px 0px 0px;
	border-radius:0px 0px 0px 0px;
}
.img-style-pad-alianzas{
	width:226px;
	margin-top:60px;
	margin-bottom:60px;
}
.img-style{
	width:261px;
}
.img-mall-paseo-ro-style{
	width:131px;
}
.img-main-na-style{
	width:746px;
}
.img-online-cim-style{
	width:365px;
	margin-top:37px;
}
.h2-style{
	font-family:"NunitoSans-ExtraBold";
	color:#FEFFFF!important;
	text-align:left;
}
.pad_buton{
	margin-top:39px;
	font-family:"TCCC-UnityText-Medium";
}
.pad-fotos{
	margin-top:59px;
}
.estilo_boton{
	font-family:"NunitoSans-Black";
	margin-bottom:83px;
}
.subh1{
	color:#FEFF00!important;
	margin-bottom:63px;
}
.pad_social{
	margin-top:48px;
}
.btn-style{
	width:92.78%;
	margin-bottom:0px;
	border-radius:25px 25px 25px 25px;
}
.img-lam3-b-2x-style{
	width:1136px;
}
.p-style{
	width:100%;
	font-family:"NunitoSans-ExtraBold";
	font-size:22px;
}
.p-bloc-3-style{
	font-size:16px;
	width:100%;
	font-family:"NunitoSans-Bold";
	line-height:22px;
	color:#231F20!important;
}
.h3-style{
	font-family:"NunitoSans-Regular";
	font-size:16px;
}
.pad-r{
	padding-top:31px;
}
.img-bloc-1-style{
	width:178px;
}
.img-logo-fonda-style-fap{
	width:278px;
}
.img-circusta-style{
	width:58px;
}
.blue-bg-gradient{
	background:linear-gradient(190deg, #00F9F0, #0149FF);
}
.text-trans-gradient{
	background-clip:text!important;
	-webkit-background-clip:text!important;
	background:linear-gradient(0deg, rgba(255,255,255,0.0), #FFFFFF);
	color:transparent!important;
}
.head-calendario{
	font-family:"NunitoSans-Black";
	text-align:left;
	font-size:24px;
	font-weight:800;
	color:#FFFFFF!important;
	text-shadow:0px 1px 3px rgba(0,0,0,0.34);
}
.p-3-style{
	font-size:16px;
	font-family:"NunitoSans-Bold";
	width:100%;
}
.h6-style{
	width:100%;
	font-family:"NunitoSans-ExtraBold";
	letter-spacing:00px;
	color:#320D5A!important;
	font-size:20px;
	margin:0px 0px 0px 0px;
}
.btn-button-style{
	width:23.33%;
	margin-top:122px;
	font-family:"NunitoSans-Black";
	margin-bottom:0px;
}
.img-main-style{
	width:510px;
}
.img-footer-w-style{
	width:283px;
	opacity:0.5;
	margin-left:0px;
}
.programa{
	text-align:center;
	font-family:"NunitoSans-Black";
	margin-bottom:84px;
	margin-top:0px;
}
.h1-programación-style{
	font-family:"NunitoSans-Black";
	margin-top:0px;
	margin-bottom:94px;
	font-size:40px;
}
.btn-bloc-0-style{
	width:25.09%;
	padding-top:12px;
	padding-bottom:12px;
	font-family:"NunitoSans-ExtraBold";
	border-radius:29px 29px 29px 29px;
}
.mensaje{
	text-align:left;
	font-family:"NunitoSans-Black";
	color:#e51e7b!important;
	font-size:36px;
	margin:0px 54px 54px 54px;
}
.padding-mensaje{
	padding-top:125px;
}
.h1-style{
	font-size:36px;
}
.h1-bloc-2-style{
	font-size:40px;
	margin-top:0px;
	font-family:"NunitoSans-Black";
	text-align:center;
	color:#BF6EFE!important;
	margin-bottom:86px;
}
.padding-siguenos{
	padding-top:81px;
}
.link-style{
	font-family:"NunitoSans-Black";
}

.postular{
	font-family:"NunitoSans-Black";
}
.titulo-postula{
	font-family:"NunitoSans-Black";
	text-align:center;
	color:#F18829!important;
	text-decoration:none;
}

.parrafo-postula{
	font-family:"NunitoSans-SemiBold";
}
.link-postulaciones-style{
	width:100%;
}
.img-imag-style{
	width:262px;
	border-radius:0px 0px 0px 0px;
}
.img-3-style{
	width:820px;
	margin-top:56px;
}
.img-4-style{
	width:460px;
	margin-top:41px;
	margin-bottom:70px;
}
.logo_head{
	margin-top:198px;
}
.img-23-style{
	width:116px;
}
.img-ct-rgb--style{
	width:230px;
}
.img-logo-mu-style{
	width:213px;
}
.img-26-style{
	width:275px;
}
.img-25-style{
	width:219px;
}
.magen-auspicios{
	margin-top:89px;
}
.img-main-cimac-style{
	width:959px;
}
.img-12-style{
	width:369px;
}
.img-bloc-0-style{
	width:416px;
}
.img-11-style{
	width:363px;
}
.container-div-style{
	height:auto;
	width:100%;
}
.h3-2-style{
	font-size:40px;
}
.nav_menu:active{
	color:rgba(252,252,252,1.0)!important;
}
.nav_menu:hover{
	color:yellow !important;
}
.btn-bloc-0-style:hover{
	font-family:"NunitoSans-Black";
	color:#0061FF!important;
}
.tarjeta{
	background-size:67px auto;
	background:linear-gradient(0deg, #FF6700 0%, #FEC703 100%);
}
.img-35-style{
	width:216px;
}
.img-bloc-8-style{
	width:227px;
}
.img-34-style{
	width:224px;
}
.img-36-style{
	width:226px;
}
.img-37-style{
	width:183px;
}
.img-38-style{
	width:176px;
}
.img-39-style{
	width:174px;
}
.btn-6-style{
	width:60.18%;
}
.btn-5-style{
	width:60.18%;
}
.btn-postular-style{
	width:60.18%;
}
.btn-3-style{
	width:61.09%;
}
.img-logo-fap-16-9-style{
	width:165px;
}
.img-bloc-4-style{
	width:288px;
}
.img-martil-style{
	width:232px;
}

/* = Colour
-------------------------------------------------------------- */

/* Background colour styles */

.bgc-tangerine-yellow{
	background-color:#FFC702;
}
.bgc-platinum{
	background-color:#E5E5E5;
}
.bgc-midnight-blue{
	background-color:#066897;
}

/* Text colour styles */

.tc-dark-magenta{
	color:#871C87!important;
}
.tc-tangerine-yellow{
	color:#FFC702!important;
}
.tc-blue-ryb{
	color:#005AFF!important;
}

/* Button colour styles */

.btn-phlox{
	background:rgba(29,121,215,1.00)  ;
	color:#FFFFFF!important;
}
.btn-phlox:hover{
	background:rgba(247,121,76,1.00)!important;
	color:#FFFFFF!important;
}
.btn-vivid-cerise{
	background:#E10087;
	color:#FFFFFF!important;
}
.btn-vivid-cerise:hover{
	background:#b4006c!important;
	color:#FFFFFF!important;
}
.btn-blue-ryb{
	background:#005AFF;
	color:#FFFFFF!important;
}
.btn-blue-ryb:hover{
	background:#0048cc!important;
	color:#FFFFFF!important;
}

/* Icon colour styles */

.icon-white{
	color:#FFFFFF!important;
	border-color:#FFFFFF!important;
}
.icon-tangerine-yellow{
	color:#FFC702!important;
	border-color:#FFC702!important;
}
.icon-lavender-purple5{
	color:#005AFF!important;
	border-color:#005AFF!important;
}




/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}
    .bloc-no-padding-sm{padding:0 20px;}
}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:100px 20px;}
    .bloc-md-lg{padding:50px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
}

/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (min-width: 1024px)
{

}
@media (max-width: 1024px)	
{

    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0; 
        padding-right: 0;  
    }
}
@media (max-width: 991px)
{
    .container{width:100%;}
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .btn-dwn{
       display:none; 
    }
    .voffset{
        margin-top:0px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
	   background-size: 216px 425px;
	   padding-top:60px;
	   width:216px;
	   height:425px;
    }
    .blocsapp-device-iphone5 img{
	   width: 180px;
	   height: 320px;
    }
}

@media (max-width: 991px){

	.img-imag-style{
		width:344px;
	}

	.btn-postular-style{
		width:55.3%;
	}
	.btn-6-style{
		width:55.96%;
	}
	.btn-3-style{
		width:55.3%;
	}
	.btn-5-style{
		width:53.31%;
	}
	.pad-postula{
		margin-bottom:72px;
	}
	.btn-style{
		width:100%;
	}
	.img-footer-w-style{
		width:160px;
	}
	.mt-md-0{
	}
	.mt-md-4{
	}
	.img-33-style{
		width:266px;
	}
	.ico_pad{
		margin-right:40px;
	}
	
	/* MD Row Margin Offsets */
	.voffset-clear-md{
		margin-top:0;
	}
	
}

@media (max-width: 767px){

	.btn-button-style{
		width:61.79%;
		margin-bottom:125px;
	}
	.btn-style{
		padding-top:0px;
		padding-bottom:0px;
		width:48.67%;
		border-radius:14px 14px 14px 14px;
	}
	.img-37-style{
		width:350px;
	}
	.link-style{
		width:0px;
	}
	.img-38-style{
		width:350px;
	}
	.img-39-style{
		width:350px;
	}
	.img-36-style{
		width:350px;
	}
	.img-35-style{
		width:350px;
	}
	.img-34-style{
		width:350px;
	}
	.img-33-style{
		width:350px;
	}
	.img-bloc-8-style{
		width:350px;
	}
	.padimg{
		margin:20px 20px 20px 20px;
	}
	.estilo_boton{
		margin-top:78px;
	}
	
}

@media (max-width: 575px){
	.img-circusta-style{
		width:48px;
	}
	.estilo_boton{
		padding-top:5px;
	}
	.img-lam3-b-2x-style{
		margin-bottom:50px;
	}
	.p-bloc-3-style{
		margin-top:46px;
		font-size:18px;
	}
	.img-bloc-1-style{
		width:150px;
	}
	.p-style{
		margin-top:43px;
	}
	.pad-celu{
		margin-bottom:26px;
	}
	.footer-link{
		text-align:center;
	}
	.btn-bloc-0-style{
		width:94.44%;
		padding-top:10px;
	}
	.btn-style{
		margin-top:35px;
		width:76.3%;
	}
	.img-4-style{
		width:211px;
		margin-bottom:42px;
	}
	.logo_head{
		margin-top:83px;
	}

	.btn-button-style{
		width:65.93%;
	}
	.container-div-style{
		margin-bottom:0px;
		height:1273px;
	}
	.container-div-bloc-7-style{
		height:92px;
	}
	.container-div-0-style{
		height:94px;
	}
	.img-style{
		width:172px;
	}
	.mt-1{
	}
	.img-33-style{
		width:230px;
	}
	.img-34-style{
		width:230px;
	}
	.img-bloc-8-style{
		width:230px;
	}
	.img-35-style{
		width:230px;
	}
	.img-36-style{
		width:230px;
	}
	.img-37-style{
		width:230px;
	}
	.img-38-style{
		width:230px;
	}
	.img-39-style{
		width:230px;
	}
	.img-footer-w-style{
		padding-left:0px;
		margin-left:53px;
	}
	.ico_pad{
		margin-top:28px;
		margin-bottom:28px;
	}
	.ico_links_pad{
		margin-top:51px;
		margin-bottom:51px;
	}
	.programa{
		margin-bottom:17px;
	}
	
}