@charset "UTF-8";

/*! -----------------------------------------------------------------
[Juno web Stylesheet]

Project:     Core
Version:     1.3.3

------------------------------------------------------------------
[Listado de productos Styles]
*/

body {
	--color-rojo-juno:#e52327;
    --font-montserrat:"Montserrat", Arial, serif;
}

#descargasproducto {
    padding-top: 20px;
}

#descargasproducto-2 {
    display: flex;
    align-items: center;
}

#descargasproducto-2 ul li {
    display: block;
    padding:0 10px;
}

.descargas {
    border-top: 1px solid #eee;
    padding: 20px;
    margin: 0 0 20px 0;
    border: solid 1px #eee;
    width: 100%;
    box-shadow: 0 3px 2px rgba(0,0,0,.2);
}

.descargas article ul li a {
    color: #666;
}

.descargas article ul li a .fa-file-pdf {
    color: #e52327;
}

.descargas article span,
.descargas article span i {
    font-size: 12px;
    font-weight: 700;
    color: #e52327;
}

.descargas article li {
    font-size: 11px;
    list-style-type: circle;
    list-style-position: inside;
    padding-left: 5px;
    margin: 0px;
}

.descargas ul {
    padding-top: 5px;
    margin-bottom: 10px;
}

.descargas .desplegardescargas {
    margin-bottom: 20px;
}

.listado-productos {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    grid-gap: 15px;
    padding-top: 10px;
}

@media screen and (max-width: 1200px) {
    .listado-productos {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: auto;
        grid-gap: 15px;
    }
    
}

@media screen and (max-width: 991px) {
    .listado-productos {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto;
        grid-gap: 15px;
    }
    
}

@media screen and (max-width: 400px) {
    .listado-productos {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: auto;
        grid-gap: 15px;
    }
    
}

.support-box-grid {
    display: grid;
    grid-template-areas: "a"
                         "b"
                         "d"
                         "c";
    grid-template-columns: 1fr;
    grid-auto-rows: auto minmax(30px,auto) auto minmax(50px,auto);

}

@media screen and (max-width: 991px) {
    .support-box-grid {
        display: grid;
        grid-template-areas: "a"
                             "b"
                             "d"
                             "c";
        grid-template-columns: 1fr;
        grid-template-rows: auto;

    }   
}

@media screen and (max-width: 400px) {
    .support-box-grid {
        display: grid;
        grid-template-areas: "a"
                             "b"
                             "d"
                             "c";
        grid-template-columns: 1fr;
        grid-template-rows: auto;

    }   
}


.support-box-grid > .support-box-title {
    grid-area: b;
    padding-top: 10px;
}

.support-box-grid > .support-box-icon {
    grid-area: a;

}

.support-box-grid > .support-box-title h3.h4 {font-size: 18px}



@media screen and (max-width: 991px) {
    .support-box-grid > .support-box-icon img{
        width: 70%;
        
    }
}

@media screen and (max-width: 768px) {
    .support-box-grid > .support-box-icon img{
        width: 60%;
        
    }
}

.support-box-grid > .support-box-content {
    grid-area: c;
    padding-left: 10px;
    text-align: center;
    line-height: 1.3;

}


.support-box-grid > .iconos {
    position: absolute;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    background: #fff;
    top:-5px;
    z-index: 6;

}

.support-box {
	min-height: 410px;
}

@media screen and (max-width: 991px) {
	.support-box {
		min-height: 390px;
	}
	
}


@media screen and (max-width: 550px) {
	.support-box {
		min-height: 350px;
	}
	
}

@media screen and (max-width: 400px) {
	.support-box {
		min-height: auto;
	}
	
}

@media screen and (max-width: 320px) {
	.support-box {
		min-height: auto;
	}
	
}

.post-descripcion {
    font-weight: 600;
}

.iconos img {
    display: inline-block;
    height: 25px;
}

.iconos span {
    padding: 10px;
    color: #e52327;
    font-weight: 600;
}

.listado-productos .support-box {
    margin: 0px;
}




/*! ------------------------ SUPPORTBOX - NO RESULTS -------------*/

.listado-productos-5 {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-gap: 15px;
	}

.listado-productos-5 .support-box {
	margin: 0px;
}

.search-box-noresults {
    margin: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    justify-items: center;
    grid-gap: 10px;
    min-height: 500px;
}

.support-box-noresults {
	margin: auto;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr;
	align-items: center;
	justify-items: center;
	grid-gap: 10px;
	min-height: 500px;
}

@media screen and (max-width: 768px) {
	.support-box-noresults {
		margin: auto;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
		align-items: center;
		justify-items: center;
		grid-gap: 10px;
		min-height: 400px;
	}

    .search-box-noresults {
        margin: auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        align-items: center;
        justify-items: center;
        grid-gap: 10px;
        min-height: 400px;
        
    }
	
}

@media screen and (max-width: 480px) {
	.support-box-noresults {
		margin: auto;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
		align-items: center;
		justify-items: center;
		grid-gap: 10px;
		min-height: 200px;
	}

        .search-box-noresults {
        margin: auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        align-items: center;
        justify-items: center;
        grid-gap: 10px;
        height: 200px;
    }
	
}

.search-box-noresults h2 {
    align-self: end;
}

.support-box-noresults h2 {
	align-self: end;
}

.search-box-noresults p {
    align-self: start;
}

.support-box-noresults p {
	align-self: start;
}

.support-box-noresults__wrapper {
    grid-column-start: 1;
    grid-column-end: end;
}

.breadcrumb.absolute {
	position: absolute;
	top: 0px;
}

.breadcrumb.derecha {
		display: none;
		visibility: hidden;
	}

@media screen and (max-width: 768px) {
	.breadcrumb.absolute {
		display: none;
		visibility: hidden;
	}

	.breadcrumb.derecha {
		display: inline-block;
		visibility: visible;
		font-size: 11px;
		text-align: right;
	}

	.breadcrumb-content {
		display: flex;
		justify-content: center;
	}
	
}

article.proceso-aplicacion {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: auto;
    width: auto;
    height: 400px;
}

article.proceso-aplicacion-2 {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: auto;
    width: auto;
    height: auto;
}

@media screen and (max-width: 1200px){
	article.proceso-aplicacion-2 {
	    display: grid;
	    grid-template-columns: 30% 70%;
	    grid-template-rows: auto;
	    width: auto;
	    height: auto;
	}
	
}

@media screen and (max-width: 991px){
	article.proceso-aplicacion-2 {
	    display: grid;
	    grid-template-columns: 35% 65%;
	    grid-template-rows: auto;
	    width: auto;
	    height: auto;
	}
	
}

.proceso-aplicacion ul {
    margin: 0px;
}

.proceso-aplicacion-2 ul {
    margin: 0px;
}

.resultados {
    display: grid;
    grid-template-columns:1fr;
    grid-auto-rows: 50px;
    height: auto;
    overflow-x: auto;
    overflow-y:hidden;
    outline: 1px solid #e6e6e6;
}

@media screen and (max-width: 991px) {
    .resultados {
    	grid-template-columns:1fr;
    	grid-template-rows: repeat(4,50px);
        overflow-x: auto;
        overflow-y:hidden;
        height: auto;
        outline: 1px solid #e6e6e6;
    }

    article.proceso-aplicacion,
    article.proceso-aplicacion-2 {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: auto;
    width: auto;
    height: auto;
    }


    
}

@media screen and (max-width: 400px) {
    .resultados {
    	grid-template-columns:1fr;
    	grid-template-rows: 50px;
        overflow-x: auto;
        overflow-y:hidden;
        height: auto;
        outline: 1px solid #e6e6e6;
    }

    article.proceso-aplicacion,
    article.proceso-aplicacion-2 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    width: auto;
    height: auto;
    }
    
}



.campo-sustrato,
.campo-preparacion,
.campo-aplicacion-interior,
.campo-aplicacion-exterior {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    height: auto;
}

.resultados li{
    outline: 1px solid #e6e6e6;
    
    font-size: 11px;
    margin: 0px;
    
}

.proceso-aplicacion-2 .resultados li{
    outline: 1px solid #e6e6e6;
    height: 50px;
    font-size: 11px;
    margin: 0px;
    
}





.tabla-procesos-aplicacion__celda-content {
	height: 50px;
	padding: 10px;
	overflow-y: auto;
    line-height: 1.6;
    width: 543px;
}

@media screen and (max-width: 1200px){
	.tabla-procesos-aplicacion__celda-content {
	    width: 507px;
	}
	
}

@media screen and (max-width: 991px){
	.tabla-procesos-aplicacion__celda-content {
	    width: 311px;
	}
	
}

@media screen and (max-width: 640px){
	.tabla-procesos-aplicacion__celda-content {
	    width: 353px;
	}
	
}

@media screen and (max-width: 560px){
	.tabla-procesos-aplicacion__celda-content {
	    width: 367px;
	}
	
}

@media screen and (max-width: 480px){
	.tabla-procesos-aplicacion__celda-content {
	    width: 311px;
	}
	
}

@media screen and (max-width: 400px){
	.tabla-procesos-aplicacion__celda-content {
	    width: 182px;
	}
	
}

@media screen and (max-width: 320px){
	.tabla-procesos-aplicacion__celda-content {
	    width: 142px;
	}
	
}

.labels {
	height: auto;
}

.labels li {
    outline: 1px solid #e6e6e6;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
}



@media screen and (max-width: 991px) {
    

    

    .labels li {
        font-size: 11px;
    }

}


@media screen and (max-width: 768px) {
    

    

    .labels li {
        font-size: 11px;
    }

}

@media screen and (max-width: 400px) {
    

    

    .labels li {
        font-size: 12px;
    }

}

@media screen and (max-width: 320px) {
    

    

    .labels li {
        font-size: 9px;
    }

}

.labels .labels-items {
    display: grid;
    grid-auto-rows: 50px;
}

@media screen and (max-width: 991px){
	.labels .labels-items {
	    display: grid;
	    grid-auto-rows: 50px;
	}
	
}

@media screen and  (max-width: 768px) {

.nav.nav-tabs {
		display: block;
		text-align: center;
	}
	
}

.nav-tabs .nav-link {
    padding: 10px 18px;
    font-weight: bold;
    font-size: 12px;
    color: #313131;
    padding: 10px;
}

.no-hero {
    height: 81px;
}

@media screen and (max-width: 991px) {
    .no-hero {
        display: none;
    }
    
}

.support-box-click {
    position:absolute; 
    width: 100%; 
    height: 100%; 
    top:0px; 
    left:0px;
    z-index: 99;
}

.item-color {
	display: flex;
	flex-wrap: wrap;
	padding: 5px 15px 5px 5px;

}

.datos-tecnicos-table__content {
	display: flex;
	flex-wrap: wrap;

}

.datos-tecnicos-table__content .item-color .preview-color.d-inline-block div {
	width: 26px;
	height: 100%;
	margin-right: 10px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);

}

.listado-juno {
    padding-left: 20px;
}

ul.listado-juno li {
	
	list-style-type: none;
}


.caja-flex-img {
    display: flex;
    justify-content: space-around;
    padding: 10px;
}

.caja-flex-content {
    padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .caja-flex-content {
        padding: 10px;
    }
}

.caja-flex-content h3 {
    margin: 30px 0;
}

@media screen and (max-width: 767px) {
    .caja-flex-img {
        flex-direction: column;
        align-items: center;
    }

    .caja-flex-img img {
        padding: 20px;
    }

    .caja-flex-txt {
        display: grid;
        grid-gap: 10px;

        grid-template-columns: auto;
        grid-template-rows: 100% 1fr;

        padding: 0;
    }

}

.m-principal__block .menu-principal__row .menu-principal__wrapper .m-principal > .menu-item.item-menu-lateral a,
.m-principal__block .menu-principal__row .menu-principal__wrapper .m-principal > .menu-item.item-menu-topbar a {
    font-size: 12px !important;
}



@media screen and (min-width: 648px) {
    .item-menu-topbar{
        display: none;
    }
}


.header .extra-nav .header-search-form {
    background: rgba(0, 0, 0, 0.8) !important;
}

.header .extra-nav > ul > li > a.tiendas > span {
	display: none;
	visibility: hidden;
}

.layout header.header .extra-nav,
.layout header.header .extra-nav ul {
    min-width: 100px;
    max-width: unset;
}

.layout header.header .extra-nav ul .wr-btn-offcanvas {
	order: 3;
}

.layout header.header .extra-nav ul .wr-modal-search {
	order: 2;
}

.layout header.header .extra-nav ul .wr-btn-tiendas {
	order: 1;
}

.layout header.header .extra-nav ul .wr-nav-toggle {
	order: 3;
}

.header-search-form .header-search-form__inner .h4 {
    color: #fff !important;
}

.header .container-fluid .extra-nav ul li article .header-search-form-close a {
    font-size: 30px;
    font-weight: 400;
}

.icon-box {
    display: grid;
    grid-gap: 10px;

    grid-template-areas: "a"
                        "c";

    grid-template-rows: repeat(3,auto);

    text-align: center;
}

.icon-box-icon img {
    max-width: 100px;
}

.icon-box-title h3 {
        margin: 0;
    }

.icon-box-title h3:hover {
        color: #e52327;
        transition: .5s;
    }

@media screen and (max-width: 767px) {

    .icon-box {
        display: grid;
        grid-gap: 20px;

        grid-template-areas: "a"
                             "c";

        grid-template-columns: 80px 1fr;
        grid-template-rows: 1fr auto;

        padding: 20px;

        text-align: left;

    }

    .icon-box-title h3 {
        margin: 0;
        text-align: left;
        font-size: 20px;
    }

    .icon-box-content {
        text-align: left;
    }

    .icon-box-icon img {
        max-width: 80px;
    }
}

.icon-box-icon {
    grid-area: a;
    align-self: center;
}


.icon-box-content {
    grid-area: c;
    
}

.module-after-slider .box-shadow .icon-box {
    display: flex;
    flex-flow: row nowrap;

    justify-content: center;
    align-items: center;
}

.module-after-slider .box-shadow {
  margin-top: -70px;
}

.module-after-slider .container-box {
    display: flex;

}



.module-after-slider .box-shadow .solo-mobile {
    display: none;
}



@media screen and (max-width: 767px) {
    .module-after-slider .box-shadow .col-md-4 {
        border: 1px solid #eae9e9;
    }

    .module-after-slider .box-shadow .icon-box {
        padding: 12px;
    }

    .module-after-slider .box-shadow .icon-box-icon {
        margin:0;
    }

    .module-after-slider .icon-box-icon img{
        max-width: 60px;
    }

    .module-after-slider .box-shadow .icon-box .icon-box-title h3 {
        font-size: 12px;

    }

    .module-after-slider .container-box {
        display: flex;
        flex-flow: row wrap;
    }



    .module-after-slider .box-shadow .solo-mobile {
        display: flex;
        width: 50%;
        
    }

    .module-after-slider .box-shadow .solo-mobile.industria {
       background: #e52327;
    }

    .module-after-slider .box-shadow .solo-mobile .icon-box-title {
        display: flex;
        flex-flow: row-reverse;

        justify-content: center;
        align-items: center;
    
    }

    .module-after-slider .box-shadow .solo-mobile.industria .icon-box-title h3 {
        color: #fff;
    }

    .module-after-slider .box-shadow .solo-mobile .icon-box-title img {
        width: 42px;
        margin: 0px;
        padding: 0 6px;
    
    }

    .module-after-slider .box-shadow .solo-dsktop {
        display: none;
    }

    .module-after-slider .box-shadow .solo-mobile .icon-box .icon-box-icon {
        display: none;
    }

}

@media screen and (max-width: 576px) {
    .page-content .module-after-slider .module-after-slider__container .container-box {
        
        margin-top:0;
    }
}

.page-content .icon-box-productos  {
	margin-bottom: 20px;
}

.page-content ul {
	list-style: circle;
	list-color: #e52327;
}

.page-content .flex {
	display: flex;

	flex-flow: row nowrap;
	gap: 12px;

	justify-content: center;
	align-items: center;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	padding: 30px;
}

.page-content .flex .title {
	width: 25%;
	font-size: 30px;
	align-self: flex-start;
	z-index: 2;
	background: #000;
	padding: 12px;
}

.page-content .flex .content {
	width: 75%;
	align-self: center;
	z-index: 2;
	padding: 30px;

	margin: 0px;

	color: #fff;
}

@media screen and (max-width:991px) {
	.page-content .flex .title {
		width: 50%;
	}

	.page-content .flex .content {
		width: 50%;
	}
}

@media screen and (max-width:576px) {
	.page-content .flex {
		flex-flow: column;
	}

	.page-content .flex .title {
		width: 100%;
	}

	.page-content .flex .content {
		width: 100%;
	}
}

.module .term-sector__list .term-sector .term-sector__card .term-sector__excerpt {
	line-height: unset;
}

.icon-box-productos img {
    grid-area: a;
    margin: auto;
}


.icon-box-productos a {
    grid-area: c;
    max-height: 50px;
    font-size: 10px;
}



@media screen and (max-width: 767px) {
    

    .icon-box-productos::last-child {
        border-bottom: none;
    }

    

    .icon-box-productos .icon-box-title h4{
       text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .icon-box-productos .icon-box-title h4{
       text-align: left;
       font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .module.casos-exito .module-title {
        margin: 0;
    }

    .module.casos-exito h2 {
        font-size: 21px;
    }

    .module.casos-exito a {
        margin-bottom: 20px;
    }
}

.newsletter div.wpcf7 .ajax-loader {
    display:none;
    visibility: hidden;
}

.newsletter div.wpcf7 .ajax-loader .is-active {
    display: inline-block;
    visibility: visible;
}

.newsletter span.wpcf7-not-valid-tip {
    color: #fff;
}

.newsletter .wpcf7 form.invalid .wpcf7-response-output {
    color: #fff;
}

.pre-footer {
   padding: 10px 0 0 0;
}

.pre-footer .social-icons {
    display: flex;
    flex-flow: row nowrap;

    justify-content: center;
    align-items: center;

    width: 50%;
    margin: auto;

}

.social-icons > li > a {
    font-size: 20px;
    padding: 5px 20px ;
}

@media screen and (max-width: 767px) {
    .footer .widget {
        margin: 10px 0;
    }

    .footer .pre-footer aside {
        margin: 5px 0;
    }

    .footer hr {
        margin: 15px 0;
    }
}

footer .pre-footer .widget .menu-item__second-level {
    font-weight: 400;
    font-size: 12px;
}

footer .pre-footer hr {
    margin-top: 0px;
    margin-bottom: 10px;
}

.error-sub {
    margin-top: 30px;
}

.aside-listado-productos__inner .tax-cat-prod-tree .item-first-level.current > a {
    border: none; 
    color: #fff;
    background-color: #e52327;
    border-radius: 0px; 
   -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;

}

.aside-listado-productos__inner .tax-cat-prod-tree .item-first-level > a {
	border: none;
	color: #fff;
	background-color: rgba(0,0,0,.4);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
}

.aside-listado-productos__inner .tax-cat-prod-tree .item-first-level > a:hover {
	border: none;
	color: #fff;
	background-color: rgba(197,33,44,.8);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
}

.aside-listado-productos__inner .tax-cat-prod-tree .item-first-level.current .item-second-level> a {
    border: none;
    color: #000;  
    font-size: 13px;
}

.aside-listado-productos__inner .tax-cat-prod-tree .item-first-level.current .item-second-level  .item-third-level > a {
    border: none;
    color: #000;
    font-size: 12px;
    padding: 0px;
}

.wr-listado-productos .filtros-opcionales__wrapper .filtros-opcionales__form.opened {
    
    background-color: rgba(0,0,0,.8);
    color: #fff;
    box-shadow: 5px 5px 10px #000;
}

.wr-listado-productos .filtros-opcionales__wrapper .filtros-opcionales__form .filtros-opcionales .filtros-opcionales__field {
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid rgb(50, 50, 50);
    position: relative;
}

.breadcrumb .owl-stage-outer {
    font-size: 12px;
}

/*------------  TABLA SISTEMA ANTICORROIVO ---------------*/

.sistemas-anticorrosivos li {
	list-style-type: none;
}


/*-------------- c3 ------------ */

.c3 .sistemas-anticorrosivos {
    
    display: flex;
    flex-flow: row wrap;
}

.c3 .sistemas-anticorrosivos .side {
    width: 25%;
}

.c3 .sistemas-anticorrosivos .side .side__titulos {
    display: flex;
    flex-flow: column;
    width: 100%;

    justify-content: flex-start;
    align-items: center;
}

.c3 .sistemas-anticorrosivos .side .side__titulos li {
    width: 100%;
    
    font-size: 12px;
}

.c3 .sistemas-anticorrosivos .side .side__titulos .titulos {
    height: 60px;
}

.c3 .sistemas-anticorrosivos .contenido {
    display: flex;
    flex-flow: column wrap;

    width: 75%;
}

.c3 .sistemas-anticorrosivos .contenido ul {
    display: flex;
    flex-flow: row nowrap;

    width: auto;
}

.c3 .sistemas-anticorrosivos .contenido .campo-titulos {
    height: 60px;
}

.c3 .sistemas-anticorrosivos .contenido .campo-titulos li {
    height: 60px;
}

.c3 .sistemas-anticorrosivos .contenido .campo-titulos li .celda.n {
    width: 80%;
}

.c3 .sistemas-anticorrosivos .contenido ul li {
    width: 100%;
    font-size: 12px;
   
}

@media screen and (max-width: 576px) {
    .c3 .sistemas-anticorrosivos .side {
        width: 30%;
    }

    .c3 .sistemas-anticorrosivos .contenido {
        display: flex;
        flex-flow: column wrap;

        width: 70%;
    }
}

@media screen and (max-width: 480px) {
    .c3 .sistemas-anticorrosivos .side {
        width: 50%;
    }

    .c3 .sistemas-anticorrosivos .contenido {
        display: flex;
        flex-flow: column wrap;

        width: 50%;
    }
}

/* ------------- c3 END ------- */

/*-------------- c4 ------------ */

.c4 .sistemas-anticorrosivos {
    
    display: flex;
    flex-flow: row wrap;
}

.c4 .sistemas-anticorrosivos .side {
    width: 25%;
}

.c4 .sistemas-anticorrosivos .side .side__titulos {
    display: flex;
    flex-flow: column;
    width: 100%;

    justify-content: flex-start;
    align-items: center;
}

.c4 .sistemas-anticorrosivos .side .side__titulos li {
    width: 100%;
    
    font-size: 12px;
}

.c4 .sistemas-anticorrosivos .side .side__titulos .titulos {
    height: 60px;
}

.c4 .sistemas-anticorrosivos .contenido {
    display: flex;
    flex-flow: column wrap;

    width: 75%;
}

.c4 .sistemas-anticorrosivos .contenido ul {
    display: flex;
    flex-flow: row nowrap;

    width: auto;
}

.c4 .sistemas-anticorrosivos .contenido .campo-titulos {
    height: 60px;
}

.c4 .sistemas-anticorrosivos .contenido .campo-titulos li {
    height: 60px;
}

.c4 .sistemas-anticorrosivos .contenido .campo-titulos li .celda.n {
    width: 80%;
}

.c4 .sistemas-anticorrosivos .contenido ul li {
    width: 100%;
    font-size: 12px;
   
}

@media screen and (max-width: 576px) {
    .c4 .sistemas-anticorrosivos .side {
        width: 30%;
    }

    .c4 .sistemas-anticorrosivos .contenido {
        display: flex;
        flex-flow: column wrap;

        width: 70%;
    }
}

@media screen and (max-width: 480px) {
    .c4 .sistemas-anticorrosivos .side {
        width: 50%;
    }

    .c4 .sistemas-anticorrosivos .contenido {
        display: flex;
        flex-flow: column wrap;

        width: 50%;
    }
}

/* ------------- c4 END ------- */

/*-------------- c5 ------------ */

.c5 .sistemas-anticorrosivos {
    
    display: flex;
    flex-flow: row wrap;
}

.c5 .sistemas-anticorrosivos .side {
    width: 25%;
}

.c5 .sistemas-anticorrosivos .side .side__titulos {
    display: flex;
    flex-flow: column;
    width: 100%;

    justify-content: flex-start;
    align-items: center;
}

.c5 .sistemas-anticorrosivos .side .side__titulos li {
    width: 100%;
    
    font-size: 12px;
}

.c5 .sistemas-anticorrosivos .side .side__titulos .titulos {
    height: 60px;
}

.c5 .sistemas-anticorrosivos .contenido {
    display: flex;
    flex-flow: column wrap;

    width: 75%;
}

.c5 .sistemas-anticorrosivos .contenido ul {
    display: flex;
    flex-flow: row nowrap;

    width: auto;
}

.c5 .sistemas-anticorrosivos .contenido .campo-titulos {
    height: 60px;
}

.c5 .sistemas-anticorrosivos .contenido .campo-titulos li {
    height: 60px;
}

.c5 .sistemas-anticorrosivos .contenido .campo-titulos li .celda.n {
    width: 80%;
}

.c5 .sistemas-anticorrosivos .contenido ul li {
    width: 100%;
    font-size: 12px;
   
}

@media screen and (max-width: 576px) {
    .c5 .sistemas-anticorrosivos .side {
        width: 30%;
    }

    .c5 .sistemas-anticorrosivos .contenido {
        display: flex;
        flex-flow: column wrap;

        width: 70%;
    }
}

@media screen and (max-width: 480px) {
    .c5 .sistemas-anticorrosivos .side {
        width: 50%;
    }

    .c5 .sistemas-anticorrosivos .contenido {
        display: flex;
        flex-flow: column wrap;

        width: 50%;
    }
}

/* ------------- c5 END ------- */


.sistemas-anticorrosivos {
    display: grid;
    grid-gap: 0;

    grid-template-columns: 1fr 4fr;
    grid-template-rows: auto;

    outline: solid 1px #eee;

}

@media screen and (max-width: 991px) {
    .sistemas-anticorrosivos {
        grid-template-columns: 1fr 2fr;
        grid-template-rows: auto;
    }
}

@media screen and (max-width: 767px) {
    .sistemas-anticorrosivos {
        grid-template-columns: 40% 60%;
        grid-template-rows: auto;
    }
}

@media screen and (max-width: 480px) {
    .sistemas-anticorrosivos {
        grid-template-columns: 50% 50%;
        grid-template-rows: auto;
    }
}

.sistemas-anticorrosivos .side {
    display: block;

    background: #e52327;;
    color: #fff;
    font-weight: 500;
    width: auto;
}

.sistemas-anticorrosivos .campo-titulos {
    background: #000;
    color: #fff;
    font-weight: 700;
}

.sistemas-anticorrosivos .contenido {
    display: grid;
    overflow-x: scroll;
}

@media screen and (max-width: 400px) {
    .sistemas-anticorrosivos .contenido {
        font-size: 12px;
    }
}

.sistemas-anticorrosivos .contenido ul {
    display: grid;

    grid-template-columns: repeat(9,1fr);
    margin: 0;
}

.sistemas-anticorrosivos .side {
    width:  auto;
   
    margin: 0;
}

.sistemas-anticorrosivos .contenido .campo-imprimacion li .celda,
.sistemas-anticorrosivos .contenido .campo-imprimacion li,
.sistemas-anticorrosivos .contenido .campo-imprimacion {
    height: 52px;
    line-height: 1.6;
    
}

.sistemas-anticorrosivos .contenido .campo-intermedia li .celda,
.sistemas-anticorrosivos .contenido .campo-intermedia li,
.sistemas-anticorrosivos .contenido .campo-intermedia {
    height: 79px;
    line-height: 1.6;
    
}

.side__titulos {
    margin: 0px;
}

@media screen and (max-width: 767px) {
    .side__titulos {
        font-size: 12px;
    }
}

.side__titulos li {
    border: 1px solid #eee;
    margin: 0;
    padding: 5px;
    height: 30px;

}

.campo-titulos li,
.campo-durabilidad li,
.campo-preparacion li,
.campo-capasmicras li,
.campo-capasmicras2 li,
.campo-capasmicras3 li,
.campo-totalmicras {
    margin: 0;
    height: 30px
}

.campo-acabado li {
    height: 79px;
}

.side__titulos .imprimacion {
    height: 52px;
}

.side__titulos .intermedia {
    height: 79px;
}

.side__titulos .acabado {
    height: 79px;
}

.contenido li {
    width: 100%;
    min-width: 145px;
    margin: 0px;
    padding:6px;
}

.contenido ul {
	padding-top: 21px;
}

.contenido ul.post-meta {
	padding: 0px;
}

.sistema-altatecnologia {
    display: inline-block;
    background: #f49248;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.nuevos {
    display: inline-block;
    background: #29bcac;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.campo-titulos li {
    position: relative;
}

.celda {
    line-height: 1.6;
}

@media screen and (max-width: 400px) {
    .celda {
        line-height: 1.3;
    }
}

.celda.n:after {
    content:"";
    position: absolute;
    display: inline-block;
    background: #29bcac;
    width: 10px;
    height: 10px;
    top: 8px;
    right: 12%;
    border-radius: 50%;
}

.celda.at:before {
    content:"";
    position: absolute;
    display: inline-block;
    background: #f49248;
    width: 10px;
    height: 10px;
    top: 8px;
    left: 90%;
    border-radius: 50%;
}

.border-right {
    border-right: 1px solid #eee;
}


.wpcf7 .wpcf7-form p .wpcf7-submit {
    background: #e52327;
    color: #fff;
    font-weight: 500;
    border: none;
    padding: 5px 20px;
    border-radius: 5px;

} 

.wpcf7 .wpcf7-form p .wpcf7-submit:hover {
    background: #000;
    color: #fff;
    font-weight: 500;
    border: none;
    padding: 5px 20px;
    border-radius: 5px;
    transition: 0.5s;

} 



.suscribete-lista {
    background: #eee;
    padding: 50px;
}

.yourFormCustomStyle label p {
    color: #000;

}

.yourFormCustomStyle input {
    width: 90%;
    border: none;
}

.yourFormCustomContainer .yourButtonCustomStyle {
    margin-top: 30px;
    background: #e52327;
    color: #fff;
    font-weight: 600;
    border: none;
    padding: .75rem 1.5rem .75rem 1.5rem;
    font-size: .625rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.hero-juno__block .hero-juno__center {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 120px;
    z-index: 9; 

}



@media screen and (max-width: 767px) {
	.hero-juno__block .hero-juno__center {
		min-height: 72px;
	}
	
}


.hero-juno__block .hero-juno__main .hero-juno__title {
    margin: 0;
    color: #fff;
    text-align: center;  
    font-size: 40px; 
} 

.hero-juno__block.not-image .hero-juno__main .hero-juno__title {
	color: #000;
	position: relative;
}

.hero-juno__block.not-image .hero-juno__main .hero-juno__title::before {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 5px;
    background-color: #e52327;
    top: 50%;
    margin-top: -3px;
    left: -30px;
}

.hero-juno__block.not-image .hero-juno__main .hero-juno__title::after {
	content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 5px;
    background-color: #e52327;
    top: 50%;
    margin-top: -3px;
    right: -30px;
}



@media screen and (max-width: 991px) {
	.hero-juno__block .hero-juno__main .hero-juno__title {
		font-size: 36px;
	}
}

@media screen and (max-width: 768px) {
	.hero-juno__block .hero-juno__main .hero-juno__title {
		font-size: 27px;
	}
}

@media screen and (max-width: 576px) {
	.hero-juno__block .hero-juno__main .hero-juno__title {
		font-size: 15px;
	}
}

.hero-juno__block .hero-juno__main .hero-juno__subtitle {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.banner-telepedido {
    display: flex;
    background: none;
    border: 3px solid #eee;
    justify-content: center;
    align-content: center;
    padding: 20px;
    margin: 21px auto 0px;
}


.banner-telepedido ol {
	margin: 0px;

}

.banner-telepedido ol li {
    display: inline-table;
    padding: 0px 20px;
	font-size: 20px;

}

@media screen and (max-width: 767px) {
    .banner-telepedido {
        width: auto;
    }
}

.banner-telepedido .banner__telefono {
    font-size: 30px;
    font-weight: 400;
}

.banner-telepedido .banner__correo {
    font-size: 20px;
}

.pre-footer__content {
    position: relative;
}

.pre-footer__content__img img {
    position: absolute;
    top: 0px;
    left: -109px;

    width: 50px;

}

@media screen and (max-width: 1200px) {
    .pre-footer__content__img img {
        position: unset;

        width: 50px;

    }

}


.widget {
    margin: 0;
}

.footer .widget {
    margin: 0;
}

.pre-footer .row {
    justify-content: center;
}

@media screen and (max-width: 360px) {
   .pre-footer .row {
    max-width: 320px;
    margin: auto;
   } 
}


.col-flex-center {
    display: flex;
    align-self: center;
    justify-content: center;

}

.pre-footer .col-flex-center {
    padding-top: 10px;
    align-self: start;
}

@media screen and (max-width: 576px) {
    .col-flex-center {
        padding: 10px 0;
        text-align: center;
    }
}

.pre-footer .pre-footer--logos .logos-footer {
    display: flex;
    justify-content: center;
}

.pre-footer .pre-footer--logos .logos-footer img {
    width: 60px;
    padding: 0;
}

.pre-footer .pre-footer--rrss {
    margin: 12px 0 0;
    padding: 12px 0;
}

@media screen and (max-width: 576px) {
    .pre-footer .pre-footer--logos {
        display: none;
    }

    .pre-footer__content__img img {
        position: unset;
        width: 50px;
        margin: auto;
        display: block;
    }

    .pre-footer__content__txt p {
        text-align: center;
    }
} 

.tabla__content {
    display: block;
    margin: auto;

}

.tabla__grid {
    display: grid;
    grid-gap: 0;

    grid-template-columns: repeat(3,1fr);
    grid-auto-flow: row;

    padding: 10px;
    width: 100%;

    outline: solid 1px #eee;
}

.tabla__puntodeventa {
    padding: 10px;
    outline: solid 1px #eee;
}

@media screen and (max-width: 767px) {
    .tabla__content {
        display: block;
        margin: auto;

    }

    .tabla__grid {
        display: grid;
        grid-gap: 5px;

        grid-template-columns: repeat(4,1fr);
        grid-template-rows: 1fr;
        grid-auto-flow: column;

        padding: 10px;

        overflow-x: scroll;
        width: 100%;

        outline: solid 1px #eee;
    }

    .tabla__puntodeventa {
            max-width: 300px;
            min-width: 250px;
            padding: 10px;
            outline: solid 1px #eee;
            
        }
    }
}

.icon-box-title h3 {
    margin: 0;
}

/* --------------  fichas tecnicas y fichas de seguridad -----------*/

.module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item .module-fichas-tecnicas__item-card {
    background: #fff;
    border: solid 1px #eee;
    border-radius: 5px;

}

.module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item .module-fichas-tecnicas__item-card:hover  {
    background: #fff;
    border: solid 1px #eee;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #eee;
    transition: 0.5s;

}

.module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item .module-fichas-tecnicas__item-card .module-fichas-tecnicas__item-name .post-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    float: left;
    clear: both;
    margin-bottom: 10px;
    color: #000;
}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item .module-fichas-tecnicas__item-card .module-fichas-tecnicas__item-name {
    padding: 25px 15px 15px 15px;
    position: relative;
    border: none;
}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item .module-fichas-tecnicas__item-card .module-fichas-tecnicas__item-files-wrapper {
    background: none;
    padding: 20px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: start;
    font-size: 13px;
    line-height: 14px;
    border-top: dotted 1px #eee;
}

.wrapper .module-fichas-tecnicas__col-claim {
	color: #666;
}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item .module-fichas-tecnicas__item-card .module-fichas-tecnicas__item-files-wrapper .module-fichas-tecnicas__col-files .module-fichas-tecnicas__item-files .module-fichas-tecnicas__file a {
    color: #e52327;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    width: auto;
}

@media screen and (max-width: 576px) {
	.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item .module-fichas-tecnicas__item-card .module-fichas-tecnicas__item-files-wrapper .module-fichas-tecnicas__col-files .module-fichas-tecnicas__item-files .module-fichas-tecnicas__file a {
	    color: #e52327;
	    white-space: nowrap;
	    position: relative;
	    display: block;
	    width: 100%;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
}

.span-terco {
	display: inline-block;
}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item .module-fichas-tecnicas__item-card .module-fichas-tecnicas__item-files-wrapper .module-fichas-tecnicas__col-files .module-fichas-tecnicas__item-files .module-fichas-tecnicas__file::before {

    position: absolute;
    top: 0px;
    left: 0px;
    color: #e52327;

}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__filters {
    width: 60%;
    display: flex;
    
    flex-flow: row wrap;

    border-bottom: solid 1px #eee;
    margin: 0 auto 20px auto;
    box-shadow: 2px 2px 10px #eee;
    padding: 30px;
    background: #eee;
}

@media screen and (max-width: 991px) {
	.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__filters {
	    width: 100%;
	    display: grid;
	    
	    align-items: center;
	    
	    grid-template-columns: repeat(2,1fr);
	    border-bottom: solid 1px #eee;
	    margin-bottom: 20px;
	    box-shadow: 2px 2px 10px #eee;
	    padding: 30px;
	    background: #eee;
	}
}

 @media screen and (max-width: 576px) {
	.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__filters {
	    width: 100%;
	    display: grid;
	    
	    align-items: center;
	    
	    grid-template-columns: 1fr;
	    border-bottom: solid 1px #eee;
	    margin-bottom: 20px;
	    box-shadow: 2px 2px 10px #eee;
	    padding: 30px;
	    background: #eee;
	}
}


.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__filters .filter-ft__claim {
    border: none;
    text-transform: uppercase;
    font-size: 80%;
    justify-self: center;
    width: 100%;
    text-align: center;
}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__filters .filter-ft__wrapper .filter-ft {
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0 20px;

}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main {
    width: 100%;
}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list {
	display: flex;
    flex-flow: row;
    flex-wrap: wrap;

}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item {
    width: 50%;
    padding: 5px;
}

@media screen and (max-width: 991px) {
	.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item {
	    width: 100%;
	    padding: 5px;
	}
}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item .module-fichas-tecnicas__item-card .module-fichas-tecnicas__item-files-wrapper  .module-fichas-tecnicas__empty {
	color: #666;
}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__list .module-fichas-tecnicas__item .module-fichas-tecnicas__item-card .module-fichas-tecnicas__item-files-wrapper .module-fichas-tecnicas__col-files {
    width: 100%;
    padding: 10px;
}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__filters .filter-ft__wrapper .categorias-listado-productos #form-filter-productos .wr-select-productos::after {
    position: absolute;
    z-index: 9;
    top: 0px;
    right: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 100%;
    font-size: 12px;
}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__filters .filter-ft__wrapper .categorias-listado-productos #form-filter-productos .wr-select-productos select {
    position: relative;
    z-index: 2;
    background: #fff;
    border: 1px solid #ccc;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    font-size: 10px;
    cursor: pointer;
    letter-spacing: 1px;
}


/* ------------------- PUNTOS DE VENTA ----------- */

.wrapper .puntos-venta__block .puntos-venta__list .puntos-venta__area {
    width: 100%;
    margin: 20px 0px;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #eee;
}

.wrapper .puntos-venta__block .puntos-venta__list .puntos-venta__area:hover {
    width: 100%;
    margin: 20px 0px;
    padding: 10px;
    box-shadow: 2px 2px 10px #eee;
    background: #fff;
    border-radius: 5px;
    transition:0.5s;
    border: 1px solid #eee;
}

.wrapper .puntos-venta__block .puntos-venta__list .puntos-venta__area .puntos-venta__area-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    color: #e52327;
    padding-left: 5px;
    position: relative;
}

