Theme Name: Flober
Theme URI: https://upbransdesigns.com
Description: Flober Storefront Child
Author: Ignacio Spaventa / Gonzalo Ulla | UpBrands!
Author URI: https://upbransdesigns.com
Template: storefront
Version: 1.2.70
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: flober
*/
/*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */

/*
 * STYLE OPTIMIZADO POR CHATGPT
 */


html {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: rgba(0, 0, 0, 0);
}
a:active,
a:hover {
outline: 0px solid white;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input {
line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
input[type='search'] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
}
td,
th {
padding: 0;
}
body {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body,
button,
input,
textarea {
color: #43454b;
line-height: 1.618;
text-rendering: optimizeLegibility;
font-weight: 400;
}
body,
button,
input,
select,
textarea {
font-family: 'Nunito Sans', sans-serif;
font-weight: 400;
}
select {
color: initial;
max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 300;
margin: 0 0 0.5407911001em;
color: #212121;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: 300;
}
.alpha,
h1 {
font-size: 2em;
line-height: 1.214;
letter-spacing: -1px;
}
.beta,
h2 {
font-size: 2em;
line-height: 1.214;
}
.beta + h3,
h2 + h3 {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 0.5407911001em;
}
.gamma,
h3 {
font-size: 1.5em;
}
.delta,
h4 {
font-size: 1.4em;
}
.alpha,
.beta,
.delta,
.gamma {
display: block;
}
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + header h2,
form + h2,
form + h3,
form + h4,
form + header h2,
ol + h2,
ol + h3,
ol + h4,
ol + header h2,
p + h2,
p + h3,
p + h4,
p + header h2,
table + h2,
table + h3,
table + h4,
table + header h2,
ul + h2,
ul + h3,
ul + h4,
ul + header h2 {
margin-top: 2.2906835em;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
}
hr,
p {
margin: 0 0 1.41575em;
}
ol,
ul {
margin: 0 0 1.41575em 3em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ol,
li > ul {
margin-bottom: 0;
margin-left: 1em;
}
dt {
font-weight: 600;
}
dd {
margin: 0 0 1.618em;
}
b,
strong {
font-weight: 800;
}
blockquote,
cite,
dfn,
em,
i {
font-style: italic;
}
blockquote {
padding: 0 1em;
border-left: 3px solid rgba(0, 0, 0, 0.05);
}
address {
margin: 0 0 1.41575em;
}
pre {
background: rgba(0, 0, 0, 0.1);
font-family: Courier\10 Pitch, Courier, monospace;
margin-bottom: 1.618em;
padding: 1.618em;
overflow: auto;
max-width: 100%;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, Andale Mono, DejaVu Sans Mono, monospace;
background-color: rgba(0, 0, 0, 0.05);
padding: 0.202em 0.5407911001em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins,
mark {
text-decoration: none;
font-weight: 600;
background: rgba(0, 0, 0, 0);
}
sub,
sup {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
img {
height: auto;
max-width: 100%;
display: block;
border-radius: 2px;
}
a {
color: #2c2d33;
text-decoration: none;
}
a:focus,
button:focus,
input:focus,
textarea:focus {
outline: 0px solid white;
}
.storefront-cute * {
font-family: Comic Sans MS, sans-serif;
}
* {
box-sizing: border-box;
}
body {
background-color: #fff;
}
.site,
body {
overflow-x: hidden;
}
.header-widget-region,
.site-content {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.site-header {
background-color: #2c2d33;
padding-top: 1.618em;
padding-bottom: 1.618em;
color: #9aa0a7;
background-position: 50%;
position: relative;
z-index: 999;
border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.site-header .custom-logo-link,
.site-header .site-logo-anchor,
.site-header .site-logo-link {
display: block;
margin-bottom: 0;
}
.site-header .custom-logo-link img,
.site-header .site-logo-anchor img,
.site-header .site-logo-link img {
width: 100%;
max-width: 210px;
}
.site-header .widget {
margin-bottom: 0;
}
.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
margin-bottom: 4.235801032em;
}
.no-wc-breadcrumb .site-header {
margin-bottom: 4.235801032em;
}
.no-wc-breadcrumb.page-template-template-homepage .site-header {
margin-bottom: 0;
}
.header-widget-region {
position: relative;
z-index: 99;
}
.header-widget-region:after,
.header-widget-region:before {
content: '';
display: table;
}
.header-widget-region:after {
clear: both;
}
.header-widget-region .widget {
margin: 0;
padding: 1em 0;
font-size: 0.875em;
}
.site-branding {
float: left;
margin-bottom: 0;
width: calc(100% - 120px);
}
.site-branding .site-title {
font-size: 2em;
letter-spacing: -1px;
margin: 0;
}
.site-branding .site-title a {
font-weight: 700;
}
.site-branding .site-description {
font-size: 0.875em;
display: none;
}

.site-branding .logo {
margin: 0;
}

.site-main {
margin-bottom: 2.617924em;
}

.site-content {
outline: none;
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
padding-top: 4.235801032em;
}

.page-template-template-homepage .type-page {
padding-top: 2.617924em;
padding-bottom: 2.617924em;
position: relative;
}

.page-template-template-homepage .type-page .storefront-hero__button-edit {
position: absolute;
top: 1em;
right: 1em;
font-size: 0.875em;
}

.page-template-template-homepage .entry-content {
font-size: 1.1em;
}

.page-template-template-homepage .entry-content p:last-child {
margin-bottom: 0;
}

.page-template-template-homepage .entry-header h1 {
font-size: 3.706325903em;
margin-bottom: 0.2360828548em;
}

.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header {
max-width: 41.0994671405em;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.page-template-template-homepage.has-post-thumbnail
.type-page.has-post-thumbnail {
background-size: cover;
background-position: 50%;
padding-top: 6.8535260698em;
padding-bottom: 6.8535260698em;
}

.page-template-template-homepage.has-post-thumbnail
.type-page.has-post-thumbnail
.entry-content,
.page-template-template-homepage.has-post-thumbnail
.type-page.has-post-thumbnail
.entry-title {
opacity: 0;
-webkit-transition: all, ease, 0.5s;
transition: all, ease, 0.5s;
}

.page-template-template-homepage.has-post-thumbnail
.type-page.has-post-thumbnail
.entry-content.loaded,
.page-template-template-homepage.has-post-thumbnail
.type-page.has-post-thumbnail
.entry-title.loaded {
opacity: 1;
}

.site-footer {
background-color: #f3f3f3;
color: #3b3c3f;
padding: 1.618em 0 3.706325903em;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
color: #333437;
}

.site-footer a {
color: #2c2d33;
text-decoration: underline;
}

.site-footer a:hover {
text-decoration: none;
}

.site-footer a.button,
.site-footer a.components-button:not(.is-link),
.site-footer a.wp-block-button__link {
text-decoration: none;
}

.site-info {
padding: 2.617924em 0;
}

.site-info span[role='separator'] {
padding: 0 0.2360828548em 0 0.3342343017em;
}
.site-info span[role='separator']:before {
content: '\007c';
}

.alignleft {
display: inline;
float: left;
margin-right: 1em;
}

.alignright {
display: inline;
float: right;
margin-left: 1em;
}

.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}

.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
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;
display: block;
font-weight: 700;
height: auto;
left: 0;
line-height: normal;
padding: 1em 1.618em;
text-decoration: none;
top: 0;
width: auto;
z-index: 100000;
outline: none;
}

.screen-reader-text.skip-link:focus {
-webkit-clip-path: none;
clip-path: none;
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
content: '';
display: table;
}

.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
clear: both;
}

table {
border-spacing: 0;
width: 100%;
margin: 0 0 1.41575em;
border-collapse: separate;
}

table caption {
padding: 1em 0;
font-weight: 600;
}

table td,
table th {
padding: 1em 1.41575em;
text-align: left;
vertical-align: top;
}

table td p:last-child,
table th p:last-child {
margin-bottom: 0;
}

table th {
font-weight: 600;
}

table thead th {
padding: 1.41575em;
vertical-align: middle;
}

table tbody h2 {
font-size: 1em;
letter-spacing: normal;
}

table tbody h2,
table tbody h2 a {
font-weight: 400;
}

.error404 .site-content .widget_product_search {
padding: 1.618em;
background-color: rgba(0, 0, 0, 0.025);
}

.error404 .site-content .widget_product_search form {
margin: 0;
}

.error404.left-sidebar .content-area,
.error404.right-sidebar .content-area {
width: 100%;
}

.error404 .fourohfour-columns-2 {
padding: 2.617924em 0;
border: 1px solid rgba(0, 0, 0, 0.05);
border-width: 1px 0;
margin-bottom: 2.617924em;
}

.error404 .fourohfour-columns-2:after,
.error404 .fourohfour-columns-2:before {
content: '';
display: table;
}

.error404 .fourohfour-columns-2:after {
clear: both;
}

.error404 .fourohfour-columns-2 .widget,
.error404 .fourohfour-columns-2 ul.products li.product {
margin-bottom: 0;
}

.error404 .fourohfour-columns-2 .col-1 ul.products {
margin-bottom: 2.2906835em;
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
width: 45.4545454545%;
float: left;
margin-right: 9.0909090909%;
}
.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child {
margin-right: 0;
}
.error404 .fourohfour-columns-2 .col-2 {
padding: 1.618em;
background-color: rgba(0, 0, 0, 0.025);
}
#comments {
padding-top: 2.617924em;
}
#comments .comments-title {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 0.5407911001em;
margin-bottom: 1.618em;
}
#comments .comment-list {
list-style: none;
margin-left: 0;
}
#comments .comment-list .comment-body:after,
#comments .comment-list .comment-body:before {
content: '';
display: table;
}
#comments .comment-list .comment-body:after {
clear: both;
}
#comments .comment-list .comment-content {
padding-bottom: 1.618em;
margin-bottom: 1.618em;
}
#comments .comment-list .comment-content .comment-text {
padding: 1.618em;
border-radius: 3px;
}
#comments .comment-list .comment-content .comment-text p:last-child {
margin-bottom: 0;
}
#comments .comment-list .comment-meta {
margin-bottom: 1em;
}
#comments .comment-list .comment-meta .avatar {
margin-bottom: 1em;
max-width: 64px;
height: auto;
}
#comments .comment-list .comment-meta a.comment-date {
font-size: 0.875em;
}
#comments .comment-list .comment-meta cite {
font-style: normal;
clear: both;
display: block;
}
#comments .comment-list .reply {
margin-bottom: 1.618em;
padding-top: 0.6180469716em;
}
#comments .comment-list .reply:after,
#comments .comment-list .reply:before {
content: '';
display: table;
}
#comments .comment-list .reply:after {
clear: both;
}
#comments .comment-list .reply a {
display: inline-block;
margin-right: 1em;
}
#comments .comment-list .reply a:last-child {
margin-right: 0;
}
#comments .comment-list .children {
list-style: none;
}
.comment-content a {
word-wrap: break-word;
}
#respond {
clear: both;
padding: 1.618em;
background-color: rgba(0, 0, 0, 0.0125);
position: relative;
}
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
width: 100%;
}
#respond .form-submit,
#respond form {
margin-bottom: 0;
}
#respond #cancel-comment-reply-link {
position: absolute;
top: 0.5407911001em;
right: 0.5407911001em;
display: block;
height: 1em;
width: 1em;
overflow: hidden;
line-height: 1;
font-size: 1.41575em;
text-align: center;
-webkit-transition: ease, 0.3s, -webkit-transform;
transition: ease, 0.3s, -webkit-transform;
transition: transform, ease, 0.3s;
transition: transform, ease, 0.3s, -webkit-transform;
}
#respond #cancel-comment-reply-link:hover {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.hentry {
margin: 0 0 4.235801032em;
}
.hentry .wp-post-image {
margin-bottom: 1.618em;
margin-left: auto;
margin-right: auto;
}
.hentry .entry-header {
margin-bottom: 1em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.hentry .entry-header .byline,
.hentry .entry-header .post-author,
.hentry .entry-header .post-comments,
.hentry .entry-header .posted-on {
font-size: 0.875em;
}
.hentry .entry-header .byline a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .posted-on a {
font-weight: 600;
text-decoration: underline;
}
.hentry .entry-header .byline a:hover,
.hentry .entry-header .post-author a:hover,
.hentry .entry-header .post-comments a:hover,
.hentry .entry-header .posted-on a:hover {
text-decoration: none;
}
.hentry .entry-content a {
text-decoration: underline;
}
.hentry .entry-content a:hover {
text-decoration: none;
}
.hentry .entry-content a.button,
.hentry .entry-content a.components-button:not(.is-link),
.hentry .entry-content a.wp-block-button__link {
text-decoration: none;
}
.hentry .entry-taxonomy {
margin: 1.41575em 0 0;
padding-top: 1em;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.hentry.type-page .entry-header {
border-bottom: 0;
margin-bottom: 0;
}
.cat-links,
.tags-links {
font-size: 0.875em;
}
.cat-links a,
.tags-links a {
color: #727272;
font-weight: 600;
text-decoration: underline;
}
.byline,
.updated:not(.published) {
display: none;
}
.group-blog .byline,
.single .byline {
display: inline;
}
.page-links {
clear: both;
margin: 0 0 1em;
}
form {
margin-bottom: 1.618em;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
}
.added_to_cart,
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
border: 0;
border-radius: 0;
background: none;
background-color: #2d8e9d;
border-color: #2d8e9d;
color: #fff;
cursor: pointer;
padding: 0.6180469716em 1.41575em;
text-decoration: none;
font-weight: 600;
text-shadow: none;
display: inline-block;
-webkit-appearance: none;
}
.added_to_cart:after,
.button:after,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:after,
button:after,
input[type='button']:after,
input[type='reset']:after,
input[type='submit']:after {
display: none;
}
.added_to_cart.alt,
.added_to_cart.cta,
.button.alt,
.button.cta,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,
button.alt,
button.cta,
input[type='button'].alt,
input[type='button'].cta,
input[type='reset'].alt,
input[type='reset'].cta,
input[type='submit'].alt,
input[type='submit'].cta {
background-color: #2d8e9d;
border-color: #2d8e9d;
text-transform: uppercase
}
.added_to_cart.alt:hover,
.added_to_cart.cta:hover,
.button.alt:hover,
.button.cta:hover,
.wc-block-grid__products
.wc-block-grid__product
.wp-block-button__link.alt:hover,
.wc-block-grid__products
.wc-block-grid__product
.wp-block-button__link.cta:hover,
button.alt:hover,
button.cta:hover,
input[type='button'].alt:hover,
input[type='button'].cta:hover,
input[type='reset'].alt:hover,
input[type='reset'].cta:hover,
input[type='submit'].alt:hover,
input[type='submit'].cta:hover {
background-color: #8e44ad ;
text-transform: uppercase
}
.added_to_cart:hover,
.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
color: #fff;
}
.added_to_cart.loading,
.button.loading,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,
button.loading,
input[type='button'].loading,
input[type='reset'].loading,
input[type='submit'].loading {
opacity: 0.5;
}
.added_to_cart.small,
.button.small,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,
button.small,
input[type='button'].small,
input[type='reset'].small,
input[type='submit'].small {
padding: 0.5407911001em 0.875em;
font-size: 0.875em;
}
.added_to_cart.disabled,
.added_to_cart:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products
.wc-block-grid__product
.wp-block-button__link.disabled,
.wc-block-grid__products
.wc-block-grid__product
.wp-block-button__link:disabled,
button.disabled,
button:disabled,
input[type='button'].disabled,
input[type='button']:disabled,
input[type='reset'].disabled,
input[type='reset']:disabled,
input[type='submit'].disabled,
input[type='submit']:disabled {
opacity: 0.5 !important;
cursor: not-allowed;
}
.added_to_cart.disabled:hover,
.added_to_cart:disabled:hover,
.button.disabled:hover,
.button:disabled:hover,
.wc-block-grid__products
.wc-block-grid__product
.wp-block-button__link.disabled:hover,
.wc-block-grid__products
.wc-block-grid__product
.wp-block-button__link:disabled:hover,
button.disabled:hover,
button:disabled:hover,
input[type='button'].disabled:hover,
input[type='button']:disabled:hover,
input[type='reset'].disabled:hover,
input[type='reset']:disabled:hover,
input[type='submit'].disabled:hover,
input[type='submit']:disabled:hover {
opacity: 0.5 !important;
}
.wc-block-components-button:not(.is-link).disabled,
.wc-block-components-button:not(.is-link):disabled {
opacity: 0.5;
cursor: not-allowed;
}
.wc-block-components-button:not(.is-link).disabled:hover,
.wc-block-components-button:not(.is-link):disabled:hover {
opacity: 0.5;
}
input[type='checkbox'],
input[type='radio'] {
padding: 0;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
margin: 0 0 0 0.3819820591em;
}
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type='search'] {
box-sizing: border-box;
}
input[type='search']::-webkit-input-placeholder {
color: #616161;
}
input[type='search']:-ms-input-placeholder {
color: #616161;
}
input[type='search']::-ms-input-placeholder {
color: #616161;
}
input[type='search']::placeholder {
color: #616161;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
.input-text,
input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea {
padding: 0.6180469716em;
background-color: #f2f2f2;
color: #43454b;
border: 0;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: 400;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
}
.input-text:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
textarea:focus {
background-color: #ededed;
}
textarea {
overflow: auto;
padding-left: 0.875em;
vertical-align: top;
width: 100%;
}
label {
font-weight: 400;
}
label.inline input {
width: auto;
}
fieldset {
padding: 1em 1.618em 1.618em;
border: 0;
margin: 1.618em 0;
}
fieldset legend {
font-weight: 600;
padding: 0.6180469716em 1em;
margin-left: -1em;
}
[placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s ease 0.5s;
transition: opacity 0.5s ease 0.5s;
opacity: 0;
}
.comment-content img.wp-smiley,
.entry-content img.wp-smiley,
.page-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
display: inline-block;
border-radius: 0;
}
.wp-caption {
margin-bottom: 1em;
max-width: 100%;
}
.wp-caption img[class*='wp-image-'] {
display: block;
margin: 0 auto;
}
.wp-caption .wp-caption-text {
text-align: left;
font-style: italic;
border-bottom: 2px solid rgba(0, 0, 0, 0.05);
padding: 1em 0;
}
.gallery {
margin-bottom: 1em;
}
.gallery:after,
.gallery:before {
content: '';
display: table;
}
.gallery:after {
clear: both;
}
.gallery .gallery-item {
float: left;
}
.gallery .gallery-item .gallery-icon a {
display: block;
}
.gallery .gallery-item .gallery-icon img {
border: none;
height: auto;
margin: 0 auto;
}
.gallery .gallery-item .gallery-caption {
margin: 0;
text-align: center;
}
.gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.3%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.666666667%;
}
.gallery.gallery-columns-7 .gallery-item {
width: 14.285714286%;
}
.gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
width: 11.111111111%;
}
embed,
iframe,
object,
video {
max-width: 100%;
}
.secondary-navigation {
display: none;
}
button.menu-toggle {
cursor: pointer;
text-align: left;
float: right;
position: relative;
border: 2px solid rgba(0, 0, 0, 0);
box-shadow: none;
border-radius: 2px;
padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em;
font-size: 0.875em;
max-width: 120px;
}
button.menu-toggle,
button.menu-toggle:hover {
background-image: none;
}
button.menu-toggle span:before {
-webkit-transition: all, ease, 0.2s;
transition: all, ease, 0.2s;
}
button.menu-toggle:after,
button.menu-toggle:before,
button.menu-toggle span:before {
content: '';
display: block;
height: 2px;
width: 14px;
position: absolute;
top: 50%;
left: 1em;
margin-top: -1px;
-webkit-transition: all, ease, 0.2s;
transition: all, ease, 0.2s;
border-radius: 3px;
}
button.menu-toggle:before {
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
}
button.menu-toggle:after {
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
}
.toggled button.menu-toggle:after,
.toggled button.menu-toggle:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggled button.menu-toggle:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.toggled button.menu-toggle span:before {
opacity: 0;
}
.primary-navigation {
display: none;
}
.main-navigation:after,
.main-navigation:before {
content: '';
display: table;
}
.main-navigation:after {
clear: both;
}
.main-navigation div.menu {
display: none;
}
.main-navigation div.menu:last-child {
display: block;
}
.main-navigation .menu {
clear: both;
}
.handheld-navigation,
.main-navigation div.menu > ul:not(.nav-menu),
.nav-menu {
overflow: hidden;
max-height: 0;
-webkit-transition: all, ease, 0.8s;
transition: all, ease, 0.8s;
}
.handheld-navigation {
clear: both;
}
.handheld-navigation ul {
margin: 0;
}
.handheld-navigation ul.menu li {
position: relative;
}
.handheld-navigation ul.menu li button:after {
-webkit-transition: all, ease, 0.9s;
transition: all, ease, 0.9s;
}
.handheld-navigation ul.menu li button.toggled-on:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.handheld-navigation ul.menu .sub-menu {
visibility: hidden;
opacity: 0;
max-height: 0;
-webkit-transition: all, ease, 0.9s;
transition: all, ease, 0.9s;
}
.handheld-navigation ul.menu .sub-menu.toggled-on {
visibility: visible;
max-height: 9999px;
opacity: 1;
}
.handheld-navigation .dropdown-toggle {
background: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
right: 0;
display: block;
}
.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu > ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded='true'] {
max-height: 9999px;
}
.main-navigation ul {
margin-left: 0;
list-style: none;
margin-bottom: 0;
}
.main-navigation ul ul {
display: block;
margin-left: 1.41575em;
}
.main-navigation ul li a {
padding: 0.875em 0;
display: block;
}
.main-navigation ul li a:hover {
color: #e6e6e6;
}
.site-main nav.navigation {
clear: both;
padding: 2.617924em 0;
}
.site-main nav.navigation:after,
.site-main nav.navigation:before {
content: '';
display: table;
}
.site-main nav.navigation:after {
clear: both;
}
.site-main nav.navigation .nav-next a,
.site-main nav.navigation .nav-previous a {
display: inline-block;
}
.site-main nav.navigation .nav-previous {
float: left;
width: 50%;
}
.site-main nav.navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.pagination,
.woocommerce-pagination {
padding: 1em 0;
border: 1px solid rgba(0, 0, 0, 0.05);
border-width: 1px 0;
text-align: center;
clear: both;
}
.pagination ul.page-numbers:after,
.pagination ul.page-numbers:before,
.woocommerce-pagination ul.page-numbers:after,
.woocommerce-pagination ul.page-numbers:before {
content: '';
display: table;
}
.pagination ul.page-numbers:after,
.woocommerce-pagination ul.page-numbers:after {
clear: both;
}
.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
list-style: none;
margin: 0;
vertical-align: middle;
}
.pagination .page-numbers li,
.woocommerce-pagination .page-numbers li {
display: inline-block;
}
.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
border-left-width: 0;
display: inline-block;
padding: 0.3342343017em 0.875em;
background-color: rgba(0, 0, 0, 0.025);
color: #43454b;
}
.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
background-color: #2c2d33;
border-color: #2c2d33;
}
.pagination .page-numbers li .page-numbers.dots,
.woocommerce-pagination .page-numbers li .page-numbers.dots {
background-color: rgba(0, 0, 0, 0);
}
.pagination .page-numbers li .page-numbers.next,
.pagination .page-numbers li .page-numbers.prev,
.woocommerce-pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.prev {
padding-left: 1em;
padding-right: 1em;
}
.pagination .page-numbers li a.page-numbers:hover,
.woocommerce-pagination .page-numbers li a.page-numbers:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.rtl .pagination a.next,
.rtl .pagination a.prev,
.rtl .woocommerce-pagination a.next,
.rtl .woocommerce-pagination a.prev {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.widget {
margin: 0 0 3.706325903em;
}
.widget select {
max-width: 100%;
}
.widget .widget-search .search-submit {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.widget .widget-title,
.widget .widgettitle {
font-size: 1.41575em;
letter-spacing: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 0 0 1em;
margin-bottom: 1em;
font-weight: 300;
}
.widget ul {
margin-left: 0;
list-style: none;
}
.widget ul ul {
margin-left: 1.618em;
}
.widget-area .widget {
font-size: 0.875em;
font-weight: 400;
}
.widget-area .widget h1.widget-title {
font-size: 1.41575em;
}
.widget-area .widget a {
font-weight: 600;
text-decoration: underline;
}
.widget-area .widget a:hover {
text-decoration: none;
}
.widget-area .widget a.button,
.widget-area .widget a.components-button:not(.is-link),
.widget-area .widget a.wp-block-button__link {
text-decoration: none;
}
.widget-area .widget a.button {
font-weight: 600 !important;
}
.widget_product_search form,
.widget_search form {
position: relative;
}
.widget_product_search form input[type='search'],
.widget_product_search form input[type='text'],
.widget_search form input[type='search'],
.widget_search form input[type='text'] {
width: 100%;
}
.widget_product_search form button[type='submit'],
.widget_product_search form input[type='submit'],
.widget_search form button[type='submit'],
.widget_search form input[type='submit'] {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
top: 0;
left: 0;
}
.widget_archive ul,
.widget_categories ul,
.widget_layered_nav_filters ul,
.widget_layered_nav ul,
.widget_links ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_product_categories ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
margin: 0;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_layered_nav_filters ul li,
.widget_layered_nav ul li,
.widget_links ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_product_categories ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li {
list-style: none;
margin-bottom: 1em;
line-height: 1.41575em;
}
.widget_archive ul .children,
.widget_categories ul .children,
.widget_layered_nav_filters ul .children,
.widget_layered_nav ul .children,
.widget_links ul .children,
.widget_nav_menu ul .children,
.widget_pages ul .children,
.widget_product_categories ul .children,
.widget_recent_comments ul .children,
.widget_recent_entries ul .children {
margin-left: 0;
margin-top: 1em;
}
#wp-calendar td,
#wp-calendar th,
.wp-calendar-table td,
.wp-calendar-table th {
padding: 0.236em;
text-align: center;
}
.widget_pages ul ul.children,
.widget_recent_entries ul ul.children {
margin: 0.6180469716em 0 0 1.41575em;
}
.widget_rating_filter .wc-layered-nav-rating {
margin-bottom: 0.6180469716em;
}
.widget_rating_filter .wc-layered-nav-rating a {
text-decoration: none !important;
}
.widget_rating_filter .wc-layered-nav-rating .star-rating {
display: inline-block;
height: 1em;
line-height: 1;
}
@media (min-width: 768px) {
table.shop_table_responsive tbody tr td,
table.shop_table_responsive tbody tr th {
text-align: left;
}
.site-header {
padding-top: 2.617924em;
padding-bottom: 0;
}
.site-header .site-branding {
display: block;
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
clear: both;
}
.site-header .site-branding img {
height: auto;
max-width: 230px;
max-height: none;
}
.woocommerce-active .site-header .site-branding {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
}
.woocommerce-active .site-header .site-search {
width: 21.7391304348%;
float: right;
margin-right: 0;
clear: none;
}
.woocommerce-active .site-header .main-navigation {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
clear: both;
}
.woocommerce-active .site-header .site-header-cart {
width: 21.7391304348%;
float: right;
margin-right: 0;
margin-bottom: 0;
}
.storefront-secondary-navigation .site-header .site-branding {
width: 39.1304347826%;
float: left;
margin-right: 4.347826087%;
}
.storefront-secondary-navigation .site-header .secondary-navigation {
width: 56.5217391304%;
float: right;
margin-right: 0;
}
.storefront-secondary-navigation.woocommerce-active
.site-header
.site-branding {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%;
}
.storefront-secondary-navigation.woocommerce-active
.site-header
.secondary-navigation {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%;
}
.site-branding .site-description {
margin-bottom: 0;
display: block;
}
.custom-logo-link,
.site-branding,
.site-header-cart,
.site-logo-anchor,
.site-logo-link,
.site-search {
margin-bottom: 1.41575em;
}
.site-header .subscribe-and-connect-connect {
float: right;
margin-bottom: 1em;
}
.site-header .subscribe-and-connect-connect .icons {
list-style: none;
margin: 0;
}
.site-header .subscribe-and-connect-connect .icons a {
font-size: 1em !important;
}
.site-header .subscribe-and-connect-connect .icons li {
margin: 0 0 0 0.5407911001em !important;
display: inline-block;
}
.col-full {
max-width: 66.4989378333em;
margin-left: auto;
margin-right: auto;
padding: 0 2.617924em;
box-sizing: content-box;
}
.col-full:after,
.col-full:before {
content: '';
display: table;
}
.col-full:after {
content: ' ';
display: block;
clear: both;
}
.site-content:after,
.site-content:before {
content: '';
display: table;
}
.site-content:after {
clear: both;
}
.content-area {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
}
.widget-area {
width: 21.7391304348%;
float: right;
margin-right: 0;
}
.right-sidebar .content-area {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
}
.right-sidebar .widget-area {
width: 21.7391304348%;
float: right;
margin-right: 0;
}
.left-sidebar .content-area {
width: 73.9130434783%;
float: right;
margin-right: 0;
}
.left-sidebar .widget-area {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%;
}
.storefront-full-width-content .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.content-area,
.widget-area {
margin-bottom: 2.617924em;
}
.page-template-template-fullwidth-php .content-area,
.page-template-template-homepage-php .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.footer-widgets {
padding-top: 4.235801032em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.footer-widgets:after,
.footer-widgets:before {
content: '';
display: table;
}
.footer-widgets:after {
clear: both;
}
.footer-widgets.col-2 .block {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%;
}
.footer-widgets.col-2 .block.footer-widget-2 {
float: right;
margin-right: 0;
}
.footer-widgets.col-3 .block {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%;
}
.footer-widgets.col-3 .block.footer-widget-3 {
float: right;
margin-right: 0;
}
.footer-widgets.col-4 .block {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%;
}
.footer-widgets.col-4 .block.footer-widget-4 {
float: right;
margin-right: 0;
}
.comment-list:after,
.comment-list:before {
content: '';
display: table;
}
.comment-list:after {
clear: both;
}
.comment-list .comment {
clear: both;
}
.comment-list .comment-meta {
width: 17.6470588235%;
float: left;
margin-right: 5.8823529412%;
text-align: right;
}
.comment-list .comment-meta .avatar {
float: right;
}
.comment-list .comment-content {
padding-bottom: 3.706325903em;
margin-bottom: 3.706325903em;
}
.comment-list #respond,
.comment-list .comment-content {
width: 76.4705882353%;
float: right;
margin-right: 0;
}
.comment-list #respond {
float: right;
}
.comment-list #respond .comment-form-author,
.comment-list #respond .comment-form-email,
.comment-list #respond .comment-form-url {
width: 100%;
margin-right: 0;
}
.comment-list .comment-body #respond {
box-shadow: 0 6px 2em rgba(0, 0, 0, 0.2);
margin-bottom: 2.617924em;
margin-top: -1.618em;
}
.comment-list .reply {
clear: both;
text-align: right;
}
.comment-list ol.children {
width: 88.2352941176%;
float: right;
margin-right: 0;
list-style: none;
}
.comment-list ol.children .comment-meta {
width: 20%;
float: left;
margin-right: 6.6666666667%;
}
.comment-list ol.children #respond,
.comment-list ol.children .comment-content {
width: 73.3333333333%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children {
width: 86.6666666667%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children .comment-meta {
width: 23.0769230769%;
float: left;
margin-right: 7.6923076923%;
}
.comment-list ol.children ol.children #respond,
.comment-list ol.children ol.children .comment-content {
width: 69.2307692308%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children {
width: 84.6153846154%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children .comment-meta {
width: 27.2727272727%;
float: left;
margin-right: 9.0909090909%;
}
.comment-list ol.children ol.children ol.children #respond,
.comment-list ol.children ol.children ol.children .comment-content {
width: 63.6363636364%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children ol.children {
width: 81.8181818182%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children ol.children .comment-meta {
width: 33.3333333333%;
float: left;
margin-right: 11.1111111111%;
}
.comment-list ol.children ol.children ol.children ol.children #respond,
.comment-list
ol.children
ol.children
ol.children
ol.children
.comment-content {
width: 55.5555555556%;
float: right;
margin-right: 0;
}
#respond {
padding: 2.617924em;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
width: 29.4117647059%;
float: left;
margin-right: 5.8823529412%;
}
#respond .comment-form-url {
float: right;
margin-right: 0;
}
#respond .comment-form-comment {
clear: both;
}
.hentry .entry-header {
margin-bottom: 2.617924em;
}
.handheld-navigation,
.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled div.menu,
.menu-toggle {
display: none;
}
.primary-navigation {
display: block;
}
.main-navigation,
.secondary-navigation {
clear: both;
display: block;
width: 100%;
}
.main-navigation ul,
.secondary-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
display: block;
}
.main-navigation ul li,
.secondary-navigation ul li {
position: relative;
display: inline-block;
text-align: left;
}
.main-navigation ul li a,
.secondary-navigation ul li a {
display: block;
}
.main-navigation ul li a:before,
.secondary-navigation ul li a:before {
display: none;
}
.main-navigation ul li.focus > ul,
.main-navigation ul li:hover > ul,
.secondary-navigation ul li.focus > ul,
.secondary-navigation ul li:hover > ul {
left: 0;
display: block;
}
.main-navigation ul li.focus > ul li > ul,
.main-navigation ul li:hover > ul li > ul,
.secondary-navigation ul li.focus > ul li > ul,
.secondary-navigation ul li:hover > ul li > ul {
left: -9999px;
}
.main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device,
.main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
.secondary-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device,
.secondary-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device {
display: none;
left: 0;
}
.main-navigation ul li.focus > ul li.focus > ul,
.main-navigation ul li.focus > ul li:hover > ul,
.main-navigation ul li:hover > ul li.focus > ul,
.main-navigation ul li:hover > ul li:hover > ul,
.secondary-navigation ul li.focus > ul li.focus > ul,
.secondary-navigation ul li.focus > ul li:hover > ul,
.secondary-navigation ul li:hover > ul li.focus > ul,
.secondary-navigation ul li:hover > ul li:hover > ul {
left: 100%;
top: 0;
display: block;
}
.main-navigation ul ul,
.secondary-navigation ul ul {
float: left;
position: absolute;
top: 100%;
z-index: 99999;
left: -9999px;
}
.main-navigation ul ul.sub-menu--is-touch-device,
.secondary-navigation ul ul.sub-menu--is-touch-device {
display: none;
left: 0;
}
.main-navigation ul ul li,
.secondary-navigation ul ul li {
display: block;
}
.main-navigation ul ul li a,
.secondary-navigation ul ul li a {
width: 200px;
}
ul.menu li.current-menu-item > a {
color: #43454b;
}
.storefront-primary-navigation {
clear: both;
}
.storefront-primary-navigation:after,
.storefront-primary-navigation:before {
content: '';
display: table;
}
.storefront-primary-navigation:after {
clear: both;
}
.main-navigation div.menu {
display: block;
}
.main-navigation ul.menu,
.main-navigation ul.nav-menu {
max-height: none;
overflow: visible;
margin-left: -1em;
-webkit-transition: none;
transition: none;
}
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
padding: 1.618em 1em;
}
.main-navigation ul.menu > li.menu-item-has-children:hover:after,
.main-navigation ul.menu > li.page_item_has_children:hover:after,
.main-navigation ul.nav-menu > li.menu-item-has-children:hover:after,
.main-navigation ul.nav-menu > li.page_item_has_children:hover:after {
display: block;
}
.main-navigation ul.menu ul,
.main-navigation ul.nav-menu ul {
margin-left: 0;
}
.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
padding: 0.875em 1.41575em;
font-weight: 400;
font-size: 0.875em;
}
.main-navigation ul.menu ul li:last-child,
.main-navigation ul.nav-menu ul li:last-child {
border-bottom: 0;
}
.main-navigation ul.menu ul ul,
.main-navigation ul.nav-menu ul ul {
margin-left: 0;
box-shadow: none;
}
.main-navigation ul.menu ul a:hover,
.main-navigation ul.menu ul li.focus,
.main-navigation ul.menu ul li:hover > a,
.main-navigation ul.nav-menu ul a:hover,
.main-navigation ul.nav-menu ul li.focus,
.main-navigation ul.nav-menu ul li:hover > a {
background-color: rgba(0, 0, 0, 0.025);
}
.main-navigation a {
padding: 0 1em 2.2906835em;
}
.secondary-navigation {
margin: 0 0 1.618em;
width: auto;
clear: none;
line-height: 1;
}
.secondary-navigation .menu {
font-size: 0.875em;
width: auto;
float: right;
}
.secondary-navigation .menu > li:hover > a {
text-decoration: none;
}
.secondary-navigation .menu ul a {
padding: 0.326em 0.875em;
background: rgba(0, 0, 0, 0.05);
}
.secondary-navigation .menu ul li:first-child a {
padding-top: 1em;
}
.secondary-navigation .menu ul li:last-child a {
padding-bottom: 1em;
}
.secondary-navigation .menu ul ul {
margin-top: -0.6180469716em;
}
.secondary-navigation .menu a {
padding: 1em 0.875em;
color: #737781;
font-weight: 400;
}
.secondary-navigation .menu a:hover {
text-decoration: none;
}
.error404 .fourohfour-columns-2 .col-1 {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%;
}
.error404 .fourohfour-columns-2 .col-1 ul.products {
margin-bottom: 0;
}
.error404 .fourohfour-columns-2 .col-2 {
width: 47.8260869565%;
float: right;
margin-right: 0;
}
}
@media (max-width: 66.4989378333em) {
.col-full {
margin-left: 2.617924em;
margin-right: 2.617924em;
padding: 0;
}
}
@media (max-width: 568px) {
.col-full {
margin-left: 1.41575em;
margin-right: 1.41575em;
padding: 0;
}
}
#primary.content-area,
#main.site-main {
margin: 0;
}
.topbar {
background: rgba(45, 142, 157, 1);
color: white;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
padding: 0px 90px 0px 90px;
width: 100%;
}
.nav-header li {
padding: 3px 8px;
}
.nav-header:first-child li {
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.nav-header:first-child li:last-child {
border-right: 0px solid rgba(255, 255, 255, 0.3);
}
@media all and (min-width: 980px) {
.primary-navigation {
display: block;
}
}
@media all and (max-width: 980px) {
.primary-navigation {
display: none;
}
}
.nav-header a {
color: white !important;
text-decoration: none;
}
.nav-header ul {
display: flex;
flex-flow: row nowrap;
list-style: none;
margin: 0;
width: 100%;
justify-content: space-between;
align-items: center;
align-content: center;
font-weight: 400;
font-size: 12px;
}
.topbar .contacto-top {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.topbar .contacto-top .textwidget {
line-height: 0.8;
font-size: 12px;
}
.topbar .contacto-top .textwidget:nth-last-child(1) p {
padding-left: 0.5vw;
margin: 0;
}
.topbar .contacto-top .textwidget:not(:nth-last-child(1)) p {
border-right: 2px solid white;
padding: 0 0.5vw;
margin: 0;
}
@media screen and (max-width: 1290px) {
.topbar {
padding: 0 20px;
}
}
@media screen and (max-width: 1100px) {
.topbar {
padding: 0 10px;
}
}
@media screen and (max-width: 980px) {
.topbar .nav-header {
display: none;
}
.topbar .contacto-top {
width: 100%;
}
.topbar .contacto-top .textwidget:not(:nth-last-child(1)) p {
border-right: none;
}
}
@media screen and (max-width: 350px) {
.topbar {
padding: 0 10px;
}
}
header.site-header {
width: 100%;
padding: 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
border: 0;
position: relative;
background-color: white;
z-index: 999999999;
}
@media screen and (max-width: 768px) {
header.site-header,
.home header.site-header {
position: relative;
}
}
header.site-header.sticky {
background-color: rgba(255, 255, 255, 0.85);
z-index: 999999999;
}
header.site-header .main-header {
width: 100%;
padding: 0px 90px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
background-color: rgba(255, 255, 255, 0);
color: #222222;
}
.home header.site-header .main-header {
color: #ffffff;
}
@media screen and (max-width: 1290px) {
header.site-header .main-header {
padding: 0 20px;
}
}
@media screen and (max-width: 1100px) {
header.site-header .main-header {
padding: 0 10px;
}
}
@media screen and (max-width: 980px) {
header.site-header .main-header {
padding: 10px 10px;
background-color: rgba(255, 255, 255, 1);
color: #222222;
}
}
header.site-header .main-header:hover,
header.site-header.sticky .main-header {
color: #222222;
background-color: #ffffff;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
header.site-header .main-header .logotipo {
width: 150px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
position: relative;
margin-right: 30px;
}
@media all and (max-width: 980px) {
.home header.site-header .main-header .logotipo img:first-child {
filter: none;
width: 150px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
}
@media screen and (max-width: 1000px) {
header.site-header .main-header .logotipo {
width: 16%;
}
}
header.site-header.sticky .main-header .logotipo {
max-width: 180px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
@media screen and (max-width: 980px) {
header.site-header .main-header .logotipo {
width: 40%;
order: 1;
}
header.site-header .main-header .logotipo img:last-child {
width: 150px;
order: 1;
opacity: 1;
}
}

/* AGRANDAR LOGO EN ESCRITORIO */
header.site-header .main-header .logotipo {
    width: 220px;
    margin-right: 30px;
    transition: all 0.5s;
}
/* AGRANDAR LOGO EN STICKY */
header.site-header.sticky .main-header .logotipo {
    max-width: 220px;
}
/* LOGO EN MÓVIL */
@media screen and (max-width: 980px) {
    header.site-header .main-header .logotipo {
        width: 45%;
        order: 1;
    }
    header.site-header .main-header .logotipo img {
        width: 100%;
        max-width: none;
    }
}


header.site-header .main-header .main-navigation {
margin: 0 !important;
width: auto !important;
}
@media screen and (max-width: 1000px) {
header.site-header .main-header .main-navigation {
margin: 0 !important;
width: 44% !important;
}
}
@media screen and (max-width: 980px) {
header.site-header .main-header .main-navigation {
order: 3;
width: 90px !important;
}
}
header.site-header .main-header ul {
margin: 0 auto;
display: flex;
justify-content: flex-start;
width: 100%;
}
header.site-header .main-header ul li {
list-style: none;
padding: 0 10px;
}
header.site-header .main-header ul.menu.nav-menu > li {
padding: 25px 14px !important;
}
@media screen and (max-width: 1190px) {
header.site-header .main-header ul.menu.nav-menu > li {
padding: 18px 7px !important;
}
}
header.site-header.sticky .main-header ul.menu.nav-menu > li {
padding: 15px 14px !important;
}
header.site-header.sticky .main-header ul.menu.nav-menu > li > a {
font-sizr: 12px;
}
header.site-header .main-header ul li a {
border-bottom: 1px solid rgba(0, 0, 0, 0);
font-size: 18px;
padding: 6px 0px;
color: black;
font-weight: 400;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
header.site-header .main-header ul li a:hover {
border-bottom: 1px solid #000;
transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
color: #000;
text-decoration: none;
}
header.site-header .main-header ul.menu.nav-menu > li > ul.sub-menu {
background-color: #fff;
display: none;
}
header.site-header .main-header ul.menu.nav-menu > li:hover > ul.sub-menu {
width: 100vw;
background-color: #fff;
min-height: 45vh;
position: absolute;
bottom: 3px;
left: 0;
display: flex;
justify-content: space-around;
}
@media screen and (max-width: 768px) {
header.site-header .main-header ul.menu.nav-menu > li:hover > ul.sub-menu {
width: 100%;
background-color: #fff;
min-height: 0;
position: relative;
bottom: auto;
left: auto;
display: flex;
padding-top: 15px;
}
}
@media screen and (max-width: 768px) {
header.site-header
.main-header
ul.menu.nav-menu
> li:hover
> ul.sub-menu
> li
> ul.sub-menu {
display: none !important;
}
}
header.site-header
.main-header
ul.menu.nav-menu
> li:hover
> ul.sub-menu
> li
> a {
background-color: #fff;
font-weight: 600;
font-size: 15px;
}
@media screen and (max-width: 768px) {
header.site-header
.main-header
ul.menu.nav-menu
> li:hover
> ul.sub-menu
> li
> a {
font-weight: 400;
}
}
header.site-header .main-header ul.menu.nav-menu > li:hover > ul.sub-menu > li {
background-color: #fff;
font-weight: 400;
padding: 3px 0;
font-size: 14px;
}
header.site-header
.main-header
ul.menu.nav-menu
> li:hover
> ul.sub-menu
> li
> ul.sub-menu {
display: block;
color: #222222;
width: 100%;
top: auto;
left: auto;
background-color: #fff;
}
.main-navigation ul.nav-menu li.menu-item-has-children a:after,
.main-navigation ul.nav-menu li.page_item_has_children a:after {
content: '' !important;
display: none;
}
header.site-header .main-header .col {
width: 40%;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media screen and (max-width: 980px) {
header.site-header .main-header .col {
order: 2;
justify-content: flex-end;
}
}
header.site-header .main-header .search {
max-width: 300px;
font-family: 'Josefin Sans', sans-serif;
padding-right: 20px;
}
@media screen and (max-width: 980px) {
header.site-header .main-header .search {
display: none;
}
}
header.site-header .main-header .search form {
margin: 0;
width: 100%;
position: relative;
}
header.site-header .main-header .search input[type='search'] {
background-color: rgba(255, 255, 255, 0);
border: 1px solid black;
font-size: 14px;
color: black;
width: 100%;
padding: 4px 10px 4px 28px;
box-shadow: inset 0 0 0 0 #fff;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
header.site-header .main-header:hover .search input[type='search']:focus,
header.site-header.sticky .main-header .search input[type='search']:focus {
background-color: rgba(255, 255, 255, 1);
}
header.site-header .main-header .search form::before {
content: '\f002';
font-family: 'Font Awesome 5 Free';
color: black;
position: absolute;
top: 50%;
font-weight: bold;
left: 8px;
font-size: 13px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
transform: translateY(-50%);
}
header.site-header .main-header .search input[type='search']::placeholder {
color: inherit;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
header.site-header .main-header .links {
display: flex;
justify-content: space-around;
}
header.site-header .main-header:hover .links i,
header.site-header.sticky .main-header .links i {
color: #000 !important;
padding: 0 15px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
header.site-header .main-header:hover .links i,
header.site-header.sticky .main-header .links i {
padding: 0 9px;
}
}
header.site-header .main-header .links i {
	color: #222222;
	font-size: 20px;
	padding: 0 15px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
header.site-header .main-header:hover .links:last-child i:hover,
header.site-header.sticky .main-header .links:last-child i:hover {
color: #8e44ad !important;
}
header.site-header .main-header:hover .links #heart:hover,
header.site-header.sticky .main-header .links #heart:hover {
color: red !important;
}
@media screen and (max-width: 980px) {
header.site-header .main-header .links i {
color: #222222;
}
.home header.site-header .main-header .links i {
color: #222222;
}
}
header.site-header button {
display: none !important;
}
@media screen and (max-width: 980px) {
header.site-header button {
display: block !important;
}
}
header.site-header .main-navigation .primary-navigation {
display: none;
}
header.site-header .main-navigation .primary-navigation.desktop {
display: block !important;
}
@media screen and (max-width: 980px) {
header.site-header .main-navigation .primary-navigation {
}
header.site-header .main-navigation .primary-navigation.desktop {
display: none !important;
}
}
header.site-header .main-navigation.toggled .primary-navigation {
display: block !important;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background-color: #fff;
z-index: 999999999;
}
header.site-header .main-navigation.toggled .primary-navigation ul {
width: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
text-align: center;
}
header.site-header .main-navigation.toggled .primary-navigation ul li {
text-align: center;
}
header.site-header .main-navigation.toggled button {
display: block !important;
z-index: 9999999999;
}
.main-navigation ul li,
.secondary-navigation ul li {
position: unset;
display: inline-block;
text-align: left;
}
.col-full {
margin-left: 0;
margin-right: 0;
padding: 0;
width: 100%;
max-width: 100%;
}
#primary .site-main {
padding: 0;
}
body .metaslider .coin-slider,
body .metaslider .nivoSlider,
body .metaslider .nivoSlider img,
body .metaslider .rslides,
body .metaslider .rslides li,
body .metaslider .flexslider ul.slides,
body .metaslider .flexslider .slides li,
body .metaslider .flexslider .slides ul,
body .metaslider .flexslider .slides ol,
body .metaslider .flexslider .slides img,
body .metaslider .flexslider .flex-direction-nav,
body .metaslider .flexslider .flex-direction-nav li {
border: 0;
margin-top: 0 !important;
list-style-type: none;
list-style: none;
padding: 0;
line-height: normal;
max-width: none;
max-height: none;
}
.slider {
position: relative;
}
.slider-texto {
position: absolute;
z-index: 12;
top: 60% !important;
left: 50% !important;
transform: translate(-50%, -50%);
width: 450px;
display: flex;
flex-flow: row nowrap;
align-content: center;
justify-content: space-between;
}
.boton a:hover {
text-decoration: none;
}
.boton .textwidget {
display: flex;
}
.boton .textwidget p {
margin: 0;
color: white;
font-weight: 700;
text-decoration: none;
text-align: center;
padding: 10px 0px;
width: 200px;
background-color: rgba(84, 158, 149, 1);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
@media all and (max-width: 768px) {
.boton .textwidget p a {
color: white !important;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
}
.boton .textwidget p:hover {
transition: all 0.5s;
-webkit-transition: all 0.5s;
background-color: white;
border: 1px solid rgba(84, 158, 149, 1);
}
.boton .textwidget p:hover a {
transition: all 0.5s;
-webkit-transition: all 0.5s;
color: rgba(84, 158, 149, 1);
}
.boton:first-child .textwidget p {
color: rgba(255, 255, 255, 1);
background-color: #2d8e9d;
transition: all 0.5s;
-webkit-transition: all 0.5s;
border: 1px solid rgba(84, 158, 149, 1);
}
.boton:first-child .textwidget p a {
color: rgba(255, 255, 255, 1);
}
@media screen and (max-width: 768px) {
.boton:first-child .textwidget p {
background-color: rgba(45, 142, 157, 1);
color: white;
transition: all 0.5s;
-webkit-transition: all 0.5s;
border: 1px solid rgba(84, 158, 149, 1);
}
}
.boton:first-child .textwidget p:hover {
background-color: rgba(142, 68, 173, 1);
}
.boton:first-child .textwidget p:hover a {
color: white;
}
.boton .textwidget p:hover {
color: rgba(84, 158, 149, 1);
background-color: white;
border: 1px solid rgba(84, 158, 149, 1);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
@media screen and (max-width: 880px) {
.slider .slider-texto {
width: 350px;
}
.slider-texto .textwidget p {
width: 150px;
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.slider .slider-texto {
display: none;
}
}
.slider-texto .textwidget a {
width: 100%;
display: block;
text-align: center;
}
.carrusel {
margin: 50px auto;
padding: 0 100px;
}
.carrusel h2 {
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
}
.carrusel h2 a {
font-size: 14px;
font-weight: 500;
text-decoration: underline;
text-transform: none;
color: rgba(84, 158, 149, 1);
padding-left: 15px;
}
.carousel-slider__product .price {
color: black;
display: inline-block;
font-weight: 500;
margin: 0 !important;
font-size: 18px;
float: left;
}
.carrusel h2#novedades {
text-align: center;
font-size: 24px;
font-weight: 800;
}
.carousel-slider__product {
box-shadow: none;
}
.carousel-slider__product h3 {
font-size: 16px !important;
margin: 16px 0 4px 0 !important;
font-weight: 500;
line-height: 20px;
min-height: 65px;
color: #111111 !important;
}
.carousel-slider__product a img {
display: block;
box-shadow: none;
height: 330px;
width: 100px;
object-fit: contain;
}
.carousel-slider .carousel-slider__product .price {
display: flex;
flex-flow: row-reverse;
align-items: baseline;
gap: 12px;
}
.carousel-slider .carousel-slider__product .price ins {
font-size: 20px !important;
color: #8e44ad  !important;
}
.carousel-slider .carousel-slider__product .price del {
font-size: 16px !important;
}
.price {
font-weight: 900 !important;
font-size: 20px;
color: black !important;
text-align: left;
}
.price del {
font-size: 13px;
}
.price ins {
color: #8e44ad !important;
margin: 0 !important;
font-size: 20px;
}
ul.products li.product .price ins {
font-weight: 600 !important;
}
.magnific-popup.button.quick_view {
display: none;
}
@media screen and (max-width: 450px) {
.carrusel {
margin: 50px auto;
padding: 0 2.5%;
}
}
.cta {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
width: 100%;
}
.cta .imagen {
min-width: 50%;
width: 55%;
max-width: 600px;
}
.cta .imagen img {
width: 100%;
}
@media all and (max-width: 768px) {
.cta .imagen {
min-height: 380px;
}
.cta .imagen img {
height: 100% !important;
object-fit: cover !important;
}
}
.cta .texto {
display: flex;
flex-flow: column nowrap;
justify-content: center;
width: 45%;
padding-right: 100px;
align-items: center;
align-content: center;
}
.cta .texto h2 {
font-size: 24px;
font-weight: 800;
margin: 0;
}
.cta .texto .textwidget {
font-size: 14px;
font-weight: 400;
padding-top: 35px;
}
.cta .texto > .textwidget p {
margin-bottom: 20px;
text-align: center;
padding-top: 20px;
}
.cta .texto > .textwidget p:last-of-type {
margin-bottom: 70px;
text-align: center;
padding-top: 20px;
}
@media screen and (max-width: 768px) {
.cta .texto > .textwidget p:last-of-type {
margin-bottom: 40px;
text-align: center;
padding-top: 20px;
}
}
.cta .texto .botones {
display: flex;
flex-flow: row nowrap;
justify-content: center;
width: 100%;
padding: 0 35px;
}
@media screen and (max-width: 1330px) {
.cta .texto .botones {
padding: 0;
}
}
@media screen and (max-width: 1150px) {
.cta .texto .botones {
width: 350px;
}
.cta .texto .botones p {
width: 150px;
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.cta .imagen {
filter: brightness(0.9);
max-width: none;
width: 100%;
}
.cta {
position: relative;
min-height: 380px;
}
.cta .texto {
position: absolute;
z-index: 999;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
background-color: rgba(255, 255, 255, 0.5);
text-align: center;
padding: 20px;
}
.cta .texto > .textwidget p,
.cta .texto h2 {
color: black;
text-align: center;
}
}
@media screen and (max-width: 450px) {
.cta .texto > .textwidget p {
margin-bottom: 30px;
}
.cta .texto .botones {
width: 250px;
}
.cta .texto .botones p {
width: 120px;
font-size: 14px;
}
}
.newsletter {
position: relative;
width: 100%;
background-image: url('https://staging.floberblanqueria.com/wp-content/uploads/2021/03/REDES-FLOBER-01.jpg');
background-attachment: fixed;
background-size: cover;
padding: 120px 40px;
background-position: right;
}
@media all and (max-width: 768px) {
.newsletter {
background-attachment: scroll;
padding: 120px 0px;
}
}
.newsletter img {
width: 100%;
}
.newsletter .newsletter-txt {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
padding: 0px 100px;
width: 100%;
}
.newsletter .newsletter-txt .izq h2 {
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
color: white;
margin: 0;
}
.newsletter .newsletter-txt .izq p {
font-weight: 600;
font-size: 15px;
color: white;
margin: 0;
}
.newsletter .newsletter-txt .wpcf7 form {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 0;
}
.newsletter .newsletter-txt .wpcf7 form p {
margin: 0;
padding-right: 10px;
}
.newsletter .newsletter-txt .wpcf7 form p .ajax-loader {
margin-right: 0;
}
.newsletter .newsletter-txt .wpcf7 form p span input {
max-width: 240px;
background-color: white;
box-shadow: none;
border: none;
}
.newsletter .newsletter-txt .wpcf7 form p span input::placeholder {
color: black;
font-size: 14px;
font-weight: 600;
}
.newsletter .newsletter-txt .wpcf7 form p .wpcf7-submit {
background-color: rgba(84, 158, 149, 1);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.newsletter .newsletter-txt .wpcf7 form p .wpcf7-submit:hover {
background-color: white;
color: rgba(84, 158, 149, 1);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
@media screen and (max-width: 1200px) {
.newsletter .newsletter-txt .wpcf7 form p span input {
max-width: 200px;
}
}
@media screen and (max-width: 1024px) {
.carrusel {
padding: 50px;
}
.newsletter .newsletter-txt {
padding: 0px 50px;
}
.newsletter .newsletter-txt .wpcf7 form p span input {
max-width: 150px;
}
}
@media screen and (max-width: 768px) {
.carrusel {
padding: 20px 10px;
}
}
@media screen and (max-width: 968px) {
.newsletter .newsletter-txt {
flex-flow: column nowrap;
text-align: center;
}
.newsletter .newsletter-txt .wpcf7 form {
flex-flow: column nowrap;
}
.newsletter .newsletter-txt .wpcf7 {
width: 100%;
}
.newsletter .newsletter-txt .wpcf7 form p span input {
max-width: none;
width: 100%;
}
.newsletter .newsletter-txt .wpcf7 form p {
padding: 5px 0;
}
.newsletter .newsletter-txt .wpcf7 form p .wpcf7-submit {
width: 70%;
}
}
.mapa {
padding-top: 100px;
}







/* === FOOTER PRINCIPAL === */
footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #2d8e98;
  padding: 55px 100px;
  color: white;
}

/* === ENLACES === */
footer a {
  font-size: 13px;
  color: white !important;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
/* === BLOQUE IZQUIERDO (CARTEL BLANCO) === */
footer .left {
  background-color: white;
  padding: 20px;
  color: #000;
  width: 300px;
  font-size: 16px;
  margin-bottom: 30px;
  box-sizing: border-box;
}
footer .left img {
  max-width: 100%;
}
/* === BLOQUE DERECHO === */
footer .right {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 40px;
}
/* === REDES === */
footer .follow {
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
footer .follow i {
  color: white;
  font-size: 22px;
  padding: 0 10px;
}

#cartel-fabricante {
  background-color: #9674a5;
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding: 16px 20px;
  border-radius: 12px;
  box-shadow: 2px 10px 14px rgba(0, 0, 0, 0.2);
  width: 260px;
  max-width: 100%;
  margin: 20px auto;
  text-align: center;
  line-height: 1.4;
  z-index: 2;
}
#cartel-fabricante a {
  color: white;
  text-decoration: underline;
  font-weight: 600;
  display: inline-block;
  margin-top: 6px;
  font-size: 13px;
}
@media (max-width: 768px) {
  #cartel-fabricante {
    font-size: 13px;
    padding: 14px 16px;
    width: 85%;
  }
}

/* === CADA COLUMNA === */
.footer-column h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  padding-bottom: 4px;
}
.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-column ul li {
  margin-bottom: 6px;
}
.footer-column ul li a {
  color: white !important;
  font-size: 14px;
}

/* === MOBILE === */
@media screen and (max-width: 768px) {
  footer {
    flex-direction: column;
    padding: 40px 20px;
  }
  footer .left {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  footer .left .textwidget {
    width: 100%;
  }
  footer .right {
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
  }
  .footer-columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .footer-column h4 {
    text-align: center;
  }
  footer .follow {
    display: block !important;
    text-align: center;
    font-size: 17px;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  footer .follow i {
    font-size: 24px;
    padding: 0 12px;
    opacity: 0.9;
    transition: transform 0.2s;
  }
  footer .follow i:hover {
    transform: scale(1.2);
  }

  /* OCULTAR CONTENIDO EN MÓVIL EXCEPTO REDES */
  #menu-menu-de-enlaces-1,
  .menu-menu-de-enlaces-container,
  .menu-menu-de-enlaces-container ul,
  #menu-menu-de-categorias-destacadas-1,
  .menu-menu-de-categorias-destacadas-container,
  .menu-menu-de-categorias-destacadas-container ul,
  footer .right .ft2,
  footer .right .widget_nav_menu,
  footer .right .textwidget:has(a[href*="mailto"]),
  footer .right a[href*="mailto"],
  footer .right a[href*="VISITAR"],
  footer .right a[href*="1154"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}






.right-sidebar .content-area {
width: 100% !important;
float: none;
margin-right: 0;
}
.right-sidebar .widget-area {
width: 0%;
float: none;
margin-right: 0;
}
.related {
width: 100% !important;
justify-content: center !important;
padding: 0 !important;
}
.related .products {
width: 100% !important;
}
.single-product div.product {
padding: 30px 100px;
}
.single-product .onsale {
display: none !important;
}
.single-product div.product .summary h1 {
font-size: 24px;
padding: 0;
margin: 0;
font-weight: 700;
text-align: left;
text-transform: none !important;
}
.single-product div.product .summary .price bdi {
font-size: 24px;
margin-top: 1em;
font-weight: 700;
color: #000;
margin: 20px 0 !important;
}
.single-product div.product .summary .price del {
font-size: 16px;
}
.single-product div.product .summary .price del bdi {
font-size: 18px;
margin-top: 1em;
font-weight: 500;
color: #000;
opacity: 0.7;
}
.single-product div.product .summary .price ins bdi {
font-size: 22px;
margin-top: 1em;
font-weight: 700;
color: #8e44ad;
}
.single-product div.product .summary .pisol-ppscw-alert {
}
.woocommerce-product-details__short-description p {
font-size: 16px;
color: black;
}
div.qty {
float: left;
padding: 2px 10px;
font-size: 16px;
color: black;
font-weight: 700;
}
div.quantity {
height: 100%;
}
.quantity input {
font-weight: 700;
font-size: 18px;
padding: 0px;
width: 55px !important;
}
.cart {
display: flex !important;
flex-flow: row wrap;
align-items: center;
}
.cart .breaker {
flex-basis: 100%;
height: 0;
}
.cart button {
margin-top: 20px;
margin-bottom: 20px;
background-color: rgba(45, 142, 157, 1) !important;
width: 180px;
font-weight: 600;
padding-top: 5px;
padding-bottom: 5px;
font-size: 13px;
text-transform: uppercase;
}
.single-product div.product .summary {
margin-bottom: 10px;
width: 45% !important;
}
.single-product div.product .woocommerce-product-gallery {
margin-bottom: 10px;
width: 50% !important;
margin-right: 2.5%;
margin-top: 0px !important; /* elimina espacio arriba de la galería */
}
@media screen and (max-width: 768px) {
.single-product div.product .summary,
.single-product div.product .woocommerce-product-gallery {
width: 100% !important;
}
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.single-product
div.product
.woocommerce-product-gallery
.flex-control-thumbs
li {
width: 16.66% !important;
margin: 0 1.66% 10px 1.66% !important;
}
.woocommerce-product-gallery__image a img {
width: 100%;
}
.related.products > h2 {
font-family: 'Dancing script', sans-serif;
text-align: center;
font-size: 48px;
margin-top: 80px;
}
.related.products h2 span {
position: relative;
padding: 0px 45px;
}
.related.products h2 span::after {
content: '';
position: absolute;
bottom: 0px;
height: 18px;
width: 100%;
left: 50%;
transform: translateX(-50%);
background-color: rgba(249, 194, 210, 1);
z-index: -1;
}
.storefront-product-pagination {
display: none !important;
}
.woocommerce-breadcrumb {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
.storefront-breadcrumb {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
.single-product .woocommerce-message {
background-color: rgba(37, 46, 81, 1);
}

.variations td.label label {
  font-weight: 600;
  font-size: 1em;
  color: #000000;
  margin-bottom: 4px;
  display: inline-block;
  text-transform: uppercase; /* o none si no queres en mayusulas */
}


.single-product div.product table.variations th,
.single-product div.product table.variations td {
display: inline-block;
}
.single-product div.product table.variations th,
.single-product div.product table.variations td.label {
padding-left: 8px;
}
.single-product div.product table.variations th,
.single-product div.product table.variations td.value {
padding-left: 23px;
}
.variations select {
color: black;
border: 2px solid rgba(84, 158, 149, 1);
}
.single-product .cart .zaddon-type-container {
width: 100%;
padding: 30px 0;
}
.single-product
.cart
.zaddon-type-container
.zaddon_select.zaddon_option
select {
color: rgba(249, 194, 210, 1);
border: 2px solid rgba(249, 194, 210, 1);
}
.single-product .cart .zaddon-type-container div {
display: inline-block;
padding-left: 33px;
}
.single-product .cart .zaddon-type-container h3 {
display: inline-block;
}
.single-product .cart .zaddon-type-container button {
display: none;
}
.single-product .cart .zaddon-type-container .zaddon_checkbox.zaddon_option,
.single-product .cart .zaddon-type-container .zaddon_radio.zaddon_option {
width: 100%;
}
.single-product .cart .zaddon_data {
width: 100%;
text-align: left;
padding-bottom: 30px;
}
.single-product .cart .zaddon_data div:not(:last-child) {
display: none;
}
.single-product .cart .zaddon_data .zaddon_total h4 {
display: inline-block;
font-size: 28px;
padding-right: 30px;
}
.single-product .cart .zaddon_data .zaddon_total span {
font-size: 28px;
}
@media screen and (max-width: 1200px) {
.single-product div.product {
padding: 60px 50px;
}
}
@media screen and (max-width: 980px) {
.single-product div.product {
padding: 60px 3.5%;
}
.single-product .summary.entry-summary {
width: 100% !important;
float: none;
}
.woocommerce-product-gallery {
width: 100% !important;
}
}
.related.products .button {
background-color: rgba(84, 158, 149, 1) !important;
}
.archive .col-full {
display: flex;
flex-flow: row-reverse nowrap;
padding-top: 50px;
}
@media all and (max-width: 768px) {
.archive .col-full {
padding-top: 10px;
}
}
.archive #primary {
width: 100% !important;
padding-left: 0;
}
@media all and (max-width: 768px) {
.archive #primary {
width: 100% !important;
padding: 0 20px;
}
}
.archive #primary .products li .product_type_variable {
}
.archive #primary .products li h2 {
font-size: 14px;
margin: 20px 0px 10px 0px;
font-weight: 800;
text-align: left;
}
.archive #primary .products li a {
position: relative;
}

/*ESTILOS CARTEL OFERTA EN PRODUCTOS ORIGINAL WOOCOMMERCE*/
.archive #primary .products li .onsale {
position: absolute;
top: -10px;
left: -10px;
background-color: rgba(142, 68, 173, 1);
color: #fff3cd;
border: 1px solid #fff3cd;
}

.archive #secondary {
width: 22%;
padding-top: 80px;
padding-left: 10px;
}
.woocommerce-products-header {
padding-bottom: 5px !important;
}
.titulo-centrado h2 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 32px;
  text-align: center;
  color: #2d8e9d;
  margin: 40px 0 20px;
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
}
.titulo-centrado h2::after {
  content: "";
  display: block;
  width: 50px;
  margin: 10px auto 0;
  border-bottom: 3px solid #e91e63;
  border-radius: 3px;
}
@media screen and (max-width: 600px) {
  .titulo-centrado h2 {
    font-size: 28px;
    margin: 30px 0 15px;
    letter-spacing: 0.5px;
  }
  .titulo-centrado h2::after {
    width: 40px;
    border-bottom: 2px solid #e91e63;
  }
}
.archive #secondary .widget .count {
display: none;
}
.archive #secondary .widget ul {
padding-left: 80px;
}
.archive #secondary .widget ul li::before {
color: rgba(45, 142, 157, 1);
opacity: 1;
}
.archive #secondary .widget ul li a {
color: black;
text-decoration: none;
}
.archive .woocommerce-ordering,
.archive .woocommerce-result-count {
display: none;
}
.archive .storefront-sorting {
display: flex;
justify-content: center;
margin-bottom: 0px;
}
.archive .woocommerce-pagination {
border: none;
padding: 0;
}
.archive .page-numbers li .page-numbers {
background-color: rgba(84, 158, 149, 1);
color: white !important;
font-size: 12px;
}
.archive .page-numbers li a.page-numbers:hover {
background-color: rgba(84, 158, 149, 0.5);
color: rgba(84, 158, 149, 1) !important;
font-size: 12px;
text-decoration: none;
}
.archive .page-numbers li .page-numbers.current {
background-color: rgba(0, 51, 45, 1);
color: white;
}
.woocommerce-notices-wrapper {
display: none;
}
.archive .products {
padding-top: 40px;
display: grid;
grid-template-columns: 25% 25% 25% 25%;
}
@media screen and (max-width: 1000px) {
.archive .products {
padding-top: 40px;
display: grid;
grid-template-columns: 33% 33% 33%;
}
}
@media screen and (max-width: 768px) {
.archive .products {
padding-top: 40px;
display: grid;
grid-template-columns: 50% 50%;
}
}
.archive .products .button {
background-color: rgba(84, 158, 149, 1);
}
.archive #secondary .widget .widget-title {
border: none;
margin-bottom: 0;
padding-bottom: 15px;
}
@media screen and (max-width: 980px) {
.archive #secondary {
display: none;
}
.archive #primary {
width: 100% !important;
}
}
@media screen and (max-width: 768px) {
.archive #primary .products {
padding: 40px 0%;
}
}
@media screen and (max-width: 768px) {
.woocommerce-products-header__title.page-title {
font-size: 36px;
}
}
.woocommerce-cart .col-full {
padding-top: 100px;
}
@media all and (max-width: 980px) {
.woocommerce-cart .col-full {
padding-top: 20px;
}
}
.woocommerce-cart .site-content #secondary {
display: none;
width: 0%;
float: none;
margin-right: 0;
}
.woocommerce-cart .woocommerce {
display: flex;
justify-content: center;
flex-flow: column nowrap;
}
.woocommerce-cart .woocommerce form {
display: flex;
justify-content: center;
width: 100%;
flex-flow: row nowrap;
text-align: center;
}
.woocommerce-cart .woocommerce form table {
max-width: 800px;
}
.woocommerce-cart .actions {
border-top: none !important;
}
.woocommerce-cart .actions .coupon {
text-align: center;
width: 100%;
}
.woocommerce-cart .actions {
text-align: center !important;
}
.woocommerce-cart .actions .coupon .input-text {
background-color: rgba(255, 255, 255, 0);
border: 1px solid #222222;
font-size: 14px;
padding: 4px 10px 4px 28px;
box-shadow: inset 0 0 0 0 #fff;
transition: all 0.5s;
-webkit-transition: all 0.5s;
color: #222222;
}
.woocommerce-cart .woocommerce .titulo-centrado h2 {
padding: 12px 100px;
text-transform: uppercase;
}
.woocommerce-cart #primary {
padding: 60px 100px;
}
.woocommerce-cart .woocommerce-cart-form {
padding-top: 20px;
}
.woocommerce-cart .cart-collaterals {
display: flex;
justify-content: center;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a {
background-color: rgba(45, 142, 157, 1);
text-transform: uppercase;
}
.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents {
display: block !important;
}
.woocommerce-cart
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents
tr
th,
.woocommerce-cart
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents
tr
td {
text-align: center;
}
.woocommerce-cart
.woocommerce-cart-form__cart-item.cart_item
.product-quantity
.quantity {
max-width: 60px;
margin: 0 auto;
text-align: center;
}
.woocommerce-cart .cart-empty.woocommerce-info {
background-color: rgba(45, 147, 152, 1);
}
.woocommerce-cart .return-to-shop a {
background-color: rgba(45, 147, 152, 1);
}
@media screen and (max-width: 980px) {
.woocommerce-cart #primary {
padding: 60px 50px;
}
.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item td {
padding-right: 0;
}
}
.siteinfo {
text-align: center;
color: #fff;
background: rgba(45, 142, 157, 1);
font-size: 12px;
}
.siteinfo a {
color: #fff;
}
.woocommerce-checkout .col-full {
padding-top: 150px;
}
@media all and (max-width: 768px) {
.woocommerce-checkout .col-full {
padding-top: 20px;
}
}
.woocommerce-checkout .site-content #secondary {
display: none;
}
.woocommerce-checkout .site-content #primary {
margin-top: 0px !important;
}
.woocommerce-checkout .woocommerce .titulo-centrado {
margin-bottom: 40px;
}
.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
background-color: #00332d;
}
.woocommerce-checkout .site-main {
padding: 60px 100px;
}
.woocommerce-checkout .woocommerce .col2-set .col-1 {
width: 100%;
max-width: none;
padding: 0;
}
.col-1 .woocommerce-billing-fields__field-wrapper p {
display: flex;
flex-flow: column wrap;
}
.col-1 .woocommerce-billing-fields__field-wrapper p label abbr {
text-decoration: none;
}
.col-1 .woocommerce-billing-fields__field-wrapper p span input {
border: 1px solid black;
color: black;
background-color: white;
box-shadow: none;
}
.col-1 .woocommerce-billing-fields__field-wrapper #billing_country_field {
display: none;
}
p#e_deliverydate_field.form-row.form-row-wide.validate-required {
display: flex !important;
flex-flow: column wrap !important;
}
p#e_deliverydate_field.form-row.form-row-wide.validate-required
span
#e_deliverydate {
border: 1px solid black;
color: black;
}
.ui-datepicker .ui-widget-header,
.ui-datepicker .ui-datepicker-header {
background-color: rgba(84, 158, 149, 1);
color: white;
}
.woocommerce-checkout .woocommerce .col2-set .col-2 {
width: 100%;
max-width: none;
padding: 0;
}
.col-2 .form-row.notes {
display: flex;
flex-flow: column nowrap;
}
.col-2 .form-row.notes span.woocommerce-input-wrapper {
border: 1px solid black;
}
.col-2 .form-row.notes span textarea {
color: black;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout-payment ul li {
background-color: rgba(237, 35, 40, 1);
}
.woocommerce-checkout
.woocommerce
.woocommerce-checkout-payment
ul
.woocommerce-notice {
background-color: #00332d;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout-payment .button.alt {
background-color: rgba(45, 142, 157, 1);
}
.page-template-template-fullwidth .col-full {
margin: 0 auto;
width: 90%;
max-width: 1100px;
}
.page-template-template-fullwidth .content-area {
margin-top: 160px !important;
}
.entry-title {
font-size: 40px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
}
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
background-color: rgba(84, 158, 149, 1);
}
#secondary .gamma.widget-title {
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
}
.site-main ul.products.columns-5 li.product {
width: 85% !important;
margin: 15px auto;
}
.site-main li.product .button.product_type_simple {
}
ul.products::before,
ul.products::after {
content: unset;
display: none;
}
.categorias {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding: 40px;
}
@media screen and (max-width: 768px) {
.categorias {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding: 10px;
}
}
.categorias .cat {
margin: 1.3% auto;
width: 31%;
position: relative;
}
@media screen and (max-width: 768px) {
.categorias .cat {
margin: 2% auto;
width: 90%;
position: relative;
}
}
.categorias a {
width: 100%;
}
.categorias img {
width: 100%;
}
.categorias h3 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-size: 30px;
margin-bottom: 0;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.125);
}
@media screen and (max-width: 768px) {
.categorias h3 {
font-size: 30px;
}
}
.newsletter .follow i {
font-size: 50px;
color: #8e44ad;
padding: 0 40px;
}
@media screen and (max-width: 768px) {
.newsletter .follow i {
font-size: 20px;
color: #c2185b;
padding: 0 10px;
}
}

