.rincon-innovacion #page {
    margin-top: -102px;
}

.rincon-innovacion .container-fluid.banner {
    margin: 0;
    padding: 0;
    height: 303px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #F4F4F3;
}

.rincon-innovacion .container-fluid.banner .banner-image {
    height: 303px;
    width: 100%;
    background-color: #F4F4F3;
}

.rincon-innovacion .container-fluid.banner .banner-image .banner-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%;
}

.rincon-innovacion .container-fluid.banner .banner-image .banner-image-group {
    height: 303px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    position: relative;
    min-width: 100%;
}

.rincon-innovacion .container-fluid.banner .banner-image .banner-image-group picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 303px;
    min-width: 100%;
}

.rincon-innovacion #page .banner-media .banner-image-group img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.rincon-innovacion .container-fluid.banner .banner-image .banner-image-group:after {
    height: 439px;
}


.rincon-innovacion .container-fluid.banner .banner-text {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 303px;
    top: 1rem;
    min-width: 100%;
}

.rincon-innovacion .row {
    margin: 0;
    padding: 0;
}

.rincon-innovacion .row > * {
    margin: 0;
    padding: 0;
}


.rincon-innovacion .banner-text .page-description h1,
.rincon-innovacion .banner-text .page-description p.h1 {
    color: #FDFDFD;
    text-align: center;
    font-family: 'OpenSans-Regular', sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
}

.rincon-innovacion .container-fluid.banner {
    background: transparent;
    z-index: 2;
    margin: 0;
    padding: 0;
}
.rincon-innovacion #video-info{
    padding: 100px 0;
    background-color: #F4F4F3;
    position: relative;
}
.rincon-innovacion #video-info::after{
    content: " ";
    background-image: url(/deployedfiles/agrobankhub/Imagenes/rincon__bkg.png);
    background-size: 32px 160px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    height: 43px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.rincon-innovacion #rincon__destacados{
    padding: 100px 0;
}
.rincon-innovacion #video-info .content-title__box{
    display: none;
}

.rincon-innovacion .c-highlights .c-highlights-list ul{
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    gap: 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: 1280px;
    margin: 0 auto;
}

.rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight {
    max-width: 400px;
    width: 100%;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(51, 51, 51, 0.20);
            box-shadow: 0px 3px 10px 0px rgba(51, 51, 51, 0.20);
    border-radius: 19.001px;
    background: var(--neutral-000, #FDFDFD);
    cursor: pointer;
}

.rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-image{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 399.964px;
    padding: 22.801px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 30.401px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
}

.rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-image img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 355px;
	border-radius: 6px;
}

.rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-content {
    padding: 0 22px 22px;
}

.rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-content h3 strong{
    color: #281E0E;
    font-family: 'OpenSans-Regular', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

.rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-content .nombre{
    color:  #281E0E;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; 
    opacity: 0.800000011920929;
    margin: 15px 0 4px 0;
}

.rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-content .titulo{
    color: #281E0E;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    opacity: 0.800000011920929;
}
.rincon-innovacion .carousel-item {
    cursor: auto;
}

/* Detalle Rincon de la Innovacion */
.rincon-innovacion .freeContent.container #detail-corner {margin-top: 100px; }
#detail-corner .article-content.article-video {margin-bottom: 40px;}
#detail-corner .article-content.article-intro {margin-bottom: 24px;}
#detail-corner div.video-placeholder > div {margin: 0 auto;}
#detail-corner div.video-placeholder video {border-radius: 14px; }
#detail-corner .article-content.article-intro,
.category-box,
.category-box ul,
div#detalle-rincon {display: -webkit-box;display: -ms-flexbox;display: flex;}
#detail-corner ul li {list-style: none;}
#detail-corner .texto_info_extra {display: none;}

div#detalle-rincon {
	padding: 20px;
    border: 1px solid var(--neutral-020, #D4D2CF);
    border-radius: 20px;
	color: #281E0E;
	font-style: normal;
	
    -webkit-box-pack: justify;
	
        -ms-flex-pack: justify;
	
            justify-content: space-between;
} 
	
/*fecha*/
.data-detail {
	font-size: 14px;	
	font-weight: 400;
	line-height: 18px; 
	padding-right: 32px;
}

/*caategorias*/
.category-box { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; overflow: auto; }
.principal-cat { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; margin: 0; }
		
.principal-cat p { 
    font-weight: 600;
    font-size: 12px;   
    display: -webkit-box;   
    display: -ms-flexbox;   
    display: flex; 
    -webkit-box-align: center; 
        -ms-flex-align: center; 
            align-items: center;
    padding: 4px 8px;
    height: 20px;
    background: #94DDF8;
    border-radius: 6px;
}
.principal-cat p,
.category-box ul li a { color: #281E0E; }
.category-box ul { gap: 8px; margin: 0 0 0 8px; }

.category-box ul li {    
    display: -webkit-box;    
    display: -ms-flexbox;    
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px 8px;
    height: 20px;
    width: auto;
    background: #EAE8E7;
    border-radius: 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;   
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}
.category-box ul.free-cat li { background: lightgray;}


#detalle-rincon > h1 {	
	font-family: 'OpenSans-Regular', sans-serif;
	font-size: 24px;	
	font-weight: 700;
	line-height: 32px; 
}
#detalle-rincon > div {font-size: 16px;}

#detalle-rincon > div.protagonista > div.nombre,
#detalle-rincon > div.info_destacada > div.info_extra{			
	font-weight: 700;
	line-height: 24px; 
}