.wrapper .puntos-venta__block .puntos-venta__list .puntos-venta__area .puntos-venta__area-title::before, .puntos-venta__block .puntos-venta__list .puntos-venta__area .puntos-venta__area-title::after {

    content: '';
    position: absolute;
    bottom: 0px;
    left: 5px;
    width: 80px;
    height: 1px;
    background: #e52327;
    z-index: 3;

}

.wrapper .puntos-venta__block .puntos-venta__list .puntos-venta__area .puntos-venta__area-title::after {
    z-index: 1;
    width: calc(100% - 10px);
    left: unset;
    right: 5px;
    background: #eee;
    height: 1px;
}


.wrapper .puntos-venta__block .puntos-venta__list .puntos-venta__area .puntos-venta__area-list .puntos-venta__area-item ,
.wrapper .puntos-venta__block .puntos-venta__list .puntos-venta__area .puntos-venta__area-list .puntos-venta__area-item:nth-child(4n),
.wrapper .puntos-venta__block .puntos-venta__list .puntos-venta__area .puntos-venta__area-list .puntos-venta__area-item:nth-child(4n+1) {
    width: calc(50%);
    padding: 5px;
    margin: 0px;
}

.wrapper .puntos-venta__block .puntos-venta__list .puntos-venta__area .puntos-venta__area-list .puntos-venta__area-item .punto-venta__card:hover {
    background: #fff;
    padding: 10px 20px;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    border: 1px solid #666;
    transition: 0.5s;
    border-radius:5px;
    box-shadow: 2px 2px 5px #eee;
}

.wrapper .puntos-venta__block .puntos-venta__list .puntos-venta__area .puntos-venta__area-list .puntos-venta__area-item .punto-venta__card {
    background: #fff;
    padding: 10px 20px;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    border: 1px solid #fff;
    border-radius:5px;

}

.wrapper .puntos-venta__block .puntos-venta__list .puntos-venta__area .puntos-venta__area-list .puntos-venta__area-item .punto-venta__card {
    background: #fff;
    padding: 10px 20px;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    outline: none;
}

/* Header Tipos  punto de venta, dentro de la tarjeta */
.puntos-venta__block .puntos-venta__col-info .puntos-venta__list .puntos-venta__area .puntos-venta__area-list .puntos-venta__group .puntos-venta__group-header div {
   background: #000;
   color: #fff;
   font-weight: 300;
   font-size: 21px;
   margin: 30px 0;
   text-align: center;
}


/* Título del punto de venta, dentro de la tarjeta */
.puntos-venta__block .puntos-venta__col-info .puntos-venta__list .puntos-venta__area .puntos-venta__area-list .puntos-venta__group .puntos-venta__group-list .puntos-venta__area-item .punto-venta__card .punto-venta__title {
    margin: 10px 0;
    font-weight: 600;
}

/* Contenido del punto de venta, dentro de la tarjeta */
.puntos-venta__block .puntos-venta__col-info .puntos-venta__list .puntos-venta__area .puntos-venta__area-list .puntos-venta__group .puntos-venta__group-list .puntos-venta__area-item .punto-venta__card .punto-venta__content {
   line-height: 1.4;
}

/* Lugar del punto de venta, dentro de la tarjeta */
.puntos-venta__block .puntos-venta__col-info .puntos-venta__list .puntos-venta__area .puntos-venta__area-list .puntos-venta__group .puntos-venta__group-list .puntos-venta__area-item .punto-venta__card .punto-venta__place {
    margin: 10px 0;
}

/* Tipo del punto de venta, dentro de la tarjeta */
.puntos-venta__block .puntos-venta__col-info .puntos-venta__list .puntos-venta__area .puntos-venta__area-list .puntos-venta__group .puntos-venta__group-list .puntos-venta__area-item .punto-venta__card .punto-venta__tipo {
    font-weight: 400;
}



/* ------------- CARTA DE COLORES --------*/

.module-carta-colores {
	border: 1px solid #eee;
	border-radius: 5px;
	background: #fff;
	padding: 20px;
	margin: 0 auto 50px auto;
	width: 75%;
}

.module-carta-colores:hover {
	border: 1px solid #eee;
	border-radius: 5px;
	background: #fff;
	padding: 20px;
	margin: 0 auto 50px auto;
	width: 75%;
	box-shadow: 2px 2px 10px #eee;
	transition: 0.5s;
}

.module-carta-colores__title {
	font-size: 18px;
	font-weight: 700;
}

.module-carta-colores__cat-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.module-carta-colores__cat-item {
	width: 30%;
	padding: 10px;
}

.module-carta-colores__cat-item header {
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .module-carta-colores {
        width: 90%;
    }

    .module-carta-colores:hover {
        width: 90%;
    }

    .module-carta-colores__cat-item {
        width: 100%;
        padding: 10px;
    }
}

.wrapper .module-carta-colores .module-carta-colores__cat-list .module-carta-colores__cat-item:hover ,
.wrapper .module-carta-colores .module-carta-colores__cat-list .module-carta-colores__cat-item:last-child:hover {
    padding: 20px;
    border: 1px solid #666;
    border-radius: 5px;
    margin: 5px;
    box-shadow: 2px 2px 10px #eee;
    transition: 0.5s;
}

.wrapper .module-carta-colores .module-carta-colores__cat-list .module-carta-colores__cat-item,
.wrapper .module-carta-colores .module-carta-colores__cat-list .module-carta-colores__cat-item:last-child {
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 5px;

}

.wrapper .module-carta-colores .module-carta-colores__title {
    font-size: 150%;
    text-transform: uppercase;
    text-align: center;
    margin: 20px auto;
    color: #000;
    line-height: 1.3;
}

.cartas-flex {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.cartas-flex div {
    width: 20%;
    padding: 12px;
}

@media screen and (max-width: 1200px) {
    .cartas-flex div {
        width: 33%;
    }
}


@media screen and (max-width: 767px) {
    .cartas-flex div {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .cartas-flex div {
        width: 100%;
    }
}

.cartas-flex div main p {
    font-size: 14px;
}

/* ---------- MODAL FORMULARIOS -------- */

.modal-dialog .modal-content .modal-body .wpcf7 {
	text-center: center;
}


/*-------------- CARTA COLORES-------------*/

.module-carta {
    display: flex;
    flex-flow: row wrap;
    
    padding: 20px;
    margin: auto;
    width: 97.5%;
}



.colores-juno, .colores-bases {
    padding: 30px;
}

@media screen and (max-width: 767px) {
    .module-carta {
        flex-flow: column wrap;
    }

    .module-carta .colores-juno {
        border-bottom: solid 1px #eee;
        border-right: none;
    }
}

.colores-bases {
    display: grid;
    grid-gap: 10px;
    grid-template-areas: 'titulo' 'texto' 'listado';
}

.colores-bases h2 {
    grid-area: titulo;
    align-self: center;

    text-transform: uppercase;
    text-align: center;

    font-size: 150%;

    margin: 20px 0;
}

.colores-bases ul.listado-juno {
    grid-area: listado;
}


.colores-bases p {
    grid-area: texto;
}

.listado-juno-carta-colores {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}


.listado-juno-carta-colores li {
    position: relative;
    color: #e52327;

    padding-bottom: 20px;
    width: 25%;
}

.listado-juno-carta-colores li{
	text-align: center;
	margin: auto;
	padding: 10px 0;
}

.listado-juno-carta-colores img{
	
	margin: auto;
	margin-bottom: 20px;
    opacity: 0.5;
}

.listado-juno-carta-colores img:hover{
    
  opacity: 1;
  transition: .3s;

}


@media screen and (max-width: 767px) {
    .listado-juno-carta-colores {
        display: flex;
        flex-flow: column;

    }

    .listado-juno-carta-colores li {
        margin:0;
    }
}


/* ------------------ SLIDER ---------------*/

.slider__box .slider__btn {
    margin:20px 0;
}

@media screen and (max-width: 767px) {
    .slider__box {
        padding: 0 21px;
    }
}

/* ------------------ TOP BAR --------------*/

.top-bar .container-fluid .row {
  justify-content: flex-end;
}

.top-bar .container-fluid .col-menu-topbar {
    justify-content: flex-end !important;
}

/* .col-menu-topbar {
  margin-right: 20px;
  padding-right: 20px;
  border-right: solid 1px #fff;
} */

@media screen and (max-width: 767px) {
  .col-menu-topbar {
    border-right: none;
  }
}

.inner-header .inner-brand .brand-dark,
.inner-header .inner-brand .brand-light {
    position: absolute;
    height: 110%;
    height: auto;
    box-shadow: 0 2px 5px rgba(0,0,0,.4);
    top: 3px;
    z-index: 9999;
    width: 81px;
    width: auto;
    
}

body .top-bar .container-fluid .col-search {
	order: 3;
	margin-left: 30px;
}

@media screen and (max-width: 590px) {
	body .top-bar .container-fluid .col-search {
		order: 3;
		margin: auto;
		padding: 0px;

	}

}

.filtros-opcionales__wrapper .filtros-opcionales__form .filtros-opcionales .filtros-opcionales__field .filtros-opcionales__field-claim:after {
    
    justify-content: flex-end !important;
    
}

/* ------------------ CONTACTO ------------------*/

.module-contactos {
    display: flex;
    flex-flow: row nowrap;

    padding: 20px;
    border: solid 1px #eee;

    align-content: center;
    justify-content: space-between;
}

.module-contactos__item {
    padding: 5px;
    justify-content: center;
    display: flex;
    flex-flow: column;
    width: 50%;
    justify-content: center;
    text-align: center;
}

.module-contactos__item img {
    display:block;
    margin: auto;

}

@media screen and (max-width: 767px) {
    .module-contactos {
        flex-flow: column;
        width: 90%;
        margin: auto;
    }

    .module-contactos__item {
        padding: 15px;
        width: 100%
    }
}


.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__help {
	background: none;
	border-top: solid 1px #eee;
	color: #999;
	text-align: center;
	margin: auto;
	display: block;
}

.wrapper .module-fichas-tecnicas .container .module-fichas-tecnicas__inner .module-fichas-tecnicas__main .module-fichas-tecnicas__help {
	
	display: none;
	visibility: hidden;
}

.tagcloud {
	text-transform: lowercase;
	font-weight: 400;
}


/* ---------------------- Productos - aside listado ----------------- */

aside.aside-listado-productos .aside-listado-productos__inner .tree-cats-prod__aside .tax-cat-prod-tree .item-tax.item-second-level a::before{
	content: "\f0dd";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

aside.aside-listado-productos .aside-listado-productos__inner .tree-cats-prod__aside .tax-cat-prod-tree .item-tax a::after {
    display: none;
}

aside.aside-listado-productos .aside-listado-productos__inner .tree-cats-prod__aside .tax-cat-prod-tree .item-tax.item-second-level .item-third-level a::before {
	display: none;
}

/* ----------------------- Ficha Producto - datos técnicos ---------- */

.datos-tecnicos-table .datos-tecnicos-table__col .datos-tecnicos-table__content .item-color .preview-color span {
	background-size: cover;
}

/* ----------------- FILTROS -------------- */

.wr-listado-productos__inner .filtros-opcionales__wrapper .filtros-opcionales__form .filtros-opcionales .filtros-opcionales__field .filtros-opcionales__field-values .filtros-opcionales__item-value .filtros-opcionales__item-value-canvas {
    outline: 1px solid #fff;
}

.product-meta {
    margin-bottom: 20px;
}

/* -------------------- PAGINAS INTERNAS DE INDUSTRIA -------------- */

.caja-flex-content p {
    font-weight: lighter;
    font-size: 15px;
    color: #000;
}

/* --------------------- inicio ---------------- */

.layout .casos-exito-home__block .casos-exito-home .casos-exito-home__carousel .owl-item .caso-exito-home__item .caso-exito-home__item-card .caso-exito-home__item-header .caso-exito-home__item-title {
    line-height: 1.1;
}

.layout .casos-exito-home__block .casos-exito-home .casos-exito-home__carousel .owl-item .caso-exito-home__item .caso-exito-home__item-card .caso-exito-home__item-header .caso-exito-home__item-excerpt {
    line-height: 150%;
    margin-bottom: 10px;
}

.celda {
    paddign: 10px;
}

.second-level__wrapper.mega-menu {
    
}

/*---------------- MEGA MENU --------------- */

.layout header.header .header-app__container .header-app__col-logos .header-app__logos {
    box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
}

.header .m-principal__block .menu-principal__row .m-principal {
    position: relative;
}

.header .m-principal__block .menu-principal__row .m-principal > .menu-item {
    position: unset;
}

.flex__father .second-level__wrapper.mega-menu {
    margin: auto;
    display: flex;
    flex-flow: row wrap;

    width: 100%;
    justify-content: space-around;

    left: 0;

}

.flex__father .second-level.sub-menu.mega-menu-row {
    display: flex;
    flex-flow: row wrap;

    width: 72vw;
    justify-content: flex-start;
    align-items: start;

    padding: 10px;

}

.pintura-menu.menu-item.menu-item-type-taxonomy.menu-item-object-categoria_producto .second-level .item-second-level {
    width: 33%;
    position: relative;
    padding: 10px;
}

.menu-item.menu-item-type-taxonomy.menu-item-object-categoria_producto.menu-item-has-children.item-second-level {
    width: 50%;
    position: relative;
    padding: 10px;
}

.menu-item.menu-item-type-taxonomy.menu-item-object-categoria_producto.menu-item-has-children.item-second-level .third-level {
    margin: 0;
    padding-left: 10px;
}

.menu-item.menu-item-type-taxonomy.menu-item-object-categoria_producto.menu-item-has-children.item-second-level .third-level.show {
    display: block;
    padding-left: 20px;
    transition: .3s;
}



.menu-item.menu-item-type-taxonomy.menu-item-object-categoria_producto.item-second-level a {
     font-size: 15px;
     width: 100%;
     display: block;
     line-height: 1.2;
     margin-bottom: 3px;

}

@media screen and (max-width: 891px) {
	.menu-item.menu-item-type-taxonomy.menu-item-object-categoria_producto.menu-item-has-children.item-second-level a {
	     font-size: 15px;
	     width: 100%;
	     display: block;
	     line-height: 1.2;
	     margin-bottom: 6px;

	}
}

 


/* ------------- NUEVO 25 Marzo 2021 ------ */

.header .m-principal__block {
    width: 100%;
    display: flex;
    align-items: center;

    position: relative;

}

.header.header-center .m-principal__block {
    justify-content: center;
}

.header.header-left .m-principal__block {
    justify-content: start;
}

.header.header-right .m-principal__block {
    justify-content: end;
}

.m-principal__row {
    width: 100%;
}

.m-principal {
    display: flex;
    flex-flow: row wrap;

    margin: auto;
    justify-content: center;

    position: relative

}

body.body-en .layout header.header .m-principal__block .m-principal ,
body.body-ie .layout header.header .m-principal__block .m-principal {
	gap: 42px;
}

.header .m-principal .industria-father.menu-item.item-first-level {
    font-weight: 700;

}

.header .m-principal .menu-item.item-first-level {
    margin: 0 15px;
    font-weight: 600;
}

.header .m-principal .menu-item.item-first-level a {
	padding: 0 6px;
	color: #000;
	font-size: 17px;
}	

.header .m-principal .menu-item.item-first-level.opened > a{
    color:#e52327;
}

.header .m-principal .menu-item.industria-father.opened > a{
    color:#fff;
    background: #e52327;
}

@media screen and (max-width: 991px) {
    .header .m-principal .menu-item.item-first-level {
        margin: 0 10px;
        font-weight: 600;
    }
}

header.header .container-fluid .inner-header {
	min-width: 91px;
	min-height: 91px;
	position: relative;
	display: flex;
	flex-flow: row;
	justify-content: center;
	animation: ;
	align-items: center;
	box-shadow: 0px 3px 3px rgba(0,0,0,.4);
}

header.header .container-fluid .inner-header .inner-brand {
	display: flex;
	align-content: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
}



.m-principal .second-level.sub-menu {
    display: none;

}


.m-principal .menu-item.opened .second-level.sub-menu {
    position: absolute;

    display: flex;
    flex-flow: row wrap;

    width: 50%;
    padding: 30px;

    background: #fff;

    transition: .3s;
    box-shadow: 0px 3px 3px rgba(0,0,0,.4);

    margin-top: 26px;

    transition: 0.3s;
    translate: 0 0;

}

.m-principal .menu-item.opened.in-left-side .second-level.sub-menu {   
    width: 50%;
    width: 100%;
	left: 0;
	columns: 3;
	overflow: hidden;
	display: block;
	height: auto;
}

.m-principal .pintura-menu.menu-item.opened.in-left-side .second-level.sub-menu {   
    width: 100%;
    left: 0;
    columns: 3;
	overflow: hidden;
	display: block;
	height: auto;
}

.header .m-principal .menu-item.industria-father > a {
	background: #e52327 ;
	color: #fff;
}

.industria-father a:focus {
    outline: solid 3px #e52327 ;
}

.m-principal .menu-item.industria-father .second-level.sub-menu {

   color: #fff;
   background: #e52327;
    right: 0;
    width: 100%;

}

.m-principal .menu-item.industria-father .second-level.sub-menu a {
    color: #fff;
}



.m-principal .industria-father .second-level.sub-menu.show li a {
    color: #fff;
}


.second-level .third-level .item-third-level {
    margin: 0;
    display: block;
    line-height: 1;
}


.item-third-level.show a {
    padding-left: 10px;
}

.item-third-level span {
    font-size: 13px;
}

body.menu-topbar-overflowed  .col-menu-topbar {
    display: none;
}

.off-canvas-sidebar {
    height: 100vh;
    width: 600px;
    right: -600px;
}

@media screen and (max-width: 767px) {
	.off-canvas-sidebar {
		width: 100vw;
		right: -100vw;
	}
}



body .off-canvas-sidebar-open .off-canvas-sidebar {
    -webkit-transform: translateX(-640px);
    transform: translateX(-640px);
}

@media screen and (max-width: 767px) {
	body .off-canvas-sidebar-open .off-canvas-sidebar {
	    -webkit-transform: translateX(-100vw);
	    transform: translateX(-100vw);
	}
}




body .off-canvas-sidebar .off-canvas-sidebar-wrapper .off-canvas-content {
    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    overflow-y: auto;
}

body.menu-principal-overflowed .m-principal__block {
    display: none;
}

@media screen and (max-width: 892px) {
	body.m-principal__block {
	    display: none;
	}
}

body  .off-canvas-sidebar .item-menu-principal {
    display: none;
    
}


body.menu-principal-overflowed .off-canvas-sidebar .item-menu-principal {
    display: block;
}


.widget.widget_nav_menu .menu-menuolateral-container .menu-lateral .item-menu-principal {
    font-size: 21px;
}

.widget_recent_entries_custom {
    margin-top: 30px;
}

.widget_recent_entries {
     margin-top: 30px;
}

.menu-lateral {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

.menu-lateral li {
    width: 100%;
    padding: 10px;

}



@media screen and (min-width: 892px) {
	.menu-lateral li {
		width: 100%;
	}
}








.menu-lateral .item-menu-principal .second-level__wrapper {
	display: none;
}

.menu-lateral .item-menu-principal.opened .second-level__wrapper {
    display: block;
    transition: .3s;
}


.widget_nav_menu .menu-lateral li {
	font-size:12px;
	order:9;
}

.widget_nav_menu .menu-lateral .item-menu-principal {
	order:0;
}

.off-canvas-sidebar .social-icons {
   display: flex;
   flex-flow: row wrap;

   align-items: center;
   justify-content: center ;

   margin: 10px 0;
   border-bottom: solid 1px #fff;
   border-top: solid 1px #fff;
}

.off-canvas-sidebar .social-icons li {
	margin: 0;
	padding: 0;
}

.off-canvas-sidebar .social-icons li a{
	font-size: 21px;
	margin: 0;
}

.off-canvas-sidebar .widget {
	width: 100%;
}


/* -------- TODOS - MENU PRINCIPAL ----- */
.item-first-level.opened .second-level__wrapper .second-level.sub-menu {
    display: flex;
    flex-flow: row wrap;

    align-items: flex-start;
    justify-content: flex-start;

    padding: 12px;
    
}

.item-first-level.opened .second-level__wrapper .second-level.sub-menu .item-second-level {
    padding: 10px;
	
	width: 100%;
	height: auto;
	overflow: auto;
}

.item-first-level.opened .second-level__wrapper .second-level.sub-menu .item-second-level .sub-menu.third-level,
.item-first-level.opened .second-level__wrapper .second-level.sub-menu .item-second-level .sub-menu.third-level .item-third-level {
    padding: 3px;
    font-weight: 400;
}

/* -------- INDUSTRIA - MENU PRINCIPAL ------ */

.m-principal .industria-father.opened .second-level__wrapper .second-level.sub-menu {
    width: 100%;
    left: 0;
    columns: 3;
    overflow: hidden;
    display: block;
    height: auto;
}

.m-principal .industria-father.opened .second-level__wrapper .second-level.sub-menu .item-second-level {
    width: 100%;
}

@media screen and (max-width: 991px) {
	.m-principal .industria-father.opened .second-level__wrapper .second-level.sub-menu .item-second-level {
	    width: 50%;
	}
}








/* -------- TODOS - MENU LATERAL ----- */
.menu-lateral .item-first-level.opened .second-level__wrapper .second-level.sub-menu {
    display: flex;
    flex-flow: row wrap;

    align-items: flex-start;
    justify-content: flex-start;

    padding: 12px;
    height: 100%;
}

.menu-lateral .item-first-level.opened .second-level__wrapper .second-level.sub-menu .item-second-level {
    width: 50%;
    padding: 10px;
    margin: 0px;
}

@media screen and (max-width: 400px) {
    .menu-lateral .item-first-level.opened .second-level__wrapper .second-level.sub-menu .item-second-level {
        width: 100%;
        padding: 10px;
        margin: 0px;
    }
}

.menu-lateral .item-first-level.opened .second-level__wrapper .second-level.sub-menu .item-second-level .sub-menu.third-level,
.menu-lateral .item-first-level.opened .second-level__wrapper .second-level.sub-menu .item-second-level .sub-menu.third-level .item-third-level {
    padding: 3px;
}

/* -------- PINTURA - MENU LATERAL ----- */

.pintura-menu.opened .second-level__wrapper .second-level.sub-menu {
    display: flex;
    flex-flow: row wrap;

    align-items: flex-start;
    justify-content: flex-start;
}

.pintura-menu.opened .second-level__wrapper .second-level.sub-menu .item-second-level {
    width: 100%;
    display: inline-block;
}

@media screen and (max-width: 1000px) {
	.off-canvas-sidebar .pintura-menu.opened .second-level__wrapper .second-level.sub-menu .item-second-level {
	    width: 50%;
	}
}

@media screen and (max-width: 500px) {
	.off-canvas-sidebar  .pintura-menu.opened .second-level__wrapper .second-level.sub-menu .item-second-level {
	    width: 100%;
	}
}

.pintura-menu.opened .second-level__wrapper .second-level.sub-menu .item-second-level .sub-menu.third-level,
.pintura-menu.opened .second-level__wrapper .second-level.sub-menu .item-second-level .sub-menu.third-level .item-third-level {
    padding: 3px;

}

/* -------- industria - MENU LATERAL ----- */

.menu-lateral .item-first-level.opened .second-level__wrapper .second-level.sub-menu .industria-child {
    width: 100%;
    padding: 21px;
    margin: 0px;
    font-size: 15px;
}

.wr-childs-industria .wr-childs-industria__list .industria-child > a {
    font-size: 21px;

}

.wr-childs-industria .sub-menu.wr-childs-industria__list {
    padding: 0px;
}

@media screen and (max-width: 1000px) {
    .off-canvas-sidebar .menu-lateral .industria-father.opened .second-level__wrapper .second-level.sub-menu .industria-child {
        font-size: 18px;
        width: 100%;
    }

    .off-canvas-sidebar .menu-lateral .industria-father.opened .second-level__wrapper .second-level.sub-menu .industria-child:nth-child(1) {
        border-top: solid 3px #fff;
        padding-top: 30px;
        margin-top: 30px;

    }
}

@media screen and (max-width: 767px) {
    .off-canvas-sidebar .menu-lateral .industria-father.opened .second-level__wrapper .second-level.sub-menu .industria-child {
        font-size: 15px;
        width: 100%;
    }

    .wr-childs-industria .wr-childs-industria__list .industria-child > a {
        font-size: 18px;

    }

    .off-canvas-sidebar .menu-lateral .industria-father.opened .second-level__wrapper .second-level.sub-menu .industria-child:nth-child(1) {
        padding-top: 21px;
        margin-top: 21px;

    }

    .menu-lateral .item-first-level.opened .second-level__wrapper .second-level.sub-menu .industria-child {
        padding: 15px;
    }
}

@media screen and (max-width: 400px) {
    .off-canvas-sidebar .menu-lateral .industria-father.opened .second-level__wrapper .second-level.sub-menu .industria-child {
        font-size: 12px;
        width: 100%;
    }

    .wr-childs-industria .wr-childs-industria__list .industria-child > a {
        font-size: 15px;

    }

    .off-canvas-sidebar .menu-lateral .industria-father.opened .second-level__wrapper .second-level.sub-menu .industria-child:nth-child(1) {
        padding-top: 15px;
        margin-top: 15px;

    }

    .menu-lateral .item-first-level.opened .second-level__wrapper .second-level.sub-menu .industria-child {
        padding: 9px;
    }
}




/*------------------------------ */


/* ------- TABLA  -------- */

.tabla-sistema-anticorrosivo {
    display: flex;

    flex-flow: column;

    padding: 10px;
}


.tabla-sistema-anticorrosivo .rojo {
    background-color: #e52327;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(6,1fr);
}




.tabla-sistema-anticorrosivo .gris {
    background-color: #666;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(6,1fr);
}

.tabla-sistema-anticorrosivo .contenido {
    
    width: 100%;
    height: auto;
}

.tabla-sistema-anticorrosivo .contenido .celdas {
    
    background-color: #999;
    display: grid;
    grid-template-rows: repeat(17,1fr);
    grid-template-columns: repeat(6,1fr);
    width: 100%;
    height: auto;
}

.tabla-sistema-anticorrosivo .contenido .celdas .item {
    width: auto;
}



.tabla-sistema-anticorrosivo .item {
    color: #fff;
}

.tabla-sistema-anticorrosivo .contenido li {
    width: auto;
    height: auto;
	list-style-type: none;
}

.tabla-sistema-anticorrosivo ul {
    margin: 0;
    text-align: center;

    border: solid 1px #fff;
    font-size: 14px;
}

.tabla-sistema-anticorrosivo li {
    margin: 0;
    padding: 3px;
    text-align: center;

    border: solid 1px #fff;

}

@media screen and (max-width: 767px) {
    .tabla-sistema-anticorrosivo li {
        font-size: 10px;
        min-width: auto;
    }
}   

.cabecera-top .gris .item {
    line-height: 1.2;
    width: auto;
}

.cabecera-top .rojo .item  {
    text-align: center;
}

.cabecera-top .rojo .item:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
}


.cabecera-top .rojo .item:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 6;
    border: solid 1px #fff
}

.contenido .celdas .item {
    width: 100%;
    height: 100%;
    text-align: center;

}

.contenido .celdas .item:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 5;   
}

.contenido .celdas .item:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.contenido .celdas .item:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}