.newsletter-txt h2 {
  font-size: 40px;
  font-weight: bold;
  color: #8e44ad !important;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
  margin-bottom: 15px;
}

.newsletter .follow {
text-align: center;
}
.newsletter .follow h2 {
color: #000000;
font-size: 28px;
text-align: center;
padding-bottom: 30px;
}
.carousel-slider__product a.button {
display: none;
}
footer a:hover {
color: #032502 !important;
}
.filtros {
display: flex;
flex-flow: row nowrap;
justify-content: center;
}
@media screen and (max-width: 768px) {
.filtros {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
}
.filtros .filtro {
padding: 0 20px;
}
.filter-title {
display: none !important;
}
.filtros h4 {
font-size: 16px;
font-weight: bold;
text-align: center;
}
.yith-wcan-select-wrapper {
background: #ffffff;
margin: 0 4px 4px 0;
max-height: 240px;
padding-bottom: 30px;
position: absolute;
overflow-x: hidden;
overflow-y: auto;
width: auto;
z-index: -1;
border: 1px solid #cecece;
padding: 10px 0px;
margin-top: -16px;
font-size: 13px;
}
.yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li {
padding: 5px 8px;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
list-style: none !important;
}
.yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover {
box-shadow: 0 0 0 rgb(0, 0, 0, 0);
background-color: rgba(84, 158, 149, 1);
}
.yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover a {
color: #fff;
}
.yit-wcan-select-open:hover {
color: rgba(84, 158, 149, 1);
}
.yit-wcan-select-open {
font-size: 13px;
background: transparent url(../images/select-arrow.png) top 13px right
no-repeat;
}
.yith-wcan-select-wrapper ul {
margin: 0 !important;
width: 100% !important;
}
.hentry.type-page .entry-header {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 10px;
}
.woocommerce-cart .product-name a {
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
.woocommerce-cart .product-price span,
.woocommerce-cart .product-subtotal span {
font-weight: bold;
font-size: 14px;
}
table.cart td.product-quantity .qty {
background-color: rgba(255, 255, 255, 0);
border: 1px solid #222222;
font-size: 14px;
width: 100%;
padding: 4px;
box-shadow: inset 0 0 0 0 #fff;
transition: all 0.5s;
-webkit-transition: all 0.5s;
color: #222222;
}
.woocommerce-cart th {
border-bottom: 2px solid #000000 !important;
background-color: #fff !important;
}
.woocommerce-cart td {
border-bottom: 1px solid #444444 !important;
background-color: #fff !important;
}
.cart-collaterals td,
.cart-collaterals th {
border-bottom: 2px solid #000000 !important;
}
.cart-collaterals h2 {
text-align: center;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: rgba(45, 142, 157, 1);
}
.checkout_coupon.woocommerce-form-coupon input {
background-color: rgba(255, 255, 255, 0);
border: 1px solid #222222;
font-size: 14px;
width: 100%;
padding: 4px;
box-shadow: inset 0 0 0 0 #fff;
transition: all 0.5s;
-webkit-transition: all 0.5s;
color: #222222;
}
.checkout_coupon.woocommerce-form-coupon button {
background-color: rgba(45, 142, 157, 1) !important;
width: 180px;
font-weight: 500;
padding-top: 5px;
padding-bottom: 5px;
font-size: 13px;
text-transform: uppercase;
}
.checkout.woocommerce-checkout .product-name a {
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
.checkout.woocommerce-checkout .product-price span,
.checkout.woocommerce-checkout .product-subtotal span {
font-weight: bold;
font-size: 12px;
}
.checkout.woocommerce-checkout td {
border-bottom: 1px solid #444444 !important;
background-color: #fff !important;
}
.checkout.woocommerce-checkout th,
.checkout.woocommerce-checkout tfoot th,
.checkout.woocommerce-checkout tfoot td {
border-bottom: 2px solid #000000 !important;
background-color: #fff !important;
}
#customer_details .col-2 {
display: none !important;
}
.star-rating span:before,
.quantity .plus,
.quantity .minus,
p.stars a:hover:after,
p.stars a:after,
.star-rating span:before,
#payment
.payment_methods
li
input[type='radio']:first-child:checked
+ label:before {
color: rgba(84, 158, 149, 1);
}
.quantity .qty {
background-color: rgba(255, 255, 255, 0);
border: 1px solid #222222;
font-size: 14px;
width: 100%;
padding: 4px;
box-shadow: inset 0 0 0 0 #fff;
transition: all 0.5s;
-webkit-transition: all 0.5s;
color: #222222;
}

.woocommerce-variation-availability .stock.in-stock {
  color: #7f54b3 !important;
  padding: 12px 16px;
  font-size: 1em;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.woocommerce-variation-availability .stock.in-stock::before {
  content: none !important;
}

@media screen and (max-width: 768px) {
  /* Cartel de stock */
  .woocommerce-variation-availability .stock.in-stock {
    font-size: 14px !important;
    padding: 6px 10px !important;
    margin: 10px 0 !important;
    border-left: 4px solid #8e44ad !important;
    background-color: #fff3cd !important;
    color: #8e44ad !important;
    font-weight: 600;
  }
  /* Cartel de métodos de envío */
  a.button.pisol-shipping-calculator-button {
    font-size: 16px !important;
    padding: 6px 10px !important;
    margin: 10px 0 !important;
    background-color: #fff3cd !important;
    color: #000 !important;
    font-weight: 600;
    border: none !important;
    display: inline-block;
    width: 100%;
    text-align: left;
  }
}

.woocommerce-loop-product__title {
font-size: 20px;
margin: 20px 0px 10px 0px;
font-weight: 800;
text-align: left;
}
ul.products li.product h2,
ul.products li.product h3,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .wc-block-grid__product-title,
ul.products .wc-block-grid__product h2,
ul.products .wc-block-grid__product h3,
ul.products .wc-block-grid__product .woocommerce-loop-product__title,
ul.products .wc-block-grid__product .wc-block-grid__product-title,
.wc-block-grid__products li.product h2,
.wc-block-grid__products li.product h3,
.wc-block-grid__products li.product .woocommerce-loop-product__title,
.wc-block-grid__products li.product .wc-block-grid__product-title,
.wc-block-grid__products .wc-block-grid__product h2,
.wc-block-grid__products .wc-block-grid__product h3,
.wc-block-grid__products
.wc-block-grid__product
.woocommerce-loop-product__title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
font-size: 18px;
margin: 20px 0px 10px 0px;
font-weight: 800;
text-align: left;
}
.related .button {
display: none !important;
}
.pswp--open {
display: block;
z-index: 99999999999999999 !important;
}
.pswp__caption {
display: none !important;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 999999999999999999 !important;
}
.fancybox-caption {
display: none !important;
}

.qib-container {
width: 45% !important;
position: relative;
}

.qib-button {
border-radius: 0px !important;
background-color: #000 !important;
color: #fff !important;
width: 30px !important;
height: 30px !important;
border: 0px solid #fff !important;
margin: 0 !important;
position: absolute;
}

.minus.qib-button {
top: 50%;
left: 2px;
transform: translateY(-50%);
}

.plus.qib-button {
top: 50%;
right: 2px;
transform: translateY(-50%);
}

.qib-container input {
width: 100% !important;
max-width: 195px;
border-radius: 0px !important;
font-size: 13px;
font-weight: bold;
padding: 10px;
border: 1px solid #dbdbdb !important ;
margin-right: 2.5%;
text-transform: uppercase;
background-color: #ffffff;
box-shadow: 0 0 0 #ffffff;
}

.quantity.buttons_added {
width: 100% !important;
}

.single_add_to_cart_button {
  font-weight: lighter;
  font-size: 15.5px;
  text-transform: uppercase;
  background-color: rgba(84, 158, 149, 1) !important;
  color: #fff;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  border-radius: 0;
  letter-spacing: 1px;
  width: 100% !important;
  height: 52px !important;
  line-height: 52px !important;
  padding: 0 !important;
  margin-top: 22px !important;
  margin-bottom: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}

.single_add_to_cart_button.disabled {
  opacity: 0.5;
  background-color: rgba(45, 142, 157, 1) !important;
}


.variations {
width: 100%;
display: flex;
flex-flow: row wrap;
margin: 20px 0;
}

.variations select {
border-radius: 0;
font-size: 12.5px;
font-weight: bold;
padding: 10px;
border: 1px solid #dbdbdb;
margin-right: 2.5%;
text-transform: uppercase;
}

.tabs.wc-tabs {
display: none !important;
}

.storefront-full-width-content .woocommerce-tabs .panel {
width: 100%;
float: right;
margin-right: 0;
margin-bottom: 3.706325903em;
}
.woocommerce-tabs .panel h2:first-of-type {
font-size: 24px;
padding: 0;
margin: 0;
font-weight: 700;
text-align: left;
text-transform: uppercase;
}

.efectivo {
font-size: 13px !important;
font-weight: bold !important;
}

@media screen and (max-width: 768px) {
  .efectivo {
    display: block !important;
    margin-top: 4px !important;
    text-align: left !important;
    font-size: 12.5px !important;
  }
}

.wp-block-contact-form-7-contact-form-selector input,
.wp-block-contact-form-7-contact-form-selector textarea {
background-color: rgba(255, 255, 255, 0);
border: 1px solid #222222;
font-size: 14px;
width: 100%;
padding: 4px 10px 4px 28px;
box-shadow: inset 0 0 0 0 #fff;
transition: all 0.5s;
-webkit-transition: all 0.5s;
color: #222222;
text-align: left;
}
.wp-block-contact-form-7-contact-form-selector input[type='submit'] {
background-color: rgba(45, 142, 157, 1);
font-size: 14px;
width: auto;
border: 0px solid white;
padding: 10px 30px;
box-shadow: inset 0 0 0 0 #fff;
transition: all 0.5s;
-webkit-transition: all 0.5s;
color: #ffffff;
margin: 0 auto;
text-align: center;
}
.wp-block-contact-form-7-contact-form-selector {
width: 50%;
margin: 0 auto;
text-align: center;
}
@media all and (max-width: 768px) {
.wp-block-contact-form-7-contact-form-selector {
width: 100%;
margin: 0 auto;
}
}
.product-quantity {
padding-left: 0 !important;
padding-right: 0 !important;
}
.product-quantity .qib-container {
width: 100% !important;
min-width: 100px;
}
@media all and (max-width: 768px) {
.product-quantity .qib-container {
width: 50% !important;
min-width: 80px;
}
}
.tarjetas {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.tarjetas img {
height: 30px !important;
width: auto !important;
}
.precio-tarjeta {
margin: 15px 0;
padding: 8px 5px;
background-color: rgba(0, 0, 0, 0.05);
font-weight: bold;
}
.single-product div.product p.price {
font-size: 1.41575em;
margin: 20px 0;
padding: 20px 0;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}
.single-product ul.products li.product {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.single-product ul.products li.product {
margin-bottom: 40px;
}
}
.woocommerce-order-received .contacto {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background-color: rgba(84, 158, 149, 1);
color: white;
}
.woocommerce-order-received .contacto a {
text-decoration: none;
color: white;
font-size: 26px;
margin: 0;
padding: 20px 0px;
}
.woocommerce-form-login {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.woocommerce-form-login-toggle .woocommerce-info {
margin-bottom: 20px;
}
.woocommerce-form-login p {
margin: 0;
}
.woocommerce-form-login p:first-of-type {
grid-column: 1 / span 2;
}
.woocommerce-form-login .form-row-first,
.woocommerce-form-login .form-row-last {
width: 100%;
margin: 0;
}
.woocommerce-form-login .form-row-first input,
.woocommerce-form-login .form-row-last input {
border: 1px solid black;
color: black;
background-color: white;
box-shadow: none;
}
.woocommerce-form-login .clear {
display: none;
}
.woocommerce-form-login .form-row {
display: flex;
align-items: center;
gap: 10px;
}
.woocommerce-form-login .form-row-last {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
}
.woocommerce-form-login .form-row-last .password-input {
width: 100%;
}
.woocommerce-account #customer_login {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
}
.woocommerce-account #customer_login .form-row-wide {
grid-column: 1 / span 2;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 5px;
}
.woocommerce-account #customer_login .form-row-wide .password-input {
width: 100%;
}
.single-product .product {
}

.single-product .woocommerce-message {
position: fixed;
bottom: 50px;
right: 0;
z-index: 100000;
background-color: rgba(142, 68, 173, 1) !important;
max-width: 550px;
display: flex;
flex-flow: row-reverse;
align-items: center;
}

.single-product .woocommerce-message a {
display: block;
border: 1px solid white !important;
margin: 0;
padding: 10px;
min-width: 100px;
text-align: center;
}
.archive
#primary
.products
li.wvs-archive-product-wrapper
h2.woocommerce-loop-product__title {
font-size: 1rem;
font-weight: 600;
margin: 16px 0 4px 0;
line-height: 20px;
}
.archive #primary .products li.wvs-archive-product-wrapper .price {
display: flex;
flex-flow: row-reverse;
justify-content: flex-end;
align-items: baseline;
gap: 12px;
}

