body.mobile-side-slide {
overflow-x: hidden;
}
.content_slider.carousel .content_slider_ul .content_slider_li .title {
opacity: 1;
}
.content_slider.carousel .content_slider_ul .content_slider_li .title:hover {
opacity: .3;
}
.font-size {
font-size: 24px !important;
}
.faq .question.active>.title {
color: #966D5C !important;
}
.negrita-politicas {
color: #AF8573 !important;
}
.titulo-negrito-home {
color: #AF8573 !important;
font-weight: 600;
}
.action_button {
background-color: #FFF;
border-radius: 3px;
border: var(--stroke-weight-2, 2px) solid #D1AD9D;
color: #747474;
padding: 12px 22px;
}
.fa-mobile-alt {
color: black !important;
}
.decor2-shadow {
box-shadow: inset 0px -10px 0px 0px #D1AD9D !important;
}
.button_size_2 {
border-radius: 3px;
border: var(--stroke-weight-2, 2px) solid var(--color-black-solid, #000) !important;
}
.button_size_2.boton-catalogo {
border: #D1AD9D 2px solid !important;
}
.titulo-principal-formulario {
color: #AF8573 !important;
text-align: center;
font-family: var(--font-family-Font-1, Montserrat);
font-size: var(--font-size-38, 38px);
font-style: normal;
font-weight: 600;
line-height: var(--line-height-45, 45px); }
#Header .container {
max-width: 1400px;
} .mcb-wrap-d2313c8ea {
width: 100% !important
}
.titulo-ocultec-negrita {
color: #D1AD9D !important;
font-weight: 600;
}
.titulo-guia-practica {
color: var(--themes-muffingroup-com-black, var(--color-black-solid, #000));
font-family: var(--font-family-Font-1, Montserrat);
font-size: var(--font-size-15, 15px);
font-style: normal;
font-weight: var(--font-weight-600, 600);
line-height: var(--line-height-20, 20px); letter-spacing: var(--letter-spacing-4, 4px);
text-transform: uppercase;
}
.subtitulo-casos-exito {
color: var(--themes-muffingroup-com-black, var(--color-black-solid, #000));
font-family: var(--font-family-Font-1, Montserrat);
font-size: var(--font-size-15, 38px);
font-style: normal;
font-weight: var(--font-weight-600, 300);
line-height: var(--line-height-20, 45px); }
.minititulo{
font-family: "Montserrat";
font-size: 15px;
line-height: 20px;
font-weight: 600;
letter-spacing: 4px;
}
.bloque-oculttec {
background-color: #1f1f1f;
color: white;
padding: 40px 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.bloque-oculttec__imagen {
flex: 1 1 300px;
max-width: 500px;
padding: 10px;
}
.bloque-oculttec__imagen img {
width: 100%;
height: auto;
border-radius: 8px;
}
.bloque-oculttec__texto {
flex: 1 1 300px;
max-width: 500px;
padding: 10px;
}
.bloque-oculttec__texto h2 {
font-size: 24px;
margin-bottom: 15px;
}
.bloque-oculttec__texto p {
font-size: 16px;
line-height: 1.6;
}
.bloque-oculttec__flecha {
margin-top: 10px;
}
.bloque-oculttec__flecha a {
color: white;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid white;
} .titulo-formulario {
color: var(--themes-muffingroup-com-black, var(--color-black-solid, #000));
text-align: center; font-family: var(--font-family-Font-1, Montserrat);
font-size: var(--font-size-38, 38px);
font-style: normal;
font-weight: var(--font-weight-300, 300);
line-height: var(--line-height-45, 45px); }
.subtitulo-principal-formulario {
color: #000;
text-align: center;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: var(--line-height-32, 32px); }
.telefono-negrita {
font-weight: 600 !important;
color: #000;
}
#Footer {
background-color: #D1AD9D;
}
@media(max-width:1024px) {
.subtitulo-principal-formulario {
font-size: 22px;
}
iframe {
height: 570px;
}
.mcb-section .mcb-wrap-c69a47fca .mcb-wrap-inner-c69a47fca {
margin-top: 0px !important;
}
}
@media(max-width:820px) {
.button_label {
font-size: 14px !important;
}
}
@media(max-width:767px) {
.font-size {
font-size: 20px !important;
}
.mobile-header-mini #Top_bar .logo {
margin-left: 15px !important;
}
}
@media(max-width:480px) {
.titulo-principal-formulario {
font-size: 33px;
line-height: 39px;
}
.titulo-formulario {
font-size: 24px;
line-height: 22px;
}
.subtitulo-principal-formulario {
font-size: 20px;
line-height: 20px;
}
iframe {
height: 590px;
}
.no-margin-movil {
margin-right: 0px !important;
}
.mcb-section-b536dcdf8 {
padding-top: 50px !important;
}
.foto-width img {
width: 100% !important;
}
.font-size {
font-size: 15px !important;
}
.mcb-section-f76bc9bf5 {
padding-bottom: 420px !important;
}
.mcb-section-5014ppt {
padding-top: 0px !important;
}
.mcb-section-ew71wfps {
padding-top: 0px !important;
}
}
@media(max-width:375px) {
.subtitulo-principal-formulario {
font-size: 18px !important;
}
} .afan-card-container {
background-color: #ffffff;
width: 100%;
max-width: 1200px;
padding: 200px 0px 60px 0px;
box-sizing: border-box;
text-align: center;
margin: 0 auto; 
}
.afan-content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.afan-icon-wrapper {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
margin-bottom: 40px;
} .afan-status-icon {
width: 120px;
position: relative;
z-index: 2;
opacity: 0;
transform: scale(0.5);
animation: afanBankPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
animation-delay: 0.3s;
} .afan-icon-wrapper::before {
content: '';
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
background: #D1AD9D; 
opacity: 0;
z-index: 1;
animation: afanRipple 1.2s ease-out forwards;
animation-delay: 0.6s; 
} @keyframes afanBankPop {
0% {
opacity: 0;
transform: scale(0.3) rotate(-10deg);
}
100% {
opacity: 1;
transform: scale(1) rotate(0deg);
}
} @keyframes afanRipple {
0% {
opacity: 0.6;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(2); 
}
} .afan-badge-pill {
width: 232.53px;
height: 46px;
background-color: #D1AD9D1A;
border: 1px solid #D1AD9D4D;
border-radius: 33554400px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.afan-badge-text {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #D1AD9D;
text-align: center;
letter-spacing: 0px;
text-transform: uppercase;
} .afan-main-title {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 60px;
line-height: 70px;
color: #3A3A3A;
margin: 0;
text-align: center;
} .afan-divider-line {
width: 96px;
height: 3px;
background-color: #D1AD9D;
border: none;
margin: 25px 0;
display: block;
box-shadow: 
0px 4px 6px -2px rgba(0, 0, 0, 0.2), 
0px 10px 15px -3px rgba(0, 0, 0, 0.2);
} .afan-description-text {
font-family: 'Montserrat', sans-serif;
font-weight: 350;
font-size: 20px;
line-height: 28px;
color: #4A5565;
text-align: center;
margin-bottom: 40px;
} .afan-btn-home {
height: 51px;
background: white;
border-radius: 10px;
border: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 26px;
padding: 14px 35px;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22.4px;
color: #101828 !important;
text-decoration: none;
text-transform: uppercase;
box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.25);
transition: all 0.3s ease;
cursor: pointer;
text-decoration: none !important;
}
.afan-btn-home:hover {
background-color: white;
transform: translateY(-3px);
box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.2);
text-decoration: none !important;
}
.afan-btn-home span {
font-size: 20px;
font-weight: 400;
line-height: 1;
} @media (max-width: 600px) {
.afan-card-container{
padding-top: 80px !important;
}
.afan-main-title {
font-size: 32px;
line-height: 40px;
}
.afan-badge-pill {
width: 180px;
height: 40px;
}
.afan-description-text {
font-size: 16px;
line-height: 24px;
}
.afan-status-icon {
width: 100px;
}
} :root {
--sp-white: #ffffff;
--sp-text-dark: #333333;
--sp-radius: 10px;
}
.sp-pergolas-banner {
background: linear-gradient(180deg, #EED1C5 0%, #D1AD9D 100%);
width: 100%;
max-width: 1200px;
border-radius: 12px;
display: flex;
flex-direction: row;
padding: 40px;
gap: 40px;
color: var(--sp-white);
align-items: center;
box-sizing: border-box;
margin: 20px auto;
font-family: 'Montserrat', sans-serif;
}
.sp-p-content {
flex: 1.3;
display: flex;
flex-direction: column;
gap: 15px; } .sp-p-title {
font-family: 'Montserrat', sans-serif !important;
font-size: 2rem;
line-height: 1.1;
text-transform: uppercase;
font-weight: 400;
margin: 0;
word-wrap: break-word;
color: white
} .sp-p-subtitle {
font-family: 'Montserrat', sans-serif;
font-weight: 600 !important; 
font-size: 19px;
line-height: 108%;
letter-spacing: 0.01em; 
margin: 0;
} .sp-p-description {
font-family: 'Montserrat', sans-serif;
font-weight: 300; 
font-size: 16px;
line-height: 24px;
letter-spacing: 0.01em; 
margin: 0;
opacity: 0.95;
} .sp-p-button-group {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 12px;
width: 100%;
margin-top: 15px;
font-family: 'Montserrat', sans-serif;
}
.sp-p-btn-link {
background-color: var(--sp-white);
color: var(--sp-text-dark);
text-decoration: none !important;
padding: 12px 10px;
border-radius: 8px;
font-size: 0.85rem;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex: 1; 
white-space: nowrap;
transition: transform 0.2s ease;
}
.sp-p-btn-link:hover {
transform: translateY(-3px);
color: var(--sp-text-dark);
}
.sp-p-btn-icon {
width: 18px;
height: 18px;
background-image: url(//www.separadoresambientes.com/wp-content/uploads/2026/05/Arrow-Cursor-Click-2-Streamline-Flex-1.png); 
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: scaleX(-1);
} .sp-p-image-grid {
flex: 1;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 140px);
gap: 15px;
}
.sp-p-img-item {
background-color: rgba(255,255,255,0.1);
border-radius: var(--sp-radius);
background-size: cover;
background-position: center;
}
.sp-p-img-1 { grid-column: 2; grid-row: 1; background-image: url(//www.separadoresambientes.com/wp-content/uploads/2026/05/01-imagen-banner-1.webp); }
.sp-p-img-2 { grid-column: 3; grid-row: 1; background-image: url(//www.separadoresambientes.com/wp-content/uploads/2026/05/02-imagen-banner.webp); }
.sp-p-img-3 { grid-column: 1; grid-row: 2; background-image: url(//www.separadoresambientes.com/wp-content/uploads/2026/05/01-imagen-banner.webp); }
.sp-p-img-4 { grid-column: 2; grid-row: 2; background-image: url(//www.separadoresambientes.com/wp-content/uploads/2026/05/03-imagen-banner.webp); }
.sp-p-img-5 { grid-column: 3; grid-row: 2; background-image: url(//www.separadoresambientes.com/wp-content/uploads/2026/05/04-imagen-banner.webp); } @media (max-width: 992px) {
.sp-pergolas-banner {
flex-direction: column;
text-align: center;
padding: 30px 20px;
}
.sp-p-image-grid {
width: 100%;
grid-template-rows: repeat(2, 160px);
}
}
@media (max-width: 650px) {
.sp-p-button-group {
flex-direction: column;
}
.sp-p-btn-link {
width: 100%;
font-size: 1rem;
}
.sp-p-title {
font-size: 1.7rem;
} .sp-p-image-grid {
grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; 
gap: 10px;
} .sp-p-img-1 { grid-column: 1 / 2; grid-row: 1; height: 140px; }
.sp-p-img-2 { grid-column: 2 / 3; grid-row: 1; height: 140px; }
.sp-p-img-3 { grid-column: 1 / 2; grid-row: 2; height: 140px; }
.sp-p-img-4 { grid-column: 2 / 3; grid-row: 2; height: 140px; } .sp-p-img-5 { grid-column: 1 / 3; grid-row: 3; height: 140px; } 
}