/*
Theme Name: Oshin child
Theme URI: http://brandexponents.com/oshin-child/
Description:  This is a child theme for Oshin Theme
Author: Brand Exponents
Author URI: http://www.brandexponents.com/
Template: oshin
Version: 7.0.9 	background: linear-gradient(to right, #4fa9de 0, #006dd2;
*/

.page-title-module-custom {
    display: none;
}

.columna-texto {
	border-radius: 15px !important;
	border: 1px solid #4FA9DF !important;
	background: linear-gradient(
		135deg,
		#1d222e 0%,
		#1f2a3d 50%,
		#24354d 100%
	);
}

.columna-texto:hover {
	border-radius: 15px !important;
	border: 1px solid #4FA9DF !important;
    background: linear-gradient(
        135deg,
        #24354d 0%,
        #1f2a3d 50%,
        #1d222e 100%
    );

    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

#navigation .sub-menu, #navigation .children, #navigation-left-side .sub-menu, #navigation-left-side .children, #navigation-right-side .sub-menu, #navigation-right-side .children {
    width: 320px !important;
}


.tatsu-text-inner {
	border-radius: 15px;
}

.style3-blog .article-details {
    height: 130px;
}

.post-date-wrap {
    color: rgba(74, 144, 226, 1) !important;
	width: 60px !important;
}


/*Columnas de El Algoritmo Humano*/
#areas-de-contenido {
	border-radius: 5px;
    margin: 20px 20px 20px 20px;
    padding: 5px;
    border: 1px solid #283a59;
}

#areas-de-contenido:hover {
    border: 1px solid #2c4d77;
}

#entender-la-tecnologia {
	border-radius: 5px;
    margin: 20px 20px 20px 20px;
    padding: 5px;
    border: 1px solid #283a59;
}

#entender-la-tecnologia:hover {
    border: 1px solid #2c4d77;
}

#convertir-conocimiento {
	border-radius: 5px;
    margin: 20px 20px 20px 20px;
    padding: 5px;
    border: 1px solid #283a59;
}

#convertir-conocimiento:hover {
    border: 1px solid #2c4d77;
}

.tatsu-i9om9llk8z82eh.tatsu-text-block-wrap .tatsu-text-inner {
	border-radius: 15px;
}

/*Humano 5.0*/
.tatsu-r1fKUbHB-e.tatsu-text-block-wrap .tatsu-text-inner {
	border-radius: 15px; 
}

.accordion {
	border-radius: 15px; 
}

.tatsu-BymM93JSHWe.tatsu-text-block-wrap .tatsu-text-inner {
	border-radius: 15px;
}



.style3 #navigation {
	line-height: 70px !important;
}

.share-links {
	color: #4FA9DF !important;	
}

.style6-blog .special-subtitle.post-date a {
    color: #fff !important;
}

.nocomments {
	display: none !important;
}

.post-nav {
	display: none !important;
}

.recent-post-date {
    color: #fff !important;
}

ul#mobile-menu a {
	color: #fff !important;
}

#mobile-menu {
    background-color: #000514 !important;
}

#header .be-mobile-menu-icon span {
    background-color: #529ad4 !important;
}



#navigation .current_page_item a {
	color: #fff !important;
}
	
#navigation .current_page_item a:hover {
	color: #006DD2 !important;
}
	
/*Oculta el reCaptcha*/
.grecaptcha-badge {
	display: none;
}

.wp-image-3266 {
	border-radius: 5px;
}

.wp-image-10025 {
	border-radius: 5px;
}

.wp-image-10184 {
	border-radius: 5px;
}

.wp-image-11395 {
	border-radius: 5px;
}

.exclusive-mobile-bg .menu-controls {
    background: linear-gradient(125.63deg, #f7345e, #f30cd0);
	border-radius: 5px;
	color: #fff !important;
}

#header-inner-wrap.background--dark.transparent.exclusive-mobile-bg .be-mobile-menu-icon span {
    background-color: #fff !important;
}

.tatsu-bg-video {
	border-radius: 5px;
}

/*Presentacuion Home*/
#presentacion {
	background: linear-gradient(
	  0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%
	),
	linear-gradient(
	  176deg, rgba(255, 255, 255, 0.00) 45.19%, #FFF 98.91%
	),
	linear-gradient(
	  270deg, #30F -9.28%, #BD00FF 30.8%, #FF0E0E 63.88%, #FFD600 99.4%
	);
}	
	
