.linkte a,
.lispan a,
.scp_of_link,
.scpl,
li.ofuscar a {
cursor: pointer;
position: relative;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
} span.scp_of_link,
span.scpl {
display: inline-block;
outline: none;
}
span.scp_of_link:focus,
span.scpl:focus {
outline: 1px dotted #000;
outline: 5px auto -webkit-focus-ring-color;
} .linkte a:hover,
.lispan a:hover,
.scp_of_link:hover,
.scpl:hover,
li.ofuscar a:hover {
opacity: 0.9;
} span.cab {
font-weight: bold;
display: inline-block;
} .scp_of_link.icon,
.scpl.icon {
display: inline-block;
margin: 0 5px;
} @media screen and (max-width: 768px) {
.scp_of_link.icon,
.scpl.icon {
margin: 0 3px;
}
} .scp_of_link:active,
.scpl:active {
transform: scale(0.98);
}:root { --color-primary: #333333; --color-primary-dark: #000000; --color-primary-light: #555555; --color-active: #e47244; --color-bg: #ffffff; --color-bg-item: #f8f8f8; --color-text: #000000; --color-border: #e0e0e0; --color-other-cat: #55a1a9;  --gap-small: 10px;
--gap-medium: 20px;
--gap-large: 25px;
--padding-button: 10px 16px; --shadow-small: 0 2px 4px rgba(0, 0, 0, 0.1);
--shadow-medium: 0 4px 10px rgba(0, 0, 0, 0.1);
--shadow-large: 0 8px 20px rgba(0, 0, 0, 0.12); --radius-small: 3px;
--radius-medium: 4px;
--radius-large: 6px; --font-size-small: 14px;
--font-size-medium: 15px;
--font-size-large: 16px;
--line-height: 1.5; --transition-fast: all 0.2s ease-out;
--transition-medium: all 0.3s ease-in-out;
--transition-slow: all 0.4s ease-in-out; --container-max-width: 1200px;
--item-max-width: 500px;
} #eua, #containerpint, #navcontainer {
box-sizing: border-box;
}
#eua *, #containerpint *, #navcontainer * {
box-sizing: inherit;
} #containerpint,
div#containerpint {
display: grid;
grid-gap: var(--gap-large);
grid-template-columns: repeat(auto-fill, minmax(var(--item-max-width), 1fr));
grid-auto-rows: 0;
max-width: var(--container-max-width);
width: 100% !important;
margin: var(--gap-medium) auto;
min-height: 300px;
list-style: none;
transition: var(--transition-slow);
padding: 0;
} div#containerpint div.itempint {
display: block;
max-width: var(--item-max-width);
overflow: visible;
box-shadow: var(--shadow-medium);
border-radius: var(--radius-large);
background: var(--color-bg-item);
opacity: 1;
margin: auto;
transition: var(--transition-medium), opacity 1s;
will-change: transform; } div#containerpint div.itempint:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-large);
} div#containerpint div.itempint.noshadow {
box-shadow: none;
background-color: transparent !important;
} div#containerpint div.contentpint.intercalado {
padding: 40px 30px 30px 30px;
} div#containerpint div.contentpint {
background: var(--color-bg);
position: relative;
border-radius: var(--radius-large);
overflow: hidden;
} div#containerpint a.pint {
position: relative;
vertical-align: top;
display: block;
border-radius: var(--radius-medium) var(--radius-medium) 0 0;
overflow: hidden;
} div#containerpint a:visited {
border: none;
} div#containerpint a.pint img {
transition: transform 0.5s ease;
display: block;
width: 100%;
height: auto;
max-width: 100%;
}
div#containerpint a.pint:hover img {
transform: scale(1.03);
} div#containerpint div.txtbase {
min-height: 40px;
width: 100%;
font-size: var(--font-size-medium);
line-height: var(--line-height);
margin-top: var(--gap-small);
padding: 0 12px 12px;
text-align: center;
position: relative;
display: block;
color: var(--color-text);
font-weight: 400;
background-color: var(--color-bg);
} div#containerpint span.scp-pint-new {
display: block;
position: absolute;
top: 0 !important;
right: 0 !important;
width: 75px;
height: 75px;
padding: 0;
margin: 0;
z-index: 2;
pointer-events: none; }
div#containerpint span.scp-pint-new img {
display: inherit;
transition: transform 0.3s ease;
will-change: transform;
}
div#containerpint span.scp-pint-new:hover img {
transform: rotate(10deg);
} #navcontainer {
margin: 0 0 30px;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ol {
padding: 0;
margin: 0 0 var(--gap-medium) 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--gap-small);
list-style: none;
} #navcontainer ol li {
display: inline-block;
font-size: var(--font-size-medium);
color: #fff !important;
margin: 0;
cursor: pointer;
list-style: none;
font-weight: 500;
letter-spacing: 0.5px;
user-select: none; } #navcontainer ol li[data-filter] {
background: var(--color-primary);
padding: var(--padding-button);
transition: var(--transition-fast);
border-radius: var(--radius-small);
text-transform: uppercase;
box-shadow: var(--shadow-small);
}
#navcontainer ol li[data-filter]:hover {
background: var(--color-primary-light);
color: var(--color-bg);
transform: translateY(-2px);
}
#navcontainer ol li[data-filter].active {
background: var(--color-primary-dark);
color: var(--color-bg);
position: relative;
} #navcontainer ol li[data-filter].active:after {
content: '';
position: absolute;
bottom: -4px;
left: 50%;
transform: translateX(-50%);
width: 30%;
height: 2px;
background: var(--color-bg);
border-radius: var(--radius-small);
} #navcontainer ol li a {
display: block;
color: #fff !important;
background: var(--color-primary);
padding: var(--padding-button);
font-size: var(--font-size-medium);
transition: var(--transition-fast);
border-radius: var(--radius-small);
text-decoration: none;
}
#navcontainer ol li a:hover {
background: var(--color-primary-light);
color: #fff;
}
#navcontainer > ol > li.act > a,
#navcontainer ol li.active > a {
background: var(--color-active);
color: #fff;
} #filters > li.otrocat a {
background: var(--color-other-cat) !important;
} #navcontainer ol li.c-sub {
display: grid;
padding: 0;
}
#navcontainer ol li.c-sub ul.submenu {
padding: 5px;
margin: 0;
background: #f5f5f5;
border-radius: var(--radius-medium);
box-shadow: var(--shadow-medium);
list-style: none;
}
#navcontainer ol li.c-sub ul.submenu li {
display: inline-block;
cursor: pointer;
list-style: none;
margin-bottom: 0;
font-size: var(--font-size-small);
padding: 8px 12px;
}
#navcontainer ol li.c-sub ul.submenu li a {
padding: 6px 10px;
font-size: var(--font-size-small);
color: #455a64;
text-decoration: none;
transition: var(--transition-fast);
display: block;
}
#navcontainer ol li.c-sub ul.submenu li a.active {
background: var(--color-active);
color: var(--color-bg);
border-radius: var(--radius-small);
}
#navcontainer ol li.c-sub ul.submenu li a:hover {
background: var(--color-primary-light);
color: var(--color-bg);
border-radius: var(--radius-small);
} #d-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--gap-small);
margin: var(--gap-medium) 0;
}
#d-links a {
padding: 8px 15px;
border: 1px solid var(--color-border);
border-radius: var(--radius-small);
text-decoration: none;
color: var(--color-primary);
font-size: var(--font-size-small);
transition: var(--transition-fast);
}
#d-links a:hover {
background: #f5f5f5;
color: var(--color-primary-dark);
border-color: var(--color-primary-dark);
} span.scplc:hover {
cursor: pointer;
}  @media only screen and (max-width: 1079px) {
div#containerpint {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--gap-large);
}
div#containerpint div.itempint {
margin-bottom: 0; width: 100%;
} #navcontainer ol {
flex-direction: row;
justify-content: center;
} #navcontainer ol li[data-filter] {
margin-bottom: var(--gap-small);
padding: 8px 12px;
font-size: var(--font-size-small);
} #navcontainer ol li a {
font-size: calc(var(--font-size-medium) - 2px);
padding: 8px 12px;
}
} @media only screen and (max-width: 540px) {
:root {
--gap-large: 15px; }
#navcontainer ol li.c-sub {
position: relative !important;
width: 95% !important;
}
#navcontainer ol li a {
font-size: calc(var(--font-size-medium) - 2px);
padding: 6px 10px;
}
} @media only screen and (min-width: 1080px) and (max-width: 1579px) {
div#containerpint {
width: 1080px !important;
}
} @media only screen and (min-width: 900px) {
#navcontainer ol li.c-sub {
position: absolute;
width: 100%;
}
div#containerpint.m-sub {
margin-top: 30px;
} .row_pinterest_submenu div#containerpint.m-sub {
margin-top: 60px !important;
}
} .et_pb_row_1 {
width: 100% !important;
padding: 0 !important;
} .page-id-14180 div#containerpint {
margin-top: 60px !important;
}
.page-id-14180 .et_pb_row_1 {
padding-top: 15px !important;
}
@media all and (max-width: 900px) {
.page-id-14180 div#containerpint {
margin-top: 10px !important;
}
}  div#containerpint div.itempint {
contain: layout style; backface-visibility: hidden; } div#containerpint a.pint img.lazyload {
opacity: 1;
transition: opacity 0.3s ease;
}
div#containerpint a.pint img.lazyloaded {
opacity: 1;
} div#containerpint a.pint {
position: relative;
overflow: hidden;
background-color: #f5f5f5; }.mfp-wrap .mfp-container button:hover{background:transparent!important}.mfp-wrap .mfp-arrow:active{position:absolute;top:50%}.mfp-wrap .mfp-close:active{position:absolute;top:-10px}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{font-family:ETmodules;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mfp-fade.mfp-bg{opacity:.001;transition:all .5s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade .mfp-wrap.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-fade .mfp-wrap .mfp-content{opacity:.001;transition:all .5s ease-out}.mfp-bg{z-index:1000000;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1000001;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.55;filter:alpha(opacity=55);margin:0;top:50%;margin-top:-32px;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow-left{left:10px}.mfp-arrow-right{right:10px}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-arrow{background:none!important;margin-top:-32px!important;line-height:1em!important}.mfp-arrow,.mfp-arrow:after{width:48px!important;height:48px!important}.mfp-arrow:after{margin:0!important;top:0!important;border:none!important}.mfp-arrow-left{left:0!important}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border:none;font-size:64px;color:#fff}.mfp-arrow-left:before,.mfp-arrow-right:before{display:none}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{content:"4"}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{content:"5"}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{font-size:64px;font-family:Open Sans,Arial,sans-serif;font-weight:200;top:-10px;opacity:.2}.mfp-iframe-holder .mfp-close:hover,.mfp-image-holder .mfp-close:hover{opacity:1}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}body {
font-family: Montserrat, sans-serif!important;
font-display: swap !important;
font-size: 16px
}@font-face {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-display: block;
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(//fr.jotajotape.com/Montserrat-400.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Montserrat;
font-style: normal;
font-weight: 300;
font-display: block;
src: local('Montserrat Light'), local('Montserrat-Light'), url(//fr.jotajotape.com/Montserrat-300.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-display: block;
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(//fr.jotajotape.com/Montserrat-700.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
body {
font-family: Montserrat, sans-serif !important;
font-display: swap;
font-size: 16px
}
#et-top-navigation,
#main-header {
font-family: sans-serif !important
}
article {
overflow: hidden
}
#top-menu span.scpl{
}
#top-menu .sub-menu {
padding-top: 0
}
#top-menu li li {
padding: 0
}
#top-menu li ul {
width: 330px
}
#top-menu li li a,
#top-menu li li span.scpl,
.et-fixed-header #top-menu li li a,
.et-fixed-header #top-menu li li span.scpl {
text-transform: none;
line-height: 1.5em;
padding: 4px 4px 4px 4px;
width: 330px;
color: #000 !important;
display: block;
}
#top-menu .catalogo li a, #top-menu .catalogo li span.scpl {
padding: 9px 9px 9px 15px !important;
color: #000 !important;
display: block;
font-size: 18px;
font-weight: normal;
}
#top-menu li li.current_page_item a {
font-weight: 700!important
}
#top-menu li li.cap {
font-size: 16px;
padding: 0 0 0 75px;
background-color: #eee;
background-size: 70px 70px;
background-repeat: no-repeat;
background-position: 7px -9px;
margin-top: 0;
border-top: 2px solid #000;
width: 330px
}
#top-menu li li.cap:nth-child(1) {
border-top: none
}
#top-menu li li.cap span.cab {
display: block;
color: #000!important;
width: 287px;
padding: 15px!important
}
#top-menu-nav .sub-menu {max-height: calc(100vh - 100px); overflow-y: auto !important; overflow-x: hidden !important;}
#mobile_menu li li,
#top-menu li ul {
padding: 0
}
#mobile_menu li li.dormitorios-juveniles,
#top-menu li li.dormitorios-juveniles {
background-image: url(//fr.jotajotape.com/wp-content/themes/j/icos/youth-bedrooms-jotajotape.svg)!important
}
#mobile_menu li li.armarios,
#top-menu li li.armarios {
background-image: url(//fr.jotajotape.com/wp-content/themes/j/icos/wardrobes-jotajotape.svg)!important
}
#mobile_menu li li.dormitorios,
#top-menu li li.dormitorios {
background-image: url(//fr.jotajotape.com/wp-content/themes/j/icos/modern-bedrooms-adult-jotajotape.svg)!important
}
#mobile_menu li li.infantiles,
#top-menu li li.infantiles {
background-image: url(//fr.jotajotape.com/wp-content/themes/j/icos/childrens-rooms-jotajotape.svg)!important
}
#mobile_menu li li.office,
#top-menu li li.office {
background-image:url(//fr.jotajotape.com/wp-content/themes/j/icos/home-office-jotajotape.svg)!important
}
#mobile_menu ul.sub-menu {
padding-left: 0!important
}
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d'
}
#mobile_menu li li.cap {
border-top: 2px solid #000;
padding-left: 80px!important;
background-size: 60px 60px;
background-repeat: no-repeat;
background-position: 7px -8px
}
#mobile_menu {
background-color: #fff!important;
padding: 0!important;
margin-top: -10px
}
#mobile_menu a,
#mobile_menu span.scpl {
font-size: 18px;
color: #000!important
}
#mobile_menu li,
#mobile_menu li ul li {
margin-left: 0!important;
padding-left: 0!important;
margin-bottom: 0!important
}
#mobile_menu li.cap {
background-color: #eee;
padding: 12px
}
#mobile_menu>li>a, #mobile_menu>li>span.scpl{
text-transform: uppercase!important;
background-color: #d9d9d9;
border-bottom: 1px solid rgba(255, 255, 255, .9);
}
.et_mobile_menu li span.scpl {
transition: all 0.2s ease-in-out;
padding: 10px 5%;
display: block;
}
.mobile_menu_bar:before {
color: #fff!important
}
#et-top-navigation {
height: 70px!important
}
@media (max-width:1102px) {
#et-top-navigation {
padding-left: 0
}
}
#main-footer .container {
width: 100%
}
#main-footer .footer-widget h4 {
color: #080808!important
}
#et-footer-nav .container,
.bottom-nav ul {
text-align: center
}
.bottom-nav li {
display: inline-block;
padding: 5px 10px;
font-size: 14px;
font-weight: 600
}
#footer-bottom .container {
text-align: center
}
ul.et-social-icons {
float: none!important
}
ul.et-social-icons li {
margin-left: 10px;
margin-right: 10px
}
#footer-info {
float: none;
text-align: center;
margin-top: 20px
}
#footer-bottom {
padding: 35px 0 0
}
.page ul li {
line-height: 1.5em;
margin-bottom: 15px
}
.wp-caption {
border: none;
background-color: transparent;
padding: 0!important;
max-width: 100%!important
}
.wp-caption-text {
line-height: 1.5em
}
.wp-caption img {
width: 100%
}
blockquote {
max-width: 550px;
text-align: center;
margin: 30px auto;
padding: 20px;
font-size: 20px;
color: #e47244!important;
border: 3px solid;
border-top: 2px solid #e47244;
border-bottom: 2px solid #e47244;
border-radius: 15px
}
.citafinal blockquote {
max-width: 650px;
font-weight: 700;
border: 5px solid;
color: #e47244!important;
border-top: 4px solid #e47244;
border-bottom: 4px solid #e47244
}
.page .et_pb_section_0 {
padding-top: 2%
}
.page .et_pb_row .et_pb_row_1 {
padding-top: 0
}
#menu-colecciones {
text-align: center
}
#menu-colecciones li {
display: inline-block;
padding: 5px 10px;
font-size: 20px
}
#menu-colecciones li a, #menu-colecciones li span.scpl {
color: #e47244!important
}
#menu-colecciones li.titulo a {
color: #080808!important
}
@media (max-width:600px) {
#menu-colecciones li.titulo,
.bottom-nav li {
display: block
}
.et_pb_row {
width: 93%!important
}
}
.light {
font-weight: 300
}
@media all and (max-width:800px) {
a.accordion {
display: block;
color: #444;
cursor: pointer;
padding: 8px 8px 6px;
width: 50px;
border: 1px solid;
outline: 0;
font-size: 35px;
transition: .4s;
float: right;
text-align: center;
margin-right: 0;
border-radius: 3px
}
a.accordion:after {
content: "+";
color: #e47244
}
a.accordion.active {
padding: 4px 8px 10px
}
a.accordion.active:after {
content: "-"
}
div.desplegable p:nth-child(2) {
margin-top: 1!important;
padding-top: 0 1em!important;
padding-bottom: 0!important
}
div.desplegable > div {
padding: 0 0 5px 5px;
height: 57px;
overflow: hidden;
transition: .6s ease-in-out;
opacity: 1
}
div.desplegable > div p {
padding-right: 50px
}
div.desplegable > div.show {
height: auto !important;
display: contents !important;
}
div.desplegable > div.show p {
padding-top: 8px
}
}
#footer-info { width: 100%; text-align: center; }blockquote{ margin: auto;}
.et_password_protected_form{ width: 80%; text-align: center; padding-top: 50px; margin: auto; }
.flex-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden; clear: both;
background-color: #000;
}
div.flex-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sYvideo{background-color: rgb(0,0,0);z-index: 99999;;
display:block;width:100%;max-width:600px;
-moz-background-size:  100%;
-o-background-size:  100%;
background-size:  100%; background-repeat: no-repeat; } .linkte a:hover, .lispan a:hover, .scp_of_link:hover, .scpl:hover, .bloqueB span:hover, li.ofuscar a:hover {cursor:hand;cursor:pointer;} 
#CONTACTO-MAPS .contacto-texto {
width:100%;
padding-left:70px;
color:#fff;
font-size:21px
}
#CONTACTO-MAPS .contacto-texto h3 {
font-size:32px;
font-weight:600
}
#CONTACTO-MAPS .contacto-texto p.ct1 {
padding-bottom:.2em;
font-weight:500
}
#CONTACTO-MAPS .contacto-texto p.ct2 {
width:66%;
font-weight:300
}
#CONTACTO-MAPS .contacto-texto .contacto-texto-img {
width:40px;
position:absolute;
margin-left:-60px
}
#CONTACTO-MAPS .contacto-boton span {
padding:5px;
color:#fff;
border:2px solid;
display:block;
text-align:center;
position:absolute;
right:0;
bottom:0;
font-size:16px;
font-weight:700
}
.contentpint #CONTACTO-MAPS {
width:100%!important;
border-radius:3px;
background-image:url(https://www.jotajotape.com/wp-content/uploads/2019/09/tiendas-distribuidoras-jotajotape-1.jpg);
padding:20px!important
}
.contentpint #CONTACTO-MAPS .contacto-texto-p {
padding-left:0!important
}
@media all and (max-width:980px) {
#CONTACTO-MAPS .contacto-texto p.ct2 {
width:57%
}
#CONTACTO-MAPS .contacto-texto h3 {
font-size:30px
}
#CONTACTO-MAPS .contacto-texto {
font-size:20px
}
}
@media all and (max-width:818px) {
#CONTACTO-MAPS .contacto-texto p.ct1,
#CONTACTO-MAPS .contacto-texto p.ct2 {
width:100%
}
#CONTACTO-MAPS .contacto-texto-p {
padding-left:0
}
#CONTACTO-MAPS .contacto-boton span {
position:relative;
margin-top:15px
}
}