:root {  --color-primary: #99cc00; --color-primary-dark: #000000; --color-primary-light: #789e04; --color-active: #a57865; --color-bg: #ffffff; --color-bg-item: #f8f8f8; --color-text: #000000; --color-border: #e0e0e0; --color-other-cat: #55a1a9;  --color-junior: #5B6ABB; --color-bunk: #a9c11f; --color-wall: #c876d8; --color-pullout: #a4bf58; --color-kids: #4ca0c4; --color-baby: #c28f58; --color-wardrobes: #54a9b0; --color-bedrooms: #7E8CA3; --color-modular: #D99058; --color-aux: #8E8577; --color-office: #5F8A72;  --gap-small: 10px;
--gap-medium: 20px;
--gap-large: 25px;
--padding-button: 10px 16px; --shadow-small: 0 2px 4px rgba(0, 0, 0, 0.1);
--shadow-medium: 0 4px 10px rgba(0, 0, 0, 0.1);
--shadow-large: 0 8px 20px rgba(0, 0, 0, 0.12); --radius-small: 3px;
--radius-medium: 4px;
--radius-large: 6px; --font-size-small: 14px;
--font-size-medium: 15px;
--font-size-large: 16px;
--line-height: 1.5; --transition-fast: all 0.2s ease-out;
--transition-medium: all 0.3s ease-in-out;
--transition-slow: all 0.4s ease-in-out; --container-max-width: 1200px;
--item-max-width: 500px;
} #eua, #containerpint, #navcontainer {
box-sizing: border-box;
} #containerpint,
div#containerpint {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
grid-auto-rows: 0;
max-width: 1540px;
width: 100% !important;
margin: var(--gap-medium) auto;
min-height: 300px;
list-style: none;
transition: var(--transition-slow);
padding: 0;
} div#containerpint div.itempint {
display: block;
max-width: 500px;
overflow: visible;
box-shadow: var(--shadow-medium);
border-radius: var(--radius-large);
background: var(--color-bg-item);
opacity: 1;
margin: auto;
transition: var(--transition-medium), opacity 1s;
will-change: transform;
} div#containerpint div.itempint:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-large);
} div#containerpint div.itempint.noshadow {
box-shadow: none;
background-color: transparent !important;
} div#containerpint div.contentpint.intercalado {
padding: 40px 30px 30px 30px;
} div#containerpint .flex-video2 {
position: relative;
cursor: pointer;
width: 500px;
max-width: 100%;
} div#containerpint div.contentpint {
background: var(--color-bg);
position: relative;
border-radius: var(--radius-large);
overflow: hidden;
} div#containerpint a.pint {
position: relative;
vertical-align: top;
display: block;
border-radius: var(--radius-medium) var(--radius-medium) 0 0;
overflow: hidden;
} div#containerpint a:visited {
border: none;
} div#containerpint div.txtbase {
height: 54px;
width: 100%;
font-size: var(--font-size-medium);
line-height: 1.3;
margin: 0;
padding: 6px 12px;
text-align: center;
position: relative;
background-color: #ffffff; color: #000000; font-weight: 400;
box-sizing: border-box; display: flex;
align-items: center;
justify-content: center;
} div#containerpint div.txtbase > span {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
overflow-wrap: break-word;
text-wrap: balance;
}  #navcontainer {
margin: 0 0 30px;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ol {
padding: 0;
margin: 0 0 var(--gap-medium) 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--gap-small);
list-style: none;
} #navcontainer ol li {
display: inline-block;
font-size: var(--font-size-medium);
color: #fff !important;
margin: 0;
cursor: pointer;
list-style: none;
font-weight: 500;
letter-spacing: 0.5px;
user-select: none; } #navcontainer ol li[data-filter] {
background: var(--color-primary);
padding: var(--padding-button);
transition: var(--transition-fast);
border-radius: var(--radius-small);
text-transform: uppercase;
box-shadow: var(--shadow-small);
}
#navcontainer ol li[data-filter]:hover {
background: var(--color-primary-light);
color: var(--color-bg);
transform: translateY(-2px);
}
#navcontainer ol li[data-filter].active {
background: var(--color-active);
color: var(--color-bg);
position: relative;
} #navcontainer ol li[data-filter].active:after {
content: '';
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
width: 30%;
height: 2px;
background: var(--color-bg);
border-radius: var(--radius-small);
} #navcontainer ol li a {
display: block;
color: #fff !important;
background: var(--color-primary);
padding: var(--padding-button);
font-size: var(--font-size-medium);
transition: var(--transition-fast);
border-radius: var(--radius-small);
text-decoration: none;
}
#navcontainer ol li a:hover {
background: var(--color-primary-light);
color: #fff;
}
#navcontainer > ol > li.act > a,
#navcontainer ol li.active > a {
background: var(--color-active);
color: #fff;
} #filters > li.otrocat a {
background: var(--color-other-cat) !important;
}  #navcontainer ol li.btn-tipo[data-filter] {
background: var(--btn, var(--color-primary));
}
#navcontainer ol li.btn-tipo[data-filter]:hover {
background: var(--btn-hover, var(--btn, var(--color-primary-light)));
}
#navcontainer ol li.btn-tipo[data-filter].active {
background: var(--btn-active, var(--btn, var(--color-active)));
} #navcontainer ol li.junior {
--btn: var(--color-junior);
--btn-hover: #6B7BC8;
--btn-active: #4A59AA;
}
#navcontainer ol li.bunk {
--btn: var(--color-bunk);
--btn-hover: #a2ce2a;
--btn-active: #86b019;
}
#navcontainer ol li.wardrobes {
--btn: var(--color-wardrobes);
--btn-hover: #60b6bd;
--btn-active: #4a989e;
}
#navcontainer ol li.pullout    { --btn: var(--color-pullout); } #navcontainer ol li.wall       { --btn: var(--color-wall); } #navcontainer ol li.kids       { --btn: var(--color-kids); } #navcontainer ol li.baby       { --btn: var(--color-baby); } #navcontainer ol li.bedrooms   { --btn: var(--color-bedrooms); } #navcontainer ol li.modular    { --btn: var(--color-modular); } #navcontainer ol li.aux        { --btn: var(--color-aux); } #navcontainer ol li.office     { --btn: var(--color-office); }  #navcontainer ol li.wall-h      { --btn: #b45cc6; } #navcontainer ol li.wall-v      { --btn: #d894e4; } #navcontainer ol li.wall-double { --btn: #a147b3; } #navcontainer ol li.wall-twin   { --btn: #e3b0eb; } #navcontainer ol li.wardrobes-custom { --btn: #5cbcc4; } #navcontainer ol li.doors-hinged     { --btn: #3f8f96; } #navcontainer ol li.doors-sliding    { --btn: #6fbcc2; } #navcontainer ol li.builtin          { --btn: #2f767c; } #navcontainer ol li.walkin           { --btn: #8fd0d5; } #navcontainer ol li.brand-up    { --btn: #b0566a; }
#navcontainer ol li.brand-flat  { --btn: #c47a5b; }
#navcontainer ol li.brand-grow  { --btn: #7a9b5e; }
#navcontainer ol li.brand-pukka { --btn: #8a6ba8; }
#navcontainer ol li.brand-nest  { --btn: #4f8fa8; } #navcontainer ol li.c-sub {
display: grid;
padding: 0;
}
#navcontainer ol li.c-sub ul.submenu {
padding: 5px;
margin: 0;
background: #f5f5f5;
border-radius: var(--radius-medium);
box-shadow: var(--shadow-medium);
list-style: none;
}
#navcontainer ol li.c-sub ul.submenu li {
display: inline-block;
cursor: pointer;
list-style: none;
margin-bottom: 0;
font-size: var(--font-size-small);
padding: 8px 12px;
}
#navcontainer ol li.c-sub ul.submenu li a {
padding: 6px 10px;
font-size: var(--font-size-small);
color: #455a64;
text-decoration: none;
transition: var(--transition-fast);
display: block;
}
#navcontainer ol li.c-sub ul.submenu li a.active {
background: var(--color-active);
color: var(--color-bg);
border-radius: var(--radius-small);
}
#navcontainer ol li.c-sub ul.submenu li a:hover {
background: var(--color-primary-light);
color: var(--color-bg);
border-radius: var(--radius-small);
} #d-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--gap-small);
margin: var(--gap-medium) 0;
}
#d-links a {
padding: 8px 15px;
border: 1px solid var(--color-border);
border-radius: var(--radius-small);
text-decoration: none; color: #333333;
font-size: var(--font-size-small);
transition: var(--transition-fast);
}
#d-links a:hover {
background: #f5f5f5;
color: var(--color-primary-dark);
border-color: var(--color-primary-dark);
} span.scplc:hover {
cursor: pointer;
}  @media only screen and (max-width: 1079px) {
div#containerpint {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
div#containerpint div.itempint {
margin-bottom: 0;
width: 100%;
} #navcontainer ol {
flex-direction: row;
justify-content: center;
} #navcontainer ol li[data-filter] {
margin-bottom: var(--gap-small);
padding: 8px 12px;
font-size: var(--font-size-small);
} #navcontainer ol li a {
font-size: calc(var(--font-size-medium) - 2px);
padding: 8px 12px;
}
} @media only screen and (max-width: 540px) {
:root {
--gap-large: 15px; }
#navcontainer ol li.c-sub {
position: relative !important;
width: 95% !important;
}
#navcontainer ol li a {
font-size: calc(var(--font-size-medium) - 2px);
padding: 6px 10px;
}
} @media only screen and (min-width: 1080px) and (max-width: 1579px) {
div#containerpint {
width: 1080px !important;
}
} @media only screen and (min-width: 900px) {
#navcontainer ol li.c-sub {
position: absolute;
width: 100%;
}
div#containerpint.m-sub {
margin-top: 40px;
} .row_pinterest_submenu div#containerpint.m-sub {
margin-top: 60px !important;
}
} .et_pb_row_1 {
width: 100% !important;
padding: 0 !important;
} .page-id-14180 div#containerpint {
margin-top: 60px !important;
}
.page-id-14180 .et_pb_row_1 {
padding-top: 15px !important;
}
@media all and (max-width: 900px) {
.page-id-14180 div#containerpint {
margin-top: 10px !important;
}
}  div#containerpint div.itempint {
contain: layout style; backface-visibility: hidden; } div#containerpint a.pint img.lazyload {
opacity: 1;
transition: opacity 0.3s ease;
}
div#containerpint a.pint img.lazyloaded {
opacity: 1;
} div#containerpint a.pint {
position: relative;
overflow: hidden;
background-color: #f5f5f5; display: block; } div#containerpint a.pint img {
display: block;
width: 100%;
height: auto;
max-width: 100%; } div#containerpint a.pint img.lazyload {
opacity: 1;
background-color: #f0f0f0;
transition: opacity 0.3s ease, background-color 0.3s ease;
background-color: none;
}
div#containerpint a.pint img.lazyloaded {
opacity: 1;
background-color: transparent;
}  .scp-image-container {
position: relative;
display: block;
} .scp-ficha-btn {
position: absolute;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
color: white;
padding: 8px 12px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
z-index: 999;
pointer-events: auto;
border-radius: 0;
}
.scp-ficha-btn:hover {
background: rgba(0, 0, 0, 0.9);
color: white;
text-decoration: none;
} .scp-ampliar-btn {
position: absolute;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
color: white;
padding: 8px 12px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
z-index: 999;
pointer-events: auto;
border-radius: 0;
}
.scp-ampliar-btn:hover {
background: rgba(0, 0, 0, 0.9);
color: white;
text-decoration: none;
} .scp-image-container .pint {
display: block;
position: relative;
} div#containerpint span.scp-pint-new {
display: block;
position: absolute;
top: 0;
right: 0;
width: 75px;
height: 75px;
padding: 0;
margin: 0;
z-index: 2;
pointer-events: none; overflow: hidden; }
div#containerpint a.pint img.new {
display: inherit;
width: 75px !important;
height: 75px !important;
background-color: none !important;
}