.tatsu-h8ldl5z5ie7qvkqr.tatsu-column {
	background: linear-gradient(-107deg, #4fa9de 0, #006dd2 100%);
	padding: 5px; /* Grosor del "borde" */
	border-radius: 5px;

}

/*Sección eCommerce*/
.tatsu-r1Qcvj8Xwj.tatsu-row-wrap > .tatsu-row {
	/*background: linear-gradient(-107deg, #1cfc96 0, #0676e7 100%);*/
	background: #100D14;
	border-radius: 5px;
	margin: 20px 20px 20px 20px;
}

.tatsu-BJV9wjIQDi.tatsu-column {
	background: #126841;
	border-radius: 5px;
}
 
.tatsu-B18qDiIQwi.tatsu-column {
	border-radius: 5px;
	border: 2px solid #126841;
}

.tatsu-B18qDiIQwi.tatsu-column:hover {
	border-radius: 5px;
	border: 2px solid #70AD47;
}

/*Sección Desarrollo*/
.tatsu-SJLZ5CJoT1g.tatsu-row-wrap > .tatsu-row {
	border-radius: 5px;
	margin: 20px 20px 20px 20px;
}

.tatsu-ryvW50yoTJe.tatsu-column {
	border-radius: 5px;
	border: 2px solid #473da4;
}

.tatsu-ryvW50yoTJe.tatsu-column:hover {
	border-radius: 5px;
	border: 2px solid #6569ff;
}

.tatsu-B1qW50kip1e.tatsu-column {
	background: #100D14;
	padding: 5px; /* Grosor del "borde" */
	border-radius: 5px;
	display: inline-block; /* o block, según tu diseño */
}

/*Imagen de desarrollo*/
.tatsu-rJoW9CJipJg.tatsu-single-image {
   background: #473da4;
   border-radius: 5px;
   padding: 5px; /* tu contenido interno */
}

.tatsu-gradient-border {
	border-radius: 5px;
}

#foto {
	border-radius: 5px;
	margin: 20px 20px 20px 20px;
	background: #100d14;
}

#mktd {
	border-radius: 5px;
	margin: 20px 20px 20px 20px;
	background: #100d14;
}

.seccion-foto {
	background: linear-gradient(
	  180deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%
	),
	linear-gradient(
	  4deg, rgba(255, 255, 255, 0.00) 45.19%, #FFF 98.91%
	),
	linear-gradient(
	  270deg, #30F -9.28%, #BD00FF 30.8%, #FF0E0E 63.88%, #FFD600 99.4%
	);
}

.seccion-ecommerce {
	background: linear-gradient(
	  180deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%
	),
	linear-gradient(
	  4deg, rgba(255, 255, 255, 0.00) 45.19%, #FFF 98.91%
	),
	linear-gradient(
	  270deg, #30F -9.28%, #BD00FF 30.8%, #FF0E0E 63.88%, #FFD600 99.4%
	);
}

.transformacion {
	background: linear-gradient(
	  180deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%
	),
	linear-gradient(
	  4deg, rgba(255, 255, 255, 0.00) 45.19%, #FFF 98.91%
	),
	linear-gradient(
	  270deg, #30F -9.28%, #BD00FF 30.8%, #FF0E0E 63.88%, #FFD600 99.4%
	);
}

.seccion-desarrollo {
	background: linear-gradient(
	  0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%
	),
	linear-gradient(
	  176deg, rgba(255, 255, 255, 0.00) 45.19%, #FFF 98.91%
	),
	linear-gradient(
	  270deg, #30F -9.28%, #BD00FF 30.8%, #FF0E0E 63.88%, #FFD600 99.4%
	);
}


.tatsu-BkaRsC1spke.tatsu-column {
	border-radius: 5px;
	background: #0e4d72;
}

.tatsu-medium-gutter>.tatsu-row>.tatsu-column {
    padding: 0 0px !important;
}

.seccion-mktd {
	background: linear-gradient(
	  0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%
	),
	linear-gradient(
	  176deg, rgba(255, 255, 255, 0.00) 45.19%, #FFF 98.91%
	),
	linear-gradient(
	  270deg, #30F -9.28%, #BD00FF 30.8%, #FF0E0E 63.88%, #FFD600 99.4%
	);
}

.tatsu-BJPgj11es61e.tatsu-single-image {
    border-radius: 5px;
	background: #672C94;
	padding: 5px; /* tu contenido interno */
}

.tatsu-SJJxRo0ksTJg.tatsu-column {
	border-radius: 5px;
	border: 2px solid #0e4d72;
}

.tatsu-SJJxRo0ksTJg.tatsu-column:Hover {
	border-radius: 5px;
	border: 2px solid #4fa9de;
}

.tatsu-H1mxokkesp1x.tatsu-column {
	border-radius: 5px;
	border: 2px solid #672C94;
}

