/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 20 2025 | 19:58:54 */
body{
	font-family: "Inter";
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-6, .col-4, .col-3, .col-2, .col-8{
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	max-width: 100%;
}
.pr-0 {
    padding-right: 0 !important;
}
.pl-0{
	 padding-left: 0 !important;
}
@media (min-width: 768px){
.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-2 {
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%;
    max-width: 16.6666%;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	padding-left: 15px;
	padding-right: 15px;
}
.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
@media (min-width: 576px){
	.container {
		max-width: 90%;
	}
}
@media (min-width: 768px){
	.container {
		max-width: 92%;
	}
}
@media (min-width: 992px){
	.container {
		max-width: 86%;
	}
}
@media (min-width: 1200px){
	.container, .elementor-section.elementor-section-boxed > .elementor-container{
		max-width: 86%;
	}
}
@media (min-width: 1440px){
	h1, h2, h3, h4, h5, h6, p, li{
		zoom: 1.08;
	}
}
@media (min-width: 1600px){
	.container, section.elementor-section > .elementor-container {
		max-width: 82% !important;
	}
	h1, h2, h3, h4, h5, h6, p, li{
		zoom: 1.12;
	}
	.header-pages {
		height: 499px !important;
	}
}
/* Header */
#header {
    box-shadow: 0px 9px 22px 0px rgb(19 19 19 / 10%);
    transition: 500ms;
    position: relative;
    width: 100%;
    z-index: 988;
    top: 0;
    left: 0;
    right: 0;
    background: #ffffff;
}

#header .site-navigation{
	justify-content: end;
}
#header .site-branding a{
	display: block;
	padding-top: 14px;
    padding-bottom: 2px;
}
#header .custom-logo{
	width: 100%
}
.container-top-menu {
    background: #008ad1;
}
.container-top-menu .numeros-contac{
	display: flex;
    list-style: none;
    padding: 0;
    color: #ffffff;
    margin: 0;
}
.container-top-menu p, .container-top-menu li {
    color: #ffffff;
    font-size: 14px;
}
.container-top-menu li {
	margin-right: 25px
}
.container-top-menu {
    padding-top: 7px;
    padding-bottom: 8px;
	transition: 500ms;
}
.container-top-menu p{
	margin: 0;
    text-align: right;
}
.container-menu.container {
	transition: 500ms;
}
.container-menu.container .site-navigation ul.menu li{
	margin: 0px 11px 2px;
    padding: 0px 0.5px;
	align-items: center;
}
.container-menu.container .site-navigation ul.menu li a {
    display: block;
    padding: 8px 0px;
    color: #516a7c;
    font-weight: 600;
    font-size: 15px;
    font-family: "Inter";
	position: relative;
	transition: 500ms;
}
.container-menu.container .site-navigation ul.menu li a:hover{
	color: #008ad1 !important;
}
.container-menu .site-navigation,
.container-menu .menu-menu-encabezado-container,
.container-menu .menu{
	height: 100%;
}
.site-header-ingemin.header-extende {
    position: fixed !important;
}
.site-header-ingemin.header-extende .container-top-menu{
	display: none;
}
.site-header-ingemin.header-extende .site-branding img{
	max-height: 40px;
    width: auto !important;
}
.container-menu.container .current-menu-item a {
    color: #008ad1 !important;
}
.container-menu.container .menu-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #008ad1;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    border-radius: 1px;
}
.container-menu.container .menu-item.video-menu:after {
    display: none;
	opacity: 0
}
.container-menu.container .menu-item.video-menu a{
	color: #ffffff !important;
}
.container-menu.container .video-menu a:before {
    content: "\f167";
    color: #ee7d00;
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    font-size: 17px;
    margin-right: -2px;
}
section.elementor-section .elementor-section .elementor-container {
    max-width: 100% !important;
    width: 100%;
}
section.historia {
    padding-bottom: 0px;
}
#mision-vision {
    background-image: url(https://www.ingemin.com.pe/wp-content/uploads/seccion-decoration.svg);
    background-size: 100%;
    padding-top: 16%;
    background-repeat: no-repeat;
    background-position: center top;
}
#mision-vision:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20%;
    background: #ffffff;
    bottom: 0;
}
section#clientes {
    padding-bottom: 10px;
}
.header-pages {
	background-color: #e9e9e9;
    height: 450px;
	display: flex;
    align-items: center;
	background-size: cover;
    background-position: center;
	position: relative;
}
.header-pages .container{
	z-index: 2;
}
.header-pages .container h1 {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 44px;
    font-weight: 900;
    text-transform: uppercase;
}
.page-id-275 .content-headers{
	text-align: right;
}
.header-pages:before {
}
.header-pages .subtitulo {
    color: #ffffff;
    position: relative;
    font-size: 22px;
    display: inline-block;
    background: rgb(0 138 209 / 94%);
    text-transform: uppercase;
    font-weight: 900;
    padding: 4px 15px;
    border-radius: 6px;
}
.header-pages .subtitulo2{
	animation-delay: -1s;
}
.subtitulos {
    margin-top: 9px;
}

 @-webkit-keyframes fadeInLeft {
            0% {
               opacity: 0;
               -webkit-transform: translateX(-20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }
         
@keyframes fadeInLeft {
    0% {
       opacity: 0;
       transform: translateX(-20px);
    }
    100% {
       opacity: 1;
      transform: translateX(0);
	}
}

section.elementor-section {
    padding-top: 80px;
    padding-bottom: 80px;
	position: relative;
	overflow:hidden;
}
section.seccion-color{
	background: #034492;
    background: #083974;
}
.seccion-color p, .seccion-color li, .seccion-color p a, .seccion-color li a,
.seccion-color h2, .seccion-color h3, .seccion-color h4{
    color: #ffffff !important;
}
section#video{
	background-image: url(https://www.ingemin.com.pe/wp-content/uploads/banner-hero-planta-paisaje.jpg);
	background-size: cover;
    background-position: center;
}
section#video:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(246 246 246 / 47%);
    top: 0;
    left: 0;
    background: rgb(0 40 134 / 48%);
    backdrop-filter: grayscale(100%);
}
@media (min-width: 768px) {	
	section > .elementor-container > .elementor-column > .elementor-widget-wrap{
		padding: 0 25px !important;
	}
}
#video .elementor-position-right .elementor-icon-box-content h3{
	text-align: center;
}
#video .elementor-position-right span.elementor-icon{
	width: 56px;
    height: 56px;
}
#video .elementor-position-right .elementor-icon-box-content {
    padding-right: 110px;
}
#video h3{
	color: #ffffff !important;
	font-size: 18px;
}
/* Hero */
section#hero {
    height: 78vh;
    overflow: hidden;
}
section#hero .mySwiper{
	height: 100%;
}
section#hero .img-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
section#hero .img-bg img{
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	animation: zoom-in-zoom-out 42s ease-out infinite;
}
#hero .img-bg:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    background: #002886;
}
#hero .item-slider-hero .container{
	height: 100%;
	z-index: 2;
    position: relative;
}
#hero .item-slider-hero .text-slide-hero{
	display: flex;
	height: 100%;
    z-index: 99;
    width: 100%;
	padding-top: 7%;
}
#hero .text-items-hero{
	width: 100%;
}
#hero .item-slider-right .text-items-hero{
	text-align: right
}
#hero .text-items-hero p{
	color: #4f4f4f;
    position: relative;
    font-size: 22px;
	transform: translateX(-250%);
    transition: 1200ms;
    opacity: 0;
     display: inline-block;
    background: rgb(0 138 209 / 83%);
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 800;
    padding: 5px 15px;
    border-radius: 8px;
}
#hero .item-slider-hero.item-slide-white .text-items-hero p{
	color: #ffffff
}
#hero .item-slider-hero.item-slide-white:after {
    content: "";
    position: absolute;
    background: rgb(51 51 51 / 59%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#hero .swiper-slide-active .text-items-hero p {
    transform: translateX(0%);
    opacity: 1;
}
#hero .text-items-hero p:before {
    content: "";
    width: 7%;
    height: 2px;
    background: #EE7F15;
    display: inline-block;
    vertical-align: middle;
    margin-right: 22px;
	display: none;
}
#hero .text-items-hero p:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #EE7F15;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 7%;
    vertical-align: middle;
    top: calc(79% - 12px);
	display: none;
}
#hero .text-items-hero h1{
	color: #ffffff;
    font-size: 36px;
    display: block;
    transform: translateX(-100%);
    transition: 1200ms;
    opacity: 0;
	font-weight: 900;
	text-transform: uppercase;
    line-height: 1;
}
#hero .text-items-hero h1 .text-xl {
    font-size: 45px;
}
#hero .swiper-slide-active .text-items-hero h1 {
    transform: translateX(0%);
    opacity: 1;
}
#hero .swiper-wrapper .item-slider-hero:nth-child(2) .text-items-hero p:before,
#hero .swiper-wrapper .item-slider-hero:nth-child(2) .text-items-hero p:after{
    background: #FFD729;
}
#hero .swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
	cursor: pointer;
	background: #ffffff;
    opacity: 1;
}
#hero .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #008ad1 !important;
}
 @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1.08);
    }
    50% {
      transform: scale(1) ;
    }
    100% {
      transform: scale(1.08);
    }
  }