/*COLOR PRECIOS EN LA TIENDA*/
.archive #primary .products li.wvs-archive-product-wrapper .price,
.archive #primary .products li.wvs-archive-product-wrapper .price ins,
.archive #primary .products li.wvs-archive-product-wrapper .price del {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.2;
}

.archive #primary .products li.wvs-archive-product-wrapper .price ins {
  color: #8e44ad !important;
}

.archive #primary .products li.wvs-archive-product-wrapper .price del {
  text-decoration: line-through;
  opacity: 0.6;
  font-weight: 400 !important;
  margin-right: 6px;
  color: #212121 !important;
}


.archive #primary .products li.wvs-archive-product-wrapper a.button {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #2d8e9d;
    color: #fff;
    padding: 10px 20px;
    margin-top: 10px;
    text-align: center;
    border-radius: 6px;
    transition: all 0.3s ease;
	background-color: #1f6b75;
}

/* ESTILOS DE "OFERTA" EN PRODCUTOS TIENDA
.archive #primary .products li.wvs-archive-product-wrapper .onsale {
background-color: rgba(212, 212, 212, 0.7);
color: #2d8e9d;
border: none;
font-size: 20px;
font-weight: 700;
top: 16px;
}
*/

.single-product div.product form.cart {
padding-top: 0;
}