.tatsu-H1mxokkesp1x.tatsu-column:hover {
	border-radius: 5px;
	border: 2px solid #A162D0;
}
.tatsu-Hy86KJxo61g.tatsu-row-wrap > .tatsu-row {
    border-radius: 5px;
	margin: 20px 20px 20px 20px;
}

.tatsu-H1t6t1giTkl.tatsu-column {
    border: 2px solid #7d1a6e;
    border-radius: 5px;
}

.tatsu-H1t6t1giTkl.tatsu-column:hover {
    border: 2px solid #f30cd0;
    border-radius: 5px;
}

.tatsu-HJPaY1eop1x.tatsu-column {
	background: #7d1a6e;
	padding: 0px; /* Grosor del "borde" */
	border-radius: 5px;
	display: inline-block; /* o block, según tu diseño */
}

.tatsu-HJPaY1eop1x.tatsu-single-image {
   background: #f30cd0;
   border-radius: 5px;
}

.tatsu-large-gutter>.tatsu-row>.tatsu-column {
    padding: 0 0px !important;
}

#mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
	color: #000 !important;
	font-weight: 600 !important;
}

#mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover {
	color: #888 !important;
}

#mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    line-height: 52px !important;
}

.link {
	color: #006dd2 !important;
	font-size: 14px !important;
}