/*  TITULOS */

.elementor-position-left .elementor-icon-box-wrapper,
.elementor-position-right .elementor-icon-box-wrapper{
    display: block !important;	
}
.elementor-position-left .elementor-icon-box-wrapper{
	text-align: left !important;
}
.elementor-position-left .elementor-icon-box-icon{
	display: block;
    position: absolute;
    top: -9px;
}
.elementor-position-right .elementor-icon-box-icon{
	display: block;
    position: absolute;
    top: -9px;
	right: 0;
}
.elementor-position-left span.elementor-icon,
.elementor-position-right span.elementor-icon{
    width: 62px;
    height: 62px;
    background: #ffffff;
    border: 1px solid #a5a5a5 !important;
    display: block;
    border-radius: 50%;
    position: relative;
    padding: 3px;
}
.elementor-position-left span.elementor-icon svg,
.elementor-position-right span.elementor-icon svg{
	width: 100%;
    height: 100%;
}
.elementor-position-left .elementor-icon i, 
.elementor-position-right .elementor-icon i{
    background: #008ad1;
    border-radius: 50%;
    height: 100%;
    font-size: 28px;
    text-align: center;
    position: relative;
    display: block;
    line-height: 52px;
    width: 100%;
    margin: auto;
    color: #ffffff;
}
.elementor-position-left .elementor-icon-box-content{
	border: 1px solid #a5a5a5 !important;
    border-radius: 30px;
    padding-left: 88px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 4%;
    display: inline-block;
}
.elementor-position-right .elementor-icon-box-content{
	border: 1px solid #a5a5a5 !important;
    border-radius: 30px;
    padding-right: 90px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 50px;
    display: inline-block;
}
.elementor-position-left .elementor-icon-box-content h2, 
.elementor-position-right .elementor-icon-box-content h2{
	font-weight: 700;
    font-size: 23px;
	margin: 0;
}
.elementor-position-left .elementor-icon-box-content h3, 
.elementor-position-right .elementor-icon-box-content h3{
	font-weight: 700;
    font-size: 20px;
	margin: 0;
}
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0px;
}
.elementor-widget-text-editor p, .elementor-widget-text-editor li{
	font-size: 17px;
    text-align: justify;
}
.elementor-position-left.elementor-widget-icon-box,
.elementor-position-right.elementor-widget-icon-box{
    margin-bottom: 34px;
}
.gform_footer .gform_button{
	display: block;
    background: #EE7F15;
    color: #ffffff;
    width: 100%;
    border: 0;
    padding: 15px 10px;
}
.page.page-id-6{
	background-image: url(https://www.ingemin.com.pe/wp-content/uploads/ingemin-hero5.jpg);
    background-position: 58%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Footer */
#footer {
	background-image: url(https://www.ingemin.com.pe/wp-content/uploads/decoration-footer.svg);
    background-size: 106%;
    background-repeat: no-repeat;
    padding-top: 11%;
    background-position: right top; 
	position: relative;
}
#footer:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 7%;
    background: #008AD1;
    bottom: 0;
}
#footer h5 {
    color: #ffffff;
    font-weight: 700;
    font-size: 20px;
}
#footer p, #footer li{
	color: #ffffff;
}
#footer ul{
	padding: 0;
    list-style: none;
}
#footer ul li {
    color: #ffffff;
    margin-bottom: 9px;
}
#footer ul li a{
	color: #ffffff
}
#footer .container-top-footer {
    padding-top: 55px;
    padding-bottom: 45px;
}
#footer .container-footer-bottom{
	background: #007dbe;
    padding: 8px 0px;
}
#footer .container-top-footer, #footer .container-footer-bottom {
    position: relative;
    z-index: 9;
}
#footer .copyright p{
	text-align: center;
    margin: 0;
    color: #ffffff;
    font-size: 13px;
}
#footer .item-contacto.row{
	margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}
