/* Estilo para el icono */
span.icon {
display: inline-flex;
width: 14px;
height: 14px;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center center;
mask-repeat: no-repeat;
mask-position: center center;
}
span.icon.md {
width: 18px;
height: 18px;
}
span.icon.xl {
width: 32px;
height: 32px;
}
/* atribuir icono a cada clase */
.i-plus {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-minus {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-service {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-caretRight {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-caretLeft {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-menu {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-close {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-calendar {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-price {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-clock {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-location {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-checkmark {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-share {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-phone {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-mail {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-days {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-download {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-facebook {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-instagram {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-x {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-linkedin {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-whatsapp {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.wtps-productpage-imagegallery {
width: 100%;
height: 100%;
margin: auto;
display: flex;
flex-direction: column;
/* Carrousel */
}
.wtps-productpage-imagegallery-wrapper {
width: 100%;
position: relative;
overflow: hidden;
}
.wtps-productpage-imagegallery-container {
display: flex;
transition: transform 0.4s ease-in-out;
width: 100%;
max-height: 400px;
}
.wtps-productpage-imagegallery-image {
min-width: 100%;
padding: 4px;
transition: all 200ms ease;
}
.wtps-productpage-imagegallery-image:hover {
cursor: zoom-in;
opacity: 0.8;
}
.wtps-productpage-imagegallery-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.wtps-productpage-imagegallery-control {
width: 50%;
height: 100%;
position: absolute;
background-color: transparent;
visibility: none;
border: 0;
z-index: 1;
top: 0;
}
.wtps-productpage-imagegallery-control.prev {
left: 0;
}
.wtps-productpage-imagegallery-control.next {
right: 0;
}
.wtps-productpage-imagegallery-carousel {
width: 100%;
margin-top: 4px;
position: relative;
}
.wtps-productpage-imagegallery-carousel-container {
display: flex;
gap: 4px;
transition: transform 0.4s ease-in-out;
}
.wtps-productpage-imagegallery-carousel-container.not_overflowing {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.wtps-productpage-imagegallery-carousel-container.not_overflowing .wtps-productpage-imagegallery-carousel-image {
width: 100%;
}
.wtps-productpage-imagegallery-carousel-wrapper {
display: flex;
transition: transform 0.4s ease-in-out;
overflow: hidden;
}
.wtps-productpage-imagegallery-carousel-image {
width: calc(25% - 4px);
height: 150px;
flex-shrink: 0;
padding: 4px;
background: var(--storebgcolor);
transition: all 200ms ease;
}
.wtps-productpage-imagegallery-carousel-image:hover {
cursor: pointer;
opacity: 0.8;
}
.wtps-productpage-imagegallery-carousel-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.wtps-productpage-imagegallery-carousel-image.current img {
opacity: 0.4;
pointer-events: none;
}
@media (max-width: 768px) {
.wtps-productpage-imagegallery-carousel {
display: none;
}
}
.wtps-productpage-imagegallery-carousel-control {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 10px;
color: currentColor;
color: var(--bodycolorbackground);
background: var(--bodycolortext);
border: 0;
border-radius: 4px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.wtps-productpage-imagegallery-carousel-control:hover {
cursor: pointer;
}
.wtps-productpage-imagegallery-carousel-control.prev {
left: -12px;
}
.wtps-productpage-imagegallery-carousel-control.next {
right: -12px;
}
.wtps-productpage-imagegallery-fullscreen {
width: 100%;
height: 100%;
}
.wtps-productpage-imagegallery-fullscreen-container {
width: 100%;
height: 100%;
display: flex;
align-items: center;
gap: 20px;
}
.wtps-productpage-imagegallery-fullscreen-image {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.wtps-productpage-imagegallery-fullscreen-image img {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center center;
object-position: center center;
transition: all 200ms ease;
}
.wtps-productpage-imagegallery-fullscreen-control {
border: 0;
padding: 20px 10px;
color: currentColor;
color: var(--bodycolorbackground);
background: var(--bodycolortext);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
transition: all 200ms ease;
}
.wtps-productpage-imagegallery-fullscreen-control:hover {
opacity: 0.8;
cursor: pointer;
}
@media (max-width: 768px) {
.wtps-productpage-imagegallery-fullscreen-control {
display: none;
}
}
.wtps-popover {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100vh;
color: currentColor;
}
.wtps-popover::before {
content: "";
z-index: -1;
position: absolute;
width: 100%;
height: 100%;
background-color: var(--bodycolorbackground);
opacity: 0.9;
}
.wtps-popover-container {
position: relative;
width: 100%;
height: 100%;
padding: 64px 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
.wtps-popover-close {
position: absolute;
z-index: 10000;
top: 10px;
right: 10px;
display: flex;
align-items: center;
gap: 4px;
padding: 10px;
font-size: 14px;
font-weight: 600;
text-transform: none;
line-height: normal;
text-decoration: none;
}
.wtps-popover-close svg {
fill: currentColor;
}
.wtps-popover-close:hover {
cursor: pointer;
}
.wtps-productpage-chip {
width: -moz-fit-content;
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
padding: 10px 15px;
border: 1px solid currentColor;
font-size: 14px;
color: currentColor;
font-weight: 400;
line-height: normal;
text-transform: none;
border-radius: 4px;
transition: all 200ms ease;
opacity: 0.8;
}
.wtps-productpage-chip-label {
flex-grow: 1;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.wtps-productpage-chip:hover {
cursor: pointer;
opacity: 1;
}
.wtps-productpage-chip.selected {
opacity: 1;
color: var(--bodycolorbackground);
background-color: var(--bodycolortext);
}
.wtps-productpage-chip.disabled {
opacity: 0.4;
background-color: var(--storebordercolor);
pointer-events: none;
position: relative;
}
.wtps-productpage-input {
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
display: flex;
align-items: stretch;
border: 1px solid var(--storebordercolor);
border-radius: 4px;
}
.wtps-productpage-input input {
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 10px;
opacity: 0.6;
color: currentColor;
background-color: transparent;
transition: all 200ms ease;
}
.wtps-productpage-input input:focus {
outline: none;
}
.wtps-productpage-input input[type=number] {
width: 50px;
text-align: center;
-webkit-appearance: textfield;
appearance: textfield;
-moz-appearance: textfield;
}
.wtps-productpage-input input[type=number]::-webkit-inner-spin-button, .wtps-productpage-input input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.wtps-productpage-input button {
width: fit-content;
font-size: 14px;
font-weight: 400;
text-transform: none;
line-height: normal;
text-decoration: none;
color: currentColor;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: var(--storebgcolor);
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
transition: all 200ms ease;
}
.wtps-productpage-input button:disabled {
pointer-events: none;
}
.wtps-productpage-input button:hover {
cursor: pointer;
background: var(--storebordercolor);
}
.wtps-productpage-detail {
width: 100%;
display: flex;
align-items: center;
/* Mobile */
}
.wtps-productpage-detail-container {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.wtps-productpage-detail-product {
width: 100%;
max-height: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto auto 1fr;
}
.wtps-productpage-detail-head {
width: 100%;
}
.wtps-productpage-breadcrumb-list {
list-style: none;
font-size: 14px;
width: 100%;
padding-bottom: 8px;
}
.wtps-productpage-breadcrumb-item {
display: inline-block;
}
.wtps-productpage-breadcrumb-item a {
font-size: 14px;
text-decoration: none;
color: currentColor;
font-weight: 400;
letter-spacing: normal;
line-height: normal;
text-transform: none;
}
.wtps-productpage-breadcrumb-item a:hover {
text-decoration: underline;
}
.wtps-productpage-breadcrumb-item:not(:last-child)::after {
content: '>';
padding: 0 .5em;
color: currentColor;
font-size: .75rem;
}
.wtps-productpage-detail-soon {
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
font-size: 16px;
font-weight: 600;
text-transform: none;
line-height: normal;
text-decoration: none;
color: #fff;
background-color: rgb(59, 177, 84);
padding: 10px 15px;
border-radius: 5px;
}
.wtps-productpage-detail-image {
width: 100%;
height: 100%;
grid-column: 1/2;
grid-row: 1/span 3;
}
.wtps-productpage-detail-data {
width: 100%;
padding: 20px 40px;
display: flex;
flex-direction: column;
gap: 20px;
grid-column: 2/-1;
grid-row: 1/span 1;
}
.wtps-productpage-detail-variants {
max-width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 20px;
grid-column: 2/-1;
grid-row: 2/span 1;
padding: 20px 40px;
max-width: 100%;
}
.wtps-productpage-detail-variant {
max-width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 10px;
}
.wtps-productpage-detail-variant-title {
font-size: 14px;
font-weight: 600;
text-transform: none;
line-height: normal;
text-decoration: none;
opacity: 0.8;
}
.wtps-productpage-detail-variant-options {
max-width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 5px;
}
.wtps-productpage-detail-addtocart {
max-width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 10px;
align-items: center;
height: -moz-fit-content;
height: fit-content;
padding: 20px 40px;
grid-column: 2/-1;
grid-row: 3/span 1;
/* Tablet - Mobile */
}
@media (max-width: 1024px) {
.wtps-productpage-detail-addtocart {
display: none;
}
}
.wtps-productpage-detail-title {
font-size: 24px;
font-weight: 600;
text-transform: none;
color: currentColor;
text-decoration: none;
line-height: normal;
}
.wtps-productpage-detail-price {
display: flex;
align-items: center;
gap: 10px;
}
.wtps-productpage-detail-price-current {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 600;
text-transform: none;
line-height: normal;
text-decoration: none;
}
.wtps-productpage-detail-price-before {
font-size: 16px;
font-weight: 400;
text-transform: none;
line-height: normal;
text-decoration: none;
text-decoration: line-through;
}
.wtps-productpage-detail-price-save {
font-size: 14px;
font-weight: 400;
text-transform: none;
line-height: normal;
text-decoration: none;
color: #fff;
background-color: rgb(155, 8, 8);
padding: 2px 5px;
border-radius: 4px;
}
.wtps-productpage-detail-button.disabled {
pointer-events: none;
opacity: 0.6;
}
.wtps-productpage-detail-nostock {
width: -moz-fit-content;
width: fit-content;
font-size: 14px;
font-weight: 400;
text-transform: none;
line-height: normal;
text-decoration: none;
font-family: sans-serif;
background-color: rgb(155, 8, 8);
color: #ffffff;
padding: 5px 10px;
border-radius: 4px;
}
@media (max-width: 768px) {
.wtps-productpage-detail-container {
align-items: start;
min-height: auto;
}
.wtps-productpage-detail-product {
grid-template-columns: 1fr;
}
.wtps-productpage-detail-data, .wtps-productpage-detail-variants, .wtps-productpage-detail-addtocart .wtps-productpage-detail-image {
padding: 0;
grid-column: unset;
grid-row: unset;
}
.wtps-productpage-detail-data {
grid-row: 1/span 1;
}
.wtps-productpage-detail-image {
padding: 40px 0;
grid-row: 2/span 1;
}
}
.wtps-page-description .wtps-page-description-text {
width: 100%;
max-width: 800px;
font-size: 16px;
font-weight: 400;
text-transform: none;
line-height: normal;
text-decoration: none;
}
table.wtps-productpage-feature {
width: 100%;
margin-bottom: 20px;
display: table;
overflow: hidden;
border-spacing: 0px;
border-collapse: collapse;
table-layout: auto;
border-radius: 4px;
background-color: var(--storebordercolor);
}
table.wtps-productpage-feature thead.wtps-productpage-feature-head {
display: table-header-group;
background-color: var(--storebordercolor);
}
table.wtps-productpage-feature thead.wtps-productpage-feature-head tr.wtps-productpage-feature-row th.wtps-productpage-feature-header {
font-size: 16px;
font-weight: 600;
text-transform: none;
line-height: normal;
text-decoration: none;
text-align: start;
padding: 20px;
}
table.wtps-productpage-feature tbody {
display: table-row-group;
border-collapse: collapse;
}
table.wtps-productpage-feature tr.wtps-productpage-feature-row {
display: table-row;
vertical-align: middle;
text-align: start;
}
table.wtps-productpage-feature tr.wtps-productpage-feature-row:not(:last-child) {
border-bottom: 1px solid var(--storebordercolor);
}
table.wtps-productpage-feature td.wtps-productpage-feature-data {
padding: 20px;
font-size: 16px;
font-weight: 400;
text-transform: none;
line-height: normal;
text-decoration: none;
white-space: pre-line;
}
@media (max-width: 768px) {
table.wtps-productpage-feature td.wtps-productpage-feature-data {
width: 100%;
display: block;
}
table.wtps-productpage-feature td.wtps-productpage-feature-data:not(:last-child) {
padding: 20px 20px 0;
}
}
.wtps-productpage-navbar {
position: fixed;
height: 80px;
z-index: 999;
bottom: 0;
left: 0;
width: 100%;
border-top: 1px solid currentColor;
background-color: var(--bodycolorbackground);
display: flex;
justify-content: center;
/* Tablet - Mobile */
}
.wtps-productpage-navbar-items {
display: flex;
align-items: stretch;
justify-content: center;
flex-grow: 1;
}
.wtps-productpage-navbar-item {
width: 100%;
display: flex;
transition: all 200ms ease;
}
.wtps-productpage-navbar-item:hover {
background-color: var(--storebordercolor);
}
.wtps-productpage-navbar-item a {
font-size: 16px;
font-weight: 400;
text-transform: none;
line-height: normal;
text-decoration: none;
color: currentColor;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.wtps-productpage-navbar-item a:visited {
color: currentColor;
}
.wtps-productpage-navbar-item.current a {
color: var(--bodycolorbackground);
background-color: var(--bodycolortext);
}
.wtps-productpage-navbar-addtocart {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 5px 10px;
}
.wtps-productpage-navbar-addtocart .wtps-productpage-input {
display: none;
}
.wtps-productpage-navbar-addtocart .wtps-productpage-detail-soon {
display: none;
}
.wtps-productpage-navbar-button.disabled {
pointer-events: none;
opacity: 0.6;
}
.wtps-productpage-navbar-nostock {
width: -moz-fit-content;
width: fit-content;
opacity: 0.8;
padding-top: 5px;
display: flex;
font-size: 14px;
font-weight: 400;
text-transform: none;
line-height: normal;
text-decoration: none;
}
@media (max-width: 1024px) {
.wtps-productpage-navbar-items {
display: none;
}
.wtps-productpage-navbar-addtocart {
flex-grow: 1;
}
.wtps-productpage-navbar-addtocart .wtps-productpage-input {
display: flex;
}
.wtps-productpage-navbar-addtocart .wtps-productpage-detail-soon {
display: flex;
}
}
@media (min-width: 1024px) {
.wtps-productpage-navbar {
display: none;
}
}
* {
margin: 0;
box-sizing: border-box;
}
/* body {
color: var(--bodycolortext);
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: normal;
line-height: normal;
text-decoration: none;
text-transform: none;
background-color: var(--bodycolorbackground);
background-image: unset;
--bodycolorprimary: #5d4cceff;
--bodycolorsecondary: #3c3c55ff;
--bodycoloremphasis: #00ffaaff;
--bodycolortext: rgb(5, 5, 5);
--bodycolorbackground: rgb(255, 255, 255);
}
[data-element="button"] {
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: normal;
line-height: normal;
text-decoration: none;
text-transform: none;
color: var(--bodycolorbackground);
background-color: var(--bodycolortext);
border-width: 0px;
border-style: solid;
border-color: var(--bodycolortext);
border-radius: 100px;
padding: 16px 20px;
width: fit-content;
transition: all 0.3s ease-in-out;
text-align: center;
}
.wtps-element {
display: flex;
gap: 20px;
flex-direction: column;
} */
@media (max-width: 1024px) {
body:has(.wtps-productpage) {
margin-bottom: 80px;
}
}
.wtps-productpage {
width: 100%;
display: flex;
flex-direction: column;
scroll-behavior: smooth;
color: currentColor;
font-size: 16px;
font-weight: 400;
text-transform: none;
line-height: normal;
text-decoration: none;
--storebordercolor: rgba(170, 170, 170, 0.5);
--storebgcolor: rgba(170, 170, 170, 0.1);
}
.wtps-productpage .wtps-productpage-section {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 40px;
/* Tablet - Mobile */
}
@media (max-width: 1024px) {
.wtps-productpage .wtps-productpage-section {
padding: 20px;
}
}
.wtps-productpage .wtps-productpage-section-title {
font-size: 18px;
font-weight: 600;
text-transform: none;
line-height: normal;
text-decoration: none;
padding-bottom: 30px;
opacity: 0.8;
}
.wtps-productpage form {
--storeborderradius: 4px;
--storefontsize: 14px;
--storepadding: 12px 8px;
--storeborder: 1px solid var(--storebordercolor);
display: flex;
flex-direction: column;
gap: 24px;
}
.wtps-productpage form .wtps-cutom-field-container {
display: flex;
flex-direction: column;
gap: 6px;
position: relative;
font-family: inherit;
}
.wtps-productpage form .wtps-cutom-field-container label {
font-weight: 600;
font-size: smaller;
/* margin-bottom: 4px; */
text-transform: uppercase;
}
.wtps-productpage form .wtps-cutom-field-container small {
font-weight: 400;
}
.wtps-productpage form .wtps-cutom-field-container input,
.wtps-productpage form .wtps-cutom-field-container textarea {
font-family: inherit;
font-size: var(--storefontsize);
color: currentColor;
border: var(--storeborder);
padding: var(--storepadding);
border-radius: var(--storeborderradius);
background-color: var(--storebgcolor);
}
.wtps-productpage form .wtps-cutom-field-container textarea {
height: 80px;
}
.wtps-productpage form .wtps-cutom-field-container input[type="date"] {
cursor: pointer;
}
.wtps-productpage form .wtps-cutom-field-container .input-file-wrapper {
display: flex;
width: 100%;
gap: 4px;
position: relative;
}
.wtps-productpage form .wtps-cutom-field-container input[type="file"] {
order: 1;
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 2;
}
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]) .input-file-layer {
position: absolute;
top: 0;
left: 0;
order: 1;
display: flex;
flex-direction: column;
gap: 12px;
align-items: start;
justify-content: center;
background-color: var(--storebgcolor);
border: var(--storeborder);
color: currentColor;
padding: var(--storepadding);
border-radius: var(--storeborderradius);
font-size: smaller;
cursor: pointer;
z-index: 1;
position: relative;
transition: background-color 0.3s ease;
text-align: start;
cursor: pointer;
flex-grow: 1;
}
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]) .input-file-layer span {
font-weight: 600;
}
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]:valid) .input-file-layer {
color: #2ba030;
background-color: #ebffec;
}
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]:valid) .input-file-layer span {
display: none;
}
.wtps-cutom-field-container .accepted-files {
opacity: 0.8;
}
.wtps-cutom-field-container .file-name-display {
display: none;
}
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]) small {
order: 2;
}
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]) button.remove-file-button {
display: none;
order: 2;
cursor: pointer;
background-color: var(--storebgcolor);
border: var(--storeborder);
color: currentColor;
padding: var(--storepadding);
border-radius: var(--storeborderradius);
}
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]).has-file-selected button.remove-file-button,
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]).has-file-selected .file-name-display {
display: block;
}
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]).has-file-selected input[type="file"] {
pointer-events: none;
cursor: default;
}
.wtps-productpage form .wtps-cutom-field-container input:not([type="file"]):hover,
.wtps-productpage form .wtps-cutom-field-container textarea:hover,
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]):hover::before,
.wtps-productpage form .wtps-cutom-field-container input:not([type="file"]):focus,
.wtps-productpage form .wtps-cutom-field-container textarea:focus,
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]):focus::before,
.wtps-productpage form .wtps-cutom-field-container:has(input[type="file"]):hover button.remove-file-button {
opacity: 0.8;
}
/* Mensaje de error */
.wtps-productpage form .wtps-cutom-field-container.error {
color: rgb(155, 8, 8);
}
.wtps-productpage form .wtps-cutom-field-container.error > small:not(.wtps-cutom-field-error) {
color: var(--bodycolortext);
}
.wtps-productpage form .wtps-cutom-field-container.error small.wtps-cutom-field-error {
display: block;
}
.wtps-productpage form .wtps-cutom-field-container small.wtps-cutom-field-error {
display: none;
width: fit-content;
max-width: 100%;
padding: 2px 8px;
border-radius: var(--storeborderradius);
color: #fff;
background-color: rgb(155, 8, 8);
}