.woocommerce-variation-add-to-cart {
display: grid;
grid-template-columns: 120px 1fr 120px;
align-items: center;
padding-top: 0;
gap: 16px;
}

.woocommerce-variation-add-to-cart::before {
content: none !important;
}

.woocommerce-variation-add-to-cart .breaker {
display: none !important;
}

/* Campo de cantidad */
.woocommerce-variation-add-to-cart .qib-container .quantity input.qty:not(#qib_id):not(#Mqib_id) {
  padding: 0 12px !important;
  width: 100% !important;
  height: 42px !important;
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: #212121 !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  box-sizing: border-box !important;
  appearance: textfield !important;
}
/* Botones + y - */
.qib-button:not(#qib_id):not(#Mqib_id) {
  font-size: 18px !important;
  font-weight: bold !important;
  width: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  text-align: center !important;
  padding: 0 !important;
  background-color: #2d8e9d !important;
  color: #ffff !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease;
}
/* Hover violeta FLOBER */
.qib-button:not(#qib_id):not(#Mqib_id):hover {
  background-color: #8e44ad !important;
  color: white !important;
  border-color: #8e44ad !important;
  cursor: pointer;
}
/* Eliminar flechas de número */
.woocommerce-variation-add-to-cart .qib-container .quantity input.qty::-webkit-outer-spin-button,
.woocommerce-variation-add-to-cart .qib-container .quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
@media screen and (max-width: 768px) {
  .woocommerce-variation-add-to-cart .qib-container .quantity input.qty:not(#qib_id):not(#Mqib_id) {
    font-size: 18px !important;
    height: 38px !important;
  }
  .qib-button:not(#qib_id):not(#Mqib_id) {
    font-size: 18px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
  }
  .woocommerce-variation-add-to-cart .qib-container {
    max-width: 120px;
  }
}