.contenido .celdas .item:nth-child(4) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}

.contenido .celdas .item:nth-child(5) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
}

.contenido .celdas .item:nth-child(7) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}

.contenido .celdas .item:nth-child(8) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
}

.contenido .celdas .item:nth-child(9) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
}

.contenido .celdas .item:nth-child(10) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}

.contenido .celdas .item:nth-child(11) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
}

.contenido .celdas .item:nth-child(12) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
}

.contenido .celdas .item:nth-child(13) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
}

.contenido .celdas .item:nth-child(14) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
}

.contenido .celdas .item:nth-child(15) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 3;
}

.contenido .celdas .item:nth-child(16) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
}

.contenido .celdas .item:nth-child(17) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 4;
    grid-row-end: 5;
}


.contenido .celdas .item:nth-child(22) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 9;
}

.contenido .celdas .item:nth-child(23) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
}

.contenido .celdas .item:nth-child(24) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 7;
}

.contenido .celdas .item:nth-child(25) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 7;
    grid-row-end: 8;
}

.contenido .celdas .item:nth-child(26) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 8;
    grid-row-end: 9;
}

.contenido .celdas .item:nth-child(26) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 8;
    grid-row-end: 9;
}

.contenido .celdas .item:nth-child(27) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 6;
}

.contenido .celdas .item:nth-child(28) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 6;
    grid-row-end: 7;
}

.contenido .celdas .item:nth-child(29) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 7;
    grid-row-end: 8;
}

.contenido .celdas .item:nth-child(30) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 8;
    grid-row-end: 9;
}

.contenido .celdas .item:nth-child(31) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 6;
}

.contenido .celdas .item:nth-child(32) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 7;
}

.contenido .celdas .item:nth-child(33) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 7;
    grid-row-end: 8;
}

.contenido .celdas .item:nth-child(34) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 9;
}

.contenido .celdas .item:nth-child(35) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 5;
    grid-row-end: 6;
}

.contenido .celdas .item:nth-child(36) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 6;
    grid-row-end: 7;
}

.contenido .celdas .item:nth-child(37) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 7;
    grid-row-end: 8;
}

.contenido .celdas .item:nth-child(38) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 8;
    grid-row-end: 9;
}

.contenido .celdas .item:nth-child(39) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 5;
    grid-row-end: 6;
}

.contenido .celdas .item:nth-child(40) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 6;
    grid-row-end: 7;
}

.contenido .celdas .item:nth-child(41) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 7;
    grid-row-end: 8;
}

.contenido .celdas .item:nth-child(42) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 8;
    grid-row-end: 9;
}

.contenido .celdas .item:nth-child(43) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 9;
    grid-row-end: 13;
}

.contenido .celdas .item:nth-child(44) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 9;
    grid-row-end: 10;
}

.contenido .celdas .item:nth-child(45) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 10;
    grid-row-end: 11;
}

.contenido .celdas .item:nth-child(46) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 11;
    grid-row-end: 12;
}

.contenido .celdas .item:nth-child(47) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 12;
    grid-row-end: 13;
}

.contenido .celdas .item:nth-child(48) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 9;
    grid-row-end: 10;
}

.contenido .celdas .item:nth-child(49) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 10;
    grid-row-end: 11;
}

.contenido .celdas .item:nth-child(50) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 11;
    grid-row-end: 12;
}

.contenido .celdas .item:nth-child(51) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 12;
    grid-row-end: 13;
}

.contenido .celdas .item:nth-child(52) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 9;
    grid-row-end: 10;
}

.contenido .celdas .item:nth-child(53) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 10;
    grid-row-end: 11;
}

.contenido .celdas .item:nth-child(54) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 11;
    grid-row-end: 12;
}

.contenido .celdas .item:nth-child(55) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 12;
    grid-row-end: 13;
}

.contenido .celdas .item:nth-child(56) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 9;
    grid-row-end: 10;
}

.contenido .celdas .item:nth-child(57) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 10;
    grid-row-end: 11;
}

.contenido .celdas .item:nth-child(58) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 11;
    grid-row-end: 12;
}

.contenido .celdas .item:nth-child(59) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 12;
    grid-row-end: 13;
}

.contenido .celdas .item:nth-child(60) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 9;
    grid-row-end: 10;
}

.contenido .celdas .item:nth-child(61) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 10;
    grid-row-end: 11;
}

.contenido .celdas .item:nth-child(62) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 11;
    grid-row-end: 12;
}

.contenido .celdas .item:nth-child(63) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 12;
    grid-row-end: 13;
}


.contenido .celdas .item:nth-child(64) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 13;
    grid-row-end: 17;
}

.contenido .celdas .item:nth-child(65) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 13;
    grid-row-end: 14;
}

.contenido .celdas .item:nth-child(66) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 14;
    grid-row-end: 15;
}

.contenido .celdas .item:nth-child(67) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 15;
    grid-row-end: 16;
}

.contenido .celdas .item:nth-child(68) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 16;
    grid-row-end: 17;
}

.contenido .celdas .item:nth-child(69) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 13;
    grid-row-end: 14;
}

.contenido .celdas .item:nth-child(70) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 14;
    grid-row-end: 15;
}

.contenido .celdas .item:nth-child(71) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 15;
    grid-row-end: 16;
}

.contenido .celdas .item:nth-child(72) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 16;
    grid-row-end: 17;
}

.contenido .celdas .item:nth-child(73) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 13;
    grid-row-end: 14;
}

.contenido .celdas .item:nth-child(74) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 14;
    grid-row-end: 15;
}

.contenido .celdas .item:nth-child(75) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 15;
    grid-row-end: 16;
}

.contenido .celdas .item:nth-child(76) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 16;
    grid-row-end: 17;
}

.contenido .celdas .item:nth-child(77) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 13;
    grid-row-end: 14;
}

.contenido .celdas .item:nth-child(78) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 14;
    grid-row-end: 15;
}

.contenido .celdas .item:nth-child(79) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 15;
    grid-row-end: 16;
}

.contenido .celdas .item:nth-child(80) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 16;
    grid-row-end: 17;
}

.contenido .celdas .item:nth-child(81) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 13;
    grid-row-end: 14;
}

.contenido .celdas .item:nth-child(82) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 14;
    grid-row-end: 15;
}

.contenido .celdas .item:nth-child(83) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 15;
    grid-row-end: 16;
}

.contenido .celdas .item:nth-child(84) {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 16;
    grid-row-end: 17;
}

.contenido .celdas .item:nth-child(85) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 17;
    grid-row-end: 18;
}

.contenido .celdas .item:nth-child(86) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 17;
    grid-row-end: 18;
}

/* ------------ selecciones del sistema anticorrosivo adecuado ------- */

.seleccion .corrosividad {
    padding: 30px;
    color: #fff;
    background: #c0a375;
}

.seleccion .superficie {
    padding: 30px;
    color: #fff;
    background: #7d9672;
}

.seleccion .durabilidad {
    padding: 30px;
    color: #fff;
    background: #84a8b2;
}

.seleccion .proceso {
    padding: 30px;
    color: #fff;
    background: #969ba2;
}

.seleccion .corrosividad h5,
.seleccion .superficie h5, 
.seleccion .durabilidad h5,
.seleccion .proceso h5 {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.seleccion .corrosividad li, .seleccion .superficie li, .seleccion .durabilidad li, .seleccion .proceso li { list-style-type: none;}



.sidebar {
    position: sticky;
    top: 100px;
}

.aside-listado-productos__inner.sidebar {
    position: sticky;
    top: 100px;
    padding-top: 0;
}

@media screen and (max-width: 767px) {
    .module-listado-productos {
        padding-top: 0px;
    }
}

.filtros-opcionales__item-text {
    display: inline;
}

.filtros-opcionales__item-value-canvas {
    line-height: 1.3;
}

.btn-expand-submenu {
    position: relative;
    display: block;
    
}

.btn-expand-submenu span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
}

.container.industria {
    padding: 30px 0;

}

@media screen and (max-width: 767px) {
    .container.industria {
        padding: 30px;

    }
}


/* --------------------- Industria PRODUCTOS -----------------  */

.industria .industria-productos-content {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    height: auto;
    margin: auto;
    gap: 3px;
}

.industria-link {
    width: 100%;
}


.industria .industria-productos-content .industria-item {
    width: 33%;
    border: solid 2px #eee;
    padding: 21px;
    border-radius: 12px;
    text-align: center;
    transition: .3s;
    background-position: center;
    background-size: cover;
}

.industria .industria-productos-content .industria-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .industria .industria-productos-content .industria-item {
        width: 100%;
        margin: auto;
        border: solid 2px #eee;
        padding: 21px;
        border-radius: 12px;
        text-align: center;
        transition: .3s;
    }
}

.industria .industria-productos-content .industria-item:hover {
    border: solid 2px #eee;
    background: #000;
    padding: 21px;
    border-radius: 12px;
    text-align: center;
    transition: .3s;
    background-position: center;
    background-size: cover;
}


.industria-item h4,
.industria-item p {
    background: rgba(0,0,0,.9);
    color: #fff;
    margin: 0;
    padding: 12px;
    border-radius: 6px;
}

@media screen and (max-width: 767px) {
    .industria-item h4,
    .industria-item p {
        font-size: 15px;
    }
}

.industria .industria-productos-content .industria-item:hover h4 {
    background: #fff;
    color: #000;
    padding: 12px;
    text-align: center;
    transition: .3s;
}

.industria .industria-productos-content .industria-item:hover p {
    background: #e52327;
    color: #000;
    padding: 12px;
    text-align: center;
    transition: .3s;
}
/* --------------------- Industria - END -----------------  */

/* --------------------- Industria ENLACES -----------------  */

.industria .industria-enlaces-content {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    height: auto;
    margin: auto;;
}

.industria .industria-enlaces-content .industria-item {
    width: 50%;
    border: solid 2px #eee;
    padding: 21px;
    border-radius: 12px;
    text-align: center;
    transition: .3s;
    height: 210px;

    display: flex;
    justify-content: center;
    align-items: center;

    background-position: center;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .industria .industria-enlaces-content .industria-item {
        width: 100%;
        margin: auto;
        border: solid 2px #eee;
        padding: 21px;
        border-radius: 12px;
        text-align: center;
        transition: .3s;
    }
}

.industria .industria-enlaces-content .industria-item:hover {
    padding: 21px;
    border-radius: 12px;
    text-align: center;
    transition: .3s;

}

.industria .industria-enlaces-content .industria-item h3 {
    color: #000;
    text-align: center;
    transition: .3s;
    background: #fff;
    border-radius: 6px;
    padding: 12px;
    margin: auto;
}

.industria .industria-enlaces-content .industria-item:hover h3 {
    text-align: center;
    transition: .3s;
    background: #e52327;
    color: #fff;
    border-radius: 6px;
    padding: 12px;
    margin: auto;
}

/* --------------------- Industria - END -----------------  */
    
body.tax-sector_producto .sector-description {
    background: transparent;
    margin-bottom: 30px;
    padding: 30px;
    border: solid 1px #e52327;
    
}

.sector-description p {
    font-style: italic;
    font-size: 15px;
    font-weight: 300;
    margin: 0px;
}


.tab-content #tab-certificados .icon-box {
	padding: 0px;
}

.tab-content #tab-certificados .icon-box .icon-box-content {
	line-height: 1.2;
}

/* ---------------------- 18 Mayo - Menu lateral ------------ */

body .off-canvas-sidebar .off-canvas-sidebar-wrapper .off-canvas-content .widget .menu-menuolateral-container .menu-lateral .menu-item {
	padding: 12px;
	width: 100%;
}

body .off-canvas-sidebar .off-canvas-sidebar-wrapper .off-canvas-content .widget .menu-menuolateral-container .menu-lateral .menu-item > a {
	font-size: 16px;
	font-weight: 600;
	text-transform: initial;
	letter-spacing: normal;
}

/* ---------------------- 19 MAYO - logo header - mejorar altura ------------ */

.layout header.header.header-shadow .inner-header .inner-brand {
    height: 100% !important;
}


/* ------------ 24 mayo -------------------------- */

.module-listado-productos .aside-listado-productos__inner .tree-cats-prod__aside .tree-cats-prod .current.item-second-level > a {
    padding-left: 0px;
}

.page-content ul.noborder li {
    border: none;
}

.page-content p.rojo-juno {
    display: block;
    color: #e52327;
    width: 80%;
    
    margin: auto;
    text-align: center;

    padding: 21px 0px;
}

.page-content .lista-padding {
    padding-left: 30px;
}

/* ------------- 18 Junio 2021 -------------- */

.caja-flex-asesoramiento {
    display: flex;
    flex-flow: row wrap;

    align-items: flex-start;
    justify-content: space-around;

    width: 100%;
    margin: 21px;
}

.caja-flex-asesoramiento .asesoramiento-item {
    width: 33%;
    padding: 12px;

    display: flex;
    flex-flow: column wrap;

    justify-content: center;

}

.asesoramiento-item img {
   /* width: 100px;*/
    display: block;
    margin: auto;

    transition: 1s;
}

.asesoramiento-item img:hover {
    transform: translateY(-12px);
    transition: 1s;
}


.asesoramiento-item h4{
    text-align: center;
    margin: auto;
}

.asesoramiento-item h4:hover {
    color: #e52327;
}

.asesoramiento-item p {
    text-align: center;
    margin: auto;
    color: gray;
}

.asesoramiento .support-box {min-height: 295px}

.asesoramiento-color { background: #faebeb}



.enlaces-flex {
    display: flex;
    flex-flow: column wrap;

    width: 100%;
    padding: 30px;
}

.enlaces-flex a, .enlaces-flex span {
    width: 100%;

    border: dashed 1px #e52327;
    color: #000;
    padding: 21px;
    margin-bottom: 12px;

    line-height: 1;

    transition: 1s;

    text-align: center;
}

.enlaces-flex a:hover {
    background: #e52327;
    color: #fff;

    transition: 1s;
}

#modal-rrss .social-icons {
    display: flex;
    flex-flow: row wrap;

    width: 100%;

    justify-content: space-around;
    align-items: center;
}


.enlaces-flex ul.social-icons  {
	
	display: inline;

}

.enlaces-flex .social-icons > li > a {

    border: none;
    color: #000;

}

.enlaces-flex .social-icons > li > a:hover {

    border: none;
    color: #e52327;
	background: none;

}


/*
.layout .top-bar .container-fluid .col-menu-topbar .menu-topbar__wrapper {
	border-right: solid 1px #fff;
	padding-right: 12px;


}
    */

.sistema-tintometrico--group {
    display: flex;
    flex-flow: row;

    justify-content: space-around;
    align-items: flex-start;

    margin: 30px 0;

}

@media screen and (max-width: 767px) {
    .sistema-tintometrico--group {
        flex-flow: column;
    }
}

.sistema-tintometrico--item {
    padding: 36px;
}



/*------------------------------------------------------------------
[Timeline]
*/

.timeline > ul {
    padding: 0;
    margin: 0;
}

.timeline > ul > li {
    list-style-type: none;
    position: relative;
    width: 4px;
    margin: 0 auto;
    padding-top: 50px;
    background: #e52327;
}

.timeline > ul > li:first-child {
    padding-top: 100px;
}

.timeline > ul > li:last-child {
    padding-bottom: 100px;
}

.timeline > ul > li::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: inherit;
}

.timeline > ul > li:first-child::after {
    top: 100px;
}

.timeline > ul > li > div {
    position: relative;
    bottom: 0;
    width: 400px;
}

.timeline > ul > li .timeline-box {
    border-radius: 3px;
    background: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
}

.timeline > ul > li .timeline-box .timeline-thumb {

	text-align: center;
}

.timeline > ul > li .timeline-box .timeline-thumb img {
    border-radius: 3px 3px 0 0;
    width: auto;
	
}

.timeline > ul > li .timeline-box .timeline-content {
    padding: 10px 20px 20px 20px;
}

.timeline > ul > li .timeline-box .timeline-content h6 {
    font-size: 28px;
	font-weight: bold;
    margin: 0 0 5px;
	color:#e52327;  
}

.timeline > ul > li .timeline-box .timeline-content *:last-child {
    margin-bottom: 0;
}

.timeline > ul > li:nth-child(odd) > div {
    left: 45px;
}

.timeline > ul > li:nth-child(even) > div {
    left: -439px;
}

@media screen and (max-width: 900px) {
    .timeline > ul > li > div {
        width: 250px;
    }

    .timeline > ul > li:nth-child(even) > div {
        left: -289px;
        /*250+45-6*/
    }
}

@media screen and (max-width: 600px) {
    .timeline > ul > li {
        margin-left: 0;
    }

    .timeline > ul > li > div {
        width: calc(100vw - 112px);
    }

    .timeline > ul > li:nth-child(even) > div {
        left: 45px;
    }
}


hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* 
#######################################
cambios megamenu principal 
*/

/* contenedor de columnas del menu */
.m-principal .menu-item.opened .second-level.sub-menu {
    display : flex !important;
    columns: unset !important;
    flex-flow : row wrap ;
    justify-content : flex-start ;
    align-items : flex-start ;
}

/* cada columna del menu principal */
.m-principal .menu-item.opened .second-level.sub-menu .item-second-level {
    width : 33.33% !important ;
}

/* especial menu industria, para forzar que no entren 3 en una linea pero dejen el hueco */
.m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level {
    width : 34% !important ;
}

/* 27 Enero 2023 - Cambio menu principal SOLO-ingles para que los hijos de Industria/protective ocupen lo que deben ocupar, tapando el hueco que se ha dejado el último hijo */
body.body-en .m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level {
    flex:1 0 auto;
}

body.body-ie .m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level {
    flex:1 0 auto;
}

body.body-en .m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level.wr-childs-industria {
	display: none;
}

body.body-ie .m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level.wr-childs-industria {
    display: none;
}

/* dentro del menu industria, las paginas hijas de industrias encapsuladas desde js */
.m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level.wr-childs-industria {
    width : 32% !important ;
    height : 100% ;
    position : absolute ;
    top : 0px ;
    right : 0px ;
    border-left : 1px solid ;
    margin : 0px;
}

.m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level.order-1 {
    order: 1;
}

.m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level.order-2 {
    order: 2;
}

.m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level.order-3 {
    order: 3;
}

.m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level.order-4 {
    order: 4;
}

.m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level.order-5 {
    order: 5;
}

.m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level.order-6 {
    order: 6;
}

.m-principal .menu-item.industria-father.opened .second-level.sub-menu .item-second-level.order-7 {
    order: 7;
}
/* ----------------------------------- 23 julio ----------------------------------- */

h1.slider__title.aqualac-color {
    color: #20d5f3;
}


.slider__box .slider__title.light {
    font-weight: 250;
}

.slider__box .slider__title.uppercase {
    text-transform: uppercase;
}

.col-menu-lang {
    display: none !important;
    /* -- 13 febrero 2023 -- */
    display: block !important;
}

/* --------------------------------- 27 julio ------------------------------------ */

@media screen and (max-width: 767px) {
	body .modal-loader__wrapper .modal-loader__inner .modal-loader__container .modal-loader .loader-block__figure {
	    max-width: 60px;
	}
}

@media screen and (max-width: 767px) {

	body .modal-loader__wrapper .modal-loader__inner .modal-loader__container .modal-loader .balls {
	    width: 60px;
	}

	body .modal-loader__wrapper .modal-loader__inner .modal-loader__container .modal-loader .balls div {
	    width: 12px;
	    height: 12px;
	}
}

/* ---------------------------------- 6 Agosto 2021 ---------------- */

.telepedido-pag hr {
    margin: 30px 0;
}

.politica-privacidad-pag hr {
    margin: 30px 0;
}

.politica-privacidad-pag ul {
    list-style: none;
}

/* ---------------- 10 septiembre 2021 -------------- */

.caja-flex-colores {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	height: auto;
}

.flexslider .slides .caja-flex-colores img {
	width: 160px;
	padding: 12px 12px 12px 0;
}

@media screen and (max-width: 600px) {
	.flexslider .slides .caja-flex-colores img {
		width: 90px;
		padding: 12px 12px 12px 0;
	}
}

/* ----------------- 29 Septiembre ----------- */

h1.slider__title.dark {
    color: #000;
}

small.dark {
    color:#000;
}

.slider__box .slider__title.light {
    font-weight: 250;
}

.slides.bg-mask::before {
    background-color: #000;
    background: -webkit-linear-gradient(to left, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.25));
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.25));
    content: "";
    left: 0;
    top: 0;
}

/* --------- 29 octubre 2021 ---------*/

.module-sorteo {
    display: flex;
    flex-flow: column;

    justify-content: center;
    align-items: center;

    width: 100%;
    padding: 100px 0;

    height: 70vh;
}