#footer ul.redes-scoailess {
    display: flex;
}
#footer ul.redes-scoailess li{
    margin-right: 12px;
}
#footer ul.redes-scoailess li a {
    background: #ffffff;
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
    color: #008AD1 !important;
}
#footer .item-contacto.row .item-contacto-icon{
	width: 15%;
}
#footer .item-contacto.row .item-contacto-text{
	width: 85%;
}
.item-contacto-icon .item-icons {
    text-align: left;
    color: #ffffff;
    font-size: 22px;
}
#footer .item-contacto.row .item-contacto-text h6{
	color: #ffffff;
}
#footer .item-contacto.row .item-contacto-text h6 {
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 5px;
}
#footer .item-contacto.row .item-contacto-text p{
	margin-bottom: 2px;
    font-size: 15px;
}
.quejar-reclamos{
	display: inline-block;
    padding: 9px 20px 5px;
    border: 1px solid rgb(255 255 255 / 56%);
}
#btn-mobil, #btn-close{
	display: none;
}
#comercializacion{
padding-bottom: 0 !important;
  background: -moz-radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(236,237,238,0.20211834733893552) 67%, rgba(170,172,175,0.17) 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(236,237,238,0.20211834733893552) 67%, rgba(170,172,175,0.17) 100%);
background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(236,237,238,0.20211834733893552) 67%, rgba(170,172,175,0.17) 100%);
}
#comercializacion img{
	width: 100%
}
.unidades-bottom {
    width: 59% !important;
    margin-top: 15px;
}
#comercializacion:before, #proceso-productivo:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 74%;
    background-image: url(https://www.ingemin.com.pe/wp-content/uploads/bg-imagen.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
    opacity: 0.5;
}
#comercializacion:before{
	left: 0;
}
#proceso-productivo:before{
	transform: scaleX(-1);
	right:0;
}
/** #proceso-productivo{
	background: -moz-radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(236,237,238,0.20211834733893552) 67%, rgba(170,172,175,0.17) 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(236,237,238,0.20211834733893552) 67%, rgba(170,172,175,0.17) 100%);
background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(236,237,238,0.20211834733893552) 67%, rgba(170,172,175,0.17) 100%);
}**/
#proceso{
	padding-left: 10%;
    padding-top: 0px;
}
#proceso .elementor-column.item-proceso {
    width: 14%;
}
#proceso .elementor-column.item-proceso-final{
	width: 30%;
}