.woocommerce-variation-add-to-cart .qib-container {
margin: 0 !important;
width: 100% !important;
}

.woocommerce-variation-add-to-cart .qib-container .minus.qib-button {
left: 0px !important;
}

.woocommerce-variation-add-to-cart .qib-container .plus.qib-button {
right: 0px !important;
}

.woocommerce-variation-add-to-cart .quantity input {
padding: 10px;
width: 100% !important;
height: 44px !important;
}

/* Forzar que el botón ocupe toda la fila */
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  height: 50px !important;
  line-height: 50px !important;
  text-align: center !important;
  padding: 0 !important;
  font-size: 16px !important;
}

.single-product div.product .summary {
position: relative;
}

.summary .yith-wcwl-add-to-wishlist {
margin-top: 0 !important;
}

.summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button span {
display: none;
}
#carr-novedades {
margin: 80px 0;
}
#carr-novedades > .carousel-slider-outer {
margin-bottom: 80px;
}
#carr-novedades hr {
margin: 60px 0;
}

/* CORRIGE LA SUPERPOSICION DE PRECIOS */
.woocommerce ul.products li.product .price,
ul.products li.product .price {
  display: block !important;
  text-align: left;
  margin-top: 0.5rem;
}

.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins {
  display: block;
  font-size: 1rem;
  margin: 0;
}