@media screen and (max-width: 767px) {
    .module-sorteo {
        padding: 60px 0;
        height: 50vh;
    }
}

.sorteo-box {
    z-index: 1;
    display: flex;
    flex-flow: column;

    align-items: center;
    justify-content: center;
}

.sorteo-box .sorteo-box--title {
    font-size: 42px;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sorteo-box .sorteo-box--title {
        font-size: 21px;

    }
}

.sorteo-box .sorteo-box--btn {
    font-size: 42px;
    color: #fff;
    border: solid 3px #e52327;
     border-radius: 12px;
    font-size: 18px;
    padding: 12px 21px;
}

.sorteo-box .sorteo-box--btn:hover {
    color: #000;
    background:  #e52327;
    border: solid 3px #e52327;

}

/*------------------------------------- 16 Diciembre --------------------------------------*/

.page-content .caso-penota .light-200 {
    font-weight: 200;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .page-content .caso-penota h2.light-200 {
        font-size: 18px;
        order:2;
    }
}

@media screen and (max-width: 767px) {
    .page-content .caso-penota .txt {
        order: 2;
    }

    .page-content .caso-penota .img {
        order: 1;
        padding-bottom: 12px;
    }
}

.page-content .caso-penota hr {
    height: 1px;
    width: 100%;
    display: block;
    margin: 21px 0;
}

@media screen and (max-width: 767px) {
    .page-content .caso-penota hr {
        margin: 12px 0;
    }
}



.caso-penota .prescriptores-item {
    padding: 12px;
    

    display: flex;
    flex-flow: row wrap;

    align-items: center;
    justify-content: center;

    width: 33%;

}

.caso-penota .profesionales-item {
    padding: 12px;
    

    display: flex;
    flex-flow: row wrap;

    align-items: center;
    justify-content: center;

    width: 33%;

}

@media screen and (max-width: 480px) {
    .caso-penota .profesionales-item,
    .caso-penota .prescriptores-item {
        padding: 12px;
        width: 100%;

    }
}

@media screen and (max-width: 767px) {
    .caso-penota .profesionales-item,
    .caso-penota .prescriptores-item {
        padding: 12px;

    }
}


.caso-penota .prescriptores-item .prescriptores-item--img,
.caso-penota .profesionales-item .profesionales-item--img {
    display: block;
    margin: auto;
}

.caso-penota .prescriptores-item .prescriptores-item--txt,
.caso-penota .profesionales-item .profesionales-item--txt {
    font-size: 14px;
    
}

@media screen and (max-width: 767px) {
    .caso-penota .prescriptores-item .prescriptores-item--txt,
    .caso-penota .profesionales-item .profesionales-item--txt {
        font-size: 12px;
    }
}


.page-content .caso-penota .prescriptores-txt {
    padding: 12px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    /* background: #000; */

}

.page-content .caso-penota .profesionales-txt {
    padding: 12px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
  /*  background: #e52327; */

}

@media screen and (max-width: 480px) {
    .page-content .caso-penota .prescriptores-txt {
        padding: 12px;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }
}

@media screen and (max-width: 480px) {
    .page-content .caso-penota .profesionales-txt {
        padding: 12px;
        display: flex;
        flex-flow: column;
        justify-content: space-between;

    }    
}

.light-200 strong {
    font-weight: 600;
}

.page-content .caso-penota h2 {
    font-size: 28px;
}

.btn-box {
    display: flex;
    flex-flow: row;

    width: 100%;

    justify-content: center;
    align-items: center;

    gap: 12px;

    margin: 12px 0;

}

@media screen and (max-width: 767px) {
    body.home .flexslider ul.flex-direction-nav {
        top: 50%;

    }

}

@media screen and (max-width: 767px) {
    .flexslider .slides .slider__box h1.h1 {
        font-size: 21px;
    }

    .flexslider .slides .slider__box h3.h1 {
        font-size: 21px;
    }

    .flexslider .slides h3.slider__box {
        font-size: 21px;
    }

    .flexslider .slides h3.h3 {
        font-size: 21px;
    }
}

@media screen and (max-width: 480px) {
    .flexslider .slides .slider__box h1.h1 {
        font-size: 18px;
    }

    .flexslider .slides .slider__box h3.h1 {
        font-size: 18px;
    }

    .flexslider .slides h3.slider__box {
        font-size: 18px;
    }

    .flexslider .slides h3.h3 {
        font-size: 18px;
    }
}


/* ----------------- 22 diciembre 2021 ---------------- */

.caso-penota .flex-penota {
    display: flex;
    flex-flow: row nowrap;

    width: 100%;
    height: auto;

    align-items: center;
    justify-content: space-around;
}

.caso-penota .flex-penota .txt {
    width: 75%;
    padding: 21px;
}

@media screen and (max-width: 480px) {
    .caso-penota .flex-penota .txt {
        width: 100%;
        padding: 21px;
    }
}

.caso-penota .flex-penota h2 {
    width: auto;
    font-size: 15px; 
}

.caso-penota .flex-penota p {
    width: auto;
    font-size: 14px;
}

.caso-penota .flex-penota img {
    display: block;   
    height: auto;
    margin: 12px 0;
    width: 50%;
}

.caso-penota .mas-info {
    display: flex;
    flex-flow: column;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: auto;

    padding: 42px;
    margin: 21px;
}

.caso-penota .prescriptores-txt .prescriptores-item img {
    width: 25%;
}

.caso-penota .profesionales-txt .profesionales-item img {
    width: 25%;
}

.caso-penota .prescriptores-txt .prescriptores-item .txt {
    width: 70%;
}

.caso-penota .prescriptores-txt .prescriptores-item ul li {
    font-size: 12px;
}

.caso-penota .prescriptores-txt .prescriptores-item .prescriptores-item--txt {
    width: 70%;
    margin: 0;
    font-size: 12px;
}

.caso-penota .profesionales-txt .profesionales-item .profesionales-item--txt {
    width: 70%;
    margin: 0;
    font-size: 12px;
}

@media screen and (max-width: 767px) {

    .caso-penota .flex-penota {
       
        width: 100%;
        height: auto;

    }

    .caso-penota .flex-penota h2.light-200 {
        width: 100%;
        font-size: 12px;
        margin: auto;
    }

    .caso-penota .flex-penota p {
        
        display: none;
    }

    .caso-penota .flex-penota img {
         display: none;
    }
}

/* ------------- 21 Enero ---------- */

.slider__box .caso-exito {
    background: rgba(0,0,0,0.3);
}





/* ------------- JANIRE - ESMALTES AL AGUA - 10 FEBRERO ---------- */


.titulo-entero {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
	.titulo-entero {
		padding: 40px 0;
	}
}


.titulo-esmaltes {
  font-size: 40px;
  color: #000;
}

@media screen and (max-width: 767px) {
	.titulo-esmaltes {
	  font-size: 21px;
	}
}


.subtitulo-esmaltes {
   color: rgb(197, 33, 44);
   font-size: 22px;   
}

@media screen and (max-width: 767px) {
	.subtitulo-esmaltes {
	   
	   font-size: 18px;   
	}
}

.flex-esmaltes {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: space-around;
}

.titulo-aqualac{
    color: #00a4c4;
    font-size: 35px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
	.titulo-aqualac {
		font-size: 21px;
	}
}


.subtitulo-aqualac{
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.mas-info-esmaltes {
   text-align: center;
    padding: 50px;
}

.producto-lista {
    padding-left: 30px;
}


@media screen and (max-width: 767px) {
    .flex-esmaltes {
       flex-direction: column;
    }
    
    .producto-responsive {
        padding-top: 50px;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
    }
}

/* ---------------- ESMALTES AL AGUA - feedback 14feb2021 -------- */

.esmaltes-agua {
    max-width: 1440px;
    margin: auto;

    display: flex;
    flex-flow: row;

    align-items: center;
    justify-content: center;

    gap:21px;
}


.esmaltes-agua-slide--content-txt {
    display: flex;
    flex-flow: column;

    width: 42%;
}

.esmaltes-agua-slide--content-img {
    width: 42%;
}

.esmaltes-agua h1.slider__title {
    text-transform: uppercase;
    color: #00a4c4;
    text-align: left;
}

.esmaltes-agua h3.slider__subtitle {
    font-weight: 200;
    color: #000;
    text-align: left;
}

.esmaltes-agua a.slider__btn {
    width: 210px;
}

@media screen and (max-width: 767px) {

    .esmaltes-agua {
        flex-flow: column;
    }

    .esmaltes-agua-slide--content-txt {
        width: 90%;
    }

    .esmaltes-agua-slide--content-img {
        width: 90%;
    }
}




/* ------------------- NUEVA CATEGORIA -------------- */

.item-nuevo .item-nuevo__extra {
    background: #e52327;
    padding: 0 6px;
    margin-left: 6px;
}

@media screen and (max-width: 935px) {
    .item-nuevo .item-nuevo__extra {
        background: #000;
    }
}

.item-nuevo .item-nuevo__extra .only-es {
    color: #fff;
}


/* ---------------- SLIDER JUNOKRIL 8 Abril 2022 -------- */



.flexslider .slides .slider-junokril .slider__title {
    color: #fff;
}

.flexslider .slides .slider-junokril h3.slider__title {
        font-size: 18px;
    }


@media screen and (max-width: 767px) {
    .flexslider .slides .slider__box.slider-junokril {
        padding: 0 42px;
    }

    .flexslider .slides .slider-junokril h1.h1 {
        font-size: 30px;
    }
}

@media screen and (max-width: 480px) {
    .flexslider .slides .slider__box.slider-junokril {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: flex-start;

        padding: 42px 0;
        height: 100%;

    }

    .flexslider .slides .slider__box.slider-junokril .slider__btn {
    	margin:0;
    }

    .flexslider .slider-junokril  {
        max-width: 250px;
    }

    .slider-junokril .caja-txt-junokril {
    	display: none;
    }
}

.slider-junokril .caja-flex-junokril .nueva-carta-svg {
    width: 360px;
    margin-bottom: 21px;
}


.bg-mask:before {
    content:"";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.15;
}

/* ---------------- SLIDER ELASTIFLEX 8 Abril 2022 -------- */

@media screen and (max-width: 480px) {
    .flexslider .slider__elastiflex   {
        max-width: 250px;
    }

    .flexslider .slider__elastiflex h1.slider__title   {
        font-size: 24px;
    }

}

/* ------------- SLIDER CATALOGO INDUSTRIA ---------------- */

.catalogo-industria {
    max-width: 1440px;
    margin: auto;

    display: flex;
    flex-flow: column;

    align-items: flex-start;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .catalogo-industria {
        padding: 0 42px;
    }
}

.catalogo-industria h1.slider__title {
    text-transform: uppercase;
    text-align: left;
}

.catalogo-industria h3.slider__subtitle {
    font-weight: 200;
}


/* ----------- slider color mayo ------------- */

@media screen and (max-width: 768px) {
    .flexslider .slides .slider__box.color-mayo h1.h1 {
        font-size: 24px;
    }
}

/*----------- slider junokril ------- */

.junokril-productos {
    display: flex;
    flex-flow: row; 
    justify-content: flex-start; 
    align-items: center; 
    width: 100%; 
    gap: 12px;
}

@media screen and (max-width: 767px) {
    .junokril-productos {
        display: flex;
        flex-flow: column; 
        align-items: flex-start; 
        width: 100%; 
        gap: 6px;
    }

    .slider__box .junokril-productos a.slider__btn {
        margin: 12px 0;
    }

    
}

/*--------------- casos exito -------- */

h3.enlace {
    color: #e52327;
}

h3.enlace a {
    color: #e52327;
}

/* -------------- promo CANARIAS ------- */

body.page-id-21143 .wrapper .hero-juno__block.bg-dark-30:before {
	background: none;
}

body.page-id-21143 .wrapper .hero-juno__block .container .hero-juno__center {
	min-height: calc(50vh - 81px);
}


body.page-id-21143 .wrapper .hero-juno__block .container .hero-juno__center .hero-juno__main .hero-juno__title {
	color: #000;
	font-weight: 700;
	font-size: 60px;
}

@media screen and (max-width: 991px) {
	body.page-id-21143 .wrapper .hero-juno__block .container .hero-juno__center .hero-juno__main .hero-juno__title {
		font-size: 30px;
	}
}

@media screen and (max-width: 767px) {
	body.page-id-21143 .wrapper .hero-juno__block .container .hero-juno__center .hero-juno__main .hero-juno__title {
		font-size: 24px;
	}
}



body.page-id-21143 .wrapper .hero-juno__block .container .hero-juno__center .hero-juno__main .hero-juno__subtitle {
	color: #e52327;
	font-weight: 700;
}

body.page-id-21143 .promo-canarias {
	max-width: 1440px;
	margin: auto;
	padding: 21px 0;
}
body.page-id-21143 .promo-canarias .destacado-rojo {
	display: flex;
	flex-flow: column;
	
	justify-content: center;
	align-items: center;

	background: #e52327;
	padding: 21px;
	width: 50%;
	margin: 42px auto;
	padding: 42px 0;
}

body.page-id-21143 .destacado-rojo * {
	color: #fff;
	margin-bottom: 12px;
	text-align: center;
}

body.page-id-21143 .promo-canarias .producto {
	display: flex;
	flex-flow: column;

	justify-content: center;
	align-items: center;

	padding: 21px;
}

body.page-id-21143 .producto img {
	max-width: 360px;
}

@media screen and (max-width: 1200px) {
	body.page-id-21143 .producto img {
		max-width: 360px;
	}
}

body.page-id-21143 .producto .nombre-producto {
	background: #e52327;
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	padding: 3px 12px;
}

body.page-id-21143 .producto .detalle-producto {
	border-bottom: solid 2px #000;
	margin-bottom: 6px;
	text-transform: uppercase;
	text-align: center;
	font-size: 15px;
}

body.page-id-21143 .producto .precios-antes {
	display: flex;
	justify-content: center;
}

body.page-id-21143 .precios-antes .antes {
	font-weight: bold;
	color: #000;
	padding-right: 12px;
	margin-bottom: 6px;
}

body.page-id-21143 .precios-antes .cantidad {
	text-decoration-line: line-through;
	font-weight: 200;
	text-decoration-color: #e52327;
	margin-bottom: 0;

}

body.page-id-21143 .precios-actual .cantidad {
	color:#000;
	font-size: 54px;
	font-weight: 700;
	margin-bottom: 0;
	line-height: 1;
}

body.page-id-21143 .precios-actual .igic {
	font-size: 12px;
	text-align: right;
}

body.page-id-21143 .promo-canarias .listado-tiendas .punto-venta__card {
	display: flex;
	flex-flow: column wrap;

	padding: 21px;
}

body.page-id-21143 .punto-venta__card .punto-venta__links {
	display: flex;
	flex-flow: column wrap;
}

body.page-id-21143 .punto-venta__card .punto-venta__links a {
	display: flex;
	flex-shrink: 1;
	
	background: #e52327;
	color: #fff;
	padding: 3px;
	margin: 6px 0;
	width: 100%;

}

body.page-id-21143 .punto-venta__card .punto-venta__title {
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
}

body.page-id-21143 .punto-venta__card .punto-venta__provincia {
	color: #e52327;
	font-size: 12px;
}

body.page-id-21143 .punto-venta__card .punto-venta__links .punto-venta__phone:before {
	content: '\f095';
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	font-size: 10px;
	margin: 6px;
	color: #fff;
	line-height: 100%;
	display: flex;
	align-items: center;
}

body.page-id-21143 .punto-venta__card .punto-venta__links .punto-venta__email:before {
	content: '\f0e0';
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	font-size: 10px;
	margin: 6px;
	color: #fff;
	line-height: 100%;
	display: flex;
	align-items: center;
}

body.page-id-21143 .puntos-venta__area-item {
	
	padding: 21px;
}

body.page-id-21143 .listado-tiendas .titulo {
	text-transform: uppercase;
	padding: 21px 0;
}

/* ------------------------ SATE landing --------------- */
/*
body.page-id-21300 .hero-juno__block.not-image .hero-juno__main .hero-juno__title {
    unicode-bidi:bidi-override;
    direction:rtl;
}

body.page-id-21300 .hero-juno__block.not-image .hero-juno__main .hero-juno__title::first-letter {
    font-size: 20px;
    color: red;
    
}
*/

 .perfil .cb-cf7-field__inner .wpcf7-form-control-wrap .wpcf7-form-control option:nth-child(6) {
    display: none;
}


.sate-fachadas {

}



.sate-fachadas hr {
    margin: 21px 0;
}

.sate-intro {

}

.sate-intro .imagen .bodegon {

}

.sate-intro .texto .destacado {
    padding: 42px;
    background: rgba(0,0,0,0.03);
}

.sate-intro .texto .lista {
    padding-left: 21px;
}

.sate-intro .texto .lista2 {
    padding-left: 21px;
}

.sate-intro .texto .lista li {
    font-size: 12px;
    padding-left: 12px;
    list-style-type: decimal;
}

.sate-intro .texto .lista2 li {
    padding-left: 12px;
    list-style-type: decimal;
}

.sate-banners .contacto {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 12px;

    background: #424242;
    padding: 21px;
}

.sate-banners .llamanos {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 12px;

    background: #e52327;
    padding: 21px;
}

@media screen and (max-width: 767px) {
    .sate-banners .contacto {
        justify-content: space-around;
       
        
    }
}

.sate-banners .catalogo {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 12px;

    background: #e52327;
    padding: 21px;
}

@media screen and (max-width: 767px) {
    .sate-banners .catalogo {
        justify-content: space-around;
       
        
    }
}

.sate-banners .contacto p {
    color: #fff;
    margin: 0;
}

.sate-banners .llamanos p {
    color: #fff;
    margin: 0;
}

.sate-banners .llamanos img {
    padding: 6px 12px;
    
}

.sate-banners .catalogo p {
    color: #fff;
    margin: 0;
}

.sate-banners .contacto button {
    background: #e52327;
    color: #fff;
    padding: 6px 12px;
}

.sate-banners .catalogo button {
    background: #000;
    color: #fff;
    padding: 6px 12px;
}

.sate-junotherm .listado {
    display: flex;
    justify-content: center;
    align-items: center;

    padding: 21px;
}

.sate-junotherm .listado.prueba {
	flex-flow: row wrap;
}

.sate-junotherm .listado.prueba .producto-texto {
	width:100%;
}

.sate-junotherm .listado.prueba .producto-ficha {
	width:50%;
	align-self: flex-start;
}

.sate-junotherm .listado.prueba .producto-ficha .producto-img{
	width:50%;
	margin: auto;
}

.sate-junotherm .listado.prueba .producto-ficha .producto-btn{
	margin: auto;
	display: flex;
	flex-flow: column;
	align-items: center;
}

.sate-junotherm .producto-img {
    width: 25%;
    padding: 6px;
}

.sate-junotherm .producto-texto {
    width: 75%;
}


@media screen and (max-width: 480px) {
    .sate-junotherm .listado {
        flex-flow: column;
    }

    .sate-junotherm .producto-img {
        width: 100%;
        padding: 6px;
    }

    .sate-junotherm .producto-texto {
        width: 100%;
    }

    .sate-junotherm .listado.prueba .producto-ficha {
    	width: 100%;
    	display: flex;
		flex-flow: column;
		align-items: center;
		padding-top: 6px;
    }

    .sate-junotherm .listado.prueba .producto-ficha .producto-img{
		width:100%;
		margin: auto;
	}


}


.sate-junotherm .producto-texto span {
    background: #e52327;
    border-radius: 50%;
    padding: 6px;
    font-size: 12px;
    width: 25px;
    display: inline-block;
    color: #fff;
    text-align: center;
    margin-right: 6px;
}

.sate-junotherm .producto-texto p {
    font-size: 12px;
}

.sate-formularios__block {

}

.sate-formularios__row {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 12px;
}



.sate-formularios__col-contacto {
    width: 50%;
}

.sate-formularios__col-catalogo {
    width: 50%;   
}

@media screen and (max-width: 767px) {

    .sate-formularios__row {
        flex-flow: column;
    }

    .sate-formularios__col-contacto {
        width: 100%;
    }

    .sate-formularios__col-catalogo {
        width: 100%;   
    }
}

.sate-formularios__col-contacto .cabecera {

    display: flex;
    justify-content: space-around;
    align-items: center;

   
}

.sate-formularios__col-catalogo .cabecera {

    display: flex;
    justify-content: space-around;
    align-items: center;  

   
}

.cabecera {
    padding: 21px;
}

.cabecera img {
    width: 60px;
}

.cabecera h4 {
    margin: 0;
}

.sate-banners .modal .modal-header img {
    margin: 0 12px;
}

.sate-banners .modal a {
    color: #e52327;
    background: none;

}

.sate-banners .modal a {
    color: #e52327;
    background: none;
}

.module.sate {
	padding: 0 !important;
}

.subcabecera-junotherm .subcabecera-junotherm__claim {
	margin-top: -300px !important;
}

@media screen and (max-width: 600px) {
	.subcabecera-junotherm .subcabecera-junotherm__claim {
		margin-top: -200px !important;
		padding: 0px;
	}
}

@media screen and (max-width: 480px) {
	.subcabecera-junotherm .subcabecera-junotherm__claim {
		margin-top: -150px !important;
		padding: 0px;
	}
}

@media screen and (max-width: 767px) {
	.subcabecera-junotherm .subcabecera-junotherm__claim .subcabecera-junotherm__claim-card {
		padding:0px !important;
	}
}



.subcabecera-junotherm .subcabecera-junotherm__claim .subcabecera-junotherm__claim-card::before {
	background: none !important;
}

.subcabecera-junotherm .subcabecera-junotherm__claim .subcabecera-junotherm__claim-card .subcabecera-junotherm__claim-title {
	padding: 50px !important;
	background: rgba(255,255,255,0.6) !important;
}

.subcabecera-junotherm .subcabecera-junotherm__claim .subcabecera-junotherm__claim-card img {
    width: 72% !important;
}

@media screen and (max-width: 480px) {
	.subcabecera-junotherm .subcabecera-junotherm__claim .subcabecera-junotherm__claim-card img {
	    width: 100% !important;
	}
}

.intro-junotherm__claim {
	font-size: 29px;
	font-weight: 600 !important;
	margin: 0 0 12px;
}



.txt-junotherm__card {
	font-weight: 600;
	 color: #000;
	 margin: 0 0 12px;
}



.intro-junotherm__card strong {
	color: #e52327;
}

.intro-junotherm__card img.logo {
    width: 50%;
    display: block;
    margin: auto;
}

@media screen and (max-width: 767px) {
	.intro-junotherm__card img.logo {
		width: 100%;
	}
}

.junotherm__list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	gap: 12px;
	padding: 21px 0;
}


.item-junoytherm__list {
	display: flex;
	flex-flow: row;
	align-items: flex-start;
	gap: 12px;
	width: 45%;
}

@media screen and (max-width: 767px) {
    .item-junoytherm__list {
        flex-flow: row wrap;
    }
}

.item-junoytherm__list img.img {
    margin: 0;
	width: 150px;
	order: 2;
}

@media screen and (max-width: 767px) {
	.item-junoytherm__list {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
    .item-junoytherm__list img.img {
        display: none;
    }
}

.item-junoytherm__list .number {
	font-weight: 200;
	font-size: 21px;
	padding: 0 12px;
	color: #fff;
	background: #e52327;
	border-radius: 50%;
	margin: 0 6px;
	order: 1;
}

.item-junoytherm__list .txt {
	order: 3;
}

.beneficios-sate .beneficios-sate--main {
    position: relative;
    display: flex;
    flex-flow: row;

    align-items: center;
    justify-content: center;

}


.beneficios-sate .beneficios-sate--header {
    padding:21px 0px;
}

.beneficios-sate .beneficios-sate--main .beneficios-sate--main-img {
    
    width: 45%;
    top:0;
    left:0;

    display: flex;
    justify-content: center;
    align-items: center;
}

.beneficios-sate .beneficios-sate--main .beneficios-sate--main-txt {
    
    width: 45%;

    display: flex;
    flex-flow: column;
    align-items: flex-start;
   
}

.beneficios-sate  .beneficios-sate--main-casa-info {
    padding: 21px 0;
}

.beneficios-sate .beneficios-sate--main .beneficios-sate--main-txt .beneficios-sate--main-item {
    position: relative;
    padding: 6px;

    display: flex;
    flex-flow: row;

    justify-content: flex-start;
    align-items: center;
}

.beneficios-sate--main-item img {
    width: 81px;
    padding: 0 12px;
    margin: 0;
}

.beneficios-sate--main-item h5 {
    margin: 0;
    font-weight: 400;
    font-size: 18px;
}


@media screen and (max-width: 480px) {
    .beneficios-sate .beneficios-sate--main { 
        flex-flow: column;
    }

    .beneficios-sate .beneficios-sate--main .beneficios-sate--main-txt { 
        width: 100%;
        position: unset;
    }

    .beneficios-sate .beneficios-sate--main .beneficios-sate--main-txt .beneficios-sate--main-item {
        padding: 6px;
    }

    .beneficios-sate .beneficios-sate--main .beneficios-sate--main-txt .beneficios-sate--main-item h5 {
        font-size: 15px;
    }

}

.sate-fachadas.prueba .miniaturas-sistema-junotherm {
    position: relative;
}

.sate-fachadas.prueba .miniaturas-sistema-junotherm .lisos {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 42px 0;
}

.sate-fachadas.prueba .miniaturas-sistema-junotherm .lisos .item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.sate-fachadas.prueba .miniaturas-sistema-junotherm .lisos .item img {
    width: 150px;
}

.sate-fachadas.prueba #sistemasJUNOtherm {
    position: absolute;
    top:-21px;
    width:100%;
    left:0;
}

@media screen and (max-width: 480px) {
    .sate-fachadas.prueba #sistemasJUNOtherm {
        position: absolute;
        top:-60px;
        width:100%;
        left:0;
    }
}

.landing-sate-junotherm .sate-fachadas.prueba .sate-junotherm {
	justify-content: center;
	align-items: flex-end;
}



/* ----------------------------------- SATE SLIDER ---------------------------------- */

.sate-slider {
    display: flex;
    flex-flow:row wrap;
    justify-content: space-around;

    background: rgba(0,0,0,0.72);
    border-radius: 21px;
    padding: 21px 42px;
}

.slider__box.sate-slider .caja-flex-bodegon img {
    width: 100%;
}

.slider__box.sate-slider h1.slider__title {
    font-size: 36px;
    color: #fff;
}

.slider__box.sate-slider h3.slider__title {
    font-size: 30px;
    color: #000;
}

.slider__box.sate-slider .caja-flex-texto {
    display: flex;
    flex-flow: column;
    justify-content: center;

    width: 40%;
}

.slider__box.sate-slider .caja-flex-bodegon {
    width: 60%;
}

.slider__box.sate-slider .caja-flex-botones .slider__btn {
    background: #e52327;
    border-color: #e52327;
}

.slider__box.sate-slider .caja-flex-botones .slider__btn:hover {
    background: #000;
    border-color: #000;
}

.slider__box.sate-slider.prueba .caja-flex-texto {
    width: 60%;
}

.slider__box.sate-slider.prueba .caja-flex-texto .slider__title {
    font-size: 48px;
    color:#fff;
}

.slider__box.sate-slider.prueba .caja-flex-texto .slider__title strong {
    background:#bf4292;
    font-weight: 700;
    padding:0 12px;
}


.slider__box.sate-slider.prueba .caja-flex-bodegon {
    width:40%;
    display: flex;
    align-items: flex-end;
}

@media screen and (max-width: 480px) {
    
    .slider__box.sate-slider {
        padding: 30px;
    }

    .slider__box.sate-slider h2.slider__title {
        font-size: 15px;
        color: #fff;
    }


    .slider__box.sate-slider .caja-flex-texto {
        display: flex;
        flex-flow: column;
        justify-content: space-around;

        width: 100%;
    }

    .slider__box.sate-slider .caja-flex-bodegon {
        width: 100%;
    }

    .slider__box.sate-slider.prueba .caja-flex-texto {
    width: 100%;
	}

	.slider__box.sate-slider.prueba .caja-flex-texto .slider__title {
    font-size: 15px;
    color:#fff;
	}

	.slider__box.sate-slider.prueba .caja-flex-texto .slider__title strong {
	    background:#bf4292;
	    font-weight: 700;
	    padding:0 12px;
	}


	.slider__box.sate-slider.prueba .caja-flex-bodegon {
	    width:100%;
	    display: flex;
	    align-items: center;
	}



}



/* clases perdidas WP para BLOG */

/* Default WP Alignment Classes *****************************************************************************/

.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption {
    padding: 5px 0;
    border: 1px solid #555;
    background: #444;
    text-align: center;
}

.wp-caption img {
    display: inline;
}

.wp-caption p.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-weight: 100;
    font-style: italic;
    color: #ddd;
}


/* BLOG - PATOLOGIAS FACHADAS - 28 Julio 2022 */

.postid-21717 ul {
    padding-top: 0;
}

.postid-21717 ul ul {
    margin-bottom: 0;
}

.postid-21717 .post-content h5 {
    margin: 21px 0 12px;
}

.postid-21727 .post-content p {
	line-height: 1.3;
}

.postid-21717 ul li {
    padding: 0;
}

.post-content p {
    position: relative;
    margin:0 0 21px;
}

