/* ---- cabecera y pie de tamiluz.fr ---- */
@font-face{
   font-family: "Open Sans";
   font-weight: 300;
   font-display: swap;
   src: url('../Open-Sans-Light.woff2') format('woff2'),
        url('../Open-Sans-Light.woff') format('woff');
}
@font-face{
   font-family: "Open Sans";
   font-weight: 400;
   font-display: swap;
   src: url('../Open-Sans.woff2') format('woff2'),
        url('../Open-Sans.woff') format('woff');
}
@font-face{
   font-family: "Open Sans";
   font-weight: 700;
   font-display: swap;
   src: url('../Open-Sans-Bold.woff2') format('woff2'),
        url('../Open-Sans-Bold.woff') format('woff');
}
@font-face{
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-display: swap;
   src: url('.././../Roboto-Condensed-Light.woff2') format('woff2'),
        url('.././../Roboto-Condensed-Light.woff') format('woff');
}
@font-face{
   font-family: "Open Sans Condensed";
   font-weight: 300;
   font-display: swap;
   src: url('../Open-Sans-Condensed-Light.woff2') format('woff2'),
        url('../Open-Sans-Condensed-Light.woff') format('woff');
}
@keyframes transform-scale-in{
   0% { opacity: 0; transform: rotate(0deg) scale(0,0) ;  }
   100% { opacity: 1; transform: rotate(0deg) scale(1.0,1.0) ;  }
}
a.link_productos{
   color: #4B4B4B;
   text-decoration: none;
}
a.link_productos:visited{
   color: #4B4B4B;
   text-decoration: none;
}
a.link_productos:active{
   color: #4B4B4B;
   text-decoration: none;
}
a.link_productos:hover{
   color: #F9B500;
   text-decoration: underline;
}
a.link_enlaces_inf{
   color: #C0C0C0;
   text-decoration: none;
}
a.link_enlaces_inf:visited{
   color: #C0C0C0;
   text-decoration: none;
}
a.link_enlaces_inf:active{
   color: #C0C0C0;
   text-decoration: none;
}
a.link_enlaces_inf:hover{
   color: #F6B100;
   text-decoration: underline;
}
a.link_noticias{
   color: #F6B100;
   text-decoration: none;
}
a.link_noticias:visited{
   color: #F6B100;
   text-decoration: none;
}
a.link_noticias:active{
   color: #F6B100;
   text-decoration: none;
}
a.link_noticias:hover{
   color: #717171;
   text-decoration: underline;
}
#wb_LayoutGrid1{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1{
   box-sizing: border-box;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .row{
   margin-right: 0;
   margin-left: 0;
}
#LayoutGrid1 > .row > .col-1{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1{
   float: left;
}
#LayoutGrid1 > .row > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid1:before,#LayoutGrid1:after,#LayoutGrid1 .row:before,#LayoutGrid1 .row:after{
   display: table;
   content: " ";
}
#LayoutGrid1:after,#LayoutGrid1 .row:after{
   clear: both;
}
@media (max-width: 480px){#LayoutGrid1 > .row > .col-1{
   float: none;
   width: 100% !important;
}}
#wb_arriba{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F2F2F2;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#arriba{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 1px 0 0 0;
   margin-right: auto;
   margin-left: auto;
}
#arriba > .col-1{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#arriba > .col-1{
   flex: 0 0 auto;
}
#arriba > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
@media (max-width: 400px){#arriba > .col-1{
   flex-basis: 100% !important;
   max-width: 100% !important;
}}
#wb_LayoutGrid15555{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid15555{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 2px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#LayoutGrid15555 > .col-1{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid15555 > .col-1{
   flex: 0 0 auto;
}
#LayoutGrid15555 > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 320px){#LayoutGrid15555 > .col-1{
   flex-basis: 100% !important;
   max-width: 100% !important;
}}
#wb_LayoutGrid145322{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid145322{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0 0 20px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#LayoutGrid145322 > .col-1,#LayoutGrid145322 > .col-2,#LayoutGrid145322 > .col-3{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 7px;
   padding-left: 7px;
   position: relative;
}
#LayoutGrid145322 > .col-1,#LayoutGrid145322 > .col-2,#LayoutGrid145322 > .col-3{
   flex: 0 0 auto;
}
#LayoutGrid145322 > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid145322 > .col-2{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 41.66666667%;
   max-width: 41.66666667%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid145322 > .col-3{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid145322 > .col-3 > .col-3-padding{
   box-sizing: border-box;
   width: 100%;
   padding: 1px 1px 1px 1px;
}
@media (max-width: 650px){#LayoutGrid145322 > .col-1,#LayoutGrid145322 > .col-2,#LayoutGrid145322 > .col-3{
   flex-basis: 100% !important;
   max-width: 100% !important;
}}
#wb_LayoutGrid1sup2{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1sup2{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1sup2 > .row{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1sup2 > .row > .col-1{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1sup2 > .row > .col-1{
   float: left;
}
#LayoutGrid1sup2 > .row > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid1sup2:before,#LayoutGrid1sup2:after,#LayoutGrid1sup2 .row:before,#LayoutGrid1sup2 .row:after{
   display: table;
   content: " ";
}
#LayoutGrid1sup2:after,#LayoutGrid1sup2 .row:after{
   clear: both;
}
@media (max-width: 480px){#LayoutGrid1sup2 > .row > .col-1{
   float: none;
   width: 100%;
}}
#wb_TextMenu12344{
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 700;
   font-size: 21px;
   margin: 0;
   text-align: center;
   overflow: hidden;
}
#wb_TextMenu12344 span{
   margin: 0 0px 0 0px;
}
#wb_TextMenu12344 .active{
   color: #F6B100;
   text-decoration: none;
}
#wb_Text8sup4{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text8sup4 div{
   text-align: center;
}
#wb_Text8sup4{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_logo{
   margin: 0;
   vertical-align: top;
}
#logo{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 273px;
   height: 74px;
   vertical-align: top;
}
#wb_aniversario{
   margin: 0;
   vertical-align: top;
}
#aniversario{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 92px;
   height: 93px;
   vertical-align: top;
}
#wb_LayoutGrid334434{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid334434{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 2px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#LayoutGrid334434 > .col-1{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid334434 > .col-1{
   flex: 0 0 auto;
}
#LayoutGrid334434 > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 320px){#LayoutGrid334434 > .col-1{
   flex-basis: 100% !important;
   max-width: 100% !important;
}}
#wb_LayoutGridsuperior{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F2F2F2;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGridsuperior{
   box-sizing: border-box;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGridsuperior > .row{
   margin-right: 0;
   margin-left: 0;
}
#LayoutGridsuperior > .row > .col-1{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGridsuperior > .row > .col-1{
   float: left;
}
#LayoutGridsuperior > .row > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGridsuperior:before,#LayoutGridsuperior:after,#LayoutGridsuperior .row:before,#LayoutGridsuperior .row:after{
   display: table;
   content: " ";
}
#LayoutGridsuperior:after,#LayoutGridsuperior .row:after{
   clear: both;
}
@media (max-width: 900px){#LayoutGridsuperior > .row > .col-1{
   float: none;
   width: 100%;
}}
#wb_ResponsiveMenu2{
   display: block;
   background-color: #F2F2F2;
   font-family: Arial;
   font-weight: normal;
   text-align: center;
   width: 100%;
   margin: 0;
   z-index: 1111 !important;
}
#ResponsiveMenu2{
   display: inline-block;
   background-color: #F2F2F2;
   height: 37px;
}
#wb_ResponsiveMenu2 ul{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_ResponsiveMenu2 ul:after{
   clear: both;
   content: "";
   display: block;
}
#wb_ResponsiveMenu2 ul li{
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_ResponsiveMenu2 ul li i{
   font-size: 11px;
   width: 11px;
   margin-bottom: 0px;
}
#wb_ResponsiveMenu2 ul li a{
   background-color: #F2F2F2;
   color: #2D2D2D;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 10px 14px 0 14px;
   text-align: center;
}
#wb_ResponsiveMenu2 > ul > li > a{
   height: 27px;
}
.ResponsiveMenu2 a{
   display: block;
}
#wb_ResponsiveMenu2 li:hover > a,#wb_ResponsiveMenu2 li .active{
   background-color: #EBBC51;
   color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul ul{
   display: none;
   position: absolute;
   top: 37px;
}
#wb_ResponsiveMenu2 ul li:hover > ul{
   display: list-item;
}
#wb_ResponsiveMenu2 ul ul li{
   float: none;
   position: relative;
   width: 117px;
}
#wb_ResponsiveMenu2 ul ul li a{
   background-color: #EBBC51;
   border: 0px solid #EBBC51;
   color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul ul li:hover > a,#wb_ResponsiveMenu2 ul ul li .active{
   background-color: #A3A4A6;
   color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul ul li i{
   margin-right: 3px;
   vertical-align: middle;
}
#wb_ResponsiveMenu2 ul ul li a{
   padding-top: 13px;
   padding-right: 20px;
   padding-bottom: 10px;
   text-align: left;
   vertical-align: middle;
}
#wb_ResponsiveMenu2 ul ul ul li{
   left: 117px;
   position: relative;
   top: -37px;
}
#wb_ResponsiveMenu2 .arrow-down{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px solid #2D2D2D;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_ResponsiveMenu2 .arrow-left{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-left: 4px solid #FFFFFF;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_ResponsiveMenu2 li:hover > a .arrow-down,#wb_ResponsiveMenu2 li .active .arrow-down{ 
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul ul li:hover > a .arrow-left,#wb_ResponsiveMenu2 ul ul li .active .arrow-left{ 
   border-left-color: #FFFFFF;
}
#wb_ResponsiveMenu2 .toggle,[id^=ResponsiveMenu2-submenu]{
   display: none;
}
@media all and (max-width:1099px){#wb_ResponsiveMenu2{
   margin: 0;
   text-align: left;
}
#wb_ResponsiveMenu2 ul li a,#wb_ResponsiveMenu2 .toggle{
   font-size: 15px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 13px 20px 10px 20px;
}
#wb_ResponsiveMenu2 .toggle + a{
   display: none !important;
}
.ResponsiveMenu2{
   display: none;
   z-index: 9999;
}
#ResponsiveMenu2{
   background-color: transparent;
   display: none;
}
#wb_ResponsiveMenu2 > ul > li > a{
   height: auto !important;
   margin: 0;
}
#wb_ResponsiveMenu2 .toggle{
   display: block;
   background-color: #F2F2F2;
   color: #2D2D2D;
   padding: 0 20px 0 20px;
   line-height: 34px;
   text-decoration: none;
   border: none;
   position: relative;
}
#wb_ResponsiveMenu2 .toggle:hover{
   background-color: #EBBC51;
   color: #FFFFFF;
}
[id^=ResponsiveMenu2-submenu]:checked + ul{
   display: block !important;
}
#ResponsiveMenu2-title{
   height: 37px !important;
   line-height: 37px !important;
   text-align: center;
}
#wb_ResponsiveMenu2 ul li{
   display: block;
   width: 100% !important;
   text-align: left;
}
#wb_ResponsiveMenu2 ul ul .toggle,#wb_ResponsiveMenu2 ul ul a{
   padding: 0 40px;
}
#wb_ResponsiveMenu2 a:hover,#wb_ResponsiveMenu2 ul ul ul a{
   background-color: #EBBC51;
   color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul li ul li .toggle,#wb_ResponsiveMenu2 ul ul a{
   background-color: #EBBC51;
   color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul ul ul a{
   padding: 13px 20px 10px 60px;
}
#wb_ResponsiveMenu2 ul li a{
   text-align: left;
}
#wb_ResponsiveMenu2 ul li a br{
   display: none;
}
#wb_ResponsiveMenu2 ul li i{
   margin-right: 3px;
}
#wb_ResponsiveMenu2 ul ul{
   float: none;
   position: static;
}
#wb_ResponsiveMenu2 ul ul li:hover > ul,#wb_ResponsiveMenu2 ul li:hover > ul{
   display: none;
}
#wb_ResponsiveMenu2 ul ul li{
   display: block;
   width: 100%;
}
#wb_ResponsiveMenu2 ul ul ul li{
   position: static;
}
#ResponsiveMenu2-icon{
   display: block;
   position: absolute;
   left: 14px;
   top: 6px;
   user-select: none;
}
#ResponsiveMenu2-icon span{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #2D2D2D;
   color: #2D2D2D;
   width: 24px;
}
#wb_ResponsiveMenu2 ul li ul li .toggle:hover{
   background-color: #A3A4A6;
   color: #FFFFFF;
}
#wb_ResponsiveMenu2 .toggle .arrow-down{
   border-top-color: #2D2D2D;
}
#wb_ResponsiveMenu2 .toggle:hover .arrow-down,#wb_ResponsiveMenu2 li .active .arrow-down{
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul li ul li .toggle .arrow-down{
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul li ul li .toggle:hover .arrow-down,#wb_ResponsiveMenu2 ul li ul li .active .arrow-down{
   border-top-color: #FFFFFF;
}}
#wb_LayoutGrid4sup34{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4sup34{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 2px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid4sup34 > .col-1{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid4sup34 > .col-1{
   flex: 0 0 auto;
}
#LayoutGrid4sup34 > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 320px){#LayoutGrid4sup34 > .col-1{
   flex-basis: 100% !important;
   max-width: 100% !important;
}}
#pie-wb_LayoutGrid7{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F5F5F5;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#pie-LayoutGrid7{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#pie-LayoutGrid7 > .row{
   margin-right: -15px;
   margin-left: -15px;
}
#pie-LayoutGrid7 > .row > .col-1{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#pie-LayoutGrid7 > .row > .col-1{
   float: left;
}
#pie-LayoutGrid7 > .row > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#pie-LayoutGrid7:before,#pie-LayoutGrid7:after,#pie-LayoutGrid7 .row:before,#pie-LayoutGrid7 .row:after{
   display: table;
   content: " ";
}
#pie-LayoutGrid7:after,#pie-LayoutGrid7 .row:after{
   clear: both;
}
@media (max-width: 480px){#pie-LayoutGrid7 > .row > .col-1{
   float: none;
   width: 100% !important;
}}
#wb_diseno-web{
   vertical-align: top;
}
#diseno-web{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text1fr{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1fr div{
   text-align: center;
}
#wb_Text1fr{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#pie-wb_Image1{
   vertical-align: top;
}
#pie-Image1{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#pie-wb_Image2{
   vertical-align: top;
}
#pie-Image2{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_LayoutGrid3infes{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3infes{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1100px;
}
#LayoutGrid3infes > .row{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid3infes > .row > .col-1{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3infes > .row > .col-1{
   float: left;
}
#LayoutGrid3infes > .row > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid3infes:before,#LayoutGrid3infes:after,#LayoutGrid3infes .row:before,#LayoutGrid3infes .row:after{
   display: table;
   content: " ";
}
#LayoutGrid3infes:after,#LayoutGrid3infes .row:after{
   clear: both;
}
@media (max-width: 480px){#LayoutGrid3infes > .row > .col-1{
   float: none;
   width: 100% !important;
}}
#wb_Image2infes{
   margin: 0;
   vertical-align: top;
}
#Image2infes{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1000px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_LayoutGrid2infes{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2infes{
   box-sizing: border-box;
   padding: 20px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1100px;
}
#LayoutGrid2infes > .row{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2infes > .row > .col-1{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2infes > .row > .col-1{
   float: left;
}
#LayoutGrid2infes > .row > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid2infes:before,#LayoutGrid2infes:after,#LayoutGrid2infes .row:before,#LayoutGrid2infes .row:after{
   display: table;
   content: " ";
}
#LayoutGrid2infes:after,#LayoutGrid2infes .row:after{
   clear: both;
}
@media (max-width: 480px){#LayoutGrid2infes > .row > .col-1{
   float: none;
   width: 100% !important;
}}
#wb_LayoutGrid1infes{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1infes{
   box-sizing: border-box;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1100px;
}
#LayoutGrid1infes > .row{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1infes > .row > .col-1,#LayoutGrid1infes > .row > .col-2,#LayoutGrid1infes > .row > .col-3,#LayoutGrid1infes > .row > .col-4,#LayoutGrid1infes > .row > .col-5,#LayoutGrid1infes > .row > .col-6,#LayoutGrid1infes > .row > .col-7{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1infes > .row > .col-1,#LayoutGrid1infes > .row > .col-2,#LayoutGrid1infes > .row > .col-3,#LayoutGrid1infes > .row > .col-4,#LayoutGrid1infes > .row > .col-5,#LayoutGrid1infes > .row > .col-6,#LayoutGrid1infes > .row > .col-7{
   float: left;
}
#LayoutGrid1infes > .row > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#LayoutGrid1infes > .row > .col-2{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: left;
}
#LayoutGrid1infes > .row > .col-3{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: left;
}
#LayoutGrid1infes > .row > .col-4{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: left;
}
#LayoutGrid1infes > .row > .col-5{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: left;
}
#LayoutGrid1infes > .row > .col-6{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: left;
}
#LayoutGrid1infes > .row > .col-7{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#LayoutGrid1infes:before,#LayoutGrid1infes:after,#LayoutGrid1infes .row:before,#LayoutGrid1infes .row:after{
   display: table;
   content: " ";
}
#LayoutGrid1infes:after,#LayoutGrid1infes .row:after{
   clear: both;
}
@media (max-width: 480px){#LayoutGrid1infes > .row > .col-1,#LayoutGrid1infes > .row > .col-2,#LayoutGrid1infes > .row > .col-3,#LayoutGrid1infes > .row > .col-4,#LayoutGrid1infes > .row > .col-5,#LayoutGrid1infes > .row > .col-6,#LayoutGrid1infes > .row > .col-7{
   float: none;
   width: 100% !important;
}}
#wb_location-icon42224{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_location-icon42224 a{
   text-decoration: none;
}
#wb_location-icon42224 a::after{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#location-icon42224{
   height: 55px;
   width: 49px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#location-icon42224 i{
   color: #A3A4A6;
   display: inline-block;
   font-size: 49px;
   line-height: 55px;
   vertical-align: middle;
}
#wb_location-icon42224:hover #location-icon42224 i{
   color: #EFBB41;
}
#wb_IconFont222432{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont222432 a{
   text-decoration: none;
}
#wb_IconFont222432 a::after{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#IconFont222432{
   height: 55px;
   width: 49px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont222432 i{
   color: #A3A4A6;
   display: inline-block;
   font-size: 49px;
   line-height: 55px;
   vertical-align: middle;
}
#wb_IconFont222432:hover #IconFont222432 i{
   color: #EFBB41;
}
#wb_IconFont1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont1 a{
   text-decoration: none;
}
#wb_IconFont1 a::after{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#IconFont1{
   height: 55px;
   width: 49px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont1 i{
   color: #A3A4A6;
   display: inline-block;
   font-size: 49px;
   line-height: 55px;
   vertical-align: middle;
}
#wb_IconFont1:hover #IconFont1 i{
   color: #EFBB41;
}
#wb_IconFont1224{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont1224 a{
   text-decoration: none;
}
#wb_IconFont1224 a::after{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#IconFont1224{
   height: 55px;
   width: 49px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont1224 i{
   color: #A3A4A6;
   display: inline-block;
   font-size: 49px;
   line-height: 55px;
   vertical-align: middle;
}
#wb_IconFont1224:hover #IconFont1224 i{
   color: #EFBB41;
}
#wb_IconFont122323{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont122323 a{
   text-decoration: none;
}
#wb_IconFont122323 a::after{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#IconFont122323{
   height: 55px;
   width: 49px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#IconFont122323 i{
   color: #A3A4A6;
   display: inline-block;
   font-size: 49px;
   line-height: 55px;
   vertical-align: middle;
}
#wb_IconFont122323:hover #IconFont122323 i{
   color: #EFBB41;
}
#wb_LayoutGrid4infes{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4infes{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1100px;
}
#LayoutGrid4infes > .row{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid4infes > .row > .col-1,#LayoutGrid4infes > .row > .col-2,#LayoutGrid4infes > .row > .col-3,#LayoutGrid4infes > .row > .col-4{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid4infes > .row > .col-1,#LayoutGrid4infes > .row > .col-2,#LayoutGrid4infes > .row > .col-3,#LayoutGrid4infes > .row > .col-4{
   float: left;
}
#LayoutGrid4infes > .row > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#LayoutGrid4infes > .row > .col-2{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#LayoutGrid4infes > .row > .col-3{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#LayoutGrid4infes > .row > .col-4{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#LayoutGrid4infes:before,#LayoutGrid4infes:after,#LayoutGrid4infes .row:before,#LayoutGrid4infes .row:after{
   display: table;
   content: " ";
}
#LayoutGrid4infes:after,#LayoutGrid4infes .row:after{
   clear: both;
}
@media (max-width: 480px){#LayoutGrid4infes > .row > .col-1,#LayoutGrid4infes > .row > .col-2,#LayoutGrid4infes > .row > .col-3,#LayoutGrid4infes > .row > .col-4{
   float: none;
   width: 100% !important;
}}
#wb_Text1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div{
   text-align: left;
}
#wb_Text1{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#pie-wb_Text2{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#pie-wb_Text2 div{
   text-align: left;
}
#pie-wb_Text2{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#pie-wb_Text3{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#pie-wb_Text3 div{
   text-align: left;
}
#pie-wb_Text3{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text4{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4 div{
   text-align: left;
}
#wb_Text4{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_LayoutGrid5infes{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid5infes{
   box-sizing: border-box;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid5infes > .row{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid5infes > .row > .col-1{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid5infes > .row > .col-1{
   float: left;
}
#LayoutGrid5infes > .row > .col-1{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid5infes:before,#LayoutGrid5infes:after,#LayoutGrid5infes .row:before,#LayoutGrid5infes .row:after{
   display: table;
   content: " ";
}
#LayoutGrid5infes:after,#LayoutGrid5infes .row:after{
   clear: both;
}
@media (max-width: 480px){#LayoutGrid5infes > .row > .col-1{
   float: none;
   width: 100% !important;
}}
#wb_publieditseo{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_publieditseo div{
   text-align: center;
}
#wb_publieditseo{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
/* redes sociales en fila tambien en movil */
@media (max-width: 480px){
#LayoutGrid1infes > .row{display:flex;justify-content:center;align-items:center;}
#LayoutGrid1infes > .row > .col-1,#LayoutGrid1infes > .row > .col-7{display:none;}
#LayoutGrid1infes > .row > .col-2,#LayoutGrid1infes > .row > .col-3,#LayoutGrid1infes > .row > .col-4,#LayoutGrid1infes > .row > .col-5,#LayoutGrid1infes > .row > .col-6{float:none;width:auto !important;padding-left:10px;padding-right:10px;}
}
/* carrusel de perfiles centrado */
#wb_Extension2 #sliderota{margin-left:auto;margin-right:auto;}
/* tablet: las 3 fotos en fila y el carrusel debajo, centrado (mide 242px fijos) */
@media (min-width: 481px) and (max-width: 1023px){
#LayoutGrid21 > .col-1,#LayoutGrid21 > .col-2,#LayoutGrid21 > .col-3{flex-basis:33.3333% !important;max-width:33.3333% !important;}
#LayoutGrid21 > .col-4{flex-basis:100% !important;max-width:100% !important;margin-top:20px;}
}
/* lista de descargas: icono + texto en una fila, texto ajustado al ancho */
#LayoutGrid2p12323 .fila-pdf{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;}
#LayoutGrid2p12323 .fila-pdf > .col-1{flex:0 0 auto !important;flex-basis:auto !important;max-width:none !important;width:auto !important;padding:5px 10px 5px 0 !important;}
#LayoutGrid2p12323 .fila-pdf > .col-2{flex:1 1 0 !important;flex-basis:0 !important;max-width:none !important;width:auto !important;min-width:0;text-align:left;}
#LayoutGrid2p12323 .fila-pdf [id^=wb_Text] > div{position:static !important;width:auto !important;height:auto !important;}
#LayoutGrid2p12323 .fila-pdf [id^=wb_Text]{font-size:15px;line-height:1.3;}
#LayoutGrid2p12323 .fila-pdf [id^=wb_Text] br{display:none;}