#detalle-rincon > div.protagonista > div.puesto,
#detalle-rincon > div.info_destacada > div.info_extra2{		
	font-weight: 400;
	line-height: 20px; 
}

.sectionSeparator {
    width: 1px;    
	border: 1px solid #D4D2CF;
	margin: 0 15px;
}

#titulo-detalle-rincon .content-title__box{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: inherit;flex-flow: inherit; padding: 100px 0 40px 0;}



@media only screen and (max-width: 980px){
    .rincon-innovacion .container-fluid.banner {
        height: 276px;
    }
    .rincon-innovacion .container-fluid.banner .banner-image {
        height: 276px;
    }
    .rincon-innovacion .container-fluid.banner .banner-image .banner-image-group {
        height: 276px;
    }
    .herramientas .container-fluid.banner .banner-image .banner-image-group picture {
        height: 276px;
    }
    .rincon-innovacion #page .banner-media .banner-image-group img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .rincon-innovacion .container-fluid.banner .banner-text {
        width: 100%;
        height: 370px;
        top: 0;
        min-width: 100%;
    }
    .rincon-innovacion .container-fluid.banner .page-banner {
        padding: 0;
        margin-top: -50px;
    }
    .rincon-innovacion .banner-text .page-description h1,
	.rincon-innovacion .banner-text .page-description p.h1	{
        color: #FDFDFD;
        text-align: center;
            font-family: 'OpenSans-Regular', sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }
    .rincon-innovacion .c-highlights .c-highlights-list ul {
        padding: 0 1rem;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight{
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        width: 100%;
        -webkit-box-shadow: none;
                box-shadow: none;
        background: none;
    }
    .rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-content{
        padding: 0 0 22px;
        width: 272px;
        margin: 0 auto;
    }
    .rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-image img{
        width: 100%;
        height: 153px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-content h3 strong{
        color: #281E0E;
        font-family: OpenSans;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }
    .rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-content .nombre{
        color: #281E0E;
        font-family: OpenSans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin: 8px 0 0 0;
    }
    .rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-content .titulo{
        color: #281E0E;
        font-family: OpenSans;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }
    .rincon-innovacion #video-info{
        padding: 48px 0;
    }
    .rincon-innovacion .video-item {
        width: 100%;
        height: 282px;
        padding: 0;
        margin: 0 auto;
        -webkit-box-shadow: none;
                box-shadow: none;
        background-color: #00008000;
        max-width: 272px;
    }
    .rincon-innovacion .video-item .video-container {
        width: 100%;
        max-height: 157px;
        margin-right: 0 !important;
    }
    .rincon-innovacion .video-item .video-container img {
        width: 100%;
        height: 153px;
        min-width: 272px;
        max-width: 272px;
    }
    .rincon-innovacion .video-item .text-section {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
    }
    
    .rincon-innovacion .video-item .text-section h5 {
      margin-bottom: 0;
    }
    
    .rincon-innovacion .video-item .video-container::after {
        width: 60px;
        height: 60px;
    }
    .rincon-innovacion .video-item .row {
        width: 272px;
    }
    .rincon-innovacion .c-highlights .c-highlights-list ul .c-highlight .c-highlight-image {
        padding: 0 0 22px 0;
    }
	
	
	/* DETALLE */
	.rincon-innovacion .freeContent.container #detail-corner {margin-top: 48px;}
	#detail-corner .article-content.article-video {margin-bottom: 16px;}
	#detail-corner .article-video .video-inline.container { padding: 0;}
	#detail-corner .article-content.article-intro {display: inline;padding-bottom: 16px;}
	
	#detail-corner .category-box {padding-bottom: 10px;margin-bottom: 16px;}
	#detalle-rincon {max-width: 100%;}
	#detail-corner > div > div.article-content.article-intro > div.data-detail {padding-bottom: 16px;}
	#titulo-detalle-rincon .content-title__box {padding: 48px 0 32px 0;}
	#titulo-detalle-rincon .content-title__box h3 {padding: 0;}
}

@media only screen and (max-width: 768px){
	div#detalle-rincon { display: block; padding: 24px 16px;}
	div#detalle-rincon .sectionSeparator{ width: 100%; height: 1px; margin: 16px 0; } 
	
	#titulo-detalle-rincon > div > div.button_wrap {display: none;}
	
}


@media (max-width: 768px){	
    .rincon-innovacion #mobile-button{
        margin: 40px 0 100px;
    }
}


.container.video-item .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
}

.container.video-item .row .col-md-8.video-container{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 67%;
            flex: 1 0 67%;
    max-width: 600px;
}

.container.video-item .row .col-md-4{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
/*    padding-right: 20px; */
}

@media (max-width: 992px){	
    .container.video-item .row{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        height: auto;
    }
    .container.video-item .row .col-md-4{
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        height: auto;
        padding: 10px;
        width: 100%;
    }

}



@media (min-width: 1400px){	
	.rincon-innovacion .freeContent.container #detail-corner {margin-top: 100px;}
	.rincon-innovacion .freeContent.container #detail-corner, #titulo-detalle-rincon {max-width: 1026px; margin-left: auto; margin-right: auto; }
	
	#titulo-detalle-rincon .content-title__box h3 { font-size: 40px; line-height: 50px;	}
	
	#carrusel-detalle .video-item {margin-top: 0; margin-bottom:100px;}
}

.rincon-innovacion #mobile-button{
    margin: 40px 0 100px;
}