.post-content ul {
    padding-top: 0px;
    margin:0 30px 21px;
}

small.piedefoto {
    position: absolute;
    bottom: 10px; ;
}

/* blog - patologias */

body.postid-21717 img.patologias {
    padding: 0 21px;
}

/* ------------------------- 31 agosto 2022 ------------------------- */

.m-principal__block .m-principal .menu-item.item-border-round.black > a > span {
    border: none !important;
    color: #000;
}



/* ------------------- SLIDER 31 agosto 2022 ------------------------ */



.flexslider .slides .slider__box.color-temporada {
    display: flex;
    flex-flow: column;

    justify-content: center;
    align-items: center;
}

.flexslider .slides .slider__box.color-temporada h1.h1.slider__title {
    font-size: 70px;
}

.flexslider .slides .slider__box.color-temporada h3.h3.slider__title {
    font-size: 40px;
}

.flexslider .slides .slider__box.color-temporada .caja-flex-colores {
    display: flex;
    flex-flow: row;
    justify-content: center;
}

.flexslider .slides .slider__box.color-temporada .enlaces {
    display: flex;
    flex-flow: column;

    flex: 1 0 200px;

}

.flexslider .slides .slider__box.color-temporada .enlaces .slider__btn {
    margin: 12px 0;
}


@media screen and (max-width: 768px) {
    .flexslider .slides .slider__box.color-temporada h1.h1.slider__title {
        font-size: 42px;
        text-align: center;
    }

    .flexslider .slides .slider__box.color-temporada h3.h3.slider__title {
        font-size: 21px;
        text-align: center;
    }
}



@media screen and (max-width: 480px) {
    .flexslider .slides .slider__box.color-temporada h1.h1.slider__title {
        font-size: 30px;
        text-align: center;
    }

    .flexslider .slides .slider__box.color-temporada h3.h3.slider__title {
        font-size: 18px;
    }

    .flexslider .slides .slider__box.color-temporada .enlaces .slider__btn {
        margin: 9px 0;
    }
}

/* ------------------- Imagen de producto ampliada 1 Septiembre 2022 ------------------------ */

body.producto_juno-template-default .mfp-gallery {
    background: rgba(255,255,255,0.95);
}

/* ------------------- Home - MODULO : Casos de exito // 1 Septiembre 2022 ------------------------ */

@media screen and (max-width: 991px) {
	.layout .casos-exito-home__block .casos-exito-home .casos-exito-home__carousel .owl-item .caso-exito-home__item .caso-exito-home__item-card .caso-exito-home__item-header .caso-exito-home__item-title {
		font-size: 21px;
	}
}

@media screen and (max-width: 480px) {
	.module.casos-exito-home__block .casos-exito-home__header .module-title h2 {
		width: 60%;
	}
}


/* ------------------- Home - MODULO : Suscríbete a newsletter ------------------------------ */

.module.newsletter .newsletter h3 {
	padding-top: 0px;
}


/* ------------------ Home - MODULO : Productos Destacados ----------------------------------------*/

.module.productos-home {
	padding: 21px 9px;
}

@media screen and (max-width: 767px) {

    .module.productos-home .productos-home--cabecera .module-title h2 {
        font-size: 21px;
    }

	.module.productos-home .productos-home--cabecera .module-title p {
		font-size: 15px;
		line-height: unset;
	}
}

.module.productos-home .productos-home--listado .productos-home--listado-item .icon-box-productos .icon-box-productos__btn {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	max-height: 100%;
}

@media screen and (max-width: 767px) {
    .module.productos-home .productos-home--listado .productos-home--listado-item .icon-box-productos .icon-box-productos__btn {
        display: flex;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        max-height: 100%;
    }
}

@media screen and (max-width: 480px) {
	.module.productos-home .productos-home--listado .productos-home--listado-item .icon-box-productos .icon-box-productos__btn .icon-box-img {
		width: 60px;
		max-height: 100%;
		margin: 0;
	}


}

/* ------------------------------ Home - MODULO : Productos complementarios ---------- */

.complementarios-home {

}

.complementarios-home .productos-home--cabecera {

}


.complementarios-home .productos-home--listado .modue-title h2 {
    
}

@media screen and (max-width: 767px) {
    .complementarios-home .productos-home--cabecera .module-title h2 {
        font-size: 21px;
        width: min-content;
        margin: auto;
    }

    .complementarios-home .productos-home--cabecera .module-title h2:before {
        content: "";
        position: absolute;
        display: block;
        width: 15px;
        height: 5px;
        background-color: #e52327;
        top: 50%;
        margin-top: -3px;
        left: -30px;
    }

    .complementarios-home .productos-home--cabecera .module-title h2:after {
        content: "";
        position: absolute;
        display: block;
        width: 15px;
        height: 5px;
        background-color: #e52327;
        top: 50%;
        margin-top: -3px;
        right: -25px;
    }

}

.complementarios-home .productos-home--listado .productos-home--listado-item .icon-box-productos .icon-box-productos__btn {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-height: 100%;
}

@media screen and (max-width: 767px) {
    .complementarios-home .productos-home--listado .productos-home--listado-item .icon-box-productos .icon-box-productos__btn {
        display: flex;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        max-height: 100%;
    }
}

@media screen and (max-width: 480px) {
    .complementarios-home .productos-home--listado .productos-home--listado-item .icon-box-productos .icon-box-productos__btn .icon-box-img {
        width: 60px;
        max-height: 100%;
        margin: 0;
    }


}
/* ---------------------------- BLOG SATE - 21 sept 2022 --------------------- */

.sate .beneficios .beneficios-items ul {
    display: flex;
    flex-flow: column;

    justify-content: flex-start;
    align-items: center;
    gap: 3px;

    padding: 3%;

}

.sate .intro img {
    width: 25%;
}

.sate .beneficios {
    padding: 6% 0;
    text-align: center;
}

.sate .beneficios .beneficios-items ul li {
    display: flex;
    flex-flow: row;

    justify-content: flex-start;
    align-items: center;

    gap: 12px;

    width: 45%;
    list-style: none;
    text-align: left;
}

.sate .beneficios .beneficios-items ul li img {
    width: 60px;
    margin: 0;
}

.sate .partes {
    text-align: center;
    padding: 6% 0;
}

.sate .partes ul {
    display: flex;

    flex-flow: row wrap;

    gap: 3%;
}

.sate .partes ul li {
    
    list-style: none;
    width: 45%;
}

.sate .descarga {
    text-align: center;
    padding: 3% 0;
}

.sate .descarga img {
    width: 300px;
}



@media screen and (max-width: 480px) {
   .sate .beneficios .beneficios-items ul li {
        width: 100%;
    }

    .sate .beneficios {
        padding: 0;
    }

    .sate .partes ul li {
    
       
        width: 100%;
    }
}

.slider__box.color-otoño {
    display: flex;
    flex-flow: column;

    justify-content: center;
    align-items: center;

    padding: 21px;
    background: rgba(0,0,0,0.5);

}

.color-otoño .caja-flex-colores {
    display: flex;
    flex-flow: row;

    justify-content: center;
    align-items: center;
    gap: 12px;

    padding: 12px 0;
}

.caja-flex-colores img {
    max-width: 120px;
}

.color-otoño .enlaces {

    display: flex;
    justify-content: center;
    align-items: center;

}






@media screen and (max-width: 767px) {
    .color-otoño h1 {
        font-size: 40px;
    }

    .color-otoño h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 480px) {
    .color-otoño h1 {
        font-size: 28px;
    }

    .color-otoño h3 {
        font-size: 21px;
    }
}









/* ------------------ CODIGO RAUL - 26 septiembre 2022 ----------- */