.flecha-column img{
  animation: arrow 2s linear infinite;
  position: relative;
  margin-top: 30px;
}
    
@keyframes arrow{
  0%{
    left: 0%;
  }
  30%{
    left: 20%;
  }
  70%{
    left: -20%;
  }
  100%{
    left: 0%;
  }
}

@media (max-width: 768px){
	section.elementor-section {
		padding-top: 62px;
		padding-bottom: 62px;
	}
	#hero .text-items-hero h1 {
		font-size: 26px;
	}
	section#hero {
		max-height: 700px;
		min-height: 500px;
	}
	#hero .text-items-hero p {
		font-size: 14px;
		line-height: 1.1;
	}
	#hero .text-items-hero p:after {
		width: 9px;
		height: 9px;
		top: 5px;
	}
	#header .container-top-menu {
		display: none;
	}
	#header .menu-menu-encabezado-container {
		right: -80%;
		display: block;
		position: fixed;
		width: 80%;
		height: 100%;
		background: #ffffff;
		z-index: 99;
		top: 0;
		transition: 500ms;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		box-shadow: -2px 0px 12px 1px rgb(0 0 0 / 8%);
		opacity: 0;
	}
	#header .menu-menu-encabezado-container.ingemin-active {
		right: 0;
		opacity: 1;
	}
	#header .site-navigation ul.menu li {
		position: relative;
		display: flex;
		width: 100%;
	}
	#header .container-menu.container {
		padding-top: 8px;
		padding-bottom: 4px;
	}
	#header .col-2{
		width: 58%;
	}
	#header .col-10{
		width: 42%;
	}
	#btn-mobil{
		display: block
	}
	div#btn-close.ingemin_active {
		display: block;
		z-index: 999;
		font-size: 33px;
		color: #008AD1;
	}
	div#btn-mobil{
		color: #008AD1;
		font-size: 30px;
		margin-bottom: 7px;
		margin-right: 15px;
	}
	.elementor-position-left span.elementor-icon, .elementor-position-right span.elementor-icon {
		width: 50px;
		height: 50px;
	}
	.elementor-position-left .elementor-icon-box-content {
		padding-left: 57px;
	}
	.elementor-position-left .elementor-icon-box-content h2, 
	.elementor-position-right .elementor-icon-box-content h2 {
		font-size: 19px;
	}
	#proceso .elementor-column.item-proceso {
		width: 93%;
		margin: auto;
	}
	#proceso .elementor-column.item-proceso-final {
		width: 100%;
	}
	.flecha-column {
		transform: rotate(89deg);
	}
	.flecha-column img {
		animation: none;
	}
	.elementor-widget-text-editor p, .elementor-widget-text-editor li {
		font-size: 15px;
	}
	#mision-vision:before {
		height: 66%;
	}
	#footer:before {
    	height: 45%;
	}
}
@media (max-width: 530px){
	#mision-vision:before {
		height: 78%;
	}
	
	#footer:before {
    	height: 68%;
	}
}