.woocommerce ul.products li.product .price del {
  color: #888;
  text-decoration: line-through;
  margin-bottom: 0.2rem;
}

.woocommerce ul.products li.product .price ins {
  color: #000;
  font-weight: bold;
  font-size: 22px;
}

/*EFECTO ZOOM FOTOS DE CATEGORIAS*/
.cat {
  overflow: hidden;
  position: relative;
}

.cat img {
  transition: transform 0.4s ease;
  width: 100%;
  height: auto;
  display: block;
}

.cat:hover img {
  transform: scale(1.08);
}

.cat {
  overflow: hidden;
  position: relative;
}

.cat img {
  transition: transform 0.4s ease;
  width: 100%;
  height: auto;
  display: block;
}

.cat:hover img {
  transform: scale(1.08);
}

.cat h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  text-transform: uppercase;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

.categorias .cat h3 {
  transition: text-shadow 0.3s ease;
}

.categorias .cat:hover h3 {
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
}

/* MOSTRAR BOTON "Agregar al carrito" EN CARRUSEL */
.carousel-slider .add_to_cart_button {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: static !important;
	margin-top: 10px;
	background-color: #2d8e9d;
	color: #fff;
	padding: 10px 20px;
	border-radius: 6px;
	transition: 0.3s ease;
	text-align: center;
}