/* ===== ajustes Impeccable ===== */
/* contraste: el dorado sigue en fondos y barras; para texto, el mismo dorado oscurecido */
#wb_Text3p1 h1{color:#8C6400 !important;}
a.link_noticias,a.link_noticias:visited{color:#8C6400 !important;}
a.link_noticias:hover{color:#2D2D2D !important;}
a.link_enlaces_inf,a.link_enlaces_inf:visited{color:#5F6264 !important;}
a.link_enlaces_inf:hover,a.link_enlaces_inf:focus{color:#8C6400 !important;}
#Shape6{background-color:#5F6264 !important;}
#CssMenu7 .nav-link{background-color:#5F6264 !important;color:#FFFFFF !important;}
#CssMenu7 .nav-link:hover,#CssMenu7 .nav-link:focus{background-color:#EEBA42 !important;color:#2D2D2D !important;}
#ResponsiveMenu2 li a:hover,#ResponsiveMenu2 li a:focus,.ResponsiveMenu2 a:hover,#wb_ResponsiveMenu2 li:hover > a,#wb_ResponsiveMenu2 li .active,#wb_ResponsiveMenu2 .toggle:hover,#wb_ResponsiveMenu2 a:hover{color:#2D2D2D !important;}
#Button3,#Button2{color:#2D2D2D !important;}
#Heading1623232323,#wb_Text723232332 span{color:#2D2D2D !important;}
#CssMenu233232 .nav-link{color:#8C6400 !important;}
#CssMenu233232 .nav-link:hover,#CssMenu233232 .nav-link:focus{background-color:#2D2D2D !important;color:#FFFFFF !important;}
/* barras de título (antes <input>) con el mismo aspecto */
#Button3.barra-titulo,#Button2.barra-titulo{display:flex !important;align-items:center;width:100%;min-height:45px;height:auto !important;margin:0;box-sizing:border-box;padding:6px 15px 6px 28px !important;line-height:1.3 !important;}
/* rótulos de soluciones (antes h2) */
#Heading5,#Heading6,#Heading7,#Heading8,#Heading9,#Heading10{margin:0;}
/* foco visible con teclado */
a:focus-visible,button:focus-visible,label:focus-visible{outline:2px solid #8C6400;outline-offset:2px;}
/* zonas táctiles */
#LayoutGrid2p12323 .fila-pdf a.link_pdf{display:inline;padding:11px 0;}
#LayoutGrid2p12323 .fila-pdf .col-2{padding-top:8px !important;padding-bottom:8px !important;}
@media (max-width: 480px){a.link_enlaces_inf,a.link_productos{display:inline-block;padding:6px 0;}}
a.link_noticias{display:inline-block;padding:8px 0;}
#wb_Shape6,#Shape6{height:44px !important;}
#Shape6_text{display:flex !important;align-items:center;justify-content:center;top:0 !important;left:0 !important;right:0 !important;bottom:0;width:auto !important;height:100% !important;}
/* !important: css/style.css del carrusel se carga después y su 'background:' anulaba el recorte (se veían trozos de los iconos vecinos) */
#sliderota ul li a{box-sizing:content-box;padding:6px;background-clip:content-box !important;background-origin:content-box !important;}
#sliderota .controls a{background-clip:content-box !important;background-origin:content-box !important;}
/* puntos del carrusel: debajo de la imagen (el script reserva el alto) y sin llegar al botón de pausa */
#sliderota ul{right:40px !important;}
/* banda «Vous avez besoin d'aide ?» de borde a borde (la rejilla dejaba 3 px blancos a cada lado) */
#LayoutGrid17{padding-left:0 !important;padding-right:0 !important;}
#LayoutGrid17 > .row{margin-left:0 !important;margin-right:0 !important;}
#LayoutGrid17 > .row > .col-1{padding-left:0 !important;padding-right:0 !important;}
/* contenedor vacío de Web Builder con 1200 px fijos: provocaba scroll lateral por debajo de ese ancho */
div#container{max-width:100% !important;}
/* tablet y móvil: soluciones constructivas en 3 columnas con rótulos que caben (antes se cortaban o iban una debajo de otra) */
@media (max-width: 1199px){
#LayoutGrid29222 > .row,#LayoutGrid122222 > .row{display:flex !important;flex-wrap:wrap !important;}
#LayoutGrid29222 > .row > div,#LayoutGrid122222 > .row > div{flex:0 0 33.3333% !important;max-width:33.3333% !important;width:33.3333% !important;float:none !important;padding-left:2px !important;padding-right:2px !important;box-sizing:border-box !important;}
#Heading5,#Heading6,#Heading7,#Heading8,#Heading9,#Heading10{font-size:13px !important;}
}
/* galería apilada (hasta 750 px): la misma separación entre todas las fotos (antes 0 dentro de cada pareja y 20 entre parejas) */
@media (max-width: 750px){#LayoutGridindex1 > .col-1,#LayoutGrid1123232 > .col-1,#LayoutGrid1223223 > .col-1{margin-bottom:20px;}}
/* móvil: perfiles en fila, como en tablet, y el carrusel debajo */
@media (max-width: 480px){
#LayoutGrid21{display:flex !important;flex-wrap:wrap !important;}
#LayoutGrid21 > .col-1,#LayoutGrid21 > .col-2,#LayoutGrid21 > .col-3{flex:0 0 33.3333% !important;max-width:33.3333% !important;}
#LayoutGrid21 > .col-4{flex:0 0 100% !important;max-width:100% !important;margin-top:20px;}
}
/* enlace "Aller au contenu": invisible hasta que se llega con el teclado */
a.saltar{position:absolute;left:12px;top:-60px;z-index:2000;padding:10px 16px;background:#2D2D2D;color:#FFFFFF !important;font-family:'Open Sans',Arial,sans-serif;font-weight:700;text-decoration:none;border-radius:4px;}
a.saltar:focus{top:12px;}
#contenu:focus{outline:none;}
/* cabecera fija: al bajar queda visible solo la barra del menú (el desplazamiento lo pone el script) */
#wb_LayoutGrid1{position:sticky !important;top:0;z-index:1500 !important;}   /* por encima del contenido (submenús de .es con z-index 1111) y por debajo del aviso de cookies (2000) */
#wb_LayoutGridsuperior{box-shadow:0 2px 6px rgba(0,0,0,.12);}
/* las anclas (#contenu…) no quedan tapadas por la barra fija */
html{scroll-padding-top:44px;}
/* botón secundario para volver a productos: mismo tamaño que el CTA, contorno gris para no competir con el dorado */
.retour-produits{margin:28px 0 0;}
a.btn-secondaire{display:inline-flex;align-items:center;min-height:46px;padding:0 28px;border:2px solid #4F5254;border-radius:23px;box-sizing:border-box;color:#2D2D2D !important;background:transparent;font-family:'Open Sans',Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.2;text-decoration:none !important;}
a.btn-junto-cta{margin:30px 0 0 12px;vertical-align:top;}
@media (max-width: 600px){a.btn-junto-cta{margin:12px 0 0 0;}}
a.btn-secondaire:hover,a.btn-secondaire:focus-visible{background:#4F5254;color:#FFFFFF !important;}
/* títulos con líneas equilibradas (sin una palabra sola en la última línea) */
#wb_Text3p1 h1,#Heading1623232323,.barra-titulo,#wb_Text3 h2{text-wrap:balance;}
/* texto final: el título en su línea (los textos de la carpeta no llevan el <br> que traía .es) */
#wb_Text3 h2{display:block !important;margin:0 0 8px !important;}
/* interlineado de los textos */
#wb_Text1fr span,#wb_Text1fr a{line-height:1.6 !important;}
#wb_Text3p1 span,#wb_Text6p1p1 .texto,#wb_Text6p1p1 span,#wb_Text3 span{line-height:1.55 !important;}
/* aire alrededor de la lista de descargas en móvil */
#LayoutGrid2p12323 .wb-fila-pdf{padding-left:43px !important;padding-right:24px !important;box-sizing:border-box;}
#LayoutGrid2p12323 .fila-pdf-primera{padding-top:12px !important;}
#LayoutGrid2p12323 .fila-pdf-ultima{padding-bottom:14px !important;}
@media (max-width: 480px){#LayoutGrid2p12323 .wb-fila-pdf{padding-left:20px !important;padding-right:16px !important;}}

/* ===== crítica de diseño ===== */
/* CTA principal y final, mismo estilo: dorado de marca con texto oscuro */
#wb_Shape6{width:auto !important;height:auto !important;}
#Shape6{display:inline-flex !important;align-items:center;justify-content:center;width:auto !important;min-height:46px;height:auto !important;padding:0 28px;background-color:#EEBA42 !important;border-radius:23px;box-sizing:border-box;}
#Shape6_text{position:static !important;display:block !important;width:auto !important;height:auto !important;}
#Shape6_text span{color:#2D2D2D !important;font-family:"Open Sans",Arial,sans-serif !important;font-size:17px !important;}
#wb_Shape6 a:hover #Shape6,#wb_Shape6 a:focus-visible #Shape6{background-color:#2D2D2D !important;}
#wb_Shape6 a:hover #Shape6_text span,#wb_Shape6 a:focus-visible #Shape6_text span{color:#FFFFFF !important;}
#CssMenu7 .nav-link{background-color:#EEBA42 !important;color:#2D2D2D !important;font-weight:700;}
/* botón inferior idéntico al superior: ancho según el texto, alineado a la izquierda */
#wb_CssMenu7,#CssMenu7{text-align:left !important;}
#CssMenu7,#CssMenu7 li{width:auto !important;display:inline-block !important;float:none !important;}
#CssMenu7 .nav-link{display:inline-flex !important;align-items:center;justify-content:center;width:auto !important;height:46px !important;min-height:46px;padding:0 28px !important;box-sizing:border-box;border-radius:23px !important;font-family:"Open Sans",Arial,sans-serif !important;font-size:17px !important;font-weight:700 !important;line-height:1 !important;}
#CssMenu7 .nav-link:hover,#CssMenu7 .nav-link:focus{background-color:#2D2D2D !important;color:#FFFFFF !important;}
/* banda de ayuda: CONTACT legible sobre el dorado */
#CssMenu233232 .nav-link{color:#2D2D2D !important;}
/* títulos de sección: gris oscuro + filete dorado; el dorado queda solo para lo que se pulsa */
#wb_LayoutGrid11,#wb_LayoutGrid18{background-color:#4F5254 !important;background-image:none !important;border-bottom:3px solid #EEBA42 !important;}
#Button3,#Button2{background-color:transparent !important;background-image:none !important;color:#FFFFFF !important;border:0 !important;border-radius:0 !important;cursor:default;}
/* cabecera al mismo ancho que el contenido (1200 px con 15 px de margen): logo al borde izquierdo, teléfono al derecho */
#LayoutGrid145322{max-width:1200px !important;padding-left:15px !important;padding-right:15px !important;box-sizing:border-box !important;}
#LayoutGrid145322{padding-top:13px !important;padding-bottom:15px !important;}
#LayoutGrid3333p1{padding-top:40px !important;padding-bottom:40px !important;}
#wb_Text3p1{margin-top:0 !important;}
/* enlace de Publiedit (imagen de 6x4) colocado a 733 px en la home: aquí el pie es más bajo y dejaba un hueco blanco debajo */
#pie-wb_Image2{top:auto !important;bottom:0 !important;}
@media (min-width: 651px){
#LayoutGrid145322 > .col-1{justify-content:flex-start !important;padding-left:0 !important;}
#LayoutGrid145322 > .col-3{justify-content:flex-end !important;padding-right:0 !important;}
#LayoutGrid145322 > .col-3 .col-3-padding,#LayoutGrid145322 > .col-3 #wb_Text8sup4,#LayoutGrid145322 > .col-3 #LayoutGrid1sup2,#LayoutGrid145322 > .col-3 #LayoutGrid1sup2 .col-1,#wb_TextMenu12344{text-align:right !important;}
#wb_TextMenu12344{width:auto !important;}
#LayoutGrid1sup2,#LayoutGrid1sup2 > .row{margin-right:0 !important;padding-right:0 !important;}
#LayoutGrid1sup2 > .row > .col-1{padding-right:0 !important;}
}
/* menú repartido a lo ancho del contenido: primer texto en el borde izquierdo, último en el derecho */
@media (min-width: 1200px){
#LayoutGridsuperior{padding-left:15px !important;padding-right:15px !important;box-sizing:border-box !important;}
#wb_ResponsiveMenu2{text-align:left !important;}
#ResponsiveMenu2{display:flex !important;justify-content:space-between;width:calc(100% + 14px) !important;margin:0 0 0 -14px !important;}
#ResponsiveMenu2 > li:last-child > a{padding-right:0 !important;}
#ResponsiveMenu2::before,#ResponsiveMenu2::after{display:none !important;content:none !important;}
}
/* texto final más cerca de la galería (antes ~140 px de hueco, ahora ~40) */
#LayoutGrid1223223{padding-bottom:30px !important;}
#LayoutGrid19as3{padding-top:0 !important;}
#LayoutGrid15{padding-top:10px !important;}
#wb_Text3{margin-top:0 !important;}
/* H1 siempre en su propia línea */
#wb_Text3p1 h1{display:block !important;margin:0 0 14px 0 !important;font-weight:700 !important;}
/* fil d'Ariane */
.fil-ariane{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px 0;font-family:"Open Sans",Arial,sans-serif;font-size:13px;line-height:1.4;color:#5F6264;}
.fil-ariane a{color:#5F6264;text-decoration:none;padding:6px 0;}
.fil-ariane a:hover,.fil-ariane a:focus-visible{color:#8C6400;text-decoration:underline;}
.fil-ariane [aria-current]{color:#2D2D2D;}
/* columna de especificaciones: arriba, alineada con la barra "Téléchargement" (la plantilla la centraba en vertical) */
#LayoutGrid2p12323 > .col-1{align-items:flex-start !important;align-content:flex-start !important;justify-content:flex-start !important;}
#wb_Text6p1p1{margin-top:0 !important;}
/* especificaciones: títulos y textos en bloque, más aire encima del título que debajo */
#wb_Text6p1p1 h2{display:block !important;margin:28px 0 8px 0 !important;line-height:1.3 !important;}
#wb_Text6p1p1 h2:first-child{margin-top:0 !important;}
#wb_Text6p1p1 .texto{display:block !important;}
/* controles del carrusel y enlaces legales del pie: zona táctil */
#sliderota .controls a{box-sizing:content-box;padding:8px;background-clip:content-box;background-origin:content-box;right:2px !important;bottom:2px !important;}
a.link_productos{display:inline-block;padding:4px 0;}