.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpml-ls-legacy-dropdown{width:15.5em;max-width:100%}.wpml-ls-legacy-dropdown>ul{position:relative;padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu{visibility:visible}.wpml-ls-legacy-dropdown .wpml-ls-item{padding:0;margin:0;list-style-type:none}.wpml-ls-legacy-dropdown a{display:block;text-decoration:none;color:#444;border:1px solid #cdcdcd;background-color:#fff;padding:5px 10px;line-height:1}.wpml-ls-legacy-dropdown a span{vertical-align:middle}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{position:relative;padding-right:calc(10px + 1.4em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{padding-right:10px;padding-left:calc(10px + 1.4em)}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{content:"";vertical-align:middle;display:inline-block;border:.35em solid transparent;border-top:.5em solid;position:absolute;right:10px;top:calc(50% - .175em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right:auto;left:10px}.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown a:focus,.wpml-ls-legacy-dropdown a:hover{color:#000;background:#eee}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{visibility:hidden;position:absolute;top:100%;right:0;left:0;border-top:1px solid #cdcdcd;padding:0;margin:0;list-style-type:none;z-index:101}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border-width:0 1px 1px}.wpml-ls-legacy-dropdown .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:0;margin-right:.4em}body.home #home_b4 .bg .content .img_container img, #mod_half_text_half_image .flex .right .img img, #mod_info .bg .content .img_container img, .tax-cat-producto #primary #mod_caracteristicas .bg .content .img_container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
object-fit: cover;
}     html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
margin-bottom: 0;
}
.hl0 {
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 65px;
line-height: 76px;
}
.hl0.reg {
font-weight: 400;
}
@media (max-width:1199px) and (min-width: 768px) {
.hl0 {
font-size: 54px;
line-height: 60px;
}
}
@media (max-width: 767px) {
.hl0 {
font-size: 38px;
line-height: 45px;
}
}
.hl1 {
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 54px;
}
.hl1.reg {
font-weight: 400;
}
@media (max-width:1199px) and (min-width: 768px) {
.hl1 {
font-size: 40px;
line-height: 48px;
}
}
@media (max-width: 767px) {
.hl1 {
font-size: 36px;
line-height: 42px;
}
}
.hl2 {
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 42px;
}
.hl2.reg {
font-weight: 400;
}
@media (max-width:1199px) and (min-width: 768px) {
.hl2 {
font-size: 32px;
line-height: 38px;
}
}
@media (max-width: 767px) {
.hl2 {
font-size: 28px;
line-height: 32px;
}
}
.hl3 {
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 38px;
}
.hl3.reg {
font-weight: 400;
}
@media (max-width:1199px) and (min-width: 768px) {
.hl3 {
font-size: 28px;
line-height: 34px;
}
}
@media (max-width: 767px) {
.hl3 {
font-size: 24px;
line-height: 30px;
}
}
.hl4 {
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 26px;
}
.hl4.reg {
font-weight: 400;
}
@media (max-width:1199px) and (min-width: 768px) {
.hl4 {
font-size: 20px;
line-height: 26px;
}
}
@media (max-width: 767px) {
.hl4 {
font-size: 20px;
line-height: 24px;
}
}
.hl1.center, .hl2.center, .hl3.center, .hl4.center, .hl5.center {
text-align: center;
}
.hl1:first-child, .hl2:first-child, .hl3:first-child, .hl4:first-child, .hl5:first-child {
margin-top: 0;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
.body1 {
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 400;
}
.body1.bold {
font-weight: 600;
}
.body2 {
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 400;
}
.body2.bold {
font-weight: 600;
}
.body3 {
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.body3.bold {
font-weight: 600;
} body {
background: #fff;
padding-top: 88px;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: inherit;
text-decoration: inherit;
}
a:visited {
color: inherit;
}
a:hover, a:focus, a:active {
color: inherit;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
} button,
input[type=button],
input[type=reset],
input[type=submit],
a.button {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px 20px 7px;
gap: 10px;
height: 46px;
width: fit-content; border: 1px solid #0F253A;
border-radius: 63px;
}
button:hover, button.active,
input[type=button]:hover,
input[type=button].active,
input[type=reset]:hover,
input[type=reset].active,
input[type=submit]:hover,
input[type=submit].active,
a.button:hover,
a.button.active {
background-color: #0F253A;
color: #FCFCFC;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus,
a.button:active,
a.button:focus {
border-color: #aaa #bbb #bbb;
}
button.type2,
input[type=button].type2,
input[type=reset].type2,
input[type=submit].type2,
a.button.type2 {
background-color: #E9D7C3;
color: #0F253A;
border-color: #E9D7C3;
}
button.type2:hover, button.type2.active,
input[type=button].type2:hover,
input[type=button].type2.active,
input[type=reset].type2:hover,
input[type=reset].type2.active,
input[type=submit].type2:hover,
input[type=submit].type2.active,
a.button.type2:hover,
a.button.type2.active {
background-color: #0F253A;
color: #FCFCFC;
border-color: #0F253A;
}
button.type3,
input[type=button].type3,
input[type=reset].type3,
input[type=submit].type3,
a.button.type3 {
background-color: transparent;
color: #FCFCFC;
border-color: #FCFCFC;
}
button.type3:hover, button.type3.active,
input[type=button].type3:hover,
input[type=button].type3.active,
input[type=reset].type3:hover,
input[type=reset].type3.active,
input[type=submit].type3:hover,
input[type=submit].type3.active,
a.button.type3:hover,
a.button.type3.active {
background-color: #FCFCFC;
color: #0F253A;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.menu-toggle {
display: flex;
border-radius: 0;
border: none;
background-color: transparent;
justify-content: center;
align-items: center;
padding: 0px;
}
.menu-toggle:hover {
background-color: inherit;
}
@media screen and ((min-width: 1200px)) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
.ariadna {
margin-bottom: 68px;
}
.ariadna a {
opacity: 0.7;
}
.ariadna a:last-child {
opacity: 1;
} .sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} .main_wrap {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
@media (max-width:1199px) and (min-width: 768px) {
.main_wrap {
width: calc(100% - 48px);
}
}
@media (max-width: 767px) {
.main_wrap {
width: calc(100% - 30px);
}
}
.medium_wrap {
max-width: 970px;
margin-left: auto;
margin-right: auto;
}
@media (max-width:1199px) and (min-width: 768px) {
.medium_wrap {
width: calc(100% - 48px);
}
}
@media (max-width: 767px) {
.medium_wrap {
width: calc(100% - 30px);
}
}
.mini_wrap {
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
@media (max-width:1199px) and (min-width: 768px) {
.mini_wrap {
width: calc(100% - 48px);
max-width: 596px;
}
}
@media (max-width: 767px) {
.mini_wrap {
width: calc(100% - 30px);
}
}
.resp {
display: none !important;
}
@media ((max-width: 767px)) {
.resp.mobile {
display: block !important;
}
.resp.mobile.button {
display: flex !important;
}
}
@media ((max-width:1199px) and (min-width: 768px)) {
.resp.tablet {
display: block !important;
}
.resp.tablet.button {
display: flex !important;
}
}
@media ((min-width: 1200px)) {
.resp.desktop {
display: block !important;
}
.resp.desktop.button {
display: flex !important;
}
}
#masthead {
height: 88px;
display: flex;
background: #FCFCFC;
color: #0F253A;
box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.1);
align-items: center;
position: fixed;
width: 100%;
z-index: 50;
top: 0;
left: 0;
}
@media ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) {
#masthead {
padding-left: 24px;
padding-right: 24px;
}
}
#masthead .flex {
display: flex;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
#masthead .flex #site-navigation {
display: block;
width: fit-content;
}
@media ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) {
#masthead .flex #site-navigation {
display: none;
}
}
#masthead .flex #site-navigation #primary-menu {
display: block;
}
#masthead .flex #site-navigation #primary-menu li {
display: inline-block;
margin: 0 20px;
}
#masthead .flex #site-navigation #primary-menu li:first-child {
margin-left: 0;
}
#masthead .flex #site-navigation #primary-menu li:last-child {
margin-right: 0;
}
#masthead .flex #site-navigation #primary-menu li.bold {
font-weight: bold;
}
#masthead .flex #site-navigation #primary-menu li.current-menu-parent > a, #masthead .flex #site-navigation #primary-menu li.current-menu-item > a, #masthead .flex #site-navigation #primary-menu li:hover > a {
opacity: 0.7;
}
#masthead .flex #site-navigation #primary-menu li ul {
background-color: #fff;
padding: 18px;
padding-top: 48px;
margin-left: -18px;
}
#masthead .flex #site-navigation #primary-menu li ul li {
display: block;
margin: 0;
width: fit-content;
margin-bottom: 2px;
}
#masthead .flex #site-navigation #primary-menu li ul li a {
width: auto;
white-space: nowrap;
}
#masthead .flex #site-navigation #primary-menu li.double ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 20px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#masthead .flex .muestra {
margin-left: auto;
margin-right: 85px;
}
}
#masthead .flex .wpml-ls-legacy-dropdown {
width: fit-content;
}
@media ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) {
#masthead .flex .wpml-ls-legacy-dropdown {
display: none;
}
}
#masthead .flex .wpml-ls-legacy-dropdown a {
background-color: transparent;
border: none;
}
#masthead .flex .wpml-ls-legacy-dropdown a:hover {
color: inherit;
}
#masthead .flex .wpml-ls-legacy-dropdown a:focus {
color: inherit;
outline: none;
}
#masthead .flex .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
color: inherit;
}
#masthead .flex .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
border-top: none;
}
#masthead .flex .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:after {
border: none;
width: 12px;
height: 8px;
background-image: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/lang_arrow.svg);
}
#masthead #mobile_menu {
display: none;
position: fixed;
top: 0;
right: 0;
height: 100vh;
width: 100vh;
z-index: 100;
flex-flow: column;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.3);
}
@media ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) {
#masthead #mobile_menu.toggled {
display: flex;
}
}
#masthead #mobile_menu .menu_wrap {
width: 80%;
height: 100vh;
background-color: #0F253A;
position: fixed;
right: 0;
}
#masthead #mobile_menu .head {
padding: 33px 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
#masthead #mobile_menu .head svg path {
fill: #fff;
}
#masthead #mobile_menu .content {
text-align: center;
}
#masthead #mobile_menu .content .menu-menu-movil-container {
width: 100%;
}
#masthead #mobile_menu .content #mobile-menu {
margin: 0;
padding: 0;
list-style: none;
color: #FCFCFC;
position: relative;
font-size: 16px;
min-height: 398px;
}
#masthead #mobile_menu .content #mobile-menu li {
margin: 0px;
padding: 0;
white-space: nowrap;
margin-bottom: 30px;
}
#masthead #mobile_menu .content #mobile-menu li a {
font-size: 18px;
line-height: 1em;
}
#masthead #mobile_menu .content #mobile-menu li.menu-item-has-children > a {
display: flex;
width: fit-content;
margin: auto;
align-items: center;
}
#masthead #mobile_menu .content #mobile-menu li.menu-item-has-children > a:after {
content: "";
display: inline-block;
width: 8px;
height: 12px;
margin-left: 5px;
background-image: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/menu_arrow_r.svg);
background-size: cover;
background-position: center;
transition: 0.3s linear;
}
#masthead #mobile_menu .content #mobile-menu li ul {
margin: 0;
padding: 0;
position: absolute;
top: 0px;
left: 100%;
list-style: none;
transform: translateX(0%);
background-color: #0F253A;
z-index: 1;
transition: 0.2s linear;
min-width: 100%;
}
#masthead #mobile_menu .content #mobile-menu li ul li {
margin-bottom: 18px;
}
#masthead #mobile_menu .content #mobile-menu li ul li a {
font-size: 16px;
}
#masthead #mobile_menu .content #mobile-menu li ul li a[href="#back"] {
font-size: 18px;
font-weight: bold;
}
#masthead #mobile_menu .content #mobile-menu li ul li a[href="#back"]:before {
content: "";
display: inline-block;
width: 8px;
height: 12px;
margin-right: 5px;
background-image: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/menu_arrow_l.svg);
background-size: cover;
background-position: center;
transition: 0.3s linear;
transform: rotate(180deg);
}
#masthead #mobile_menu .content #mobile-menu li.focus ul {
left: 50%;
transform: translateX(-50%);
min-height: 99%;
}
#masthead #mobile_menu .footer {
justify-content: space-between;
margin-bottom: 20%;
}
#masthead #mobile_menu .footer .button {
margin: auto;
}
#masthead #mobile_menu .footer .language-block {
color: #fff;
display: flex;
justify-content: center;
margin-top: 10px;
}
#masthead #mobile_menu .footer .language-block .wpml-ls-native {
margin: 0 7px;
}
#colophon {
background-color: #0F253A;
color: #FCFCFC;
padding-top: 37px;
padding-bottom: 20px;
}
#colophon .site-info .cols {
display: flex;
gap: 30px;
}
#colophon .site-info .cols .col {
flex: 1;
}
#colophon .site-info .cols .col.left .items .item {
position: relative;
}
#colophon .site-info .cols .col.left .items .item .logo {
position: absolute;
top: 0;
left: 0;
}
#colophon .site-info .cols .col.left .items .item .text {
padding-left: 30px;
}
#colophon .site-info .cols .col.center .menus {
display: flex;
flex: 1;
gap: 30px;
}
#colophon .site-info .cols .col.center .menus .menu {
list-style: none;
margin: 0;
padding: 0;
}
#colophon .site-info .cols .col.center .menus .menu a {
font-size: 14px;
}
#colophon .site-info .cols .col.center .menus .menu a:hover {
opacity: 0.7;
}
#colophon .site-info .cols .col.right .xxss {
display: flex;
}
#colophon .site-info .cols .col.right .xxss img {
margin-left: 10px;
}
#colophon .site-info .cols .col.right .button {
font-size: 14px;
}
#colophon .site-info .cols .col .title {
margin-bottom: 15px;
}
#colophon .site-info .bottom {
display: flex;
column-gap: 15px;
padding-top: 30px;
}
#colophon .site-info .bottom .copyR {
flex: 1;
}
#colophon .site-info .bottom .copyR p {
margin: 0;
}
#colophon .site-info .bottom .menu-menu-legal-container {
flex: 2;
}
#colophon .site-info .bottom .menu-menu-legal-container #legal-menu {
margin: 0;
padding: 0;
display: flex;
font-size: 14px;
gap: 15px;
}
#colophon .site-info .bottom .menu-menu-legal-container #legal-menu li {
display: inline;
flex: 1;
}
#colophon .site-info .bottom .menu-menu-legal-container #legal-menu li:last-child {
flex: 2;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#colophon .site-info .cols {
flex-flow: wrap;
}
#colophon .site-info .cols .col {
flex: inherit;
width: calc(50% - 15px);
}
#colophon .site-info .cols .col.right {
width: 100%;
}
#colophon .site-info .bottom {
flex-flow: column;
}
#colophon .site-info .bottom .copyR {
margin-bottom: 15px;
}
}
@media ((max-width: 767px)) {
#colophon .site-info .cols {
flex-flow: column;
}
#colophon .site-info .cols .col {
width: 100%;
}
#colophon .site-info .bottom {
flex-flow: column;
}
#colophon .site-info .bottom .copyR {
margin-bottom: 15px;
order: 2;
}
#colophon .site-info .bottom .menu-menu-legal-container {
order: 1;
margin-bottom: 20px;
}
}
.site-main header {
background-color: transparent;
}
.error404 #primary {
min-height: calc(100vh - 400px);
}
.error-404 {
text-align: center;
padding: 60px 0;
color: #0F253A;
}
.error-404 .button {
margin-left: auto;
margin-right: auto;
}
body.blog .header {
text-align: center;
color: #0F253A;
margin-bottom: 74px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
body.blog .header {
margin-bottom: 55px;
}
}
@media ((max-width: 767px)) {
body.blog .header {
margin-bottom: 30px;
}
}
body.blog .header .title {
margin-bottom: 30px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
body.blog .header .title {
margin-bottom: 20px;
}
}
@media ((max-width: 767px)) {
body.blog .header .title {
margin-bottom: 22px;
}
}
body.blog .header .subtitle {
margin-top: 0;
margin-bottom: 0;
}
body.blog .posts {
display: flex;
flex-flow: wrap;
gap: 30px;
margin-bottom: 80px;
}
body.blog #load-more {
margin: 29px auto 60px auto;
}
body.blog #bottom_banner {
background-color: #FAF5F0;
color: #0F253A;
padding: 40px;
text-align: center;
}
body.blog #bottom_banner .button {
margin: auto;
}
.post-preview {
margin: 0;
flex: 0 0 calc(33.33% - 20px);
}
@media ((max-width:1199px) and (min-width: 768px)) {
.post-preview {
flex: 0 0 calc(50% - 15px);
}
}
@media ((max-width: 767px)) {
.post-preview {
flex: 0 0 100%;
}
}
.post-preview img {
width: 100%;
display: block;
margin-bottom: 13px;
}
.post-preview .img_foot .data {
margin-top: 0;
margin-bottom: 10px;
color: #979797;
}
.post-preview .img_foot .data .category {
color: #0F253A;
}
.post-preview .title {
margin-top: 0;
margin-bottom: 0;
line-height: 1em;
color: #0F253A;
}
.post-preview .title:hover {
text-decoration: underline;
}
.single-post .site-main {
padding-top: 20px;
}
.single-post .site-main #post_header {
max-width: calc(100% - 300px);
margin-bottom: 40px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-post .site-main #post_header {
max-width: calc(100% - 248px);
}
}
@media ((max-width: 767px)) {
.single-post .site-main #post_header {
max-width: 100%;
}
}
.single-post .site-main #post_header .ariadna {
margin-bottom: 50px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-post .site-main #post_header .ariadna {
margin-bottom: 36px;
}
}
@media ((max-width: 767px)) {
.single-post .site-main #post_header .ariadna {
margin-bottom: 30px;
}
}
.single-post .site-main #post_header .title {
color: #0F253A;
margin-bottom: 10px;
}
.single-post .site-main #post_header .date {
color: #979797;
margin: 0;
}
.single-post .site-main .content {
display: flex;
gap: 30px;
margin-bottom: 40px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-post .site-main .content {
gap: 24px;
}
}
@media ((max-width: 767px)) {
.single-post .site-main .content {
flex-flow: column;
}
}
.single-post .site-main .content .left {
flex: 1;
}
.single-post .site-main .content .left *:first-child {
margin-top: 0;
}
.single-post .site-main .content .left .title {
color: #0F253A;
}
@media ((max-width: 767px)) {
.single-post .site-main .content .left .wp-block-image {
position: relative;
padding-top: 75%;
}
.single-post .site-main .content .left .wp-block-image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
object-fit: cover;
}
}
.single-post .site-main .content .left .xxss {
color: #0F253A;
}
.single-post .site-main .content .left .xxss p {
display: flex;
}
.single-post .site-main .content .left .xxss p img {
margin-left: 7px;
}
.single-post .site-main .content .right {
width: 270px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-post .site-main .content .right {
width: 224px;
}
}
@media ((max-width: 767px)) {
.single-post .site-main .content .right {
width: 100%;
}
}
.single-post .site-main .content .right .card {
position: sticky;
top: 20px;
padding: 40px 20px;
background-color: #FAF5F0;
color: #0F253A;
}
.single-post .site-main .content .right .card .title {
margin-top: 0;
margin-bottom: 40px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-post .site-main .content .right .card .title {
margin-bottom: 30px;
}
}
@media ((max-width: 767px)) {
.single-post .site-main .content .right .card .title {
margin-bottom: 20px;
}
}
.single-post .site-main .content .right .card .text {
margin-bottom: 40px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-post .site-main .content .right .card .text {
margin-bottom: 30px;
}
}
.single-post .site-main .content .right .card .button {
margin: auto;
}
.single-post .site-main #last_posts {
margin-bottom: 80px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-post .site-main #last_posts {
margin-bottom: 55px;
}
}
@media ((max-width: 767px)) {
.single-post .site-main #last_posts {
margin-bottom: 40px;
}
}
.single-post .site-main #last_posts .title {
color: #0F253A;
}
.single-post .site-main #last_posts .posts {
display: flex;
gap: 30px;
}
@media ((max-width: 767px)) {
.single-post .site-main #last_posts .posts {
flex-flow: column;
}
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-post .site-main #last_posts .posts .post-preview:nth-child(3) {
display: none;
}
}
@media ((max-width: 767px)) {
.single-post .site-main #last_posts .posts .post-preview {
flex-basis: 100%;
}
}
.single-post .site-main #mod_asesoramiento {
background-color: #FAF5F0;
margin-bottom: 0;
padding: 40px 0;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-post .site-main #mod_asesoramiento {
padding: 30px 0;
}
}
@media ((max-width: 767px)) {
.single-post .site-main #mod_asesoramiento {
padding: 25px 0;
}
}
.single-producto #main_block {
display: flex;
gap: 30px;
margin-bottom: 70px;
}
@media ((max-width: 767px)) {
.single-producto #main_block {
flex-flow: column;
}
}
.single-producto #main_block .left, .single-producto #main_block .right {
width: calc(50% - 15px);
}
@media ((max-width: 767px)) {
.single-producto #main_block .left, .single-producto #main_block .right {
width: 100%;
}
}
.single-producto #main_block .left {
position: relative;
}
.single-producto #main_block .left .s_lupa {
position: absolute;
top: 20px;
left: 20px;
z-index: 20;
cursor: pointer;
}
.single-producto #main_block .left .slider .slick-arrow {
z-index: 10;
}
.single-producto #main_block .left .slider .slick-arrow:before {
content: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/slideArrow.svg);
display: block;
}
.single-producto #main_block .left .slider .slick-arrow.slick-prev {
left: 20px;
}
.single-producto #main_block .left .slider .slick-arrow.slick-next {
right: 20px;
}
.single-producto #main_block .left .slider .slick-arrow.slick-next:before {
transform: rotate(180deg);
}
.single-producto #main_block .left .slider .item .imagen {
padding-top: 100%;
position: relative;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-producto #main_block .left .slider .item .imagen {
padding-top: 140%;
}
}
.single-producto #main_block .left .slider .item .imagen img {
position: absolute;
top: 50%;
left: 50%;
transform: scale(1) translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
object-fit: cover;
}
.single-producto #main_block .left .slider .item .imagen.zoomed img {
transform: scale(2);
}
.single-producto #main_block .right .title, .single-producto #main_block .right .selected_color {
color: #0F253A;
}
.single-producto #main_block .right .title {
margin-bottom: 0;
}
.single-producto #main_block .right .selected_color {
margin-top: 5px;
margin-bottom: 35px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-producto #main_block .right .selected_color {
margin-bottom: 16px;
}
}
@media ((max-width: 767px)) {
.single-producto #main_block .right .selected_color {
margin-bottom: 14px;
}
}
.single-producto #main_block .right .text {
color: #767785;
margin-bottom: 35px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.single-producto #main_block .right .text {
margin-bottom: 22px;
}
}
@media ((max-width: 767px)) {
.single-producto #main_block .right .text {
margin-bottom: 20px;
}
}
.single-producto #main_block .right .text p:first-child {
margin-top: 0;
}
.single-producto #main_block .right .text p:last-child {
margin-bottom: 0;
}
.single-producto #main_block .right .colors_title {
color: #0F253A;
margin-bottom: 13px;
}
.single-producto #main_block .right .colors_title .num {
color: #979797;
}
.single-producto #main_block .right #color_items_fletxes {
display: flex;
justify-content: flex-end;
margin-bottom: 13px;
}
.single-producto #main_block .right #color_items_fletxes .slick-prev, .single-producto #main_block .right #color_items_fletxes .slick-next {
position: static;
display: block;
width: 8px;
height: 12px;
transform: none;
border-radius: 0;
margin-left: 20px;
}
.single-producto #main_block .right #color_items_fletxes .slick-prev:before, .single-producto #main_block .right #color_items_fletxes .slick-next:before {
content: "";
background-image: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/mini_arrow_r.svg);
width: 8px;
height: 12px;
display: block;
background-size: contain;
background-repeat: no-repeat;
}
.single-producto #main_block .right #color_items_fletxes .slick-prev:before {
transform: rotate(180deg);
}
.single-producto #main_block .slick-track {
margin-left: 0;
}
.single-producto #main_block .items {
display: block;
margin: -7px;
width: calc(100% + 14px);
}
.single-producto #main_block .items .item {
padding: 7px;
}
.single-producto #main_block .items .item .item_content {
display: block;
}
.single-producto #main_block .items .item .item_content .thumbnail {
padding-top: 100%;
border: 1.5px solid #fff;
}
.single-producto #main_block .items .item .item_content .item_title {
margin: 0;
text-align: center;
}
.single-producto #main_block .items .item input {
display: none;
}
.single-producto #main_block .items .item input:checked + .item_content .thumbnail {
border: 1.5px solid #0F253A;
}
.single-producto #main_block .items .item input:checked + .item_content .item_title {
font-weight: bold;
}
#product_slider_popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 20;
}
@media ((min-width: 1200px)) {
#product_slider_popup {
top: 88px;
height: calc(100vh - 88px);
}
}
#product_slider_popup.show {
display: flex;
}
#product_slider_popup .popup {
background-color: white;
display: block;
width: 60vh;
height: auto;
position: relative;
}
#product_slider_popup .popup .close {
position: absolute;
top: -23px;
right: 0;
}
#product_slider_popup .popup .slider .item .imagen {
padding-top: 100%;
position: relative;
}
#product_slider_popup .popup .slider .item .imagen img {
position: absolute;
top: 50%;
left: 50%;
transform: scale(1) translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
object-fit: cover;
}
#product_slider_popup .popup .slider .item .imagen.zoomed img {
transform: scale(3);
}
#block_especificaciones {
margin-bottom: 70px;
}
#block_especificaciones .tabs {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
margin-bottom: 42px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#block_especificaciones .tabs {
gap: 24px;
margin-bottom: 24px;
}
}
@media ((max-width: 767px)) {
#block_especificaciones .tabs {
display: block;
width: 100%;
}
}
#block_especificaciones .tabs .tab {
border-bottom: 2px solid #0F253A;
opacity: 0.2;
}
@media ((max-width: 767px)) {
#block_especificaciones .tabs .tab {
margin: 0 10px;
}
}
#block_especificaciones .tabs .tab.active {
opacity: 1;
}
#block_especificaciones .tab_content {
font-size: 18px;
color: #767785;
}
#block_especificaciones .tab_content .items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#block_especificaciones .tab_content .items {
gap: 24px;
}
}
#block_especificaciones .tab_content .items.title-text .titulo {
margin-bottom: 12px;
}
#block_especificaciones .tab_content .items.title-text .texto {
color: #767785;
}
#block_especificaciones .tab_content .items.title-text .texto p:first-child {
margin-top: 0;
}
#block_especificaciones .tab_content .items.logo-text .icon {
display: block;
}
#block_especificaciones .tab_content .items.logo-text .text {
margin-top: 5px;
margin-bottom: 0;
line-height: 1em;
}
@media ((max-width: 767px)) {
#block_especificaciones .tab_content .items.item-text {
display: flex;
flex-flow: column;
gap: 14px;
}
}
#block_especificaciones .tab_content .items.item-text .item .body1 {
margin-bottom: 0;
}
#block_especificaciones .tab_content .items.item-text .item .texto {
color: #767785;
}
#block_especificaciones .tab_content .items.item-text .item .texto p:first-child {
margin-top: 0;
}
#block_especificaciones .tab_content .items.item-text .item .texto p:last-child {
margin-bottom: 0;
}
@media ((max-width: 767px)) {
#block_especificaciones .tab_content.descargables .items {
grid-template-columns: repeat(2, 1fr);
}
}
#block_especificaciones .tab_content.descargables .items .item .doc .icon {
display: block;
}
#block_especificaciones .tab_content.descargables .items .item .doc .text {
margin-top: 5px;
margin-bottom: 0;
line-height: 1em;
}
#block_especificaciones .tab_content.usos .hl4 {
margin-bottom: 22px;
}
@media ((max-width: 767px)) {
#block_especificaciones .tab_content.usos .items {
grid-template-columns: repeat(2, 1fr);
}
}
#block_especificaciones .tab_content.usos .items .item p:first-child {
margin-top: 0;
}
#block_especificaciones .tab_content.usos .items .item p:last-child {
margin-bottom: 0;
}
#block_especificaciones .tab_content.usos .items + .hl4 {
margin-top: 20px;
}
#block_otros {
margin-bottom: 74px;
}
#block_otros .hl2 {
color: #0F253A;
}
#block_otros .items {
width: 100%;
margin-top: 40px;
margin-bottom: 24px;
}
#block_otros .items .slick-list {
margin: 0 -15px;
}
#block_otros .items .item {
display: block;
width: calc((100% - 90px) / 4);
background-size: cover;
height: 418px;
position: relative;
margin-right: 15px;
margin-left: 15px;
}
#block_otros .items .item:hover:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
display: block;
background: linear-gradient(0deg, rgba(15, 37, 58, 0.6), rgba(15, 37, 58, 0.6)), url(https://www.dabedan.com/wp-content/themes/dabedan-theme/image.png);
z-index: 0;
}
#block_otros .items .item .title {
position: absolute;
bottom: 37px;
left: 25px;
margin: 0;
color: #FCFCFC;
}
#block_otros .items .item .title:after {
content: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/arrow.svg);
margin-left: 12px;
}
#block_otros .button {
display: flex;
width: fit-content;
margin: auto;
line-height: 1em;
}
.page-template-neutral-page-template .title {
text-align: center;
}
.post-type-archive-producto .page-header {
margin-bottom: 75px;
color: #0F253A;
}
@media ((max-width: 767px)) {
.post-type-archive-producto .page-header {
margin-bottom: 30px;
}
}
.post-type-archive-producto .cols {
display: flex;
gap: 30px;
}
.post-type-archive-producto .cols .right-header {
margin-bottom: 28px;
color: #0F253A;
}
.post-type-archive-producto .cols .right-header .titulo {
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 10px;
}
.post-type-archive-producto .cols .right-header .titulo .hl3 {
margin-bottom: 0;
}
.post-type-archive-producto .cols .order_and_pop {
display: flex;
}
@media ((max-width: 767px)) {
.post-type-archive-producto .cols .order_and_pop {
justify-content: space-between;
width: 100%;
}
}
.post-type-archive-producto .cols .order_and_pop #orderby {
background-color: transparent;
color: #0F253A;
border: none;
}
.post-type-archive-producto .cols .order_and_pop .filtros {
display: none;
}
.post-type-archive-producto .cols .left {
flex-basis: 270px;
}
.post-type-archive-producto .cols .left #left_sidebar .mobile_popup .close, .post-type-archive-producto .cols .left #left_sidebar .mobile_popup .button {
display: none;
}
.post-type-archive-producto .cols .left #left_sidebar .mobile_popup .sidebar_h {
margin-top: 20px;
}
.post-type-archive-producto .cols .left #left_sidebar .mobile_popup .sidebar_h .title {
display: flex;
justify-content: space-between;
}
.post-type-archive-producto .cols .left #left_sidebar .mobile_popup .sidebar_h .title .clear {
font-weight: 400;
font-size: 18px;
}
.post-type-archive-producto .cols .left .search_field {
border: 1px solid rgba(15, 37, 58, 0.5);
border-radius: 30px;
height: 44px;
width: 100%;
padding-left: 15px;
position: relative;
background: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/lupa.svg) no-repeat scroll right 12px center;
padding-right: 35px;
}
.post-type-archive-producto .cols .left .wpc-posts-found {
display: none;
}
.post-type-archive-producto .cols .left .wpc-filter-header .wpc-filter-title {
margin-bottom: 13px;
}
.post-type-archive-producto .cols .left .wpc-filter-header .wpc-filter-title button {
border-bottom: 1px solid rgba(15, 37, 58, 0.5);
border-radius: 0;
font-family: "Work Sans";
font-style: normal;
font-weight: 600;
font-size: 18px;
color: #0F253A;
height: auto;
padding-bottom: 11px;
}
.post-type-archive-producto .cols .left .wpc-filter-header .wpc-filter-title button .wpc-filter-selected-values {
visibility: visible;
opacity: 1;
margin-top: 10px;
}
.post-type-archive-producto .cols .left .wpc-filter-header .wpc-filter-title button .wpc-open-icon {
transition: all 0.2s linear;
}
.post-type-archive-producto .cols .left .wpc-filter-prod-color .wpc-filters-ul-list .wpc-checkbox-item {
width: fit-content;
display: inline-block;
}
.post-type-archive-producto .cols .left .wpc-filter-prod-color .wpc-filters-ul-list .wpc-checkbox-item label {
margin-left: 0;
padding-left: 0;
}
.post-type-archive-producto .cols .left .wpc-filter-prod-color .wpc-filters-ul-list .wpc-checkbox-item label a span {
margin-right: 0;
}
.post-type-archive-producto .cols .left .wpc-filter-prod-color .wpc-filters-ul-list .wpc-checkbox-item label .wpc-term-name {
display: none;
}
.post-type-archive-producto .cols .left .wpc-filter-prod-color .wpc-filters-ul-list .wpc-checkbox-item label:after {
content: none;
}
.post-type-archive-producto .cols .left .wpc-filter-prod-color .wpc-filters-ul-list .wpc-checkbox-item input[type=checkbox]:checked + label .wpc-term-swatch-wrapper {
border: 1px solid #0F253A;
}
.post-type-archive-producto .cols .left .wpc-term-item-content-wrapper input[type=checkbox] {
display: none;
}
.post-type-archive-producto .cols .left .wpc-term-item-content-wrapper input[type=checkbox] + label {
align-items: center;
justify-content: space-between;
width: 100%;
}
.post-type-archive-producto .cols .left .wpc-term-item-content-wrapper input[type=checkbox] + label:after {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #0F253A;
vertical-align: middle;
}
.post-type-archive-producto .cols .left .wpc-term-item-content-wrapper input[type=checkbox] + label .wpc-term-count {
display: none;
}
.post-type-archive-producto .cols .left .wpc-term-item-content-wrapper input[type=checkbox]:checked + label:after {
background-color: #0F253A;
}
.post-type-archive-producto .cols .right {
flex: 1;
padding-bottom: 47px;
}
.post-type-archive-producto .cols .right .search_field {
display: none;
}
@media ((max-width: 767px)), ((max-width:1199px) and (min-width: 768px)) {
.post-type-archive-producto .cols .right .search_field {
display: block;
border: 1px solid rgba(15, 37, 58, 0.5);
border-radius: 30px;
height: 44px;
width: 100%;
padding-left: 15px;
position: relative;
background: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/lupa.svg) no-repeat scroll right 12px center;
padding-right: 35px;
margin-bottom: 30px;
}
}
.post-type-archive-producto .cols .right .products {
display: flex;
flex-flow: wrap;
gap: 30px;
}
@media ((max-width: 767px)) {
.post-type-archive-producto .cols .right .products {
gap: 15px;
}
}
.post-type-archive-producto .cols .right .products .product {
flex-basis: calc(33.3% - 20px);
}
@media ((max-width: 767px)) {
.post-type-archive-producto .cols .right .products .product {
flex-basis: calc(50% - 7.5px);
}
}
.post-type-archive-producto .cols .right .products .product img {
width: 100%;
height: auto;
}
.post-type-archive-producto .cols .right .products .product .title {
margin-bottom: 2px;
}
.post-type-archive-producto .cols .right .products .product .colores {
margin: 0;
}
.post-type-archive-producto .cols .right .posts_recount {
text-align: center;
margin-top: 40px;
}
.post-type-archive-producto .cols .right #load_more {
margin: auto;
}
.post-type-archive-producto #mod_asesoramiento {
background-color: #FAF5F0;
padding: 40px 0;
margin-bottom: 0;
}
@media ((max-width: 767px)) {
.post-type-archive-producto #mod_asesoramiento {
padding: 30px 0;
}
}
@media ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) {
.post-type-archive-producto .cols {
gap: 0;
}
.post-type-archive-producto .cols .order_and_pop .filtros {
display: flex;
margin: 0 0 0 30px;
align-items: center;
}
.post-type-archive-producto .cols .order_and_pop .filtros .logo {
margin-right: 10px;
}
.post-type-archive-producto .cols .col.left {
flex-basis: 0;
width: 0;
height: 0;
overflow: hidden;
}
.post-type-archive-producto .cols .col.left #left_sidebar {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.3);
justify-content: center;
align-items: center;
z-index: 60;
overflow-y: scroll;
display: none;
}
.post-type-archive-producto .cols .col.left #left_sidebar.open {
display: flex;
}
.post-type-archive-producto .cols .col.left #left_sidebar .mobile_popup {
padding: 30px;
width: 80%;
background-color: #fff;
display: block;
position: relative;
padding-top: 60px;
}
.post-type-archive-producto .cols .col.left #left_sidebar .mobile_popup .close {
display: block;
position: absolute;
top: 24px;
right: 24px;
width: 26px;
height: 26px;
}
.post-type-archive-producto .cols .col.left #left_sidebar .mobile_popup .sidebar_h {
display: block;
}
.post-type-archive-producto .cols .col.left #left_sidebar .mobile_popup .button {
display: block;
margin-left: auto;
margin-right: auto;
}
.post-type-archive-producto .cols .right .right-header {
display: flex;
justify-content: space-between;
}
}
@media ((max-width:1199px) and (min-width: 768px)) and ((max-width: 767px)), ((max-width: 767px)) and ((max-width: 767px)) {
.post-type-archive-producto .cols .right .right-header {
flex-flow: column;
}
.post-type-archive-producto .cols .right .right-header .order_and_pop {
align-self: self-end;
}
}
@media ((max-width:1199px) and (min-width: 768px)) and ((max-width: 767px)), ((max-width:1199px) and (min-width: 768px)) and ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) and ((max-width: 767px)), ((max-width: 767px)) and ((max-width:1199px) and (min-width: 768px)) {
.post-type-archive-producto .cols .right .right-header {
margin-bottom: 20px;
}
}
@media ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) {
.post-type-archive-producto .cols .right .right-header .titulo {
margin-bottom: 0;
}
}
@media ((max-width:1199px) and (min-width: 768px)) and ((max-width: 767px)), ((max-width: 767px)) and ((max-width: 767px)) {
.post-type-archive-producto .cols .right .right-header .titulo {
margin-bottom: 13px;
}
}
@media ((max-width:1199px) and (min-width: 768px)) and ((max-width: 767px)), ((max-width:1199px) and (min-width: 768px)) and ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) and ((max-width: 767px)), ((max-width: 767px)) and ((max-width:1199px) and (min-width: 768px)) {
.post-type-archive-producto .cols .right .right-body {
padding-top: 55px;
}
}
@media ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) {
.post-type-archive-producto .cols .right .button.catalogo.mobile {
margin-bottom: 40px;
}
}
.post-type-archive-producto .button_catalogos {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px 20px 7px;
gap: 10px;
height: fit-content;
width: fit-content;
border: 1px solid #0F253A;
border-radius: 23px;
flex-flow: column;
position: absolute;
right: 0;
transition: all 2s linear;
background-color: #fff;
}
.post-type-archive-producto .button_catalogos .b_title {
margin: 0;
}
.post-type-archive-producto .button_catalogos.left {
right: auto;
left: 15px;
}
.post-type-archive-producto .button_catalogos:hover #catalogos {
display: block;
}
.post-type-archive-producto .button_catalogos #catalogos {
display: none;
width: 100%;
}
.post-type-archive-producto .button_catalogos #catalogos .term {
display: flex;
}
.post-type-archive-producto .button_catalogos #catalogos .term img {
width: 20px;
height: auto;
display: inline-block;
}
.post-type-archive-producto .button_catalogos #catalogos .term span {
margin-left: 10px;
}
.tax-cat-producto #primary header {
color: #FCFCFC;
padding: 37px 0 82px 0;
background-size: cover;
background-position: center;
}
.tax-cat-producto #primary header .ariadna {
margin-bottom: 68px;
}
.tax-cat-producto #primary header .titles_wrap {
max-width: 640px;
}
.tax-cat-producto #primary #mod_catalogo {
padding: 70px 0;
text-align: center;
}
.tax-cat-producto #primary #mod_catalogo .title {
color: #0F253A;
}
.tax-cat-producto #primary #mod_catalogo .items {
width: 100%;
margin-top: 40px;
margin-bottom: 24px;
}
.tax-cat-producto #primary #mod_catalogo .items .slick-list {
margin: 0 -15px;
}
.tax-cat-producto #primary #mod_catalogo .items .item {
display: block;
width: calc((100% - 90px) / 4);
background-size: cover;
height: 344px;
position: relative;
margin-right: 15px;
margin-left: 15px;
}
.tax-cat-producto #primary #mod_catalogo .items .item:hover:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
display: block;
background: linear-gradient(0deg, rgba(15, 37, 58, 0.6), rgba(15, 37, 58, 0.6)), url(https://www.dabedan.com/wp-content/themes/dabedan-theme/image.png);
z-index: 0;
}
.tax-cat-producto #primary #mod_catalogo .items .item .title {
position: absolute;
bottom: 37px;
left: 25px;
margin: 0;
color: #FCFCFC;
width: calc(100% - 50px);
}
.tax-cat-producto #primary #mod_catalogo .items .item .title:after {
content: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/arrow.svg);
margin-left: 12px;
}
.tax-cat-producto #primary #mod_catalogo .button {
display: flex;
width: fit-content;
margin: auto;
line-height: 1em;
}
.tax-cat-producto #primary #mod_caracteristicas {
margin-bottom: 100px;
}
.tax-cat-producto #primary #mod_caracteristicas .bg {
width: 100%;
margin: 44px 0;
background-color: #FAF5F0;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content {
display: flex;
gap: 30px;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .text_container, .tax-cat-producto #primary #mod_caracteristicas .bg .content .img_container {
flex: 1;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .text_container {
padding: 30px 0;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .text_container .titulo {
color: #0F253A;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .text_container .items {
display: flex;
flex-flow: wrap;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .text_container .items .item {
width: 50%;
margin-bottom: 40px;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .text_container .items .item img {
margin-bottom: 0;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .text_container .items .item p {
margin: 0;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .img_container {
display: flex;
margin: -44px 0;
background-color: red;
align-items: stretch;
position: relative;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.tax-cat-producto #primary #mod_caracteristicas .bg {
margin: 0;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .img_container {
margin: 30px 0;
height: 100%;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .img_container img {
position: static;
transform: none;
}
}
@media ((max-width: 767px)) {
.tax-cat-producto #primary #mod_caracteristicas .bg {
margin: 0;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content {
flex-flow: column;
gap: 20px;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .text_container {
order: 2;
padding: 0;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .img_container {
order: 1;
margin: 0;
width: 100%;
}
.tax-cat-producto #primary #mod_caracteristicas .bg .content .img_container img {
position: static;
transform: none;
width: 100%;
height: auto;
}
}
.tax-cat-producto #primary #mod_adicional {
margin-bottom: 70px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.tax-cat-producto #primary #mod_adicional {
margin-bottom: 55px;
}
}
@media ((max-width: 767px)) {
.tax-cat-producto #primary #mod_adicional {
margin-bottom: 40px;
}
}
.tax-cat-producto #primary #mod_adicional .flex {
display: flex;
}
.tax-cat-producto #primary #mod_adicional .flex .right {
width: calc(50% - 15px);
color: #0F253A;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.tax-cat-producto #primary #mod_adicional .flex .right .center p:last-child {
margin-bottom: 0;
}
.tax-cat-producto #primary #mod_adicional .flex .left {
position: relative;
width: calc(50% - 30px);
padding: 0;
margin-left: 0;
margin-right: 30px;
}
.tax-cat-producto #primary #mod_adicional .flex .left .img {
width: 100%;
height: 100%;
height: auto;
overflow: hidden;
}
.tax-cat-producto #primary #mod_adicional .flex .left .img img {
width: 100%;
height: auto;
display: block;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.tax-cat-producto #primary #mod_adicional .flex .left {
padding: 26px 0;
}
}
@media ((max-width: 767px)) {
.tax-cat-producto #primary #mod_adicional .flex {
flex-flow: column;
}
.tax-cat-producto #primary #mod_adicional .flex .left {
width: 100%;
padding: 0 0 22px 0;
}
.tax-cat-producto #primary #mod_adicional .flex .left .button {
margin: auto;
}
.tax-cat-producto #primary #mod_adicional .flex .right {
width: 100%;
height: auto;
margin: 0;
}
.tax-cat-producto #primary #mod_adicional .flex .right .img {
width: 100%;
height: auto;
position: static;
}
.tax-cat-producto #primary #mod_adicional .flex .right .img img {
position: static;
transform: none;
}
}
.tax-cat-producto #primary #mod_asesoramiento {
margin-bottom: 40px;
background-color: transparent;
}
.tax-cat-producto #primary #mod_asesoramiento.bg {
padding: 40px 0;
background-color: #FAF5F0;
margin-bottom: 0;
}
#mod_asesoramiento {
text-align: center;
color: #0F253A;
}
#mod_asesoramiento .buttons {
width: fit-content;
margin: auto;
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 40px;
}
#mod_info {
margin-bottom: 70px;
padding: 40px 0;
color: #0F253A;
}
#mod_info .bg {
width: 100%;
margin: 44px 0;
background-color: #FAF5F0;
}
#mod_info .bg .content {
display: flex;
gap: 30px;
}
#mod_info .bg .content .text_container, #mod_info .bg .content .img_container {
flex: 1;
}
#mod_info .bg .content .text_container {
padding: 30px 0;
}
#mod_info .bg .content .text_container .items {
display: flex;
flex-flow: wrap;
}
#mod_info .bg .content .text_container .items .item {
width: 50%;
margin-bottom: 40px;
}
#mod_info .bg .content .text_container .items .item img {
margin-bottom: 0;
}
#mod_info .bg .content .text_container .items .item p {
margin: 0;
}
#mod_info .bg .content .img_container {
display: flex;
margin: -80px 0;
align-items: stretch;
position: relative;
overflow: hidden;
}
#mod_info.img_left .img_container {
order: 0;
}
#mod_info.img_left .text_container {
order: 1;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#mod_info .bg {
margin: 0;
}
#mod_info .bg .content .img_container {
margin: 30px 0;
flex: 1;
}
}
@media ((max-width: 767px)) {
#mod_info {
padding: 0;
}
#mod_info .bg {
padding: 25px 0;
}
#mod_info .bg .content {
flex-flow: column;
gap: 20px;
}
#mod_info .bg .content .text_container {
order: 2;
padding: 0;
}
#mod_info .bg .content .img_container {
order: 1;
margin: 0;
width: 100%;
}
#mod_info .bg .content .img_container img {
position: static;
transform: none;
width: 100%;
height: auto;
}
}
#mod_half_slider {
overflow: hidden;
color: #0F253A;
}
#mod_half_slider .fletxes .slick-arrow, #mod_half_slider .fletxes_mobile .slick-arrow {
background-size: cover;
background-position: center;
display: inline-block;
width: 15px;
height: 25px;
position: static;
background-image: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/slider_arrow_r.svg);
border-radius: 0;
transform: none;
}
#mod_half_slider .fletxes .slick-arrow.slick-disabled, #mod_half_slider .fletxes_mobile .slick-arrow.slick-disabled {
opacity: 0.5;
}
#mod_half_slider .fletxes .slick-arrow.slick-prev, #mod_half_slider .fletxes_mobile .slick-arrow.slick-prev {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
#mod_half_slider .fletxes .slick-arrow:before, #mod_half_slider .fletxes_mobile .slick-arrow:before {
content: "";
}
#mod_half_slider .fletxes {
display: none;
width: 100%;
justify-content: flex-end;
gap: 39px;
margin-bottom: 24px;
}
@media ((min-width: 1200px)), ((max-width:1199px) and (min-width: 768px)) {
#mod_half_slider .fletxes {
display: flex;
}
}
#mod_half_slider .fletxes_mobile {
display: none;
width: 100%;
justify-content: flex-end;
gap: 39px;
margin-bottom: 24px;
}
@media ((max-width: 767px)) {
#mod_half_slider .fletxes_mobile {
display: flex;
}
}
#mod_half_slider .main {
display: flex;
}
#mod_half_slider .main .info {
flex: 1;
display: flex;
align-items: center;
}
#mod_half_slider .main .slideWrap {
width: 33%;
flex: 2;
clip-path: inset(-100vw -100vw -100vw 0);
}
#mod_half_slider .main .slideWrap .slick-slider {
margin-right: -15px;
}
#mod_half_slider .main .slideWrap .slick-slider .slick-list {
overflow: visible;
}
#mod_half_slider .main .slideWrap .slick-slider .slick-list .slick-track {
align-items: stretch;
display: flex;
}
#mod_half_slider .main .slideWrap .slick-slider .slick-list .item {
padding: 0 15px;
height: inherit;
flex: 1;
}
#mod_half_slider .main .slideWrap .slick-slider .slick-list .item .item_content {
background-color: #FAF5F0;
height: 100%;
position: relative;
}
#mod_half_slider .main .slideWrap .slick-slider .slick-list .item .item_content:hover:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(15, 37, 58, 0.6);
}
#mod_half_slider .main .slideWrap .slick-slider .slick-list .item .item_content p {
margin-top: 0;
}
@media ((max-width: 767px)) {
#mod_half_slider .main {
flex-flow: column;
}
#mod_half_slider .main .slideWrap {
width: 100%;
}
}
#mod_items {
margin-bottom: 70px;
color: #0F253A;
}
#mod_items .title {
margin-bottom: 33px;
}
#mod_items .subtitle {
max-width: 975px;
margin: auto;
text-align: center;
margin-bottom: 41px;
}
@media ((min-width: 1200px)), ((max-width:1199px) and (min-width: 768px)) {
#mod_items .container {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 70px;
gap: 40px 10px;
}
#mod_items .container .item {
text-align: center;
flex-basis: calc(25% - 22.5px);
}
#mod_items .container .item img {
margin-bottom: 5px;
}
#mod_items .container .item .text p {
margin-top: 0;
margin-bottom: 0;
}
}
@media ((max-width: 767px)) {
#mod_items .container .item {
text-align: center;
padding: 0 65px;
}
#mod_items .container .item img {
margin: auto;
}
#mod_items .container .slick-arrow {
background-size: cover;
background-position: center;
display: inline-block;
width: 8px;
height: 12px;
background-image: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/slider_arrow_r.svg);
border-radius: 0;
transform: none;
z-index: 10;
}
#mod_items .container .slick-arrow:before {
content: "";
}
#mod_items .container .slick-arrow.slick-prev {
left: 17px;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
#mod_items .container .slick-arrow.slick-next {
right: 17px;
}
#mod_items .container .slick-dots li {
width: auto;
height: auto;
}
#mod_items .container .slick-dots li button {
padding: 0;
width: auto;
height: auto;
margin: 0 3px;
}
#mod_items .container .slick-dots li button:before {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #000;
border-radius: 50%;
}
}
#mod_disjointed {
position: relative;
padding-top: 60px;
margin-bottom: 70px;
color: #0F253A;
}
#mod_disjointed:before {
content: "";
display: block;
background-color: #FAF5F0;
width: 100%;
height: 70%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
#mod_disjointed .cols {
display: flex;
column-gap: 30px;
}
#mod_disjointed .cols .left {
flex: 7;
}
#mod_disjointed .cols .left img {
width: 100%;
}
#mod_disjointed .cols .right {
flex: 5;
position: relative;
}
#mod_disjointed .cols .right img {
position: absolute;
bottom: 40px;
width: 100%;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#mod_disjointed:before {
height: 90%;
}
#mod_disjointed .cols {
column-gap: 24px;
}
#mod_disjointed .cols .left {
flex: 6;
}
#mod_disjointed .cols .right {
flex: 6;
}
#mod_disjointed .cols .right .imgWrap {
position: absolute;
bottom: 30px;
width: 100%;
height: 75%;
overflow: hidden;
}
#mod_disjointed .cols .right .imgWrap img {
position: absolute;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
}
@media ((max-width: 767px)) {
#mod_disjointed {
background-color: #FAF5F0;
}
#mod_disjointed:before {
display: none;
}
#mod_disjointed .cols {
flex-flow: column;
}
#mod_disjointed .cols .right .imgWrap {
position: relative;
padding-top: 60%;
overflow: hidden;
}
#mod_disjointed .cols .right .imgWrap img {
position: absolute;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
}
#mod_half_text_half_image {
margin-bottom: 70px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#mod_half_text_half_image {
margin-bottom: 55px;
}
}
@media ((max-width: 767px)) {
#mod_half_text_half_image {
margin-bottom: 40px;
}
}
#mod_half_text_half_image .flex {
display: flex;
}
#mod_half_text_half_image .flex .left {
width: calc(50% - 15px);
padding: 44px 0;
color: #0F253A;
}
#mod_half_text_half_image .flex .right {
position: relative;
width: calc(50% - 30px);
margin-left: 30px;
}
#mod_half_text_half_image .flex .right .img {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#mod_half_text_half_image .flex .left {
padding: 26px 0;
}
}
@media ((max-width: 767px)) {
#mod_half_text_half_image .flex {
flex-flow: column;
}
#mod_half_text_half_image .flex .left {
width: 100%;
padding: 0 0 22px 0;
}
#mod_half_text_half_image .flex .left .button {
margin: auto;
}
#mod_half_text_half_image .flex .right {
width: 100%;
height: auto;
margin: 0;
}
#mod_half_text_half_image .flex .right .img {
width: 100%;
height: auto;
position: static;
}
#mod_half_text_half_image .flex .right .img img {
position: static;
transform: none;
}
}
#mod_half_text_half_image.invert .flex .letf {
padding: 0;
}
#mod_half_text_half_image.invert .flex .right {
padding: 0 0 22px 0;
margin-left: 0;
margin-right: 30px;
}
#muestra_pop {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
}
#muestra_pop .popup {
height: calc(100vh - 200px);
background-color: #fff;
margin-top: 120px;
max-width: 970px;
margin-left: auto;
margin-right: auto;
padding: 3px;
position: relative;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#muestra_pop .popup {
width: calc(100% - 48px);
}
}
#muestra_pop .popup .close {
position: absolute;
top: -25px;
right: 10px;
z-index: 1;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#muestra_pop .popup .close {
top: -25px;
right: 15px;
width: 20px;
height: auto;
}
}
#muestra_pop .popup .scroll {
padding: 55px 100px 90px 100px;
overflow-y: scroll;
height: 100%;    }
@media ((max-width:1199px) and (min-width: 768px)) {
#muestra_pop .popup .scroll {
padding: 55px 50px;
}
}
@media ((max-width: 767px)) {
#muestra_pop .popup .scroll {
padding: 55px 15px;
}
}
#muestra_pop .popup .scroll::-webkit-scrollbar {
width: 5px;
transform: translateY(-15px);
}
#muestra_pop .popup .scroll::-webkit-scrollbar-track {
background: transparent;
}
#muestra_pop .popup .scroll::-webkit-scrollbar-thumb {
background: #0F253A;
border-radius: 30px;
}
#muestra_pop .popup .scroll::-webkit-scrollbar-thumb:hover {
background: #555;
}
#muestra_pop .categoria .title {
margin-bottom: 15px;
}
#muestra_pop .categoria #category {
border: 1px solid #0F253A;
height: 46px;
border-radius: 30px;
padding-left: 20px;
padding-right: 40px;
background-color: transparent;
color: #0F253A;
margin-bottom: 35px;
-moz-appearance: none; -webkit-appearance: none; appearance: none;
background-image: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/select_arrow.svg);
background-repeat: no-repeat;
background-position: center right 12px;
}
#muestra_pop .categoria #samples_buttons {
display: flex;
flex-flow: wrap;
gap: 10px 15px;
margin-bottom: 45px;
}
#muestra_pop .categoria #samples_buttons .button {
white-space: nowrap;
}
#muestra_pop .productos .title, #muestra_pop .colores .title {
margin-bottom: 15px;
}
#muestra_pop .productos .slick-slider, #muestra_pop .colores .slick-slider {
display: none;
overflow-x: hidden;
}
#muestra_pop .productos .slick-slider .slick-list .slick-track, #muestra_pop .colores .slick-slider .slick-list .slick-track {
margin-left: 0;
}
#muestra_pop .productos .items, #muestra_pop .colores .items {
width: 100%;
display: block;
}
#muestra_pop .productos .items .item, #muestra_pop .colores .items .item {
padding: 7px;
}
#muestra_pop .productos .items .item .item_content, #muestra_pop .colores .items .item .item_content {
display: block; }
#muestra_pop .productos .items .item .item_content .thumbnail, #muestra_pop .colores .items .item .item_content .thumbnail {
padding-top: 100%;
border: 1.5px solid #fff;
}
#muestra_pop .productos .items .item .item_content .item_title, #muestra_pop .colores .items .item .item_content .item_title {
margin: 0;
text-align: center;
}
#muestra_pop .productos .items .item input, #muestra_pop .colores .items .item input {
display: none;
}
#muestra_pop .productos .items .item input:checked + .item_content .thumbnail, #muestra_pop .colores .items .item input:checked + .item_content .thumbnail {
border: 1.5px solid #0F253A;
}
#muestra_pop .productos .items .item input:checked + .item_content .item_title, #muestra_pop .colores .items .item input:checked + .item_content .item_title {
font-weight: bold;
}
#muestra_pop .productos {
margin-bottom: 35px;
}
#muestra_pop #muetra_add {
margin-top: 50px;
margin-bottom: 50px;
}
#muestra_pop .resumen {
background-color: #FAF5F0;
padding: 15px;
}
#muestra_pop .resumen ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-flow: wrap;
gap: 15px;
}
@media ((max-width: 767px)) {
#muestra_pop .resumen ul {
flex-flow: column;
}
}
#muestra_pop .resumen ul li {
flex-basis: calc(50% - 8px);
}
#muestra_pop .resumen ul li .title {
margin-bottom: 0;
padding-bottom: 14px;
border-bottom: 1px solid #B6A19B;
}
#muestra_pop .resumen ul li .content {
display: flex;
gap: 22px;
padding-top: 14px;
margin-bottom: 0;
}
#muestra_pop .resumen ul li .content .img {
display: block;
width: 70px;
height: auto;
object-fit: contain;
align-self: flex-start;
}
#muestra_pop .resumen ul li .content .data p {
margin: 0;
}
#muestra_pop .resumen ul li .content .del {
display: flex;
}
#muestra_pop .resumen ul li .content .del .delete {
align-self: center;
}
#muestra_pop .wpcf7-form .fields {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 30px;
margin-top: 40px;
}
@media ((max-width: 767px)) {
#muestra_pop .wpcf7-form .fields {
flex-flow: column;
}
}
#muestra_pop .wpcf7-form .fields label {
flex: 1;
flex-basis: calc(50% - 15px);
position: relative;
}
#muestra_pop .wpcf7-form .fields label .label {
position: absolute;
left: 5px;
top: 2px;
z-index: 1;
transition: all 0.1s linear;
color: #979797;
font-size: 18px;
}
#muestra_pop .wpcf7-form .fields label .label.selected {
font-size: 12px;
top: -12px;
}
#muestra_pop .wpcf7-form .fields label input, #muestra_pop .wpcf7-form .fields label textarea {
width: 100%;
border: none;
border-bottom: 1px solid rgba(151, 151, 151, 0.5);
border-radius: 0;
}
#muestra_pop .wpcf7-form .fields label input:-webkit-autofill, #muestra_pop .wpcf7-form .fields label textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
#muestra_pop .wpcf7-form .fields label input:-webkit-autofill:hover, #muestra_pop .wpcf7-form .fields label input:-webkit-autofill:focus, #muestra_pop .wpcf7-form .fields label input:-webkit-autofill:active, #muestra_pop .wpcf7-form .fields label textarea:-webkit-autofill:hover, #muestra_pop .wpcf7-form .fields label textarea:-webkit-autofill:focus, #muestra_pop .wpcf7-form .fields label textarea:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
#muestra_pop .wpcf7-form .fields label input:focus, #muestra_pop .wpcf7-form .fields label textarea:focus {
outline: none;
}
#muestra_pop .wpcf7-form .fields label textarea {
height: 100px;
width: 100%;
resize: vertical;
}
#muestra_pop .wpcf7-form .fields span[data-name=muestras] {
display: none;
}
#muestra_pop .wpcf7-form .aceptance {
margin-bottom: 30px;
color: #0F253A;
}
#muestra_pop .wpcf7-form .aceptance .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
margin-top: 10px;
display: block;
}
#muestra_pop .wpcf7-form .aceptance .wpcf7-list-item {
margin-left: 0;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
}
#muestra_pop .wpcf7-form .aceptance input[type=checkbox] {
display: none;
}
#muestra_pop .wpcf7-form .aceptance input[type=checkbox] + .wpcf7-list-item-label::before {
display: inline-block;
width: 0.7em;
height: 0.7em;
border: 1px solid #000;
margin-right: 0.2em;
}
#muestra_pop .wpcf7-form .aceptance input[type=checkbox]:checked + .wpcf7-list-item-label::before {
background-color: #0F253A;
}
#muestra_pop .wpcf7-form .sticky_footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
display: block;
height: auto;
padding: 20px 0;
box-shadow: 0px -12px 18px rgba(0, 0, 0, 0.1);
z-index: 5;
}
#muestra_pop .wpcf7-form .sticky_footer .wpcf7-spinner {
position: absolute;
top: 50%;
left: 10px;
transform: translateX(-50%);
}
#muestra_pop .wpcf7-form input[type=submit] {
margin: auto;
}
#newsletter_pop {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
}
#newsletter_pop .popup {
height: calc(100vh - 200px);
background-color: #fff;
margin-top: 120px;
max-width: 970px;
margin-left: auto;
margin-right: auto;
padding: 3px;
position: relative;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#newsletter_pop .popup {
width: calc(100% - 48px);
}
}
#newsletter_pop .popup .close {
position: absolute;
top: -28px;
right: 10px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#newsletter_pop .popup .close {
top: -28px;
right: 10px;
width: 20px;
height: auto;
}
}
#newsletter_pop .popup .scroll {
padding: 55px 100px;
overflow-y: scroll;
height: 100%;    }
@media ((max-width:1199px) and (min-width: 768px)) {
#newsletter_pop .popup .scroll {
padding: 55px 50px;
}
}
@media ((max-width: 767px)) {
#newsletter_pop .popup .scroll {
padding: 55px 15px;
}
}
#newsletter_pop .popup .scroll::-webkit-scrollbar {
width: 5px;
transform: translateY(-15px);
}
#newsletter_pop .popup .scroll::-webkit-scrollbar-track {
background: transparent;
}
#newsletter_pop .popup .scroll::-webkit-scrollbar-thumb {
background: #0F253A;
border-radius: 30px;
}
#newsletter_pop .popup .scroll::-webkit-scrollbar-thumb:hover {
background: #555;
}
#newsletter_pop .wpcf7-form .fields {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 30px;
margin-top: 40px;
}
@media ((max-width: 767px)) {
#newsletter_pop .wpcf7-form .fields {
flex-flow: column;
}
}
#newsletter_pop .wpcf7-form .fields label {
flex: 1;
flex-basis: calc(50% - 15px);
position: relative;
}
#newsletter_pop .wpcf7-form .fields label .label {
position: absolute;
left: 5px;
top: 2px;
z-index: 1;
transition: all 0.1s linear;
color: #979797;
font-size: 18px;
}
#newsletter_pop .wpcf7-form .fields label .label.selected {
font-size: 12px;
top: -12px;
}
#newsletter_pop .wpcf7-form .fields label input, #newsletter_pop .wpcf7-form .fields label textarea {
width: 100%;
border: none;
border-bottom: 1px solid rgba(151, 151, 151, 0.5);
border-radius: 0;
}
#newsletter_pop .wpcf7-form .fields label input:-webkit-autofill, #newsletter_pop .wpcf7-form .fields label textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
#newsletter_pop .wpcf7-form .fields label input:-webkit-autofill:hover, #newsletter_pop .wpcf7-form .fields label input:-webkit-autofill:focus, #newsletter_pop .wpcf7-form .fields label input:-webkit-autofill:active, #newsletter_pop .wpcf7-form .fields label textarea:-webkit-autofill:hover, #newsletter_pop .wpcf7-form .fields label textarea:-webkit-autofill:focus, #newsletter_pop .wpcf7-form .fields label textarea:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
#newsletter_pop .wpcf7-form .fields label input:focus, #newsletter_pop .wpcf7-form .fields label textarea:focus {
outline: none;
}
#newsletter_pop .wpcf7-form .fields label textarea {
height: 100px;
width: 100%;
resize: vertical;
}
#newsletter_pop .wpcf7-form .aceptance {
margin-bottom: 30px;
color: #0F253A;
}
#newsletter_pop .wpcf7-form .aceptance .wpcf7-list-item {
margin-left: 0;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
}
#newsletter_pop .wpcf7-form .aceptance input[type=checkbox] {
display: none;
}
#newsletter_pop .wpcf7-form .aceptance input[type=checkbox] + .wpcf7-list-item-label::before {
display: inline-block;
width: 0.7em;
height: 0.7em;
border: 1px solid #000;
margin-right: 0.2em;
}
#newsletter_pop .wpcf7-form .aceptance input[type=checkbox]:checked + .wpcf7-list-item-label::before {
background-color: #E9D7C3;
}
#newsletter_pop .wpcf7-form input[type=submit] {
margin: auto;
}
body.home {
padding-top: 0;
}
body.home #masthead:not(.scroll) {
background-color: transparent;
position: fixed;
z-index: 99;
width: 100%;
color: #fff;
box-shadow: none;
}
body.home #masthead:not(.scroll) #main-menu-toggle svg rect {
fill: #fff;
}
body.home #masthead:not(.scroll) .sub-menu {
color: #0F253A;
padding-top: 20px !important;
opacity: 0.97;
}
@media ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) {
body.home #masthead:not(.scroll) .sub-menu {
color: #fff;
}
}
body.home #masthead:not(.scroll) .site-branding svg path {
fill: #fff;
}
body.home #masthead:not(.scroll) .button {
border-color: #fff;
}
body.home #masthead:not(.scroll) .flex .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:after {
background-image: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/lang_arrow_w.svg);
}
body.home #masthead .muestra:hover {
background-color: #fff;
color: #0F253A;
}
body.home #homeslider {
color: #fff;
position: relative;
}
body.home #homeslider .slideitem {
background-size: cover;
background-position: center;
min-height: 633px;
}
body.home #homeslider .slideitem .content {
width: 59%;
padding: 118px 0 100px 0;
}
@media ((max-width:1199px) and (min-width: 768px)) {
body.home #homeslider .slideitem .content {
width: 80%;
margin: auto;
}
}
@media ((max-width: 767px)) {
body.home #homeslider .slideitem .content {
width: calc(100% - 60px);
margin: auto;
}
}
body.home #homeslider .slideitem .content .title, body.home #homeslider .slideitem .content .text {
margin-bottom: 35px;
}
body.home #homeslider .slideitem .content .title p, body.home #homeslider .slideitem .content .text p {
margin: 0;
}
body.home #homeslider .slick-dots {
position: absolute;
bottom: 38px;
width: 100%;
z-index: 10;
}
body.home #homeslider .slick-dots li button:before {
font-size: 11px;
color: #FCFCFC;
}
body.home #homeslider .slick-arrow {
z-index: 10;
}
body.home #homeslider .slick-arrow.slick-prev {
left: 44px;
}
body.home #homeslider .slick-arrow.slick-prev:before {
content: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/slide_prev.svg);
}
body.home #homeslider .slick-arrow.slick-next {
right: 44px;
}
body.home #homeslider .slick-arrow.slick-next:before {
content: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/slide_next.svg);
}
@media ((max-width: 767px)) {
body.home #homeslider .slick-arrow.slick-prev {
left: 6px;
}
body.home #homeslider .slick-arrow.slick-prev:before {
transform: scale(0.5);
display: block;
}
body.home #homeslider .slick-arrow.slick-next {
right: 6px;
}
body.home #homeslider .slick-arrow.slick-next:before {
transform: scale(0.5);
display: block;
}
}
body.home #block2 {
padding: 70px 0 70px 0;
color: #0F253A;
}
body.home #block2 .main_wrap {
display: flex;
gap: 30px;
}
body.home #block2 .items, body.home #block2 .content {
flex-basis: 50%;
}
body.home #block2 .items {
display: flex;
flex-flow: wrap;
align-content: flex-start;
gap: 30px;
}
body.home #block2 .items .item {
width: calc(50% - 15px);
}
body.home #block2 .items .item .num {
color: #B6A19B;
margin-top: 0;
margin-bottom: 5px;
}
body.home #block2 .items .item .i_text {
margin-top: 0;
margin-bottom: 0;
}
body.home #block2 .content .title {
margin-bottom: 30px;
}
@media ((max-width: 767px)) {
body.home #block2 {
padding-top: 0;
}
body.home #block2 .main_wrap {
flex-flow: column;
}
body.home #block2 .main_wrap .items {
order: 2;
}
body.home #block2 .main_wrap .items .button {
margin: auto;
}
body.home #block2 .main_wrap .content {
order: 1;
}
body.home #block2 .main_wrap .content .button {
margin: auto;
}
body.home #block2 .main_wrap .items, body.home #block2 .main_wrap .content {
flex-basis: 100%;
}
}
body.home #mod_half_slider {
padding-top: 27px;
position: relative;
margin-bottom: 70px;
}
body.home #mod_half_slider:before {
content: "";
height: 85px;
width: 100vw;
top: 0;
background-color: #FAF5F0;
display: block;
position: absolute;
z-index: -1;
}
body.home #mod_half_slider .info {
align-items: flex-start;
}
body.home #mod_half_slider .info .wrap {
position: relative;
padding-bottom: 65px;
}
body.home #mod_half_slider .info .wrap:before {
content: "";
background-color: #FAF5F0;
height: 100%;
width: 100vw;
display: block;
position: absolute;
left: calc((100vw - 1170px) / -2);
z-index: -1;
}
@media ((max-width:1199px) and (min-width: 768px)) {
body.home #mod_half_slider .info .wrap:before {
left: -24px;
}
}
body.home #mod_half_slider .items .item .item_content {
position: relative;
height: 500px !important;
background-size: cover;
}
body.home #mod_half_slider .items .item .item_content .title {
position: absolute;
color: #fff;
bottom: 50px;
width: calc(100% - 60px);
}
body.home #mod_half_slider .items .item .item_content .title:after {
content: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/hs_arrow.svg);
display: inline-block;
margin-left: 12px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
body.home #mod_half_slider .main .info {
width: 285px;
flex: unset;
}
body.home #mod_half_slider .main .slideWrap {
flex: 1;
}
body.home #mod_half_slider .items .item .item_content {
height: 550px !important;
}
}
@media ((max-width: 767px)) {
body.home #mod_half_slider {
background-color: #FAF5F0;
padding-bottom: 25px;
margin-bottom: 40px;
}
body.home #mod_half_slider .main .info .wrap {
padding-bottom: 0;
}
body.home #mod_half_slider .main .fletxes_mobile {
display: none;
}
body.home #mod_half_slider .main .slideWrap .items {
margin-bottom: 30px;
}
body.home #mod_half_slider .main .slideWrap .items .item .item_content {
height: 300px !important;
}
body.home #mod_half_slider .main .slideWrap .items .item .item_content .title {
bottom: 20px;
}
body.home #mod_half_slider .main .slideWrap .button {
margin: auto;
}
}
body.home #home_b4 {
margin-bottom: 70px;
padding: 60px;
color: #0F253A;
}
body.home #home_b4 .bg .content {
display: flex;
gap: 30px;
}
body.home #home_b4 .bg .content .text_container, body.home #home_b4 .bg .content .img_container {
flex: 1;
}
body.home #home_b4 .bg .content .text_container .items {
display: flex;
flex-flow: wrap;
gap: 30px;
}
body.home #home_b4 .bg .content .text_container .items .item {
width: calc(50% - 20px);
margin-bottom: 40px;
}
body.home #home_b4 .bg .content .text_container .items .item img {
margin-bottom: 0;
}
body.home #home_b4 .bg .content .text_container .items .item p {
margin: 0;
}
body.home #home_b4 .bg .content .img_container {
display: flex;
margin: -60px 0;
align-items: stretch;
position: relative;
overflow: hidden;
}
@media ((max-width:1199px) and (min-width: 768px)) {
body.home #home_b4 {
padding: 0;
}
body.home #home_b4 .bg {
margin: 0;
}
body.home #home_b4 .bg .content .img_container {
margin: 0;
flex: unset;
width: 285px;
height: 380px;
}
body.home #home_b4 .bg .content .text_container {
margin-top: 30px;
width: 400px;
}
body.home #home_b4 .bg .content .text_container .items {
row-gap: 0;
}
body.home #home_b4 .bg .content .text_container .items .item {
flex-basis: calc(50% - 15px);
margin-bottom: 30px;
}
}
@media ((max-width: 767px)) {
body.home #home_b4 {
padding: 0;
margin-bottom: 40px;
}
body.home #home_b4 .bg {
padding: 0;
}
body.home #home_b4 .bg .content {
flex-flow: column;
gap: 20px;
}
body.home #home_b4 .bg .content .text_container {
order: 2;
padding: 0;
}
body.home #home_b4 .bg .content .text_container .items .item {
text-align: center;
margin-bottom: 20px;
}
body.home #home_b4 .bg .content .text_container .items .item img {
margin: auto;
}
body.home #home_b4 .bg .content .text_container .items .item p {
max-width: 250px;
margin-left: auto;
margin-right: auto;
}
body.home #home_b4 .bg .content .text_container .items .slick-arrow {
background-size: cover;
background-position: center;
display: inline-block;
width: 8px;
height: 12px;
background-image: url(https://www.dabedan.com/wp-content/themes/dabedan-theme/assets/images/svg/slider_arrow_r.svg);
border-radius: 0;
transform: none;
z-index: 10;
}
body.home #home_b4 .bg .content .text_container .items .slick-arrow:before {
content: "";
}
body.home #home_b4 .bg .content .text_container .items .slick-arrow.slick-prev {
left: 17px;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
body.home #home_b4 .bg .content .text_container .items .slick-arrow.slick-next {
right: 17px;
}
body.home #home_b4 .bg .content .text_container .items .slick-dots {
margin-bottom: 20px;
}
body.home #home_b4 .bg .content .text_container .items .slick-dots li {
width: auto;
height: auto;
}
body.home #home_b4 .bg .content .text_container .items .slick-dots li button {
padding: 0;
width: auto;
height: auto;
margin: 0 3px;
}
body.home #home_b4 .bg .content .text_container .items .slick-dots li button:before {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #000;
border-radius: 50%;
}
body.home #home_b4 .bg .content .img_container {
order: 1;
margin: 0;
width: 100%;
}
body.home #home_b4 .bg .content .img_container img {
position: static;
transform: none;
width: 100%;
height: auto;
}
body.home #home_b4 .bg .content .button {
margin-left: auto;
margin-right: auto;
}
}
@media ((max-width: 767px)) {
#mod_info .button {
margin-left: auto;
margin-right: auto;
}
}
.ariadna {
margin-bottom: 39px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.ariadna {
margin-bottom: 36px;
}
}
@media ((max-width: 767px)) {
.ariadna {
margin-bottom: 42px;
}
}
#mod_half_text_half_image {
margin-bottom: 70px;
}
#mod_half_text_half_image .title {
color: #0F253A;
}
#mod_half_text_half_image .left .button:hover svg path {
fill: #fff;
}
#mod_half_slider {
margin-bottom: 68px;
}
#mod_half_slider .item_content {
padding: 30px;
}
#mod_asesoramiento {
margin-bottom: 70px;
}
.page-template-page-exportaciones #mod_export .header {
text-align: center;
color: #0F253A;
}
@media ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) {
.page-template-page-exportaciones #mod_export .header {
width: 100%;
max-width: 100%;
padding: 0 24px;
overflow: hidden;
}
}
.page-template-page-exportaciones #mod_export .header .title {
color: #0F253A;
}
.page-template-page-exportaciones #mod_export .header .text {
margin-bottom: 60px;
}
.page-template-page-exportaciones #mod_export .header .text p:last-child {
margin-bottom: 0;
}
.page-template-page-exportaciones #mod_export .buttons {
margin-bottom: 80px;
justify-content: space-between;
width: fit-content;
margin-left: auto;
margin-right: auto;
gap: 20px;
display: flex;
justify-content: space-between;
}
@media ((max-width:1199px) and (min-width: 768px)), ((max-width: 767px)) {
.page-template-page-exportaciones #mod_export .buttons {
width: 100%;
max-width: 100%;
display: block;
padding: 0 24px;
}
.page-template-page-exportaciones #mod_export .buttons .button {
margin-right: 30px;
display: flex;
}
.page-template-page-exportaciones #mod_export .buttons .slick-list.draggable {
overflow: visible;
}
}
@media ((max-width:1199px) and (min-width: 768px)) {
.page-template-page-exportaciones #mod_export .buttons {
margin-bottom: 55px;
}
}
@media ((max-width: 767px)) {
.page-template-page-exportaciones #mod_export .buttons {
margin-bottom: 62px;
}
}
.page-template-page-exportaciones #mod_export .buttons .button {
white-space: nowrap;
}
.page-template-page-exportaciones #mod_export .map {
margin-bottom: 20px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.page-template-page-exportaciones #mod_export .map {
margin-bottom: 55px;
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
@media ((max-width: 767px)) {
.page-template-page-exportaciones #mod_export .map {
margin-bottom: 23px;
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
.page-template-page-exportaciones #mod_export .map img {
width: 100%;
}
@media ((min-width: 1200px)) {
.page-template-page-exportaciones #mod_export .map img.active.desktop {
display: block;
}
}
@media ((max-width:1199px) and (min-width: 768px)) {
.page-template-page-exportaciones #mod_export .map img.active.tablet {
display: block;
}
}
@media ((max-width: 767px)) {
.page-template-page-exportaciones #mod_export .map img.active.mobile {
display: block;
}
}
.page-template-page-exportaciones #mod_export .countries {
margin-bottom: 70px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.page-template-page-exportaciones #mod_export .countries {
margin-bottom: 55px;
}
}
@media ((max-width: 767px)) {
.page-template-page-exportaciones #mod_export .countries {
margin-bottom: 40px;
}
}
.page-template-page-exportaciones #mod_export .countries .region {
font-weight: bold;
color: #0F253A;
margin-bottom: 5px;
}
.page-template-page-exportaciones #mod_export .countries .zone {
column-count: 6;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.page-template-page-exportaciones #mod_export .countries .zone {
column-count: 4;
}
}
@media ((max-width: 767px)) {
.page-template-page-exportaciones #mod_export .countries .zone {
column-count: 2;
}
}
.page-template-page-exportaciones #mod_export .countries .zone.active {
display: block;
}
.page-template-page-exportaciones #mod_export .countries .zone p {
margin-top: 0;
margin-bottom: 15px;
white-space: nowrap;
}
.page-template-page-exportaciones #mod_asesoramiento {
padding: 40px 0;
background-color: #FAF5F0;
margin-bottom: 0;
}
.page-template-page-contacto #page_header {
text-align: center;
color: #0F253A;
margin-bottom: 70px;
}
.page-template-page-contacto .content {
display: flex;
gap: 30px;
margin-bottom: 70px;
color: #0F253A;
}
@media ((max-width: 767px)) {
.page-template-page-contacto .content {
flex-flow: column;
}
}
.page-template-page-contacto .content .left {
flex: 1;
}
.page-template-page-contacto .content .left .wpcf7-form .fields {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 30px;
margin-top: 40px;
}
@media ((max-width: 767px)) {
.page-template-page-contacto .content .left .wpcf7-form .fields {
flex-flow: column;
}
}
.page-template-page-contacto .content .left .wpcf7-form .fields label {
flex: 1;
flex-basis: calc(50% - 15px);
position: relative;
}
.page-template-page-contacto .content .left .wpcf7-form .fields label .label {
position: absolute;
left: 5px;
top: 2px;
z-index: 1;
transition: all 0.1s linear;
color: #979797;
font-size: 18px;
}
.page-template-page-contacto .content .left .wpcf7-form .fields label .label.selected {
font-size: 12px;
top: -12px;
}
.page-template-page-contacto .content .left .wpcf7-form .fields label input, .page-template-page-contacto .content .left .wpcf7-form .fields label textarea {
width: 100%;
border: none;
border-bottom: 1px solid rgba(151, 151, 151, 0.5);
border-radius: 0;
}
.page-template-page-contacto .content .left .wpcf7-form .fields label input:-webkit-autofill, .page-template-page-contacto .content .left .wpcf7-form .fields label textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.page-template-page-contacto .content .left .wpcf7-form .fields label input:-webkit-autofill:hover, .page-template-page-contacto .content .left .wpcf7-form .fields label input:-webkit-autofill:focus, .page-template-page-contacto .content .left .wpcf7-form .fields label input:-webkit-autofill:active, .page-template-page-contacto .content .left .wpcf7-form .fields label textarea:-webkit-autofill:hover, .page-template-page-contacto .content .left .wpcf7-form .fields label textarea:-webkit-autofill:focus, .page-template-page-contacto .content .left .wpcf7-form .fields label textarea:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.page-template-page-contacto .content .left .wpcf7-form .fields label input:focus, .page-template-page-contacto .content .left .wpcf7-form .fields label textarea:focus {
outline: none;
}
.page-template-page-contacto .content .left .wpcf7-form .fields label textarea {
height: 100px;
width: 100%;
resize: vertical;
}
.page-template-page-contacto .content .left .wpcf7-form .aceptance {
margin-bottom: 30px;
color: #0F253A;
}
.page-template-page-contacto .content .left .wpcf7-form .aceptance .wpcf7-list-item {
margin-left: 0;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
}
.page-template-page-contacto .content .left .wpcf7-form .aceptance input[type=checkbox] {
display: none;
}
.page-template-page-contacto .content .left .wpcf7-form .aceptance input[type=checkbox] + .wpcf7-list-item-label::before {
display: inline-block;
width: 0.7em;
height: 0.7em;
border: 1px solid #000;
margin-right: 0.2em;
}
.page-template-page-contacto .content .left .wpcf7-form .aceptance input[type=checkbox]:checked + .wpcf7-list-item-label::before {
background-color: #0F253A;
}
.page-template-page-contacto .content .left .wpcf7-form input[type=submit] {
margin: auto;
}
.page-template-page-contacto .content .right {
flex-basis: 370px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.page-template-page-contacto .content .right {
flex-basis: 224px;
}
}
@media ((max-width: 767px)) {
.page-template-page-contacto .content .right {
width: 100%;
}
}
.page-template-page-contacto .content .right iframe {
height: 304px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.page-template-page-contacto .content .right iframe {
height: 185px;
}
}
@media ((max-width: 767px)) {
.page-template-page-contacto .content .right iframe {
height: 300px;
width: 100%;
}
}
.page-template-page-servicios #mod_half_text_half_image {
overflow: hidden;
}
.page-template-page-servicios #mod_half_text_half_image .title {
color: #0F253A;
}
@media ((max-width: 767px)) {
.page-template-page-servicios #mod_info {
margin-bottom: 40px;
}
}
.page-template-page-servicios #mod_info .bg .content .img_container {
margin: -44px 0;
}
@media ((max-width: 767px)) {
.page-template-page-servicios #mod_info .bg .content .img_container {
margin: 0;
}
}
#mod_half_text_half_image {
margin-bottom: 70px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#mod_half_text_half_image {
margin-bottom: 55px;
}
}
@media ((max-width: 767px)) {
#mod_half_text_half_image {
margin-bottom: 40px;
}
}
@media ((max-width:1199px) and (min-width: 768px)) {
#mod_items {
margin-bottom: 55px;
}
}
@media ((max-width: 767px)) {
#mod_items {
margin-bottom: 40px;
}
}
#mod_items .slick-dots {
position: static;
}
#mod_info {
margin-bottom: 70px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#mod_info {
margin-bottom: 60px;
}
}
@media ((max-width: 767px)) {
#mod_info {
margin-bottom: 40px;
}
}
#table_block {
color: #0F253A;
margin-bottom: 70px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
#table_block {
margin-bottom: 55px;
}
}
@media ((max-width: 767px)) {
#table_block {
margin-bottom: 40px;
}
}
#table_block .titulo {
text-align: center;
}
#table_block table {
color: #767785;
border-collapse: collapse;
font-size: 18px;
}
#table_block table thead {
color: #0F253A;
text-align: left;
}
#table_block table td {
width: 33.3%;
}
@media ((max-width: 767px)) {
#table_block table td {
line-break: anywhere;
}
}
#table_block table th, #table_block table td {
border-bottom: 1px solid #767785;
padding: 4px 0;
}
#mod_asesoramiento {
background-color: #FAF5F0;
padding: 40px 0;
margin-bottom: 0;
}
.page-template-page-faqs #mod_faqs .faqs_header {
text-align: center;
color: #0F253A;
margin-bottom: 65px;
}
.page-template-page-faqs #mod_faqs .faqs_header .title {
margin-top: 0;
margin-bottom: 20px;
}
.page-template-page-faqs #mod_faqs .faqs {
margin-bottom: 70px;
}
.page-template-page-faqs #mod_faqs .faqs .item {
border-bottom: 1px solid #979797;
padding-bottom: 26px;
padding-top: 26px;
}
.page-template-page-faqs #mod_faqs .faqs .item:first-child {
border-top: 1px solid #979797;
}
.page-template-page-faqs #mod_faqs .faqs .item .p {
position: relative;
}
.page-template-page-faqs #mod_faqs .faqs .item .p .title {
line-height: 1em;
margin-bottom: 0;
color: #0F253A;
}
.page-template-page-faqs #mod_faqs .faqs .item .p svg {
position: absolute;
right: 30px;
top: 3px;
}
.page-template-page-faqs #mod_faqs .faqs .item .p svg .pal {
transition: all 0.3s linear;
transform: rotate(0deg);
transform-origin: center;
opacity: 1;
}
.page-template-page-faqs #mod_faqs .faqs .item a {
text-decoration: underline;
}
.page-template-page-faqs #mod_faqs .faqs .item .r {
display: none;
padding-top: 5px;
}
.page-template-page-faqs #mod_faqs .faqs .item .r p:first-child {
margin-top: 0;
}
.page-template-page-faqs #mod_faqs .faqs .item .r p:last-child {
margin-bottom: 0;
}
.page-template-page-faqs #mod_faqs .faqs .item.open svg .pal {
transform: rotate(90deg);
opacity: 1;
}
.page-template-neutral-page .header {
padding-top: 60px;
padding-bottom: 66px;
}
@media ((max-width:1199px) and (min-width: 768px)) {
.page-template-neutral-page .header {
padding-top: 55px;
padding-bottom: 55px;
}
}
@media ((max-width: 767px)) {
.page-template-neutral-page .header {
padding-top: 22px;
padding-bottom: 22px;
}
}
.page-template-neutral-page .header .title {
text-align: center;
color: #0F253A;
margin: 0;
}
.page-template-neutral-page .content {
padding-bottom: 90px;
}
.page-template-neutral-page .content *:first-child {
margin-top: 0;
}
#color_items .item_title{
font-size: 12px;
}
#product_slider_popup .item .imagen.zoomed{
cursor: zoom-out;
}
#product_slider_popup .item .imagen:not(.zoomed){
cursor: zoom-in;
}
.post-preview > a{
height: 250px;
display: block;
overflow: hidden;
margin-bottom: 25px;
}
.post-preview > a > img{
object-fit: cover;
height: 100%;
}
#boton-catalogo .button{
margin: 0 auto;
}
.home .site-header:not(.scroll) .wpml-ls-item a{
color: #FFF;
}
#load-more{
cursor: pointer;
}
footer a:focus{
border: unset;
}
.page-template-page-servicios #mod_half_text_half_image h1.title{
font-size: 36px;
line-height: 42px;
}
#boton-catalogo{
text-align: center;
margin-bottom: 70px;
}
#boton-catalogo .button{
margin-top: 15px;
}
.colores-imagen .imagen-color img{
max-width: 35px;
}
.colores-imagen .imagen-color{
margin-right: 7px;
float:left;
display: none;
}
.colores-imagen {
margin-top: 5px;
}
a.tab{
cursor: pointer;
}
.otgs-development-site-front-end{
display: none!important;
}
.blog .nav-links{
text-align: center;
margin-bottom: 80px;
}
.nav-links .current{
font-weight: bold;
}
.nav-links .page-numbers{
font-size: 18px;
}
#homeslider .slideitem iframe{
width:100%;
aspect-ratio:16/9;
margin-top: -3%;
}
@media (max-width: 1100px){
#homeslider .slideitem iframe{
min-width: 100%;
width: auto;
margin-top: 0;
margin-left: -9%;
min-height: 100%;
max-width: unset;
position: absolute;
}
}
.post-type-archive-producto{
}
.post-type-archive-producto .page-header{
margin-bottom: -20px;
}
.post-type-archive-producto .bloque-individual{
}
.post-type-archive-producto .bloque-contenido{
padding-top: 50px;
padding-bottom: 50px;
}
.post-type-archive-producto .bloque-contenido img{
width: 100%;
height: auto;
}
.post-type-archive-producto .bloque-contenido h2{
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 42px;
}
.post-type-archive-producto .bloque-contenido p + h2,
.post-type-archive-producto .bloque-contenido ul + h2,
.post-type-archive-producto .bloque-contenido ol + h2{
margin-top: 60px;
}
.post-type-archive-producto .bloque-contenido p{
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 400;
}
.post-type-archive-producto .bloque-contenido li{
font-family: "Work sans", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 400;
}
.post-type-archive-producto #mod_half_slider{
margin-top: -90px;
}
@media only screen and (max-width: 768px) {
.post-type-archive-producto #mod_half_slider .main_wrap .main{
margin-left: -30px;
}
}
.post-type-archive-producto #mod_half_slider .items .item{
padding: 0px;
}
.post-type-archive-producto #mod_half_slider .items .item .item_content{
height: 260px !important;
background-size: cover;
}
@media only screen and (max-width: 768px) {
.post-type-archive-producto #mod_half_slider .items .item .item_content{
height: 160px !important;
}
}
.post-type-archive-producto #mod_half_slider .items .item .item_content .title{
position: absolute;
color: #fff;
bottom: 50px;
width: calc(100% - 60px);
font-size: 16px;
line-height: 18px;
}
.post-type-archive-producto #mod_half_slider .items .item .item_content:hover::before{
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(15, 37, 58, 0.6);
}
.post-type-archive-producto #mod_half_slider .slideWrap .slick-slider .slick-list .item{
padding: 0px 1px;
}
@media only screen and (max-width: 768px) {
.post-type-archive-producto #mod_half_slider .button.resp.mobile{
display: none !important;
}
}