h1 {
    color: #006dd2;
    background: linear-gradient(-107deg,#006dd2 0,#4fa9de 100%);
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-transform: uppercase !important;
}

h1:hover {
    color: #006dd2;
    background: linear-gradient(-107deg,#4fa9de 0,#006dd2 100%);
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2 {
    color: #4FAADE;
    background: linear-gradient(-107deg,#4FAADE 0,#006dd2 100%);
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-transform: uppercase !important;
}

h2:hover {
    color: #4FAADE;
    background: linear-gradient(-107deg,#006dd2 0,#4FAADE 100%);
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-transform: uppercase !important;
}

h3 {
    color: #006dd2;
    background: linear-gradient(-107deg,#006dd2 0,#4fa9de 100%);
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-transform: uppercase !important;
}

h3:hover {
    color: #006dd2;
    background: linear-gradient(-107deg,#4fa9de 0,#006dd2 100%);
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sfsi_wicons {
	margin-bottom: 0px !important;
}

.tatsu-column {
    margin: 0 0 0px !important;
}

.thumb-title-wrap .thumb-title, .full-screen-portfolio-overlay-title {
    font-size: 14px !important;
}

.accordion .accordion-head {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border: 1px solid #D9E4FF;
    border-radius: 12px;

    padding: 12px 24px;

    font-weight: 600;

    box-shadow:
        0 4px 6px -1px rgba(37, 99, 235, 0.1),
        0 2px 4px -1px rgba(37, 99, 235, 0.06);
}

.accordion .accordion-head,
.accordion .accordion-head * {
    color: #2563EB !important;
    -webkit-text-fill-color: #2563EB !important;
    opacity: 1 !important;
}

.accordion .accordion-head:hover {
    background: rgba(255, 255, 255, 0.82);

    border-color: #93C5FD;

    transform: translateY(-2px);

    box-shadow:
        0 10px 20px rgba(37, 99, 235, 0.12),
        0 6px 6px rgba(37, 99, 235, 0.08);
}

/*---------------- Home--------------------*/
#desarrollo {
    background: linear-gradient(to right, #8f0a7e, #000000);
	border-radius: 30px;
}

#consultora {
    background: linear-gradient(to right, #000000, #8f0a7e);
	border-radius: 30px;
}

/*---------------- Botones Home--------------------*/

#becommerce {
    background: linear-gradient(125.63deg,#f7345e,#f30cd0 ) !important;
	border-radius: 30px;
}

#becommerce:hover {
    background: linear-gradient(125.63deg,#f30cd0 ,#f7345e) !important;
}

#bdesarrollo {
    background: linear-gradient(125.63deg,#f30cd0 ,#f7345e) !important;
	border-radius: 30px;
}

#bconsultora {
    background: linear-gradient(125.63deg,#f7345e,#f30cd0 ) !important;
	border-radius: 30px;
}

#bmkt {
    background: linear-gradient(125.63deg,#f30cd0 ,#f7345e) !important;
	border-radius: 30px;
}


#bdesarrollo:hover {
    background: linear-gradient(125.63deg,#f7345e,#f30cd0 ) !important;
}

#bconsultora:hover {
    background: linear-gradient(125.63deg,#f30cd0 ,#f7345e) !important;
}

#bmkt:hover {
    background: linear-gradient(125.63deg,#f7345e,#f30cd0 ) !important;
}




/*
body.header-transparent.semi #header .semi-transparent {
    background: linear-gradient(to right, #fff, #000) !important;
}

body.header-transparent #header #header-inner-wrap.no-transparent {
    background: linear-gradient(to right, #fff, #000) !important;
}


.style3 no-transparent top-animate {
	background: linear-gradient(to right, #ffffff, #002133) !important;
}
*/

.tatsu-3wefnIlqH8.tatsu-row-wrap > .tatsu-row {
    line-height: 0px !important;
}

#header-bottom-bar {
	border-top: 0px !important;
    border-bottom: 0px !important;
}

#mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-megamenu > ul.mega-sub-menu {
    margin-top: 10px !important;
	margin-left: 20%;
	margin-right: 2% !important;
}

#mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 60% !important;
}

/*Posiciona el botón para subir*/
#back-to-top {
    right: 100px !important;
    bottom: 60px !important;
}


.logo {
		z-index: 1 !important;
	}

.post-meta {
    display: none;
}

/*Posiciona el botón para subir*/
#back-to-top.layout-border {
    right: 100px !important;
    bottom: 60px !important;
}

.post-comments{
	display: none;
}

.be-themes-comments{
	display: none;
}

.more-link.style2-button {
    color: #fff !important;
    border-color: #fff !important;
}

#navigation .current_page_item ul li a {
	color: #000 !important;
}

/*Botón cerrar el menú*/
.overlay-menu-close{
	color: #000 !important;
}

/*Pone en una línea La verificación y el texto de Politica de privacidad*/
span.wpcf7-form-control-wrap {
       position: relative !important;
       display: contents !important;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #fff !important;
}

/*Quita el verde del envío de mail*/
.wpcf7-response-output.wpcf7-mail-sent-ok {
    background: #ea1332 !important;
	border: 2px solid #000000 !important;
}

.select2-selection {
	border: 1px solid #000 !important;
}

/*formulario*/
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea {
    border: 0px solid #ffffff00 !important;
}

.wpcf7-textarea {	
	color: #fff !important;
	background-color: rgb(255 ,255 ,255 , 0) !important;
	height: 108px !important;
	border-bottom: 1px solid #fff !important;
}

input[type="text"] {
	color: #fff !important;
	background-color: rgb(255 ,255 ,255 , 0) !important;
	border-bottom: 1px solid #ffffff !important;
}

input[type="email"] {
	color: #fff !important;
	background-color: rgb(255 ,255 ,255 , 0) !important;
	border-bottom: 1px solid #ffffff !important;
}

input[type="tel"] {
	color: #fff !important;
	background-color: rgb(255 ,255 ,255 , 0) !important;
	border-bottom: 1px solid #ffffff !important;
}



.wpcf7-acceptance {
	border-bottom: 0px solid #000000 !important;
	background-color: rgb(255 ,255 ,255 , 0) !important;
}

.select2.select2-container .select2-selection {
	border-bottom: 1px solid #000000 !important;
}

#responsive-form{
    color: #fff !important;
    font: 400 16px "Poppins" !important;
}

.wpcf7-textarea{
	color: #fff !important;
	background-color: rgb(255 ,255 ,255 , 0) !important;
}

.wpcf7-submit{
	height: 46px;
    color: #fff !important;
    background: linear-gradient(-107deg,#006dd2 0,#4fa9de 100%) !important;
	border-radius: 30px !important;
	padding-top: 16px !important;
	width: 170px !important;
	border-bottom: 0px solid #000000 !important;
}

.wpcf7-submit:hover {
	background: linear-gradient(-107deg,#4fa9de 0,#006dd2 100%) !important;
}

.form-row{
	width: 100%;
}

.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.column-half{
		width: 50%;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/*Sube el menú del maíl un poco*/
#mobile-menu{
    margin-top: 0px !important;
}

#mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
	color: #000 !important;
	font-weight: bold !important;
}

@media only screen and (max-width: 767px) {
	
	.tatsu-wrap {
		max-width: 90% !important;
	}
	
	.column-half{
			width: 100% !important;
	}

	.header-code-widgets {
		display: none !important;
	}
}

/*Comtrola cuando se hace responsive el menú de móvil*/
@media only screen and (max-width: 1180px) {
		h2, .h2 {
		font-size: 50px !important;
		line-height: 70px !important;
		}
		
		h4, .h4 {
			font-size: 18px !important;
			line-height: 22px !important;
		}
}

/*Comtrola cuando se hace responsive el menú de móvil*/
@media only screen and (max-width: 1240px) {
		h2, .h2 {
		font-size: 50px !important;
		line-height: 70px !important;
		}
		
		h4, .h4 {
			font-size: 18px !important;
			line-height: 22px !important;
		}
		
		.style3 .logo {
			width: 210px !important;
		}
}