.play-btn {
    border: 2px solid #000;
    background-color: transparent;
    border-radius: 50%;
    color: #000;
    width: 55px;
    font-size: 18px;
    height: 55px;
    line-height: 52px;
    padding: 0 0 0 5px;
    margin: 0px auto ;
    display: inline-block;
    text-align: center;
    position: relative;
    -webkit-animation: parpadeo 1.2s infinite cubic-bezier(.8, 0, 0, 1);
    animation: parpadeo 1.2s infinite cubic-bezier(.8, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(194, 244, 246, .7)
}
.play-btn.white {
    border-color: #fff;
    color: #fff
}
@-webkit-keyframes parpadeo {
    to {
        box-shadow: 0 0 0 45px rgba(194, 244, 246, 0);
    }
}
@keyframes parpadeo {
    to {
        box-shadow: 0 0 0 45px rgba(194, 244, 246, 0);
    }
}
.mfp-wrap .mfp-iframe-holder {
  background: rgba(0, 0, 0, 0.7);
}
.mfp-wrap.mfp-close-btn-in {
  cursor: url("../images/close.png"), pointer;
}
.mfp-wrap {
  z-index: 1043;
  outline: 0 !important;
}


/* -------------- 25 OCTUBRE 2022 ----------- */

section.ayudas-sate {
    position: relative;
}

main.ayudas-sate--contenedor {

}

.ayudas-sate--contenedor a {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #e52327;
    cursor: pointer;

    top: 0;
    left: 0;
    z-index: 6;
}

.ayudas-sate--contenedor a h5 {
    text-align: center;
    margin: 12px;
    color: #fff;
}

.programa-ayudas-sate {
    position: relative;
    display: flex;
    flex-flow: column;
    background-size: cover;
    background-position: center;

}

.programa-ayudas--contenedor {
    max-width: 1440px;
    z-index: 4;
    
}


.programa-ayudas-sate:before {
	position: absolute;
	content: "";
	background: rgba(0,0,0,0.09);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.programa-ayudas--main {
    display: flex;
    flex-flow: row wrap;

    padding: 12px 42px 42px;
    z-index: 4;
}

@media screen and (max-width: 767px) {
    .programa-ayudas--main {
        flex-flow: column;
        padding: 12px;
    }
}

.programa-ayudas--mapa {
    width: 100%;
    order: 2;
}

@media screen and (max-width: 767px) {
    .programa-ayudas--mapa {
        width: 100%;
    }
}

.programa-ayudas--main-txt {
      display: flex;
      flex-flow: row wrap;
      gap: 6px;
      justify-content: center;
      align-items: flex-start;
      order: 1;

      width: 100%;
}

@media screen and (max-width: 480px) {
    .programa-ayudas--main-txt {
        gap:6px;
    }
}

.programa-ayudas--sate--main-item {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 48%;
  flex: 1 0 100%;
  text-align: center;
  background: #e52327;
  background-position: center;
  background-size: cover;
  justify-content: center;
  gap: 24px;
  align-items: center;
  padding: 12px;
}

.programa-ayudas--sate--main-item:before {
	position: absolute;
	content:"";
	width:100%;
	height: 100%;
	top:0px;
	left: 0px;
	background-color:#000;
	opacity: 0.42;
	mix-blend-mode: multiply;
}

.programa-ayudas--sate--main-item img {
    padding: 21px;
    width: 240px;
    margin: 0;
}

.programa-ayudas--sate--main-item .txt {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.programa-ayudas--sate--main-item ul {
    margin: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

@media screen and (max-width: 480px) {
	.programa-ayudas--sate--main-item {
		width: 100%;
		padding: 6px;
		flex: none;
        flex-flow: column;
	}

    .programa-ayudas--sate--main-item img {
        width: 120px;
        padding: 12px;
    }

    .programa-ayudas--sate--main-item .txt {
        align-items: center;
    }

    .programa-ayudas--sate--main-item .txt ul {
        display: flex;
        flex-flow: column;
        align-items: center;
    }

    .programa-ayudas--sate--main-item .txt ul li {
        text-align: center;
    }
}

.programa-ayudas--sate--main-item ul li {
    list-style: none;
    background: rgba(0,0,0,0.21);
    padding: 3px 21px;
    text-align: left;
    width: fit-content;

}

.programa-ayudas--sate--main-item ul li:hover {
    list-style: none;
    background: #000;

}

.programa-ayudas--sate--main-item ul li a {
	color: #fff;
    font-size: 14px;
    z-index: 1;
}

.programa-ayudas--sate--main-item h5 {
	padding: 6px;
    margin: 0;
    font-size: 21px;
	color: #fff;
	z-index: 1;
}

.programa-ayudas--sate--main-item h5 a {
    color: #fff;
}

.programa-ayudas--header {
	padding: 42px 0 0;
	z-index: 4;
}

.programa-ayudas--header h4 {
	color: #000;
}

.landing-sate-junotherm .banners-catalogos {
    padding-bottom: 42px;
}


/* --------- SLIDE PAVIMYC ---------- */

.pavimyc {
    display: flex;
    flex-flow: column;
    align-items: center;

    padding: 42px;
    /* border: dashed 3px aliceblue; */
    background: rgba(0,0,0,0.4);
}

@media screen and (max-width: 480px) {
    .pavimyc {
        padding: 12px;
    }
}


@media screen and (max-width: 480px) {
        .pavimyc h2  {
            font-size: 15px;
        }
    }


.pavimyc article.img-container {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 21px;
    
}

.pavimyc .img-container .img-item  {
    display: flex;
    flex-flow: column;
    align-items: center;

    width: 50%;
}

.pavimyc .img-container .img-item img {
    max-width: 200px;
}

@media screen and (max-width: 480px) {
    .pavimyc .img-container .img-item img {
        max-width: 120px;
        width: 120px;
    }

    .pavimyc .img-container .img-item h3 {
        font-size: 15px;
    }

    .pavimyc .img-container .img-item h4 {
        font-size: 13px;
    }

} 

.pavimyc article.btn {
    display: flex;
    flex-flow: row;
    align-items: center;
    width: 50%;
}

@media screen and (max-width: 480px) {
    .pavimyc article.btn {
      
        flex-flow: column;
   
    }
}

/* BLOG - PAVIMENTOS - 29 nov 2022 */

.pavimentos .pasos  {
    padding: 12px 0;
}

.pavimentos .pasos ul {
    padding: 0 0 0 21px;
}

.pavimentos .pasos ul li {
    list-style: circle;
    list-style-position: inside;
}

.pavimentos .productos-recomendados .img-container .img-fotos {
    display:flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    padding: 21px 0;
    width: 100%;
}

.pavimentos .productos-recomendados .img-container .img-fotos .img-fotos--item {
    width: 21%;
}

@media screen and (max-width: 480px) {
    .pavimentos .productos-recomendados .img-container .img-fotos .img-fotos--item {
        width: 42%;
    }
}

.pavimentos .productos-recomendados .img-container .img-fotos .img-fotos--item small {
   text-align: center;
   margin: auto;
   display: block;
}

.pavimentos .productos-recomendados .img-container .img-btn {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin: 12px 0;
}

.pavimentos .encuentra-tienda {
    padding: 42px;
    border: dashed 3px #e52327;
    margin: 42px 0;

}

.modal-loader__wrapper .modal-loader__inner .modal-loader__container .modal-loader .loader-block__figure img {
	max-width: 90px;
}

body .modal-loader__wrapper .modal-loader__inner .modal-loader__container .modal-loader .balls div {
	/* border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0; */
    width: 12px;
    height: 12px;
}

body .cb-slider__block .cb-slider.slider-loaded ~ .cb-slider__loader {
    font-style: normal;
    font-size: 18px !important;
    opacity: 0 !important;
    display: none !important;
}

body .wrapper .cb-slider__block-wrapper .cb-slider .cb-slider__item .cb-slider__main .cb-slider__main-section .container .cb-slider__td .cb-slider__content .cb-slider__title {
	font-size: 54px;
}

body .wrapper .cb-slider__block-wrapper .cb-slider .cb-slider__item .cb-slider__main .cb-slider__main-section .container .cb-slider__td .cb-slider__content .cb-slider__subtitle {
	font-size: 27px;
	padding: 12px 0px;
}

@media screen and (max-width: 767px) {
    body .wrapper .cb-slider__block-wrapper .cb-slider .cb-slider__item .cb-slider__main .cb-slider__main-section .container .cb-slider__td .cb-slider__content .cb-slider__title {
        font-size: 42px;
    }

    body .wrapper .cb-slider__block-wrapper .cb-slider .cb-slider__item .cb-slider__main .cb-slider__main-section .container .cb-slider__td .cb-slider__content .cb-slider__subtitle {
        font-size: 18px;
        padding: 12px 0px;
    }
}

/* ---------------------------- modulo color - 5 Enero 2023 ------------------------ */

.modulo-color {
	scroll-behavior: smooth;
}

.modulo-color .module--color-nav {
    position: fixed;
    right: 20px;
    z-index: 13;
}

.modulo-color .module--color-header {
    position: fixed;
    top:0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 12;

    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;

    background: rgba(250,250,250,0.9);
}

.modulo-color .module--color-header.display-none {
    display: none !important;
}

.modulo-color .module--color-header .item {
    position: relative;
    width: 30%;
    height: 45%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px;
    border: solid 3px transparent;
    background: transparent;
}



.modulo-color .module--color-header .item:hover {
    border: solid 3px #e52327;
}


.modulo-color .module--color-header .item img {
    margin: 0 auto;
    display: block;
    max-width: 120px;
}

.modulo-color .module--color-header .item h3 {
    color: #000;
    margin: 0;
}

.modulo-color .module--color-header .item p {
    color: #666;
    margin: 0;
    text-align: center;
}

.modulo-color .module--color-header .item a.enlace {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}

@media screen and (max-width: 480px) {
    .modulo-color .module--color-header {
        flex-flow: column;
        padding-top: 116px;
    }

    .modulo-color .module--color-header .item {
        width: 90%;
        height: auto;
        flex-flow: row;
    }

    .modulo-color .module--color-header .item img {
        max-width: 60px;
    }

    .modulo-color .module--color-header .item h3 {
        font-size: 18px;
    }

    .modulo-color .module--color-header .item p {
        font-size: 14px;
    }
}

.modulo-color .module--color-nav .flex .item:nth-child(-n+2) {
    display: none;
}

.modulo-color .module--color-nav .flex {
    
    display: flex;
    flex-flow: row;

    justify-content: space-around;
    align-items: center;
    gap: 12px;

    width: 100%;
    padding: 21px;
    margin: auto;
}

.modulo-color .module--color-nav .flex .color-nav-imgcover {
    position: absolute;
    width: 100%;
    overflow: hidden;

}

.modulo-color hr {
	margin: 21px 0;
}

.modulo-color .module--color-nav .flex .item {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;

    width: 120px;
    padding: 12px;

    background: #fff;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
}

.modulo-color .module--color-nav .flex .item:hover {
    
    background: #e52327;
    transition: 1s;
}

.modulo-color .module--color-nav .flex .item img {
    width: 100%;
}

.modulo-color .module--color-nav .flex .item h3 {
    font-size: 12px;
    text-align: center;
    margin: 0;
}

.modulo-color .module--color-nav .flex .item:hover h3 {
 transition: 1s;
   color: #fff;
}

.modulo-color .module--color-nav .flex .item .enlace {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.module--color-eligecolor .flex {
    display: flex;
    flex-flow: column;

    justify-content: space-around;
    align-items: center;
    gap: 12px;

    width: 100%;
    padding: 21px;
}

.module--color-eligecolor .flex h2.titulo {
    width: 100%;
    text-align: center;
}

.module--color-eligecolor .flex .navcolores {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;

    width: 100%;
    padding: 21px;
    gap: 12px;
}

.module--color-eligecolor .flex .nav-colores--destacados {
    display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;

    width: 100%;
    padding: 21px;
    border-bottom: solid 1px;
}  

.nav-colores--destacados .nav-colores--destacados__list .familia-color span.familia-color__bg {
    width: 120px;
    height: 120px;
}

/*
#color-eligecolor.module--color-eligecolor .nav-colores--destacados .nav-colores--destacados__list .familia-color .familia-color__bg {
    background-image: linear-gradient(to bottom right, #666, #fff);
}
*/
.nav-colores--destacados a {
	display: flex;
	flex-flow: column;
	align-items: center;
}

.nav-colores--destacados a p {
	color: #000;
	font-size: 12px;
	margin: 12px auto;
    text-align: center;
}

.nav-colores--destacados a span {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

@media screen and (max-width: 480px) {
    .module--color-eligecolor .flex .navcolores {
        width: 100%;
    }

    .module--color-eligecolor .flex .nav-colores--destacados {
        width: 100%;
        border-bottom: solid 1px;
        border-left: none;
        display: none;
    }
}

.navcolores a {
    color: #000;
    padding: 12px;
    width: 30%;
    text-align: center;
    opacity: 0.3;
}

.navcolores a.active {
    background: #fff;
    opacity: 1;
}

.navcolores a:hover {
    background: #fff;
    opacity: 1;
}


.navcolores span::before {
    display: block;
    content:"";
    width: 120px;
    height: 120px;
    border-radius: 50%;

}

@media screen and (max-width: 480px) {
    .navcolores a {
        width: 45%;
    }

    .navcolores span::before {
    display: block;
    content:"";
    width: 60px;
    height: 60px;
    border-radius: 50%;

    }   

    .nav-colores--destacados .nav-colores--destacados__list .familia-color span.familia-color__bg {
        width: 60px;
        height: 60px;
    }

}

.module--color-eligecolor .bloquecolores {
	width: 100%;
}

span.md-196::before {
    background: #f7de99;
}

span.cl-003::before {
    background: #f0eddb;
}

span.cl-020::before {
    background: #d5e1e7;
}

span.cl-001::before {
    background: #eae6e0;
}

span.md-147::before {
    background: #eeb5cd;
}

span.cl-004::before {
    background: #f1e9d9;
}

span.cl-002::before {
    background: #e6e1d9;
}

.md-196 {
    background: #f7de99;
}

.cl-003 {
    background: #f0eddb;
}

.cl-020 {
    background: #d5e1e7;
}

.cl-001 {
    background: #eae6e0;
}

.md-147 {
    background: #eeb5cd;
}

.cl-004 {
    background: #f1e9d9;
}

.cl-002 {
    background: #e6e1d9;
}

.bloquecolores .cabecera {
    background: #eee;
    color: #000;
    text-align: center;
}

.bloquecolores .libreria {
    display: flex;
    flex-flow: row wrap;

    justify-content: flex-start;
    align-items: center;

    width: 100%;

}

.libreria div {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 25%;
    align-items: center;
}

.libreria div:hover {
    box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
    z-index: 3;
    transition: 0.3s;
}

.libreria div.active {
    box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
    z-index: 3;
    transition: 0.3s;
}

.bloquecolores .libreria span {
   
    text-align: center;
    width: 100%;
    height: 120px;
}

.bloquecolores .nodisplay {
    display: none;
}

.bloquecolores .muestras {
    display: flex;
    flex-flow: row;
    gap: 3px;
}

.bloquecolores .muestras div {
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    flex: 1 0 30%;
} 

.bloquecolores .muestras div span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bloquecolores .muestras div h4 {
    position: relative;
    z-index: 4;
    margin: auto;
}

.bloquecolores .muestras div img {
    z-index: 4;
    
}

@media screen and (max-width: 480px) {
    .bloquecolores .muestras {
        flex-flow: column;
    }

    .bloquecolores .muestras div {
        flex-flow: column;
        flex: 1 0 100%;
    }
}

.md-196 {
    background: #f7de99 ;
}

.md-198 {
    background: #e4c086 ;
}

.md-236 {
    background: #f1e186;
}

.md-237 {
    background: #f4dc51;
}

.md-239 {
    background: #ffc846;
}

.md-242 {
    background: #d7da6b;
}

.md-250 {
    background: #4c6046;
}

.md-251 {
    background: #8bc095;
}

.md-252 {
    background: #86b886;
}

.sv-098 {
    background: #e7d3ae;
}

.sv-106 {
    background: #f7eecb;
}

.sv-107 {
    background: #f4e8b6;
}

.sv-108 {
    background: #f7e9c0;
}

.sv-109 {
    background: #f5e7af;
}

.sv-110 {
    background: #f5d18f;
}

.sv-111 {
    background: #f7f1ca;
}

.sv-114 {
    background: #f5e8a8;
}

.sv-115 {
    background: #f8dc8e;
}

.sv-121 {
    background: #ddeccf;
}

.sv-122 {
    background: #e5eebe;
}

.sv-124 {
    background: #d3ebd0;
}

.modulo-color .module--color-quequierespintar .flex{
	display: flex;
	flex-flow: column;
	align-items: center;
}

.modulo-color .module--color-quequierespintar .flex h2 {
    text-align: center;
}

.modulo-color .module--color-quequierespintar .flex p {
	margin: 0px;
}

.modulo-color .module--color-quequierespintar .flex .iconos {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;

    width: 100%;
    padding: 21px;

    list-slyle: none;
}

.modulo-color .module--color-quequierespintar .flex .iconos li {
    display: flex;
    flex-flow: row;
    padding: 12px;
    flex: 0 1 100%;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    justify-content: center;
    gap: 12px;
}

.modulo-color .module--color-quequierespintar .flex .iconos .iconos-btn {
        display: none;
    }

.modulo-color .module--color-quequierespintar .flex .iconos .bloquecartas .fachadas-imagen img {
    width: 100%;
    height: auto;
}

.module--color-quequierespintar .bloquecartas {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    border: solid 1px #eee;
    padding: 12px;
}

.module--color-quequierespintar .bloquecartas.cajadudas {
    border: none;
}

.module--color-quequierespintar .bloquecartas .fachadas-imagen {
    width: 12%;
}

.module--color-quequierespintar .bloquecartas .fachadas-imagen .cabecera {
	padding: 12px 3px;
}

.module--color-quequierespintar .bloquecartas .fachadas-imagen .cabecera span {
	font-weight: 600;
	color: #e52327;
    padding: 0;
}	

.module--color-quequierespintar .bloquecartas .fachadas-contenido {
    position: relative;
    width: 88%;
    display: flex;
}

.module--color-quequierespintar .bloquecartas.cajadudas .fachadas-cajadudas {
    display: flex;
    gap: 12px;
    flex-flow: column;
    justify-content: space-around;
    border: solid 3px #e52327;
    padding: 21px;
    width: 100%;
}


.module--color-quequierespintar .bloquecartas .fachadas-contenido .cabecera {
    position: relative;
    height: 120px;
}

.module--color-quequierespintar .bloquecartas .fachadas-contenido .cabecera  span {
    font-size: 21px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    padding: 21px;
    width: 100%;
}

.module--color-quequierespintar .bloquecartas .fachadas-contenido .libreria {
	display: flex;
	flex-flow: row wrap;

	padding: 12px;
	width: 100%;
	gap: 12px;
}

.module--color-quequierespintar .bloquecartas .fachadas-contenido .libreria div {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: space-between;
	flex: 1 1 300px;
    gap: 12px;

    padding: 12px;
    width: 100px;
}

.module--color-quequierespintar .bloquecartas .fachadas-contenido .libreria div img{
        display: none;
    }

.module--color-quequierespintar .bloquecartas .fachadas-contenido .libreria div p {
    display: block;
    font-size: 15px;
    text-align: left;
}

.module--color-quequierespintar .bloquecartas .fachadas-contenido .libreria div a {
    background-color: #eee;
    color: #000;
    border-color: transparent;
} 

.module--color-quequierespintar .bloquecartas .fachadas-contenido .libreria .btn span {
    color: #000;
}

.module--color-quequierespintar .bloquecartas .fachadas-contenido .libreria div .btn.btn-brand.btn-sm.sincarta {
    opacity: 0.1;
    cursor: no-drop;
} 

.module--color-quequierespintar .bloquecartas .fachadas-contenido .libreria div h5 {
    margin: 0;
}

.cajadudas a p {
	margin: 0;
}

.module--sistema-tintometrico .flex {
	display: flex;
	flex-flow: column;
}

.module--sistema-tintometrico .flex .row .txiki-icon p {
    font-size: 15px;
}

.module-descubreapp {
    padding: 15px;
}

.module-descubreapp .row {
    padding: 21px;
}




@media screen and (max-width: 767px) {
    .modulo-color .module--color-quequierespintar .flex .iconos {
        display:flex;
    }

    .modulo-color .module--color-quequierespintar .flex .iconos .iconos-btn {
        display: flex;
    }

    .modulo-color .module--color-quequierespintar .flex .iconos li {
        flex-flow: row wrap;
    }

    .modulo-color .module--color-quequierespintar .flex .iconos .bloquecartas:not(.show) {
    	display:none;
    }

    .module-descubreapp .row h2 {
        text-align: center;
    }

    .modulo-color .module--color-quequierespintar .flex .iconos .bloquecartas .fachadas-imagen {
        width: 100%;
    }

    .modulo-color .module--color-quequierespintar .flex .iconos .bloquecartas .fachadas-imagen img{
        height: auto;
    }

    .modulo-color .module--color-quequierespintar .flex .iconos .bloquecartas img {
        height: auto;
    }

    .modulo-color .module--color-quequierespintar .flex .iconos li .btn {
        display: flex;
        justify-content: center;
        gap: 6px;
        color: var(--color-rojo-juno);
        align-items: center;
    }
}

@media screen and (max-width: 480px) {

	.modulo-color .module--color-quequierespintar .flex .iconos {
		flex-flow: row wrap;
		padding: 12px;
		margin: 0px;
	}



	.modulo-color .module--color-quequierespintar .flex .titulo {
		font-size: 24px;
	}

    .module--color-quequierespintar .bloquecartas.cajadudas {
        display: none;
    }

   .module--color-quequierespintar .bloquecartas .fachadas-imagen {
        width: 100%;
        height: 120px;
        overflow: hidden;
        position: relative;
    }

    .module--color-quequierespintar .bloquecartas .fachadas-imagen .cabecera {
        position: absolute;
        top: 25%;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 12px;
    }

    .module--color-quequierespintar .bloquecartas .fachadas-contenido {
        position: relative;
        width: 100%;
        flex-flow: column;
    } 

    .module--color-quequierespintar .bloquecartas .fachadas-contenido .cabecera {
        position: relative;
        height: auto;
        text-align: center;
    }

    .module--color-quequierespintar .bloquecartas .fachadas-contenido .cabecera  span {
        position: unset;
        font-size: 21px;
        padding: 0;
    } 

    .module--color-quequierespintar .bloquecartas .fachadas-contenido .libreria {
        padding: 0;
    }

    .module--color-quequierespintar .bloquecartas .fachadas-contenido .libreria div a {
		width: 100%;
	}

    .module--color-quequierespintar .bloquecartas .fachadas-contenido .libreria div a span {
		display: none;
	}

	.module--color-eligecolor .flex h2.titulo {
		font-size: 24px;
	}

	.module--color-eligecolor .flex .navcolores__header {
		display: none;
	}

    .module--sistema-tintometrico .flex .row .txiki-icon p {
        font-size: 12px;
    }

    .module-descubreapp .row h2 {
    	font-size: 24px;
    }
    
}

/* ----------------------------  Slider - SATE -------- */

#modal-video.modal  .modal-dialog.sate {
    max-width: 72%;
}

@media screen and (max-width: 480px) {
    #modal-video.modal  .modal-dialog.sate {
        max-width: 90%;
    }
}

/* --------------------- SLIDER ENG - MANUFACTURING ----------- */

.slide-eng.manufacturing {
    display: flex;
    flex-flow: column;
    gap: 12px;

    width: 100%;
}

.slide-eng.manufacturing img.logo {
    display: block;
    width: 120px;
}

.slide-eng.manufacturing h2.titulo {
    font-size: 60px;
    text-transform: uppercase;
    margin: 0px;
}

.slide-eng.manufacturing p.subtitulo {
    font-size: 21px;
}

.slide-eng.manufacturing .btn {

}

/* --------------------- SLIDER ENG - Dublin shop ----------- */

.slide-eng.dublin-shop {
    display: flex;
    flex-flow: column;
    gap: 12px;

    width: 100%;

    padding: 42px;
    background: rgba(0,0,0,0.6);
}

.slide-eng.dublin-shop .cabecera .titulo {
    font-size: 36px;
    text-transform: uppercase;
    margin: 0px;
}

.slide-eng.dublin-shop .cabecera .subtitulo {
    font-size: 21px;
}

.slide-eng.dublin-shop .contenido {
    display: flex;
    flex-flow: row;
    gap: 12px;
}

.slide-eng.dublin-shop .contenido .catalogos {
    flex: 1 0 50%;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
}

.slide-eng.dublin-shop .contenido .catalogos img {
    width: 120px;
}

.slide-eng.dublin-shop .contenido .texto {
    flex: 1 0 50%;
    display:flex;
    flex-flow: column;
}


@media screen and (max-width: 480px) {

    .slide-eng.dublin-shop {
        padding: 6px;
    }

    .slide-eng.dublin-shop .cabecera .titulo {
        font-size: 15px;
    }

    .slide-eng.dublin-shop .cabecera h3 {
        font-size: 13px;
        margin: 0;
    }

    .slide-eng.dublin-shop .contenido .catalogos {
        display: none;
    }
}


/* 27 Enero 2023 - Catalogues and Rates - ENG */


body.body-en .page-content .module-cataloguesandrates .icon-box-catalogues:hover {
	box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
	transition: 1s;
}


/* -------------- 1 Febrero 2023 // Modulo color V2 ------------- */

.modulo-color.v-2 .module--color-eligecolor .flex .navcoloresmain {
	display: flex;
	flex-flow: row wrap;
	position: relative;
}

.modulo-color.v-2 .module--color-eligecolor .flex .navcoloresmain .titulo {
	width: 100%;
}

.modulo-color.v-2 .module--color-eligecolor .flex .navcoloresmain .navcolores {
	width: 50%;
	position: absolute;
	top: 12%;
}

.modulo-color.v-2 .module--color-eligecolor .flex .navcoloresmain .navcolores-destacado {
	width: 50%;
	position: absolute;
	right: 0px;
	height: 100%;
}

.modulo-color.v-2 .module--color-eligecolor .flex .navcoloresmain {
	position: relative;
}

.modulo-color.v-2 .module--color-eligecolor .flex .navcoloresmain .navcolores-destacado .enlace {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.navcolores-destacado h4 {
	text-align: center;
}

.modulo-color.v-2 .module--color-eligecolor .flex .navcoloresmain .navcolores span::before {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: auto;
}

.modulo-color.v-2 .module--color-eligecolor .flex .navcoloresmain .navcolores small {
	line-height: 
}

/* -------------------- Modulo color V3 ----------------- */

.modulo-color.v-3 .module--color-eligecolor .flex .navcoloresmain {
	display: flex;
	flex-flow: row wrap;
	position: relative;
}

.modulo-color.v-3 .module--color-eligecolor .flex .navcoloresmain .titulo {
	width: 100%;
}

.modulo-color.v-3 .module--color-eligecolor .flex .navcoloresmain .navcolores {
	width: 70%;
}

.modulo-color.v-3 .module--color-eligecolor .flex .navcoloresmain .navcolores-destacado {
	width: 30%;
}

.modulo-color.v-3 .module--color-eligecolor .flex .navcoloresmain .navcolores span::before {
    display: block;
    content:"";
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: auto;

}
.modulo-color.v-3 .module--color-eligecolor .flex .navcoloresmain .navcolores-destacado {
    padding: 12px;
    border: dashed 3px #e52327;
}

.modulo-color.v-3 .module--color-eligecolor .flex .navcoloresmain .navcolores-destacado a {
    display: flex;
    flex-flow: column;
    padding: 12px;
}

.modulo-color.v-3 .module--color-eligecolor .flex .navcoloresmain .navcolores-destacado span::before {
    display: block;
    content:"";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: auto;

}

.modulo-color.v-3 .module--color-eligecolor .flex .navcoloresmain .navcolores-destacado small {
    text-align: center;
}

#color-eligecolor .muestras__module .muestras .muestras__col-name .muestras__col-name-title {
    background: #fff;
}

/* --------------- Landing pavimentos -------------- */

.pag-pavimentos.prueba {
    --color-amarillo-pavimentos:#f3c108;
    --color-gris-pavimentos:#58595b;
}

.pag-pavimentos.prueba .contenido .intro .razones {
    padding: 21px;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
}

.pag-pavimentos.prueba .contenido .intro .amarillo {
   
    color: #fff;
    padding: 6px;
    border-radius: 50%;
    background-color: var(--color-rojo-juno);
    width: 42px;
    height: 42px;
    line-height: 1.9;
}


.pag-pavimentos.prueba .contenido .intro .bold-pavimentos {
    color:var(--color-rojo-juno);
    font-weight: bold;
    padding-left: 12px;
    text-align: left;
    flex: 0 1 90%;
}

.pag-pavimentos.prueba .contenido .intro .bold-pavimentos span {
    font-weight: 300;
    color: #666;
}


.pag-pavimentos.prueba .contenido .sistemas ul {
    padding: 0px 0px 0px 21px;
    list-style: none;
}

.pag-pavimentos.prueba .contenido .sistemas .epoxy {
    border-bottom: solid 1px #eee;
    padding: 21px;
}


.pag-pavimentos.prueba .contenido .sistemas .poliuretano,
.pag-pavimentos.prueba .contenido .sistemas .acrilicos,
.pag-pavimentos.prueba .contenido .sistemas .clorocaucho {
    padding: 21px;
}

.pag-pavimentos.prueba .contenido .sistemas .epoxy .icon,
.pag-pavimentos.prueba .contenido .sistemas .acrilicos .icon,
.pag-pavimentos.prueba .contenido .sistemas .clorocaucho .icon,
.pag-pavimentos.prueba .contenido .sistemas .poliuretano .icon {
    width: 90px;
    display: block;
    margin-bottom: 18px;
}

.pag-pavimentos.prueba .contenido .sistemas .epoxy .extra .svg {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 767px) {

	.pag-pavimentos.prueba .contenido .intro .razones {
	    display: flex;
	    flex-flow: column;
	    align-items: center;
	    padding: 9px 0px;
	}

    .pag-pavimentos.prueba .contenido .sistemas .epoxy .extra .svg {
        display: flex;
        width: 100%;
        height: auto;
        justify-content: center;
        align-items: center;
    }
}

.pag-pavimentos.prueba .contenido .sistemas .epoxy .extra .svg img {
    width: 120px;
}

.pag-pavimentos.prueba .contenido .sistemas .epoxy .extra .texto {
    display: flex;
    flex-flow: column;
    justify-content: center;
    gap: 12px;
}

.pag-pavimentos.prueba .contenido .sistemas .epoxy .extra .texto a.btn {
    margin: auto;

}


.pag-pavimentos.prueba .contenido .sistemas {
    border: solid 3px var(--color-rojo-juno);
    padding: 21px;
    text-align:left;
}

.pag-pavimentos .contenido .porque-pavimentos {
	gap: 12px;
	justify-content: center;
}

.pag-pavimentos.prueba .porque-pavimentos .pavimentos-relacionados__wrapper {
	margin:21px 0px;
}

.pag-pavimentos.prueba .porque-pavimentos .pavimentos-relacionados__wrapper .carrusel-pavimentos .owl-stage-outer .owl-item .carrusel-pavimentos__item header a {
    padding: 12px;
    text-align: left;
}

.pag-pavimentos.prueba .porque-pavimentos .items {
    text-align: left;
    padding: 12px;
    margin: 21px 0px;
    border: solid 1px var(--color-rojo-juno);
    max-width: 30%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.pag-pavimentos.prueba .porque-pavimentos .items .resaltado-rojo {
    color: var(--color-rojo-juno);
    text-transform: uppercase;
    padding:0px 12px;
}

.pag-pavimentos.prueba .porque-pavimentos .items .resaltado-rojo strong {
    color: #fff;
    background-color: #666;
    padding: 6px;
}

.pag-pavimentos.prueba .porque-pavimentos .items ul {
    padding-left: 21px;
    margin: 0px;
}

.pag-pavimento.prueba .porque-pavimentos .items p {
    text-align: left;
    margin: 2px;
}

.pag-pavimentos.prueba .contenido .conoce {
    padding-bottom: 21px;
    text-align: left;
}

.pag-pavimentos.prueba .contenido .conoce .img{
    
}

.pag-pavimentos.prueba .contenido .conoce .txt{
    display: flex;
    flex-flow: column;
    gap: 12px;

}

@media screen and (max-width: 767px) {
    .pag-pavimentos.prueba .contenido .conoce .txt{
        align-items: center;

    }
}

.pag-pavimentos.prueba .contenido .conoce .txt h3{
    margin: 0;

}

.pag-pavimentos.prueba .contenido .conoce .txt .btn {
    width: fit-content;
    
}


@media screen and (max-width: 767px) {
	.pag-pavimentos .contenido .porque-pavimentos {
		gap: 3px; 
	}

    .pag-pavimentos .contenido .conoce img {
		padding: 6px 42px;
	}

    .pag-pavimentos.prueba .contenido .conoce {
        text-align: center;
    }

    .pag-pavimentos.prueba .porque-pavimentos .items {
	    
	    padding: 12px;
	    margin: 21px 0px 0px;
	    max-width: 100%;
	   
	}
}

.pag-pavimentos.prueba .usos {
    padding: 60px 0 0 0;
}


.pag-pavimentos {
    text-align: center;
}

.pag-pavimentos .intro {
    justify-content: center;
    text-align: left;
}

.pag-pavimentos .intro p span.bold-rojo {
    color:#e52327;
    font-weight: bolder;
}

.pag-pavimentos .intro .rojo {
    display: inline-block;
    width: 36px;
    border-radius: 50%;
    background: #e52327;
    padding: 6px;
    color: #fff;
}

.pag-pavimentos .porque-pavimentos .items {
    text-align: left;
    padding: 12px;
    margin: 0px auto;
    border: solid 1px #e52327;
}

@media screen and (max-width: 480px) {
	.pag-pavimentos .epoxy-100-solidos img {
		width: 50%;
	}

}

.pag-pavimentos .porque-pavimentos .items .resaltado-rojo {
    color: #e52327;
    text-transform: uppercase;
}

.pag-pavimentos .porque-pavimentos .items p {
    text-align: left;
    margin: 2px;
}

.pag-pavimentos .icons .item ul li {
    display: flex;
    flex-flow: row;
    padding: 12px;
    align-items: center;
}

.pag-pavimentos .icons {
    padding: 0 0 42px;
    width: 81%;
    margin: auto;
}

.pag-pavimentos .icons .item:nth-child(2) {
    border-left: solid 1px  #e52327;
}




.pag-pavimentos .icons .item ul li img {
    width: 90px;
}

.pag-pavimentos .icons .item ul li p {
    margin: 0;
    text-align: left;
}

.pag-pavimentos .usos .item {
    position: relative;
    display: flex;
    flex-flow: column;
    padding: 21px;
}

.pag-pavimentos .usos {
    padding: 60px 0;
}

.pag-pavimentos .usos .item .text {
    background: #e52327;
    padding: 12px;
}

.pag-pavimentos .usos .item .text h5,
.pag-pavimentos .usos .item .text p {
    color: #fff;
    margin: 0;
}

@media screen and (max-width: 480px) {
    .pag-pavimentos .icons {
        padding: 0px;
        width: 100%;
        margin: auto;
    }

    .pag-pavimentos .icons .item:nth-child(2) {
        border-left: none;
    }
}

@media screen and (max-width: 480px) {
    .pag-pavimentos .icons .item ul {
        display: flex;
        flex-flow: row wrap;
        gap: 6px;
    }

    .pag-pavimentos .icons .item ul li {
        flex-flow: row;
        width: 100%;
        padding: 0;
    }

    .pag-pavimentos .icons .item ul li img {
        width: 21%;
        padding-right: 12px;
    }

    .pag-pavimentos .icons .item ul li p {
        width: 70%;
        font-size: 14px;
    }
}

.subcabecera-junotherm.pavimentos .subcabecera-junotherm__figure {
    height: 330px;
}

.pag-pavimentos.prueba .subcabecera-junotherm.pavimentos  {
    height: 330px;
    padding: 42px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;

    background-size: cover;
    background-position: center;


}

.pag-pavimentos.prueba .subcabecera-junotherm.pavimentos .contenedor {
    width: 60%;
    display: flex;
    flex-flow: row wrap;
    gap: 12px;
}

.pag-pavimentos.prueba .subcabecera-junotherm.pavimentos .contenedor h2 {
    color: #fff;
    text-align: left;
}

.pag-pavimentos__banner img {
    width : 100% ;
    margin : 0px ;
}

    .pag-pavimentos__banner-pc {display: block ; }
    .pag-pavimentos__banner-responsive {display: none ; }


@media screen and (max-width: 767px) {

    .pag-pavimentos__banner-pc {display: none !important ; opacity : 0 ; visibility: hidden ;}
    .pag-pavimentos__banner-responsive {display: block !important ; }

    .pag-pavimentos.prueba .subcabecera-junotherm.pavimentos  {
        height: auto;
        padding: 21px;
         
        background-size: cover;
        background-position: center; 
    }

    .pag-pavimentos.prueba .subcabecera-junotherm.pavimentos .contenedor {
        width: 72%;
    }

    .pag-pavimentos.prueba .subcabecera-junotherm.pavimentos .contenedor h2 {
        font-size: 23px;
        text-align: center;
        margin: auto;
        padding: 12px;
    }
}

.subcabecera-junotherm.pavimentos .subcabecera-junotherm__claim {
    margin-top: -120px !important;
}

.subcabecera-junotherm.pavimentos .subcabecera-junotherm__claim .subcabecera-junotherm__claim-card img {
        width: 210px !important;
        margin-top: -21px;
    }

@media screen and (max-width: 480px) {
    .subcabecera-junotherm.pavimentos .subcabecera-junotherm__figure {
        height: 120px;
    }

    .subcabecera-junotherm.pavimentos .subcabecera-junotherm__claim {
        margin-top: -80px !important;
    }


    .subcabecera-junotherm.pavimentos .subcabecera-junotherm__claim .subcabecera-junotherm__claim-card img {
        width: 120px !important;
        margin-top: -21px;
    }

}

.slide-pavimentos {
    background: rgba(0,0,0,0.3);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;

    gap: 12px;

    padding: 21px;
}

.slide-pavimentos-2023 {
    background: rgba(0,0,0,0.3);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;

    gap: 12px;

    padding: 21px;
}

.owl-carousel .owl-item .slide-pavimentos-2023 h2 {
    font-size: 36px;
    width: 50%;
}

.owl-carousel .owl-item .slide-pavimentos-2023 img {
    max-width: 300px;
    margin: 0px;
}   

@media screen and (max-width: 767px) {
    .owl-carousel .owl-item .slide-pavimentos-2023 img {
        max-width: 120px;
    }

    .owl-carousel .owl-item .slide-pavimentos-2023 h2 {
        font-size: 21px;
        width: 100%;
    }
}

/* ---------------- PAVIMENTOS 2023 ------------------- */

.pag-pavimentos.prueba.catalogo-2023 .portada {
    padding: 120px;
}

.pag-pavimentos.prueba.catalogo-2023 hr {
    margin: 40px 0;
}

.pag-pavimentos.prueba.catalogo-2023 .portada .row .portada-txt {
    display:  flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.pag-pavimentos.prueba.catalogo-2023 .portada h1 {
    text-transform: uppercase;
}

.pag-pavimentos.prueba.catalogo-2023 .portada h1 span {
    display: block;
    color: var(--color-rojo-juno);
    font-size: 60px;
    text-transform: uppercase;
}

.pag-pavimentos.prueba.catalogo-2023 .portada img {
    max-width: 50%;
}

.pag-pavimentos.prueba.catalogo-2023 .indice {
    padding: 120px;
    position: relative;
}

.pag-pavimentos.prueba.catalogo-2023 .indice .indice-listado .capitulo .numero-capitulo {
    border-left: solid 1px var(--color-rojo-juno);
    border-right: solid 1px var(--color-rojo-juno);
    padding: 21px 0;
    color: #666;
}

.pag-pavimentos.prueba.catalogo-2023 .indice .indice-listado .capitulo .nombre-capitulo {
    color:#000;
    font-weight: bold;
    line-height: 1.3;
}

.pag-pavimentos.prueba.catalogo-2023 .indice .indice-listado .capitulo .modal .modal-header {
    background: #aaa;
}

.pag-pavimentos.prueba.catalogo-2023 .indice .indice-listado .capitulo .modal .modal-header h5 span{
    background: var(--color-amarillo-pavimentos);
    color: #fff;
    padding: 12px;
    margin-right: 12px;
    font-weight: bold;
}

.pag-pavimentos.prueba.catalogo-2023 .indice .indice-listado .capitulo .modal .modal-content {
    box-shadow: 3px 3px 9px rgba(0,0,0,0.4);
}

.pag-pavimentos.prueba.catalogo-2023 .indice .indice-listado .capitulo .modal .modal-body {
    text-align: left;
    padding: 42px;
}

.pag-pavimentos.prueba.catalogo-2023 .indice .indice-listado .capitulo .modal .modal-body h3 {
    padding-left: 21px;
    border-left: solid 1px var(--color-rojo-juno);
    color: #333;
}

.pag-pavimentos.prueba.catalogo-2023 .indice .indice-listado .capitulo .modal .modal-body ul{
    padding-left: 42px;
}

.pag-pavimentos.prueba.catalogo-2023 .indice .indice-listado .capitulo .modal .modal-body p.bullets {
    color: #000;
    font-weight: bold;
}

.pag-pavimentos.prueba.catalogo-2023 .indice .indice-listado .capitulo .modal .modal-body p.bullets span {
    color: var(--color-rojo-juno);
    border-radius: 50%;
    border: solid 1px var(--color-rojo-juno);
    background: transparent;
    padding: 5px 10px;
    font-size: 18px;
}

.pag-pavimentos.prueba.catalogo-2023 .indice #ancla-vermas {
    position: absolute;
    height:12px;
    top:-60px;
    width: 100%;
}

/* ---------- slide nueva web - 9 enero 2023 --------- */

.slide-nuevaweb {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;

    width: 100%;
}

.owl-carousel .owl-item .slide-nuevaweb img {
    width: 33%;
}

.slide-nuevaweb .txt {
    display: flex;
    flex-flow: row ;
    width: 100%;
}

.slide-nuevaweb .txt .titular {
    font-size: 42px;
    font-weight: 600;
    text-transform: uppercase;
    margin: auto;
}

@media screen and (max-width: 480px) {

    .owl-carousel .owl-item .slide-nuevaweb img {
        width: 50%;
    }

    .slide-nuevaweb .txt .titular {
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin: auto;
    }
}




/* ------------ 14 febrero 2023 ---------- */
/* ES */

body.body-es.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(1) {
    order: 1;
}

body.body-es.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(2) {
    order: 4;
}

body.body-es.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(3) {
    order: 5;
}

body.body-es.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(4) {
    order: 2;
}

body.body-es.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(5) {
    order: 3;
}

/* EN */

body.body-en.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(1) {
    order: 1;
}

body.body-en.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(2) {
    order: 4;
}

body.body-en.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(3) {
    order: 5;
}

body.body-en.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(4) {
    order: 2;
}

body.body-en.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(5) {
    order: 3;
}

/* IE */

body.body-ie.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(1) {
    order: 1;
}

body.body-ie.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(2) {
    order: 4;
}

body.body-ie.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(3) {
    order: 5;
}

body.body-ie.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(4) {
    order: 2;
}

body.body-ie.off-canvas-sidebar-open .off-canvas-sidebar .off-canvas-content .widget .social-icons li:nth-child(5) {
    order: 3;
}

/* --------------- slider nuevo instagram ------------- */

article.nuevo-instagram a.btn.btn-brand {
    color: #fff;
}

@media screen and (max-width: 480px) {
    article.nuevo-instagram  h3{
        font-size: 15px;
    }
}

/* -------------- slider OPEN DAY Irlanda ----------- */

.openday-ie {
    background: rgba(0,0,0,0.6);
    padding: 12px;
}



/* -------------- slider sorteo ---------- */

.slide-sorteo {
    
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;

    gap: 12px;

    padding: 21px;

    background: rgba(0,0,0,0.3);
}

.slide-sorteo h2 {
    text-transform: uppercase;
}

.owl-carousel .owl-item .slide-sorteo img {
    
    width: 420px;
}

@media screen and (max-width: 480px) {
    .slide-sorteo h2 {
        font-size: 21px;
        margin: 0;
    }

    .slide-sorteo h3 {
        font-size: 12px;
    }

    .owl-carousel .owl-item .slide-sorteo img {
    
        width: 90px;
    }
}

/* ------------------ 5 abril 2023 - Modulo color ------------ */

#modulo-color--nav-back {
  display: flex;
  margin: auto;
  width: 80%;
  flex-flow: row;
  justify-content: center;
}

#modulo-color--nav-back .item {
	width: 30%;
	padding: 21px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

#modulo-color--nav-back .item img {
	width: 82px;
}

#modulo-color--nav-back .item p {
	color: #666;
}

#modulo-color--nav-back .item h3.mvl {
    display: none;
}

@media screen and (max-width: 480px) {
	#modulo-color--nav-back {
		  display: flex;
		  margin: auto;
		  width: 100%;
		  flex-flow: column;
		  justify-content: center;
	}

	#modulo-color--nav-back .item {
		width: 100%;
		padding: 21px;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
	}

	#modulo-color--nav-back .item h3.mvl {
		display: block;
        font-size: 18px;
		color: #000;
	}

    #modulo-color--nav-back .item h3.dsk {
        display: none;
    }

	#modulo-color--nav-back .item p {
		font-size: 14px;
		color: #666;
		text-align: center;
	}

	#modulo-color--nav-back .item img {
		width: 60px;
	}
}

#modulo-color--nav-header {
  display: flex;
  margin: auto;
  width: 80%;
  flex-flow: row;
  justify-content: center;
  border-bottom: solid 1px #eee;
  padding-bottom: 21px;
}

.modulo-color--nav__btn-section {
        text-align: center;
    }

#modulo-color--nav-header .item {
    border: solid 3px #fff;
}

#modulo-color--nav-header .item:hover {
    border: solid 3px #e52327;
}

#modulo-color--nav-header .item img {
    width: 82px;
}

#modulo-color--nav-header .item h3.mvl {
    display:none;
}

#modulo-color--nav-header .item h3.dsk {
    font-size: 18px;
}



#modulo-color--nav-header .item p {
    color: #666;
}


#modulo-color--nav-header .item {
    width: 30%;
    padding: 21px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 480px) {
    
    .modulo-color--nav__btn-section {
        text-align: center;
    }

    #modulo-color--nav-header {
        display: none;
    }

    #modulo-color--nav-header .item p {
        display: none;
    }

    #modulo-color--nav-header .item h3 {
        font-size: 15px;
        text-align: center;
        display: none;
    }

    #modulo-color--nav-header .item h3.dsk {
        display: none;
    }

    #modulo-color--nav-header .item h3.mvl {
        display: block;
        font-size: 15px;
        text-align: center;
    }

    #modulo-color--nav-header .item img {
        width: 42px;
    }

}


/* ----------------------- Landing satejunotherm - mayo 2023 ------------------- */

.landing-sate-junotherm {
    position: relative;
}

.landing-sate-junotherm .boton-flotante {
    position: absolute;
    top: 330px;
    right: 220px;
    z-index: 6;

}

@media screen and (max-width: 480px) {
    .landing-sate-junotherm .boton-flotante {
        display: none;
    }
}

.landing-sate-junotherm .boton-flotante a {
    position: fixed;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
    background-color: #e52327;
    color:#fff;
}

.landing-sate-junotherm .menu-junotherm {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;

    width: 100%;
   
}



.landing-sate-junotherm .menu-junotherm li {
    list-style: none;
     background: #e52327;
     padding: 12px;
     flex: 1 0 auto;
    text-align: center;
    margin: 0;
}

@media screen and (max-width: 480px) {
    .landing-sate-junotherm .menu-junotherm {
        flex-flow: column;
    }

    .landing-sate-junotherm .menu-junotherm li {
        width: 100%;
    }
}


.landing-sate-junotherm .menu-junotherm li a {
    color: #fff;
    margin: 0;

}

.landing-sate-junotherm .articulos-sate {
    justify-content: space-around;
    padding: 21px 0px;

}

.landing-sate-junotherm .articulos-sate div.item {
    padding: 42px;
    border: solid 1px #eee;
}

.landing-sate-junotherm .articulos-sate .content {
    position: relative;
    padding: 21px;

}

.landing-sate-junotherm .articulos-sate .content p {
    margin: 0;
}

/* ------------------------- SLIDER BOTES PCR - 5 junio 2023 ------------- */

#botes-pcr.slider-botes-pcr {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: auto;

    position: relative;
}

#botes-pcr .slider-botes-pcr--contenido {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

#botes-pcr .slider-botes-pcr--contenido .slider-botes-pcr--subtitular {
    color:#3b7e05;
    font-size: 60px;
    margin: 0;
}

#botes-pcr .slider-botes-pcr--contenido img {
    width: 63%;
}

#botes-pcr .slider-botes-pcr--contenido .slider-botes-pcr--titular {
    color:#3b7e05;
    font-size: 66px;
    font-weight: 700;
    margin: 0;
}


#botes-pcr .slider-botes-pcr--footer {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

#botes-pcr .slider-botes-pcr--footer .slider-botes-pcr--bajada {
    color:#3b7e05;
    font-weight: bold;
    font-size:23px;
    width: 100%;
    text-align: center;
    line-height: 1.2;
}

#botes-pcr .slider-botes-pcr--footer img {
    display: none;
}

#botes-pcr.slider-botes-pcr a.btn.btn-absolute {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    z-index: 5;
    
}

@media screen and (max-width: 480px) {
    #botes-pcr .slider-botes-pcr--contenido .slider-botes-pcr--subtitular {
        color:#3b7e05;
        font-size: 28px;
        margin: 0;
    }

    #botes-pcr .slider-botes-pcr--contenido img {
        width: 100%;
    }

    #botes-pcr .slider-botes-pcr--contenido .slider-botes-pcr--titular {
        color:#3b7e05;
        font-size: 21px;
        font-weight: 700;
        margin: 0;
    }


    #botes-pcr .slider-botes-pcr--footer {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    #botes-pcr .slider-botes-pcr--footer .slider-botes-pcr--bajada {
        width: 100%;
        text-align: center;
        font-size: 15px;
        margin: 0;
    }

    #botes-pcr .slider-botes-pcr--footer img {
        width: 90px;
        display: block;
    }
} 

/* ------------ cambios cabeceras productos - 15 junio 2023 ---------- */

body.tax-categoria_producto .hero-cat-prod__block {
    background-position: center;
    background-size: cover;
}