.carousel-slider .add_to_cart_button:hover {
	background-color: #2d8e9d;
}
@media (max-width: 768px) {
	.carousel-slider .add_to_cart_button {
		display: inline-block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100%;
		text-align: center;
		padding: 10px 0;
		font-size: 14px;
	}
}

/* AGREGA BOTON AL CARRITO EN LA TIENDA*/
.add_to_cart_button, .product_type_variable {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    pointer-events: auto !important;
}

/* COLORES DE LOS BOTONES AGREGAR CARRITO DE LA TIENDA */
.add_to_cart_button,
.product_type_variable {
    background-color: #2d8e9d !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 16px;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    transition: all 0.3s ease-in-out;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
}

.add_to_cart_button:hover,
.product_type_variable:hover {
    background-color: #8e44ad !important;
    color: #fff !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}

@media screen and (max-width: 768px) {
    .add_to_cart_button,
    .product_type_variable {
        font-size: 14px;
        padding: 10px 0;
        width: 100%;
    }
}

/* ELIMINAR CARTEL DE "PARA CONFIRMAR EL PEDIDO..." DEL CHECKOUT*/
.woocommerce-order-received .contacto {
    display: none !important;
}

/*EFECTO EN EL BOTON AGREGAR AL CARRITO*/
button.single_add_to_cart_button {
  transition: all 0.3s ease;
}

button.single_add_to_cart_button:hover {
  background-color: #8e44ad !important;
  color: #fff !important;
}

/*MARGENES BLANCOS ENTRE CARRUSELES DEL HOME*/
@media screen and (max-width: 768px) {
  .carrusel:empty {
    display: none !important;
  }

  .carrusel {
    margin-bottom: 5px; /* restauramos espaciado normal */
    padding: 0 5px;     /* o el padding que venías usando */
  }
}
@media screen and (max-width: 768px) {
  .carrusel:not(:empty) {
    padding: 0 10px;
    margin-bottom: 10px;
  }
}

/* EFECTO DESLIZA TEXTO DESDE EL COSTADO */
.anim-derecha {
  opacity: 0;
  transform: translateX(100px);
  transition: all 0.8s ease-out;
}
.anim-derecha.visible {
  opacity: 1;
  transform: translateX(0);
}
.anim-izquierda {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 0.8s ease;
}
.anim-izquierda.visible {
  opacity: 1;
  transform: translateX(0);
}


/* Centrado clásico con text-align + inline-block, sin flex */
#carr-novedades .wp-widget-group_inner-blocks {
  text-align: center !important;
}
#carr-novedades .wp-widget-group_inner-blocks a {
  display: inline-block !important;
}
#carr-novedades .wp-widget-group_inner-blocks img {
  display: inline-block !important;
  margin: 0 auto !important;
  height: auto !important;
  max-width: 100% !important;
}