.img-ts{
		padding: 5px 5px;
		margin-bottom: 0 !important;
}
.img-ts .elementor-widget-container{
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	height: 100%;
}
.img-ts .elementor-widget-container:before {
    content: '';
    position: absolute;
    background: url(https://www.ingemin.com.pe/wp-content/uploads/Mediamodifier-Design-Template.png);
    width: 110%;
    height: 250%;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-9%, -50%);
    transition-duration: 1s;
    top: 10%;
    opacity: 49%;
    z-index: 9;
    clip-path: polygon(53% 5%, 100% 38%, 100% 100%, 0 100%, 0% 38%);
}
.img-ts:hover .elementor-widget-container:before{
	transform: translateY(100%);
}
.img-ts figure{
	height: 100%;
}
.img-ts figcaption{
	position: absolute;
	top: 50%;
	color: #fff !important;
	text-align: center;
	width: 100%;
	transform: translate(0, -50%);
	font-weight: 600 !important;
	font-size: 23px;
	z-index: 10;
}
.img-ts img {
	object-fit: cover;
	transition-duration: 500ms;
	filter: grayscale(1);
	height: 100% !important;
}
.img-ts:hover img{
	transform: scale(1.1);
	filter: grayscale(0);
}

@media (min-width: 768px) {
   .col-ts.col-ts.col-ts.col-ts.col-ts>div  {
        padding: 0px !important;
    }
}
.img-cumplimiento {
	width: 70% !important;
}
.img-etica {
	width: 50% !important;
}

/* ------ Tabs Programa de cumplimiento ------- */
@media screen and (max-width: 768px) {
	.tabs_menu, .tab_content>div{
		width: 100% !important;
	}
	.tabs_menu{
		margin-bottom: 30px;
	}
	.tab_content .tab-right{
		display: none;
	}
}
.tabs-programa>div{
	width: 100% !important;
}

.tab_div {
	width: 100%;
	transform: translateZ(0);
}

.tabs_menu {
	padding-top: 1%;
	width: 25%;
	float: left;
}

ul.tabs {
	padding: 0;
}

ul.tabs>li{
	padding: 5% !important;
	width: 100%;
}

ul.tabs li {
	list-style-type: none;
	border: 4px solid #F2F5F2;
	border-right: 2px solid #188bcb;
	font-size: 14px;
	color: #4d4c4c;  
	font-weight: normal;
    transition: all 0.3s ease;
}

ul.tabs li.active {
	background: #cdd0d9;
    border-right: 4px solid #188bcb;
}
.tab_content>div>div{
	flex: 1;	
}
.tab_content>div{
	float: right;
	width: 71%;
	height: auto;
	padding-top: 3%;
	display: flex;
	column-gap: 15px;
}

.tab_content .tab-left a{
	padding: 10px 20px;
	background: #EE7D00;
	text-transform: uppercase;
	display: block;
	width: fit-content;
	margin-top: 20px;
	transition: 500ms;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
}
/* hover effect */

.tab_content .tab-left a:hover{
	background: #6f3a00;
}

ul.tabs li {
	display: inline-block;
	position: relative;
	padding: 1em;
	cursor: pointer;
	background: #ECEFF6;
	z-index: 0;
	text-align: left !important;
}

ul.tabs li:before {
	content: " ";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #67c2f5;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform .5s ease-out;
}

ul.tabs li:hover:before {
	transform: scaleX(1);
}
.boton-escucha a{
	background-color: #EE7D00 !important;
}