body.tax-categoria_producto .hero-cat-prod__block .hero-cat-prod__center .hero-cat-prod__main {
    padding: 21px 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap:6px;
}

body.tax-categoria_producto .hero-cat-prod__block .hero-cat-prod__center .hero-cat-prod__main .hero-cat-prod__title {
    position: relative;

    font-size: 40px;
    width:fit-content;
    margin-bottom:0px;
}

body.tax-categoria_producto .hero-cat-prod__block .hero-cat-prod__center .hero-cat-prod__main .hero-cat-prod__subtitle {
    width:fit-content;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin: 0px;
    color:#ccc;
}

body.tax-categoria_producto .hero-cat-prod__block .hero-cat-prod__center .hero-cat-prod__main .hero-cat-prod__title:before {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 5px;
    background-color: #e52327;
    top: 50%;
    margin-top: -3px;
    left: -30px;
}

body.tax-categoria_producto .hero-cat-prod__block .hero-cat-prod__center .hero-cat-prod__main .hero-cat-prod__title:after {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 5px;
    background-color: #e52327;
    top: 50%;
    margin-top: -3px;
    right: -30px;
}



@media screen and (max-width: 991px) {
    body.tax-categoria_producto .hero-cat-prod__block .hero-cat-prod__center .hero-cat-prod__main .hero-cat-prod__title {
        font-size: 36px;
    }

    body.tax-categoria_producto .hero-cat-prod__block .hero-cat-prod__center .hero-cat-prod__main .hero-cat-prod__subtitle {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    body.tax-categoria_producto .hero-cat-prod__block .hero-cat-prod__center .hero-cat-prod__main .hero-cat-prod__title {
        font-size: 27px;
    }

    body.tax-categoria_producto .hero-cat-prod__block .hero-cat-prod__center .hero-cat-prod__main .hero-cat-prod__subtitle {
        font-size: 14px;
    }
}

@media screen and (max-width: 576px) {
    body.tax-categoria_producto .hero-cat-prod__block .hero-cat-prod__center .hero-cat-prod__main .hero-cat-prod__title {
        font-size: 15px;
    }

    body.tax-categoria_producto .hero-cat-prod__block .hero-cat-prod__center .hero-cat-prod__main .hero-cat-prod__subtitle {
        font-size: 12px;
    }
}

/*------------------ 21 julio -----------------*/

.landing-sate-junotherm section.module-descargas .container {
    border: solid 3px #e52327;
    padding: 42px;
}

.landing-sate-junotherm section.module-descargas .container .row .encabezado {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;

    border-bottom: solid 1px #e52327;
}

.landing-sate-junotherm section.module-descargas .container .row .encabezado h4 {
    font-size: 29px;
    font-weight: 600;
    text-align: center;
    margin:0;
}

.landing-sate-junotherm section.module-descargas .container .row .item {
    flex:1 1 auto;
    padding: 21px 42px;
    width : 50% ;
}

.landing-sate-junotherm section.module-descargas .container .row .item h5 {
    font-size: 18px;
    text-transform: uppercase;
}

.landing-sate-junotherm section.module-descargas .container .row .item ul {
    padding-left: 42px;
    list-style: none;
}

.landing-sate-junotherm section.module-descargas .container .row .item ul li a {
    font-size: 15px;
    color: var(--color-rojo-juno);
}

.landing-sate-junotherm section.module-descargas .container .row .item.fichas-tecnicas {
    order: 1;
}

.landing-sate-junotherm section.module-descargas .container .row .item.fichas-seguridad {
    order: 2;
}

.landing-sate-junotherm section.module-descargas .container .row .item.declaracion-prestaciones {
    order: 3;
}

.landing-sate-junotherm section.module-descargas .container .row .item.certificaciones {
    order: 4;
}

.landing-sate-junotherm section.module-descargas .container .row .item.carta-colores {
    order: 5;
}

.landing-sate-junotherm section.module-descargas .container .row .item.partidas-descriptivas {
    order: 6;
}

.landing-sate-junotherm section.module-descargas .container .row .item.catalogos-descargas {
    order: 7;
}

@media screen and (max-width: 767px) {
    .landing-sate-junotherm section.module-descargas .container .row .item {
        width : 100% ;
    }
}


@media screen and (max-width: 480px) {

    .landing-sate-junotherm section.module-descargas {
        padding: 6px;
    }

    .landing-sate-junotherm section.module-descargas .container {
        padding: 21px;
    }

    .landing-sate-junotherm section.module-descargas .container .row .item {
        padding: 12px 6px;
    }

    .landing-sate-junotherm section.module-descargas .container .row .item ul {
        padding-left: 21px;
        list-style: none;
    }

    .landing-sate-junotherm section.module-descargas .container .row .item ul li a {
        font-size: 12px;

    }
}

/* -------------- slide caso-exito-2023 ----------- */

.slide.caso-exito-2023 {
    display: flex;
    width: 100%;
    justify-content: center;
}

.slide.caso-exito-2023 .btn {
    font-size: 42px;
}

@media screen and (max-width: 991px) {
    .slide.caso-exito-2023 .btn {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    .slide.caso-exito-2023 .btn {
        font-size: 21px;
    }
}


/* -------------- slide navidad-2023 ----------- */

#navidad2023.slider-navidad {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: auto;

    position: relative;
}

#navidad2023.slider-navidad--contenido {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}



#navidad2023.slider-navidad--contenido img {
    width: 30%;
}

/* ------------ slide pavimyc - 2024 -------------- */

.pavimyc-slider {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 42px;
    background: rgba(0,0,0,0.6);
    border-radius: 21px;
}

.pavimyc-slider .caja-flex-texto {
    width: 50%;
}

.pavimyc-slider .caja-flex-bodegon {
     width: 50%;
}

.pavimyc-slider .caja-flex-bodegon img {

}

.pavimyc-slider .caja-flex-botones {
    margin: auto;
}

.pavimyc-slider .caja-flex-botones a {
    background: #e52327;
    border: #e52327;
}

@media screen and (max-width: 767px) {
    .pavimyc-slider {
        flex-flow: column;
    }
    .pavimyc-slider .caja-flex-texto { 
        width: 100%;
    }   
    .pavimyc-slider .caja-flex-texto h2{
        font-size: 21px;
    }
    .pavimyc-slider .caja-flex-bodegon {
     width: 80%;
     padding: 12px;
    }
}

/* --------- tiendas - 23 enero 2024 ----------- */

@media screen and (max-width: 767px) {
    .tiendas__module .tiendas__container .tiendas__row .tiendas__col-map .tiendas__map-wrapper #tiendas__map .gm-style .gm-style-iw-c .map-tooltip {
        width: auto !important;
    }
}

/* ---------- quienes somos - logos aenor ------- */