/* OFERTA JUNTO AL PRECIO CON ESTILO */
.price ins .woocommerce-Price-amount:after {
  content: "🎁";
  color: #8e44ad;
  font-weight: bold;
  font-size: 18px;
  margin-left: 2px;
  background-color: rgba(0, 0, 0, 0);
  padding: 2px 5px;
  border-radius: 6px;
  animation: floberFadeIn 1s ease-in-out;
  display: inline-block;
}
/* 👁️ Más grande y destacado solo dentro del producto */
.single-product .price ins .woocommerce-Price-amount:after {
  font-size: 20px;
  padding: 3px 12px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0);
}
/* 🌈 Animación suave de aparición */
@keyframes floberFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/*MOSTRAR EL CARTEL DE OFERTA (.ONSALE) PRODUCTOS QUE QUIERO*/
.cartel-exclusivo {
  background-color: #8e44ad !important; /* violeta */
  color: #fff !important;
}
.cartel-hot {
  background-color: #e91e63 !important; /* rosa fuerte */
  color: #fff !important;
}
.cartel-regalo {
  background-color: #ff9800 !important; /* naranja regalo */
  color: #fff !important;
}
.cartel-liquidacion {
  background-color: #FFD500 !important; /* amarillo */
  color: #000 !important;
}

.onsale.cartel-exclusivo,
.onsale.cartel-hot,
.onsale.cartel-regalo,
.onsale.cartel-liquidacion {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
}

@media (min-width: 768px) {
  .onsale {
    font-size: 15px;
    padding: 6px 12px;
    font-weight: 700;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  }
}
/* Ocultar todos los carteles .onsale que no sean los tuyos personalizados */
.onsale:not(.cartel-exclusivo):not(.cartel-hot):not(.cartel-regalo):not(.cartel-liquidacion) {
  display: none !important;
}

/*ICONOS DE FILTROS CATEGORIA
/* Estilo base para todos los ítems del filtro */
.woocommerce-widget-layered-nav ul li {
    list-style: none;
    margin-bottom: 6px;
    padding: 8px 12px 8px 32px; /* Aumentamos padding izquierdo para dejar espacio al ícono */
    background-color: #f9f9f9;
    border-radius: 6px;
    border-left: 4px solid transparent;
    color: #212121;
    font-weight: 500;
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
}
/* Ícono a la izquierda: todos los ítems */
.woocommerce-widget-layered-nav ul li::before {
    content: "🔹";
    color: #2d8e9d;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}
/* Hover visual */
.woocommerce-widget-layered-nav ul li:hover {
    background-color: rgba(45, 142, 157, 0.1);
}
/* Ítem seleccionado (activo) */
.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list__item--chosen {
    background-color: rgba(142, 68, 173, 0.08);
    font-weight: 700;
    color: #8e44ad;
}
/* Ícono del ítem activo */
.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list__item--chosen::before {
    content: "✅";
    color: #8e44ad;
}

/* --- DESCRIPCIÓN CORTA vs LARGA EN PRODUCTO --- */
/* 🔹 PC: Mostrar corta, ocultar larga */
.woocommerce-product-details__short-description {
  display: block;
}
.woocommerce-tabs,
.woocommerce-Tabs-panel--description {
  display: none;
}
/* 🔹 Móviles: Mostrar larga, ocultar corta */
@media screen and (max-width: 768px) {
  .woocommerce-product-details__short-description {
    display: none !important;
  }
  .woocommerce-tabs,
  .woocommerce-Tabs-panel--description {
    display: block !important;
  }
}
/* 🔹 Transición suave (solo para visibilidad, opcional) */
.woocommerce-product-details__short-description,
.woocommerce-tabs,
.woocommerce-Tabs-panel--description {
  transition: opacity 0.3s ease-in-out;
}


/*CAMBIA FOTO DEL PRODUCTO CUANDO PASA EL MOUSE HOVER*/
/* Contenedor general de imágenes */
.flober-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
/* Imagen principal */
.flober-image-wrapper img:not(.flober-hover-image),
.flober-hover-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.3s ease;
}
/* Imagen secundaria (hover) */
.flober-hover-image {
    opacity: 0;
    pointer-events: none;
    z-index: 2;
}
/* Mostrar imagen secundaria al hacer hover */
.flober-image-wrapper:hover .flober-hover-image {
    opacity: 1;
}

/*CONTENEDOR GENERAL DE METODOS DE ENVÍO */
ul.pisol-ppscw-methods {
  background-color: #f9f9f9;
  padding: 25px;
  border-radius: 12px;
  border: 1px solid #dbeeff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  margin-top: 20px;
  font-family: 'Poppins', sans-serif;
}
/* 🟨 Cada opción de envío */
ul.pisol-ppscw-methods li {
  background: #ffffff;
  border: 1px solid #b2dfe7;
  border-left: 5px solid #2d8e9d;
  padding: 14px 18px;
  margin-bottom: 12px;
  border-radius: 8px;
  font-size: 15.5px;
  color: #212121 !important;
  list-style: none !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

/* 💸 Forzar visibilidad del precio en cualquier etiqueta */
ul.pisol-ppscw-methods li * {
  color: #212121 !important;
}
/* 💜 Estilo más destacado para los precios */
ul.pisol-ppscw-methods li span {
  color: #8e44ad !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}
/* 🎨 Hover (opcional para visual)
ul.pisol-ppscw-methods li:hover {
  background-color: #f1fbfd;
  border-left-color: #8e44ad;
  transition: all 0.2s ease-in-out;
}*/

@media (max-width: 480px) {
  ul.pisol-ppscw-methods li {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  ul.pisol-ppscw-methods li span {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #8e44ad !important;
  }

  ul.pisol-ppscw-methods li::before {
    margin-bottom: 5px;
  }
}

.pisol-ppscw-alert {
  background-color: #eaf6f8; /* celeste pastel suave */
  border-left: 6px solid #2d8e9d; /* azul FLOBER */
  color: #212121;
  font-weight: 500;
  padding: 14px 20px;
  border-radius: 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  margin-top: 18px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  display: flex;
  align-items: center;
  gap: 10px;
}
.alerta-retira-moto {
  background-color: #eaf6f8;
  border-left: 6px solid #2d8e9d;
  color: #212121;
  padding: 14px 20px;
  border-radius: 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  margin-top: 18px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Estilo general de cada opción de envío */
.woocommerce-shipping-methods li {
  background-color: #ffffff;
  border: 1px solid #b2dfe7;
  border-left: 6px solid #2d8e9d;
  padding: 14px 16px;
  border-radius: 10px;
  margin-bottom: 14px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #212121;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
/* Radio button */
.woocommerce-shipping-methods input[type="radio"] {
  margin-top: 5px;
  accent-color: #8e44ad;
  flex-shrink: 0;
}
/* Etiqueta de cada método de envío */
.woocommerce-shipping-methods label {
  flex-grow: 1;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  color: #212121;
}
/* Estilo del precio dentro del label */
.woocommerce-shipping-methods label span,
.woocommerce-shipping-methods .woocommerce-Price-amount {
  font-weight: 700;
  color: #8e44ad;
  font-size: 15px;
  text-align: right;
  display: inline-block;
  white-space: nowrap;
  line-height: 1.2;
}
/* En caso de que el símbolo $ esté con ::before */
.woocommerce-shipping-meth



/*TARIFAS DE MENSAJERIA EN CARRITO*/
.boton-tarifas-envio {
  background-color: #2d8e9d;
  color: white;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
  border: none !important;
}
.single-product .btn-tarifa-mensajeria {
    max-width: 100%;
    width: auto;
    margin: 20px 0;
    display: inline-block;
    position: relative;
	border: none !important;
}
.boton-tarifas-envio:hover {
  background-color: #eeeeee;
}

.modal-tarifas {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}


@media screen and (max-width: 768px) {
  .modal-tarifas .img-tarifas {
    max-width: 95vw;
    max-height: 80vh;
    border-radius: 8px;
  }
}


/*ESTETICA BOTON VARIATION SWATCHES (VARIABLES)*/
/* Forma redondeada y tamaño uniforme */
.variable-items-wrapper .variable-item {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    border: 2px solid transparent;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
/* Hover con sombra suave */
.variable-items-wrapper .variable-item:hover {
    box-shadow: 0 0 6px rgba(45, 142, 157, 0.5); /* sombra turquesa FLOBER */
}
/* Estado seleccionado con borde turquesa */
.variable-items-wrapper .variable-item.selected {
    border-color: #2d8e9d !important;
    box-shadow: 0 0 0 2px rgba(45, 142, 157, 0.5);
}
/* Añadir un cursor amigable */
.variable-items-wrapper .variable-item:not(.disabled) {
    cursor: pointer;
}
/* Opcional: si hay texto en lugar de color, mejorar su visibilidad */
.variable-items-wrapper .variable-item-label {
    color: #212121;
    font-weight: 500;
    font-size: 13px;
}

/*ESTILO AL DISEÑO DE LA VARIABLE ELEGIDO*/
.variations .woo-selected-variation-item-name {
  background-color: rgba(142, 68, 173, 1);
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 1.05rem; /* <-- tamaño más grande */
  display: inline-block;
  color: #FFFF;
  transition: background-color 0.3s ease;
}


/*DISEÑO TEXTO PRODUCTOS RELACIONADOS*/
.flober-oferta-relacionados {
    text-align: center;
    margin: 40px auto 20px;
    padding: 10px 0;
}
.flober-oferta-relacionados h2 {
    font-family: 'Quicksand', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #2d8e9d;
    margin-bottom: 8px;
}


/* CONFIGURAR COLUMNAS DIRECCION DE MI CUENTA */
.woocommerce-Address,
.woocommerce-Address address,
.woocommerce-Address address p,
.woocommerce-Address address *,
.woocommerce-column,
.woocommerce-column__title {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    word-break: normal !important;
    display: block !important;
    transform: none !important;
    text-align: left !important;
    line-height: 1.4 !important;
    max-width: 100% !important;
    font-size: 16px !important;
}
@media screen and (max-width: 768px) {
/* Contenedor principal */
  #customer_login .u-columns {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: center;
  }
/* Columnas */
  #customer_login .u-column1,
  #customer_login .u-column2 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }
/* Título */
  #customer_login h2 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
  }
/* Formularios y campos */
  #customer_login form,
  #customer_login .woocommerce-form-login {
    width: 100% !important;
    max-width: 100% !important;
  }

  #customer_login input[type="text"],
  #customer_login input[type="email"],
  #customer_login input[type="password"] {
    width: 100% !important;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
  }
/* Campo contraseña con botón ojo */
  .woocommerce-form-login .show-password-input {
    position: relative;
  }
  .woocommerce-form-login .show-password-input input {
    padding-right: 40px !important;
  }
  .woocommerce-form-login .show-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 13px;
    padding: 0;
    color: #2d8e9d;
    background: none;
    border: none;
    cursor: pointer;
  }
/* Botón de iniciar sesión más ancho */
  .woocommerce-form-login button[type="submit"] {
    display: block;
    width: 100% !important;
    padding: 16px !important;
    font-size: 16px;
    font-weight: bold;
    background-color: #2d8e9d;
    border-radius: 8px;
    border: none;
    margin: 15px auto 10px;
    color: white;
    max-width: 100% !important;
  }
  .woocommerce-form-login button[type="submit"]:hover {
    background-color: #23707f;
  }
/* Checkbox */
  .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
  }
/* Enlace debajo */
  .woocommerce-form-login .woocommerce-LostPassword {
    text-align: center;
    font-size: 13px;
    margin-top: 5px;
  }
  .woocommerce-form-login .woocommerce-LostPassword a {
    color: #2d8e9d;
    text-decoration: underline;
  }
}


/*MODIFICA ESTILO LOOP DEL RELATED PRODUCTS*/
h2.wpbrps-title {
  display: none !important;
}
span.wpb_wrps_onsale {
  display: none !important;
}
.owl-carousel .owl-nav,
.wrps_related_products_area .owl-nav {
  display: none !important;
}
.owl-carousel .owl-dots,
.wrps_related_products_area .owl-dots {
  display: none !important;
}
/* Insertar título personalizado con estilo centrado y sin fondo */
.wrps_related_products_area::before {
  content: "⚡ MIRÁ ESTAS OFERTAS IMPERDIBLES PARA AGREGAR A TU PEDIDO: ⚡";
  display: block;
  font-size: 22px;
  font-weight: bold;
  color: #2d8e9d;
  text-align: center;
  margin: 40px auto 20px;
}
/* Eliminar fondo gris de las tarjetas de productos en el carrusel WPB */
.wrps_related_products_area figcaption {
  background: none !important;
  padding: 10px 0 !important;
  text-align: center;
}
/*ELIMINAR TITULO RELATED PRODUCTS*/
.wrps_related_products_area_title {
  display: none !important;
}
/* Cambiar color del precio nuevo en el slider WPB */
.wrps_related_products_area ins,
.wrps_related_products_area ins span {
  color: #8e44ad !important; /* Violeta clásico FLOBER */
  font-weight: bold;
  font-size: 20px;
}
/* Título en negrita dentro del carrusel WPB */
.wpb_wrps_title,
.wpb_wrps_title a {
  font-weight: bold !important;
}
/* Estilo gris claro para precio tachado en el carrusel WPB */
.wrps_related_products_area del,
.wrps_related_products_area del span {
  color: #999 !important; /* Gris claro */
  font-weight: normal;
  font-size: 15px;
  opacity: 0.8;
}

/*CARTEL FOOTER PAGOS Y ENVIOS*/
footer .left {
  background-color: #fff3cd !important;
  color: #212121 !important;
  border-radius: 12px;
  padding: 20px 25px;
  font-size: 16px;
  line-height: 1.6;
  display: inline-block;
  max-width: 320px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
/* Centrado en móviles */
@media screen and (max-width: 768px) {
  footer .left {
    display: block;
    margin: 0 auto 30px auto;
  }
}


/*OCULTAR PAIS DE FORMULARIO*/
#calc_shipping_country_field {
  display: none !important;
}