.page-content .quienes-somos .seguridad .logos {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.pre-footer .pre-footer--item {
    flex: 0 1 fit-content;
}

.pre-footer .pre-footer--item.datos {
    flex: 1 0 auto;
}

.pre-footer .pre-footer--item.logos .extras-aenor {
    display: flex;
    flex-flow: row;
    gap: 6px;
}

.pre-footer .pre-footer--item img {
    width: 90px;
}

.pre-footer .pre-footer--item .asefapi li 

.pre-footer .prefooter--aenor {
    border-top: solid 1px #eee;
    width: 100%;
}

.pre-footer .prefooter--aenor .logos {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 21px;
    padding: 12px;
}

.pre-footer .prefooter--aenor .logos img {
    width: 60px;
    margin: 0px;
}


/* ------------ slider - esmalte industrial feb24 -----------*/

.slide.esmalte-industrial-feb-24 .esmalte-industrial-feb-24--container {

}

.slide.esmalte-industrial-feb-24 .esmalte-industrial-feb-24--container .titulo {

}

.slide.esmalte-industrial-feb-24 .esmalte-industrial-feb-24--container .botes {
    display: flex;
    flex-flow: row;
    justify-content: space-around;
}

.slide.esmalte-industrial-feb-24 .esmalte-industrial-feb-24--container .botes img {
    width: 300px;
}

@media screen and (max-width: 767px) {
    .slide.esmalte-industrial-feb-24 .esmalte-industrial-feb-24--container .titulo {
        font-size: 18px;
    }

    .slide.esmalte-industrial-feb-24 .esmalte-industrial-feb-24--container .botes img {
        width: 100%;
    }

}


/* --------------- slider - junotherm LANA DE ROCA ------------ */


.slide.lanaroca .titulo {
    width: 100%;
}

.slide.lanaroca .titulo img {
    width: 30%;
    margin: auto;
}

.slide.lanaroca .txt {
    flex: 0 1 30%;
    display: flex;
    flex-flow: column;
    gap: 12px;
    align-items: center;
    justify-content: center; 
}


.slide.lanaroca .img {
    flex: 1 0 70%;
}

.slide.lanaroca .img img {
	width: 500px;
}

@media screen and (min-width: 768px) {
    .slide.lanaroca .img .png {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .slide.lanaroca .img .gif {
        display: none;
    }

    .slide.lanaroca .img .png {
        width: 72%;
    }

    .slide.lanaroca .txt {
        flex:1 0 100%;
        gap: 0;
    }

    .slide.lanaroca .txt img {
        width: 60%;
        margin: 0;
    }

    .slide.lanaroca .txt h2 {
        font-size: 21px;
        margin: 6px;
    }
}

/* -------------- slider - juno industrial --------- */

.slide.junoindustria {
    display: flex;
    flex-flow: column;
    gap: 12px;
}

.slide.junoindustria .titulo p {
    margin: 0;
}

.slide.junoindustria .titulo img {
    padding: 21px;
    width: 42%;
    margin: 0 auto;
}

.slide.junoindustria .botes {
    display: flex;
}

.slide.junoindustria .botes img {
    width: 20%;
}

.slide.junoindustria .btn {
    width: fit-content;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .slide.junoindustria {
        gap: 0px;
    }

    .slide.junoindustria .titulo img {
        margin: 0 auto;
    }
}

/* ------------ SATE JUNOTherm - mapa estático ------- */

.programa-ayudas-sate.mapa .programa-ayudas--contenedor {
	display: flex;
	flex-flow: column;
	align-items: center;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main {
	position: relative;
	width: 550px;
    max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
    padding : 0px ;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main > a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 34px;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main img {
    width : 100% ;
    margin : 0px ;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .cantabria {
	top: 16%;
	left: 39%;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .castillayleon {
	top: 32%;
	left: 33%;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .valenciana {
	top: 53%;
	left: 65%;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .madrid {
	top: 44%;
	left: 40%;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .paisvasco {
	top: 18%;
	left: 49%;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .canarias {
    bottom: 4%;
    left: 81%;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .cataluña {
    top: 32%;
    left: 80%;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .galicia {
    top: 21%;
    left: 10%;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .asturias {
    top: 16%;
    left: 26%;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .navarra {
    top: 22%;
    left: 58%;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .rioja {
    top: 28%;
    left: 50%;
}

.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main .aragon {
    top: 35%;
    left: 63%;
}


.programa-ayudas-sate.mapa .modal .modal-content .modal-body {
	display: flex;
	flex-flow: column;
	gap: 12px;
}

@media screen and (max-width: 767px) {

	.programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main {
		max-width: calc(100% + 20px);
	}

    .programa-ayudas-sate.mapa .programa-ayudas--contenedor .programa-ayudas--main > a {
        width: 28px;
    }

}

/* -------------------- JUNO SERVICIOS ------------------- */
.juno-servicios {
    position: relative;
    padding-top: 42px;
}

.juno-servicios .particular {
    position: fixed;
    top: 50vh;
    right: 30px;
    background: #fff;
    z-index: 6;
    box-shadow: -3px 6px 12px rgba(0,0,0,0.21);
    animation: pulse 1s infinite;
}

.juno-servicios .explicacion {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.juno-servicios .explicacion .titulo {
    text-transform: uppercase;
    color: var(--color-rojo-juno);
    margin-bottom: 6px;
}

.juno-servicios .explicacion .subtitulo {
    font-weight: 500;
    color: #000;
    margin-bottom: 6px;
}

.juno-servicios .explicacion .bajada {
    color: var(--color-rojo-juno);
    border-bottom: solid 2px var(--color-rojo-juno);
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
}

.juno-servicios .explicacion .logo {
    width: 33%;
}

.juno-servicios .explicacion .lista {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 12px;
}

.juno-servicios .explicacion .lista li {
    width: 30%;    
    list-style: decimal;
    
}

.juno-servicios .formaciones-sate {
    padding: 60px 0;
}

.juno-servicios .formaciones-sate .titulo {
    width:100%;
    border-bottom: solid 2px var(--color-rojo-juno);
    text-align: center;
}

.juno-servicios .formaciones-sate .item .mes {
    margin: 0px;
}

.juno-servicios .formaciones-sate .item .caja {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-around;
    background: #4bb5d8;
    padding: 12px;
    border-radius: 9px;
    color: #fff;
    margin: 12px 0;
}

.juno-servicios .formaciones-sate .item .caja .fecha {
    padding: 12px;
    flex: 1 1 10%;
}

.juno-servicios .formaciones-sate .item .caja .fecha .dia {
    padding:0;
    margin: 0;
    font-size: 33px;
    font-weight: 600;
    text-align: center;
}

.juno-servicios .formaciones-sate .item .caja .fecha .mes {
    padding:0;
    margin: 0;
    font-weight: 400;
    text-align: center;
}

.juno-servicios .formaciones-sate .item .caja .caja-titulo {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 12px;
    flex: 1 1 60%;
}

.juno-servicios .formaciones-sate .item .caja .caja-titulo .nombre {
    margin: 0;
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;

}

.juno-servicios .formaciones-sate .item .caja .caja-titulo .tipo {
    margin: 0;
}

.juno-servicios .formaciones-sate .item .caja .datos {
    padding: 12px;
    flex: 1 1 30%;
    display: flex;
    justify-content: center;
}

.juno-servicios .formaciones-sate .item .caja .direccion {
    display: flex;
    flex-flow: row;
    gap: 6px;
    padding: 21px;
}

.juno-servicios .formaciones-sate .item .caja .direccion p {
    margin: 0;
}

.juno-servicios .formaciones-sate .item .caja .datos .hora {
    margin: 0;
}

.juno-servicios .formaciones-sate .item .caja .enlace {
   /* width: 100%; */
    padding: 21px;
   /* border-top: solid 1px #fff; */
    display: flex;
    justify-content: center;
}

.juno-servicios .acae-preciocentro .fachada {
    position: sticky;
    top: 100px;
}

.juno-servicios .acae-preciocentro .row .acae img {
    width: 50%;
}

.juno-servicios .acae-preciocentro .row .preciocentro img {
    width: 50%;
}

.juno-servicios .particular .contacto {
    width: 100%;
    display:  flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border: dashed 2px var(--color-rojo-juno);
    padding: 21px;
}

.juno-servicios .particular .contacto img {
    width: 100px;
    margin: 0;
}

@media screen and (max-width: 767px) {

	.juno-servicios {
		padding-top: 42px;
	}

	.juno-servicios .explicacion .logo {
		width: 100%;
	}
	.juno-servicios .explicacion .lista li {
		width: 81%;
	}
	.juno-servicios .formaciones-sate .titulo {
		font-size: 24px;
	}
	.juno-servicios .formaciones-sate .item .caja {
		flex-flow: row wrap;
	}
	.juno-servicios .formaciones-sate .item .caja .datos {
		border: dashed 1px #fff;
        width: 100%;
        flex: 1 1 100%;
        border-left: none;
        border-right: none;
	}
    .juno-servicios .formaciones-sate .item .caja .datos p {
        margin: 0;
    }
    .juno-servicios .formaciones-sate .item .caja .direccion {
        padding: 21px;
    }
    .juno-servicios .formaciones-sate .item .caja .direccion p{
        margin: 0;
    }
    .juno-servicios .particular {
        position: inherit;
    }
}

.form.suscribete-newsletter .control-group {
    justify-content: flex-start;
    text-align: left;
    display: flex;
    flex-flow: column;
}

.form.suscribete-newsletter .control-group .control-label {
    font-size: 18px;
    font-family: var(--font-montserrat);
}

.form.suscribete-newsletter .control-group .controls select {
    background: transparent;
    border: 1px solid #ccc;
    font-weight: 300 !important;
    color: #666;
}

.form.suscribete-newsletter #btn-join {
    color: #fff;
    background: var(--color-rojo-juno);
    border-radius: 6px !important;
    padding: 8px 19px;
    font-size: 13px;
}

.form.suscribete-newsletter #btn-join:hover {
    background: #000;
}

/* ------------------ Subcabecera servicios -------------- */

.subcabecera-servicios {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
}

.subcabecera-servicios .claim {
    position: absolute;
    width: fit-content;

}

.subcabecera-servicios .claim .card {
    background: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 21px;
}

.subcabecera-servicios .claim .card .titulo {
    background: var(--color-rojo-juno);
    padding: 21px;
    text-transform: uppercase;
    color: #fff;
}

.subcabecera-servicios .claim .card .subtitulo {
    color: var(--color-rojo-juno);
    background: rgba(255,255,255,0.9);
    margin: 0;
    padding: 12px 21px;
}

.juno-servicios .formaciones-sate .formaciones-vigentes .item .caja .fecha {
    flex: 0 1 auto; 
}

.juno-servicios .formaciones-sate .formaciones-vigentes .item .caja .datos {
    flex: 0 1 auto;
    font-weight: 700;
}

.juno-servicios .formaciones-sate .formaciones-vigentes .item .caja .caja-titulo {
    flex: 1 1 auto; 
}

.juno-servicios .formaciones-sate .formaciones-vigentes .item .caja .caja-titulo .nombre {
    font-size: 27px;
}

.juno-servicios .formaciones-sate .formaciones-vigentes .item .caja .direccion {
    display: flex;
    flex-flow: row wrap;
    gap: 6px;
    /*border-top: solid 6px #fff;*/
    /* width: 100%; */
    justify-content: center;
    text-align: center;
}

.juno-servicios .formaciones-sate .formaciones-vigentes .item .caja .direccion .intro {
    padding: 21px;
    background: #fff;
    margin-top: 12px;
}

.juno-servicios .formaciones-sate .formaciones-vigentes .item .caja .direccion .intro p {
    color: #000;
    margin-bottom: 12px;
}

.juno-servicios .formaciones-sate .formaciones-vigentes .item .caja .direccion h3 {
    color: #fff;
    font-size: 21px;
}

.juno-servicios .formaciones-sate .formaciones-vigentes .item .caja .direccion p {
    width: 100%;
}

.juno-servicios .formaciones-sate .formaciones-pasados {
    width: 100%;
}

.juno-servicios .formaciones-sate .formaciones-pasados .formaciones-pasados__list .item .caja {
    background: #999;
}

.juno-servicios .formaciones-sate .formaciones-pasados .formaciones-pasados__list .item .caja .fecha {
    flex: 0 1 auto;
}

.juno-servicios .formaciones-sate .formaciones-pasados .formaciones-pasados__list .item .caja .datos {
    flex: 0 1 auto;
    font-weight: 700;
}

.juno-servicios .formaciones-sate .formaciones-pasados .formaciones-pasados__list .item .caja .caja-titulo {
    flex: 1 1 auto;
}

.juno-servicios .formaciones-sate .formaciones-pasados .formaciones-pasados__list .item .caja .nombre {
    font-size: 27px;
}

.juno-servicios .formaciones-sate .formaciones-pasados .formaciones-pasados__list .item .caja .direccion {
    display: flex;
    flex-flow: row wrap;
    gap: 6px;
    border-top: solid 6px #fff;
    width: 100%;
    justify-content: center;
    text-align: center;
}

.slide-servicios {
	background: rgba(255, 255, 255, 0.42);
	padding: 60px;
}

@media screen and (max-width: 480px) {
		.slide-servicios {
			padding: 12px;
		}
}

.page-id-32008 .layout .wrapper .hero-juno__block {
    display: none;
}

.page-id-32008 .layout .wrapper .breadcrumbs__block {
    display: none;
}

/* ------------ juno sliders -------- */

.juno-sliders {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    background: rgba(0,0,0,0.72);
    border-radius: 21px;
    padding: 42px;
}

.juno-sliders .txt {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    text-align: left;
}

.juno-sliders .txt h2{
    color: #fff;
}

.juno-sliders .img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.juno-sliders .enlaces {
    display: flex;
    justify-content: center;
    align-items: center;
}

.juno-sliders.industrial .txt .logo{
    width: 180px;
}

.juno-sliders.industrial .img {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.juno-sliders.industrial .img img {
    width: 210px;
}

.juno-sliders.guia-pavimentos .img .guia {
    width: 360px;
}

.juno-sliders.guggenheim {
    background: transparent;
}

.juno-sliders.guggenheim .txt {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.juno-sliders.guggenheim .txt h1 {
    text-transform: uppercase;
    text-align: center;
}

.juno-sliders.guggenheim .txt h3 {
    font-weight: 200;
    text-align: center;
}

.juno-sliders.infoedita .txt img {
	width: 50%;
}


@media screen and (max-width: 767px) {

    .juno-sliders {
        padding: 21px;
    }

    .juno-sliders .txt h1{
        font-size: 21px;
    }

    .juno-sliders .txt h4{
        font-size: 13px;
        margin-bottom: 6px;
    }

    .juno-sliders .txt h3{
        font-size: 13px;
        margin-bottom: 6px;
    }
   
    .juno-sliders .img img {
        width: 100px ;
     }

    .juno-sliders.lanaroca .img img {
    	width: 120px;
    }

    .juno-sliders.siloxano .img img {
    	width: 120px;
    }

    .juno-sliders.pavimyc .img img {
    	width: 150px;
    }

    .juno-sliders.infoedita .txt {
    	text-align: center;
    }

    .juno-sliders.infoedita .txt h1 {
    	text-align: center;
    }

    .juno-sliders.guia-pavimentos .img .guia {
	    width: 120px;
	}
    
    .juno-sliders.interior-junoprof .txt h1{
        font-size: 21px;
    }

    .juno-sliders.interior-junoprof .txt h4{
        font-size: 13px;
        margin-bottom: 6px;
    }

    .juno-sliders.interior-junoprof .img img{
        width: 100px;
    }

    .juno-sliders.exterior-bikril .txt h1{
        font-size: 21px;
    }

    .juno-sliders.exterior-bikril .txt h4{
        font-size: 13px;
        margin-bottom: 6px;
        text-align: center;
    }

    .juno-sliders.exterior-bikril .img img{
        width: 100px;
    }

    .juno-sliders.industrial .txt .logo{
        width: 100px;
    }

    .juno-sliders.industrial .txt h1{
        font-size: 15px;
    }

    .juno-sliders.industrial .img img{
        width: 50px;
    }

}

/* --------------- slide test 2 : GENERALES ---------- */

body.page-id-33178 .hero-juno__block {
    display: none;
}

body.page-id-33178 .breadcrumbs__block {
    display: none;
}

body.page-id-33178 .page-content .cb-slider__block , 
.cb-slider__block.new-home-slider {
    box-shadow: 0 0 0 transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    height: auto;
}

body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper ,
.cb-slider__block.new-home-slider  .cb-slider__block-wrapper {
    background: #fff;
    height:400px;
    width: 100%;
}

body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper .owl-stage-outer ,
.cb-slider__block.new-home-slider .cb-slider__block-wrapper .owl-stage-outer {
    box-shadow: 3px 3px 12px rgba(0,0,0,0.3);
}

body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper .owl-stage-outer .cb-slider__bg ,
.cb-slider__block.new-home-slider .cb-slider__block-wrapper .owl-stage-outer .cb-slider__bg {
    background: var(--color-rojo-juno);
}

body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main ,
.cb-slider__block.new-home-slider .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main {
    padding: 0;
}

body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container ,
.cb-slider__block.new-home-slider .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container {
    padding: 0 !important ;
    margin: 0 !important ;
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container .row ,
.cb-slider__block.new-home-slider .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container .row {
    width: 100%; 
}

body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container .cb-slider__content ,
.cb-slider__block.new-home-slider .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container .cb-slider__content {
    padding: 0 !important;
    margin: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-rojo-juno);
}

body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container .cb-slider__content .container , 
.cb-slider__block.new-home-slider .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container .cb-slider__content .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container .cb-slider__content .container .row ,
.cb-slider__block.new-home-slider .cb-slider__block .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container .cb-slider__content .container .row {
    width: 100%;
}

.module-after-slider.v2 .module-after-slider__container {
    max-width: 100%;
    transform: translateY(31px);
}

.juno-sliders-jun2024 {
    width: 100%;
}

@media screen and (max-width: 767px) {
    body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container .row ,
    .cb-slider__block.new-home-slider .cb-slider__block-wrapper .owl-stage-outer .cb-slider__main .container .row {
        height: 65vh; 
    }

    body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper ,
    .cb-slider__block.new-home-slider .cb-slider__block-wrapper {
        background: #fff;
        height:auto;
        width: 100vw;
    }

    body.page-id-33178 .page-content .cb-slider__block ,
    .cb-slider__block.new-home-slider {
        /*height: calc(100vh - 221px); */
		margin-top: 0px
    }


    .module-after-slider.v2 .module-after-slider__container {
        transform: translateY(0px);
    }

    .juno-sliders-jun2024 .texto h2 {
        font-size: 24px;
    }

    body.page-id-33178 .page-content .cb-slider__block .cb-slider__block-wrapper ,
    .cb-slider__block.new-home-slider .cb-slider__block-wrapper {
        background: #fff;
        height: auto;
        width: 100%;
    }

    .juno-sliders-jun2024 .container .row {
        height: calc(100vh - 116px);
    }
}

/* --------------- slide test 2 : IMPERMEABILIZANTES ------------- */

.juno-sliders-jun2024.impermeabilizantes .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.juno-sliders-jun2024.impermeabilizantes .imagen-fondo {
    display: none;
}


.juno-sliders-jun2024.impermeabilizantes .texto h2 {
   color: #fff;
}

.juno-sliders-jun2024.impermeabilizantes .texto p {
   color: #fff;
}

.juno-sliders-jun2024.impermeabilizantes .texto {
    background: var(--color-rojo-juno);
    display: flex;
    flex-flow: column;
    justify-content: center;
    position: relative;
    padding: 42px;
    gap: 12px;
    text-align: left;
    align-items: flex-start;
    z-index: 6;
    max-width: none;
    order: 2;
    flex: 1 1 27%;
}

.juno-sliders-jun2024.impermeabilizantes .texto::before {
    position: absolute;
    left:0;
    bottom: 0;
    opacity:0;
    animation-name: aparece;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: forward;
    content:"";
    background: #fff;
    width: 100vw;
    height: 12px;
}

@keyframes aparece {
    0% {
        left: -100vw;
        opacity: 0.5;
    }

    33% {
        left: 50vw;
        opacity:1;
        background: var(--color-rojo-juno);
    }

    

    100% {
        left: 0;
        opacity: 0;
    }
}

.juno-sliders-jun2024.impermeabilizantes .texto .click {
    position: absolute;
    top: 72%;
    left: 10%;
    width: 30px !important;
}

.juno-sliders-jun2024.impermeabilizantes .imagen-producto {
   padding: 0;
   display: flex;
   flex-flow: row;
   background-size: cover;
   background-position: center;
   height: 400px;
   flex: 0 1 63%;
   order: 1;
}

.juno-sliders-jun2024.impermeabilizantes .imagen-producto img {
   margin: auto;
   width: 720px;
   animation-name: pulse;
   animation-duration: 1s;
   animation-iteration-count: infinite;
}

.juno-sliders-jun2024.impermeabilizantes .texto .enlace {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

@media screen and (max-width: 1440px) {
    .juno-sliders-jun2024.impermeabilizantes .imagen-producto {
      width: 15%;
    }
}

@media screen and (max-width: 767px) {

    .juno-sliders-jun2024.impermeabilizantes .texto {
        width: auto;
        padding: 0 30px;
		order: 1;
    }

    .juno-sliders-jun2024.impermeabilizantes .texto h2 {
       font-size: 24px;
    }

    .juno-sliders-jun2024.impermeabilizantes .texto .click {
       right: 21%;
    }

    .juno-sliders-jun2024.impermeabilizantes .imagen-fondo {
      padding: 0;
      display: none;
    }

    .juno-sliders-jun2024.impermeabilizantes .imagen-fondo img{
      padding: 42px 0;
    }


    .juno-sliders-jun2024.impermeabilizantes .imagen-producto {
      width: 100%;
      height: auto;
      flex: 1 0 auto;
    }

    .juno-sliders-jun2024.impermeabilizantes .imagen-producto  img {
      width: auto; 
    }
}

/* --------------- slide test 2 : GUIA PAVIMENTOS ------------- */

.juno-sliders-jun2024.guia-pavimentos .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.juno-sliders-jun2024.guia-pavimentos .container .row {
    display: flex;
    flex-flow: row wrap;
}

.juno-sliders-jun2024.guia-pavimentos .imagen-fondo {
    background-size: cover; 
    width: 20%;
    display: none;
}

.juno-sliders-jun2024.guia-pavimentos .texto {
    position: absolute;
    background: var(--color-rojo-juno);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 21%; 
    padding: 42px;
    gap: 12px;
    text-align: left;
    height: 400px;
    left: 12%;
}

.juno-sliders-jun2024.guia-pavimentos .texto::before {
    position: absolute;
    left:0;
    bottom: 0;
    opacity:0;
    animation-name: aparece;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: forward;
    content:"";
    background: #fff;
    width: 100vw;
    height: 6px;
}

@keyframes aparece {
    0% {
        left: -100vw;
        opacity: 0.5;
    }

    81% {
        left: 50vw;
        opacity:1;
        background: var(--color-rojo-juno);
    }
 
    100% {
        left: 0;
        opacity: 0;
    }
}

.juno-sliders-jun2024.guia-pavimentos .texto h2 {
   color: #fff;
   animation-name: fade-in;
    animation-duration: 9s;
    animation-delay: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

.juno-sliders-jun2024.guia-pavimentos .texto p {
   color: #fff;
   animation-name: fade-in;
    animation-duration: 9s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}


.juno-sliders-jun2024.guia-pavimentos .texto .click {
  position: absolute;
  top:72%;
  left: 42px;
  width: 30px;
}

.juno-sliders-jun2024.guia-pavimentos .imagen-producto {
   padding: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   background-size: cover;
   background-position: 0px -150px;
   width: 40%;
   flex: 1 0 auto;
   height: 400px;
}

.juno-sliders-jun2024.guia-pavimentos .imagen-producto img {
   margin: 0;
   width: 15%;
   animation-name: pulse;
   animation-duration: 1s; 
   animation-iteration-count: infinite;
   animation-direction: alternate;

}

.juno-sliders-jun2024.guia-pavimentos .texto .enlace {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

@media screen and (max-width:767px) {
    .juno-sliders-jun2024.guia-pavimentos .imagen-producto {
        width: 100%;
        height: auto;
    }
    .juno-sliders-jun2024.guia-pavimentos .imagen-producto img {
        padding:21px;
        width: 60%;
    }
    .juno-sliders-jun2024.guia-pavimentos .imagen-fondo {
        display: none;
    }
    .juno-sliders-jun2024.guia-pavimentos .texto {
        position: relative;
        width: 100%;
        padding: 30px;
        height: auto;
        left:0;
    }
    .juno-sliders-jun2024.guia-pavimentos .texto .click {
        right: 25%;
    }
}

/* ------------- slide test 2 : CARTA COLOR 2025 ------- */

.juno-sliders-jun2024.carta-color-2025 .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.juno-sliders-jun2024.carta-color-2025 .container .row {
    display: flex;
    flex-flow: row wrap;
}

.juno-sliders-jun2024.carta-color-2025 .imagen-fondo {
    background-size: cover; 
    width: 20%;
    display: none;
}

.juno-sliders-jun2024.carta-color-2025 .texto {
    position: absolute;
    background: var(--color-rojo-juno);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 39%; 
    padding: 42px 42px 42px 90px;
    gap: 12px;
    text-align: left;
    height: 400px;
    left: 0%;
}

.juno-sliders-jun2024.carta-color-2025 .texto::before {
    position: absolute;
    left:0;
    bottom: 0;
    opacity:0;
    animation-name: aparece;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: forward;
    content:"";
    background: #fff;
    width: 100vw;
    height: 6px;
}

@keyframes aparece {
    0% {
        left: -100vw;
        opacity: 0.5;
    }

    81% {
        left: 50vw;
        opacity:1;
        background: var(--color-rojo-juno);
    }
 
    100% {
        left: 0;
        opacity: 0;
    }
}

.juno-sliders-jun2024.carta-color-2025 .texto h2 {
   color: #fff;
   animation-name: fade-in;
    animation-duration: 9s;
    animation-delay: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

.juno-sliders-jun2024.carta-color-2025 .texto p {
   color: #fff;
   animation-name: fade-in;
    animation-duration: 9s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}


.juno-sliders-jun2024.carta-color-2025 .texto .click {
  position: absolute;
  top:72%;
  left: 42px;
  width: 30px;
}

.juno-sliders-jun2024.carta-color-2025 .imagen-producto {
   padding: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   background-size: cover;
   background-position: 0px -150px;
   width: 40%;
   flex: 1 0 auto;
   height: 400px;
}

.juno-sliders-jun2024.carta-color-2025 .imagen-producto img {
   margin: 0;
   width: 480px;
   animation-name: pulse;
   animation-duration: 1s; 
   animation-iteration-count: infinite;
   animation-direction: alternate;
   margin-left: 480px;

}

.juno-sliders-jun2024.carta-color-2025 .texto .enlace {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

@media screen and (max-width:767px) {
    .juno-sliders-jun2024.carta-color-2025 .imagen-producto {
        width: 100%;
        height: auto;
    }
    .juno-sliders-jun2024.carta-color-2025 .imagen-producto img {
        padding:21px;
        width: 60%;
    }
    .juno-sliders-jun2024.carta-color-2025 .imagen-fondo {
        display: none;
    }
    .juno-sliders-jun2024.carta-color-2025 .texto {
        position: relative;
        width: 100%;
        padding: 30px;
        height: auto;
        left:0;
    }
    .juno-sliders-jun2024.carta-color-2025 .texto .click {
        right: 25%;
    }
}

/* --------------- slide test 2 : MODULE AFTER SLIDER V2 ------------- */

.module-after-slider.v2 .icon-box {
    padding: 0px;
}

.module-after-slider.v2 .icon-box .icon-box-icon img {
    margin:0;
    padding:12px;
    max-width: 60px;
}

@media screen and (max-width: 767px) {
    .module-after-slider.v2 .icon-box {
        padding: 12px;
    }
}

/* --------------- slide test 2 : SOLUCIONES A MEDIDA ------------- */

.juno-sliders-jun2024.soluciones-medida {
    display: flex;
    flex-flow: row;
}

.juno-sliders-jun2024.soluciones-medida .container .row {
    display: flex;
    flex-flow: row wrap;
}


.juno-sliders-jun2024.soluciones-medida .imagen-fondo {
    display: none;
}

.juno-sliders-jun2024.soluciones-medida .texto {
    position: relative;
    padding: 42px;
    display:  flex;
    flex-flow: column;
    gap: 12px;
    text-align: left;
    align-items: flex-start;
    justify-content: center;
    width: 20%;
    height: 400px;
    top: 0;
    left: 0;
    z-index: 6;
    background: var(--color-rojo-juno);
    order: 2;
    flex: 1 1;
}

.juno-sliders-jun2024.soluciones-medida .texto::before {
    position: absolute;
    left:0;
    bottom: 0;
    opacity:0;
    animation-name: aparece;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: forward;
    content:"";
    background: #fff;
    width: 100vw;
    height: 6px;
}

@keyframes aparece {
    0% {
        left: -100vw;
        opacity: 0.5;
    }

    81% {
        left: 50vw;
        opacity:1;
        background: var(--color-rojo-juno);
    }
 
    100% {
        left: 0;
        opacity: 0;
    }
}

.juno-sliders-jun2024.soluciones-medida .texto .click {
    position: absolute;
    top: 72%;
    right: 15%;
    width: 30px !important;
}

.juno-sliders-jun2024.soluciones-medida .texto h2 {
    text-transform: initial;
}

.juno-sliders-jun2024.soluciones-medida .texto p {
    margin-bottom: 0;
}


.juno-sliders-jun2024.soluciones-medida .texto .enlace {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

.juno-sliders-jun2024.soluciones-medida .imagen-producto { 
    width: 60%;
    height: 400px;
    background-size: cover;
    background-position: center;
    order: 1;
}

.juno-sliders-jun2024.soluciones-medida .imagen-producto img {
    margin: 0;
    width: 660px;
}

@media screen and (max-width: 767px) {
    .juno-sliders-jun2024.soluciones-medida .imagen-producto {
        width: 100%;
        height: 50%;
    }
	
    .juno-sliders-jun2024.soluciones-medida .texto {
        width: 100%;
        height: auto;
        padding: 48px 30px;
		order: 1;
    }
}

/* --------------- slide test 2 : JORNADAS TÉCNICAS SATE JUNOTherm ------------- */

.juno-sliders-jun2024.jornadas-sate {
    display: flex;
    flex-flow: row;
}

.juno-sliders-jun2024.jornadas-sate  .container .row {
    display: flex;
    flex-flow: row wrap;
}


.juno-sliders-jun2024.jornadas-sate  .imagen-fondo {
    display: none;
}

.juno-sliders-jun2024.jornadas-sate  .texto {
   position: relative;
    padding: 42px;
    display:  flex;
    flex-flow: column;
    gap: 12px;
    text-align: left;
    align-items: flex-start;
    justify-content: center;
    width: 20%; 
    height: 400px;
    background: var(--color-rojo-juno);
    order: 2;
    flex: 1 1;
}

.juno-sliders-jun2024.jornadas-sate .texto::before {
    position: absolute;
    left:0;
    bottom: 0;
    opacity:0;
    animation-name: aparece;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: forward;
    content:"";
    background: #fff;
    width: 100vw;
    height: 6px;
}

@keyframes aparece {
    0% {
        left: -100vw;
        opacity: 0.5;
    }

    81% {
        left: 50vw;
        opacity:1;
        background: var(--color-rojo-juno);
    }
 
    100% {
        left: 0;
        opacity: 0;
    }
}

.juno-sliders-jun2024.jornadas-sate  .texto h2 { 
    text-transform: initial;
}

.juno-sliders-jun2024.jornadas-sate  .texto p {
    margin-bottom: 0;
}


.juno-sliders-jun2024.jornadas-sate  .texto .enlace {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

.juno-sliders-jun2024.jornadas-sate  .texto .click {
    position: absolute;
    top: 72%;
    left: 6%;
    width: 30px;
}

.juno-sliders-jun2024.jornadas-sate  .imagen-producto {
    width: 60%;
    height: 400px;
    background-size: cover;
    background-position: top; 
}

.juno-sliders-jun2024.jornadas-sate  .imagen-producto img {
    margin: 0;
    width: 660px;
}

@media screen and (max-width: 767px) {
	
    .juno-sliders-jun2024.jornadas-sate  .texto {
        width: 100%;
        height: auto;
        padding: 50px 30px;
		order: 1;
    }
    .juno-sliders-jun2024.jornadas-sate  .imagen-producto {
        width: 100%; 
        height: 50%;
		order: 2;
    }
	
	.juno-sliders-jun2024.jornadas-sate .texto .click {
  position: absolute;
  top: 72%;
  left: 0;
  right: 12%;
  width: 30px !important;
  }
	
}

/* --------------- slide test 2 : Interior ------------- */


.juno-sliders-jun2024.interior {
    display: flex;
    flex-flow: row;
    width: 100%;
}

.juno-sliders-jun2024.interior .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}


.juno-sliders-jun2024.interior  .container .row {
    display: flex;
    flex-flow: row wrap;
}


.juno-sliders-jun2024.interior  .imagen-fondo {
    background-size: cover;  
    background-position: 0px 63%;
    order: 3;
    flex: 1 1 auto;
}

.juno-sliders-jun2024.interior  .texto {
    position: relative;
    padding: 42px;
    display:  flex;
    flex-flow: column;
    gap: 12px;
    text-align: left;
    align-items: flex-start;
    justify-content: center;
    width: 20%; 
    height: 400px;
    order: 2;
}

.juno-sliders-jun2024.interior .texto::before {
    position: absolute;
    left:0;
    bottom: 0;
    opacity:0;
    animation-name: aparece;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: forward;
    content:"";
    background: #fff;
    width: 100vw;
    height: 6px;
}

@keyframes aparece {
    0% {
        left: -100vw;
        opacity: 0.5;
    }

    81% {
        left: 50vw;
        opacity:1;
        background: var(--color-rojo-juno);
    }
 
    100% {
        left: 0;
        opacity: 0;
    }
}

.juno-sliders-jun2024.interior  .texto .click {
    position: absolute;
    width: 30px;
    left: 12%;
    top: 72%;
}

.juno-sliders-jun2024.interior  .texto h2 { 
}

.juno-sliders-jun2024.interior  .texto ul {
    padding-left: 21px;
}


.juno-sliders-jun2024.interior  .texto p {
    margin-bottom: 0;
}


.juno-sliders-jun2024.interior  .texto .enlace {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

.juno-sliders-jun2024.interior  .imagen-producto {
    width: 28%; 
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #c3bfbc;
    order: 1
}

.juno-sliders-jun2024.interior  .imagen-producto img {
    margin: 0;
    padding: 42px;
    width: 400px;
    animation-name: pulse;
    animation-iteration-count: infinite;
    animation-duration:1s;
}

@media screen and (max-width: 767px) {
    .juno-sliders-jun2024.interior .imagen-producto {
       order:2;
	   width: 100%;
    } 
    .juno-sliders-jun2024.interior .imagen-fondo {
        height: 40%;
        width: 100%;
		 display: none;
    }
    .juno-sliders-jun2024.interior .texto {
        width: 100%;
        padding: 30px;
        height: auto;
    }
    .juno-sliders-jun2024.interior .texto .click {
        left: 0;
		right: 25%;
    }
    .juno-sliders-jun2024.interior .imagen-producto {
        width: 100%;
    }
    .juno-sliders-jun2024.interior .imagen-producto img {
        width: 70%;
    }
}

/* --------------- slide test 2 : Exterior ------------- */


.juno-sliders-jun2024.exterior {
    display: flex;
    flex-flow: row;
    width: 100%;
}

.juno-sliders-jun2024.exterior  .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}


.juno-sliders-jun2024.exterior   .container .row {
    display: flex;
    flex-flow: row wrap;
}


.juno-sliders-jun2024.exterior   .imagen-fondo {
    background-size: cover;  
    background-position: center;
    flex: 1 1 auto;
}

.juno-sliders-jun2024.exterior   .texto {
    position: relative;
    padding: 42px;
    display:  flex;
    flex-flow: column;
    gap: 12px;
    text-align: left;
    align-items: flex-start;
    justify-content: center;
    width: fit-content; 
    height: 400px;
}

.juno-sliders-jun2024.exterior .texto::before {
    position: absolute;
    left:0;
    bottom: 0;
    opacity:0;
    animation-name: aparece;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: forward;
    content:"";
    background: #fff;
    width: 100vw;
    height: 6px;
}

@keyframes aparece {
    0% {
        left: -100vw;
        opacity: 0.5;
    }

    81% {
        left: 50vw;
        opacity:1;
        background: var(--color-rojo-juno);
    }
 
    100% {
        left: 0;
        opacity: 0;
    }
}

.juno-sliders-jun2024.exterior   .texto .click {
    position: absolute;
    top: 70%;
    left: 10%;
    width: 30px;
}

.juno-sliders-jun2024.exterior   .texto h2 { 
}

.juno-sliders-jun2024.exterior   .texto ul {
    padding-left: 21px;
}


.juno-sliders-jun2024.exterior   .texto p {
    margin-bottom: 0;
}


.juno-sliders-jun2024.exterior   .texto .enlace {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

.juno-sliders-jun2024.exterior   .imagen-producto {
    width: 28%; 
    display: flex;
    justify-content: center;
    align-items: center; 
    background-color: #fff;
}

.juno-sliders-jun2024.exterior   .imagen-producto img {
    margin: 0;
    padding: 42px;
    width: 400px;
    animation-name: pulse;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}


@media screen and (max-width: 767px) {
    .juno-sliders-jun2024.exterior .imagen-producto {
        order: 2;
		width: 100%;
    } 
	
	 .juno-sliders-jun2024.exterior .imagen-producto img {
       
		width: 80%;
    } 
    .juno-sliders-jun2024.exterior .texto {
        width: 100%;
        padding: 30px;
		height: auto;
    }
    .juno-sliders-jun2024.exterior .texto .click {
        left: 0;
		right: 25%;
    }
    .juno-sliders-jun2024.exterior .imagen-fondo {
        width: 100%;
        height: 50%;
        display: none;
    }
}


/* --------------- slide test 2 : JUNO INDUSTRIAL ------------- */

.juno-sliders-jun2024.juno-industrial .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.juno-sliders-jun2024.juno-industrial .container .row {
    display: flex;
    flex-flow: row wrap;
}

.juno-sliders-jun2024.juno-industrial .imagen-fondo {
    display: none;
}

.juno-sliders-jun2024.juno-industrial .imagen-fondo img {
    width: 120px;
    animation-name: pulse;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}

.juno-sliders-jun2024.juno-industrial .texto {
    position: absolute;
    background: var(--color-rojo-juno);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 28%; 
    padding: 42px;
    gap: 12px;
    text-align: left;
    background-size: cover;
    z-index: 6;
    left: 21%;
    height: 400px;
}

.juno-sliders-jun2024.juno-industrial .texto::before {
    position: absolute;
    left:0;
    bottom: 0;
    opacity:0;
    animation-name: aparece;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: forward;
    content:"";
    background: #fff;
    width: 100vw;
    height: 6px;
}

@keyframes aparece {
    0% {
        left: -100vw;
        opacity: 0.5;
    }

    81% {
        left: 50vw;
        opacity:1;
        background: var(--color-rojo-juno);
    }
 
    100% {
        left: 0;
        opacity: 0;
    }
}

.juno-sliders-jun2024.juno-industrial .texto .logo {
    width: 120px;
    z-index: 2;

}

.juno-sliders-jun2024.juno-industrial .texto h2 {
   color: #fff;
   animation-name: fade-in;
    animation-duration: 9s;
    animation-delay: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    z-index: 2;
}

.juno-sliders-jun2024.juno-industrial .texto p {
   color: #fff;
   animation-name: fade-in;
    animation-duration: 9s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    z-index: 2;
}

.juno-sliders-jun2024.juno-industrial .texto .enlace {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}


.juno-sliders-jun2024.juno-industrial .texto .click {
  position: absolute;
  top:72%;
  right: 42px;
  width: 30px;
  z-index: 2;
}

.juno-sliders-jun2024.juno-industrial .imagen-producto {
   padding: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   background-size: cover;
   background-position: center;
   width: 100%;
   flex: 1 0 auto;
   height: 400px;
}

.juno-sliders-jun2024.juno-industrial .imagen-producto img {
   margin: 0;
   width: 300px;
   animation-name: expand;
   animation-duration: 1s; 
   animation-iteration-count: infinite;
   animation-direction: alternate;

}

.juno-sliders-jun2024.guia-pavimentos .texto .enlace {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

@media screen and (max-width:767px) {
    .juno-sliders-jun2024.juno-industrial .imagen-producto {
        width: 100%;
    }
    .juno-sliders-jun2024.juno-industrial .imagen-producto img {
        padding:21px;
        width: 60%;
    }
    .juno-sliders-jun2024.juno-industrial .imagen-fondo {
        display: none;
    }
    .juno-sliders-jun2024.juno-industrial .texto {
        position: relative;
        width: 100%;
        padding: 30px;
        left:0;
        height: auto; 
    }
}

/* --------------- slide test 2 : Industrial-2 ------------- */


.juno-sliders-jun2024.industrial-2 {
    display: flex;
    flex-flow: row;
    width: 100%;
}

.juno-sliders-jun2024.industrial-2 .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}


.juno-sliders-jun2024.industrial-2  .container .row {
    display: flex;
    flex-flow: row wrap;
}


.juno-sliders-jun2024.industrial-2  .imagen-fondo {
    background-size: cover;  
    background-position: center;
    order: 3;
    flex: 1 1 auto;
}

.juno-sliders-jun2024.industrial-2  .texto {
    position: relative;
    padding: 42px;
    display:  flex;
    flex-flow: column;
    gap: 12px;
    text-align: left;
    align-items: flex-start;
    justify-content: center;
    width: 28%; 
    height: 400px;
    order: 2;
}

.juno-sliders-jun2024.industrial-2 .texto::before {
    position: absolute;
    left:0;
    bottom: 0;
    opacity:0;
    animation-name: aparece;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: forward;
    content:"";
    background: #fff;
    width: 100vw;
    height: 6px;
}

@keyframes aparece {
    0% {
        left: -100vw;
        opacity: 0.5;
    }

    81% {
        left: 50vw;
        opacity:1;
        background: var(--color-rojo-juno);
    }
 
    100% {
        left: 0;
        opacity: 0;
    }
}

.juno-sliders-jun2024.industrial-2  .texto .click {
    position: absolute;
    width: 30px;
    left: 11%;
    top: 72%;
}

.juno-sliders-jun2024.industrial-2  .texto h2 { 
}

.juno-sliders-jun2024.industrial-2  .texto ul {
    padding-left: 21px;
}


.juno-sliders-jun2024.industrial-2  .texto p {
    margin-bottom: 0;
}


.juno-sliders-jun2024.industrial-2  .texto .enlace {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

.juno-sliders-jun2024.industrial-2  .imagen-producto {
    width: 20%; 
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0e519f;
    order: 1
}

.juno-sliders-jun2024.industrial-2  .imagen-producto img {
    margin: 0;
    padding: 42px;
    width: 400px;
    animation-name: pulse;
    animation-iteration-count: infinite;
    animation-duration:1s;
}

@media screen and (max-width: 767px) {
    .juno-sliders-jun2024.industrial-2 .imagen-producto {
        display: none;
    } 
    .juno-sliders-jun2024.industrial-2 .imagen-fondo {
        height: 40%;
        width: 100%;
    }
    .juno-sliders-jun2024.industrial-2 .texto {
        width: 100%;
        padding: 30px;
        height: auto;
    }
    .juno-sliders-jun2024.industrial-2 .texto .click {
        right: 25%;
    }
    .juno-sliders-jun2024.industrial-2 .imagen-producto {
        width: 100%;
    }
    .juno-sliders-jun2024.industrial-2 .imagen-producto img {
        width: 60%;
    }
}


.small {font-size: 70%}

@media screen and (max-width: 767px) {
     .module-after-slider .module-after-slider__container > :first-child {
        margin-top : 0px !important
     }
}  


.landing-anticorrosivo .btn.btn-brand.btn-outline {
  border-color: #dd6d07;
  color: #dd6d07;
}

.landing-anticorrosivo .btn.btn-brand.btn-outline:hover, .btn.btn-brand.btn-outline:focus {
  background: #dd6d07;
  color: #fff;
}

/* --------------- slide test 2 : TOP 10 del 2024 ------------- */

.juno-sliders-jun2024.top10colores2024 {
    display: flex;
    flex-flow: row;
}

.juno-sliders-jun2024.top10colores2024 .container .row {
    display: flex;
    flex-flow: row wrap;
}


.juno-sliders-jun2024.top10colores2024 .imagen-fondo {
    display: none;
}

.juno-sliders-jun2024.top10colores2024 .texto {
    position: relative;
    padding: 42px;
    display:  flex;
    flex-flow: column;
    gap: 12px;
    text-align: left;
    align-items: flex-start;
    justify-content: center;
    width: 20%;
    height: 400px;
    top: 0;
    left: 0;
    z-index: 6;
    background: var(--color-rojo-juno);
    order: 2;
    flex: 1 1;
}

.juno-sliders-jun2024.top10colores2024 .texto::before {
    position: absolute;
    left:0;
    bottom: 0;
    opacity:0;
    animation-name: aparece;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: forward;
    content:"";
    background: #fff;
    width: 100vw;
    height: 6px;
}

@keyframes aparece {
    0% {
        left: -100vw;
        opacity: 0.5;
    }

    81% {
        left: 50vw;
        opacity:1;
        background: var(--color-rojo-juno);
    }
 
    100% {
        left: 0;
        opacity: 0;
    }
}

.juno-sliders-jun2024.top10colores2024 .texto .click {
    position: absolute;
    top: 72%;
    left: 5%;
    right: 0%;
    width: 30px !important;
    margin: 0px;
}

.juno-sliders-jun2024.top10colores2024 .texto h2 {
    text-transform: initial;
}

.juno-sliders-jun2024.top10colores2024 .texto p {
    margin-bottom: 0;
}


.juno-sliders-jun2024.top10colores2024 .texto .enlace {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

.juno-sliders-jun2024.top10colores2024 .imagen-producto { 
    width: 60%;
    height: 400px;
    background-size: cover;
    background-position: center;
    order: 1;
}

.juno-sliders-jun2024.top10colores2024 .imagen-producto img {
    margin: 0;
    width: 660px;
}

@media screen and (max-width: 767px) {
    .juno-sliders-jun2024.top10colores2024 .imagen-producto {
        width: 100%;
        height: 50%;
    }
    
    .juno-sliders-jun2024.top10colores2024 .texto {
        width: 100%;
        height: auto;
        padding: 48px 30px;
        order: 1;
    }
}


/*--------------- animación título TOP 10 del 2024 ----------------*/

#color-eligecolor .nav-colores--destacados__list .familia-color__name {
    animation: 3s ease infinite rebota;
}

@keyframes rebota {
    0% {
        opacity: 0;
        transform: scale(.99);
    }

    50% {
        opacity:1;
        transform: scale(1.1);
    }
    70% {
        transform: scale(.96);
    }

    100% {
        transform: scale(1);
    }
}


/*-------------- landing - OFERTA ESPECIAL B10 ------------------- */

.promo-b10 {
    max-width: 1440px;
    margin: auto;
    display: block;
}

/* ------------- landing - SATEJUNOTherm 2025 ----------- */
.module-descarga-catalogo-sate { 
    margin: 21px 0 ;
    border: solid 3px var(--color-rojo-juno);
}

.module-descarga-catalogo-sate .btn:hover, 
.module-descarga-catalogo-sate .btn:focus {
    background: var(--color-rojo-juno);
    border-color: var(--color-rojo-juno);
}
/* -------------- slider - promo B10 2025 ----------- */

.juno-sliders-jun2024.slide-promo-b10 {
    display: flex;
    flex-flow: row;
}

.juno-sliders-jun2024.slide-promo-b10 .container .row {
    display: flex;
    flex-flow: row wrap;
}


.juno-sliders-jun2024.slide-promo-b10 .imagen-fondo {
    display: none;
}

.juno-sliders-jun2024.slide-promo-b10 .texto {
    position: relative;
    padding: 42px;
    display:  flex;
    flex-flow: column;
    gap: 42px; 
    justify-content: center;
    width: 20%;
    height: 400px;
    top: 0;
    left: 0;
    z-index: 6;
    background: var(--color-rojo-juno);
    order: 2;
    flex: 1 1;
    align-items: center;
}

.juno-sliders-jun2024.slide-promo-b10 .texto::before {
    position: absolute;
    left:0;
    bottom: 0;
    opacity:0;
    animation-name: aparece;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: forward;
    content:"";
    background: #fff;
    width: 100vw;
    height: 6px;
}

@keyframes aparece {
    0% {
        left: -100vw;
        opacity: 0.5;
    }

    81% {
        left: 50vw;
        opacity:1;
        background: var(--color-rojo-juno);
    }
 
    100% {
        left: 0;
        opacity: 0;
    }
}

.juno-sliders-jun2024.slide-promo-b10 .texto .click {
    position: absolute;
    top: 72%;
    right: 15%;
    width: 30px !important;
}

.juno-sliders-jun2024.slide-promo-b10 .texto h2 {
    text-transform: initial;
}

.juno-sliders-jun2024.slide-promo-b10 .texto p {
    margin-bottom: 0;
}


.juno-sliders-jun2024.slide-promo-b10 .texto .enlace {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

.juno-sliders-jun2024.slide-promo-b10 .imagen-producto { 
    width: 60%;
    height: 400px;
    background-size: cover;
    background-position: center;
    order: 1;
}

.juno-sliders-jun2024.slide-promo-b10 .imagen-producto img {
    margin: 0;
    width: 660px;
}

@media screen and (max-width: 767px) {
    .juno-sliders-jun2024.slide-promo-b10 .imagen-producto {
        width: 100%;
        height: 50%;
    }
    
    .juno-sliders-jun2024.slide-promo-b10 .texto {
        width: 100%;
        height: auto;
        padding: 48px 30px;
        order: 1;
    }
}

/* ---------- slider Carta Color SATE JUNOTherm ---------*/

.juno-sliders-jun2024.cc-sate .imagen-producto img {
    width: 28%;
    position: relative;
    left: 9vw;
}

/* landing  preparacion superfice */
.form-servicio-alquiler {
    position : relative ;
}

.form-servicio-alquiler__ancla {
    position: absolute ; 
    top : -200px; 
    left : 0px ;
    pointer-events: none ; 
    z-index : -1 ;
}

.form-servicio-alquiler__title {
    font-size: 33px;
}

.form-servicio-alquiler .wpcf7 { width : 100% ; }
.form-servicio-alquiler .wpcf7-form {
    display : flex ;
    flex-flow : row wrap ;
    justify-content : flex-start ;
    align-items : flex-end ;
    width : 100% ;
}

.form-servicio-alquiler .wpcf7-form p {
    margin : 0px ;
}

.form-servicio-alquiler .wpcf7-form .cb-cf7-field {
    width : 100% ;
    padding : 0px 5px ;
}

.form-servicio-alquiler .wpcf7-form .cb-cf7-field.field-split {
    width : 50% ;
}

@media screen and (max-width : 767px){
    .form-servicio-alquiler {
        padding : 0px 20px ;
    }
    .form-servicio-alquiler__title {
        font-size: 21px;
    }
    .form-servicio-alquiler .wpcf7-form .cb-cf7-field.field-split {
        width : 100% ;
    }
    .form-servicio-alquiler__ancla {
        top : -240px; 
    }
}