.elementor-9643 .elementor-element.elementor-element-53f3936c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9643 .elementor-element.elementor-element-1d2b8a9e{--spacer-size:50px;}.elementor-9643 .elementor-element.elementor-element-5fba3e39{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9643 .elementor-element.elementor-element-63d45fee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9643 .elementor-element.elementor-element-179389ce.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9643 .elementor-element.elementor-element-319b2b5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9643 .elementor-element.elementor-element-6d564a17{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9643 .elementor-element.elementor-element-4a50e999 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#7A7A7A;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9643 .elementor-element.elementor-element-5803014e{text-align:right;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9643 .elementor-element.elementor-element-391fb32a > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-9643 .elementor-element.elementor-element-391fb32a{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-9643 .elementor-element.elementor-element-3c33c8b8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9643 .elementor-element.elementor-element-30c96460{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-9643 .elementor-element.elementor-element-30c96460.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-9643 .elementor-element.elementor-element-235102c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9643 .elementor-element.elementor-element-68681b25{--display:flex;}.elementor-9643 .elementor-element.elementor-element-58c72240{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9643 .elementor-element.elementor-element-40506694{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9643 .elementor-element.elementor-element-6c64c968{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:5px;--n-tabs-gap:0px;}.elementor-9643 .elementor-element.elementor-element-6c64c968 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#D3D3D3;background-color:transparent;background-image:linear-gradient(180deg, #D3D3D3 0%, #D3D3D3 100%);}.elementor-9643 .elementor-element.elementor-element-6c64c968.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#7E7E7E;background-color:transparent;background-image:linear-gradient(180deg, #7E7E7E 0%, #7E7E7E 100%);}.elementor-9643 .elementor-element.elementor-element-6c64c968.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9643 .elementor-element.elementor-element-6c64c968.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#7E7E7E;}.elementor-9643 .elementor-element.elementor-element-6c64c968.elementor-element{--order:-99999 /* order start hack */;}.elementor-9643 .elementor-element.elementor-element-6c64c968.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5) inset;}.elementor-9643 .elementor-element.elementor-element-3176c9b6{--display:flex;}.elementor-9643 .elementor-element.elementor-element-6a5a6c6{text-align:center;}.elementor-9643 .elementor-element.elementor-element-6a5a6c6 .elementor-heading-title{color:#7A7A7A;}@media(min-width:768px){.elementor-9643 .elementor-element.elementor-element-63d45fee{--width:40%;}.elementor-9643 .elementor-element.elementor-element-319b2b5b{--width:60%;}}/* Start custom CSS for html, class: .elementor-element-4c3acdb9 */.product-viewer {
display: flex;
flex-direction: column;
align-items: center;
max-width: 100%;
padding: 20px;
}
.main-image {
position: relative;
width: 100%;
max-width: 600px;
overflow: hidden;
}
.main-image img {
width: 100%;
display: block;
cursor: pointer;
}
.zoom-lens {
position: absolute;
width: 100px;
height: 100px;
cursor: pointer;
display: none;
pointer-events: none;
}
.thumbnails {
display: flex;
gap: 10px;
margin-top: 20px;
}
.thumbnail {
width: 80px;
height: 80px;
object-fit: cover;
cursor: pointer;
transition: transform 0.2s;
}
.thumbnail:hover {
transform: scale(1.1);
}
.image-viewer {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
justify-content: center;
align-items: center;
z-index: 9999;
/* Asegura que esté sobre todo */
}
.image-viewer img {
max-width: 90%;
max-height: 90%;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
/* Flechas */
.arrow-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 2em;
color: white;
background: rgba(0, 0, 0, 0.5);
padding: 10px;
border: none;
cursor: pointer;
z-index: 10000;
}
.arrow-left {
left: 20px;
}
.arrow-right {
right: 20px;
}
.close-btn {
position: absolute;
top: 15px;
right: 20px;
font-size: 60px;
color: white;
cursor: pointer;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-179389ce */.boton {
-webkit-align-items: center;
align-items: center;
background: #aa0101;
border-radius: 1rem;
color: #fff;
display: -ms-inline-flexbox;
display: inline-flex;
display: -webkit-inline-flex;
-ms-flex-align: center;
height: 0.5rem;
max-width: 100%;
padding: 15px 10px 15px 10px;
vertical-align: middle;
font-size: 15px;
}
.boton:hover {
color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-327a9a1b */table {
width: 100% !important;
border-collapse: collapse !important;
background-color: #fff !important;
}
th,
td {
padding: 8px !important;
text-align: left !important;
vertical-align: middle !important;
background-color: #fff !important;
}
img {
display: inline-block !important;
/* Cambié de block a inline-block */
margin: 0 10px;
/* Espaciado entre imágenes */
}
.borde-uno {
border-bottom: 1px solid #000 !important;
border-right: 1px solid #000 !important;
border-top: 1px solid #fff !important;
border-left: 1px solid #fff !important;
}
.borde-dos {
border-bottom: 1px solid #000 !important;
border-right: 1px solid #fff !important;
border-top: 1px solid #fff !important;
border-left: 1px solid #fff !important;
}
.borde-tres {
border-bottom: 1px solid #fff !important;
border-right: 1px solid #000 !important;
border-top: 1px solid #000 !important;
border-left: 1px solid #fff !important;
}
.borde-cuatro {
border-bottom: 1px solid #fff !important;
border-right: 1px solid #fff !important;
border-top: 1px solid #000 !important;
border-left: 1px solid #000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-327a9a1b */table {
width: 100% !important;
border-collapse: collapse !important;
background-color: #fff !important;
}
th,
td {
padding: 8px !important;
text-align: left !important;
vertical-align: middle !important;
background-color: #fff !important;
}
img {
display: inline-block !important;
/* Cambié de block a inline-block */
margin: 0 10px;
/* Espaciado entre imágenes */
}
.borde-uno {
border-bottom: 1px solid #000 !important;
border-right: 1px solid #000 !important;
border-top: 1px solid #fff !important;
border-left: 1px solid #fff !important;
}
.borde-dos {
border-bottom: 1px solid #000 !important;
border-right: 1px solid #fff !important;
border-top: 1px solid #fff !important;
border-left: 1px solid #fff !important;
}
.borde-tres {
border-bottom: 1px solid #fff !important;
border-right: 1px solid #000 !important;
border-top: 1px solid #000 !important;
border-left: 1px solid #fff !important;
}
.borde-cuatro {
border-bottom: 1px solid #fff !important;
border-right: 1px solid #fff !important;
border-top: 1px solid #000 !important;
border-left: 1px solid #000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-327a9a1b */table {
width: 100% !important;
border-collapse: collapse !important;
background-color: #fff !important;
}
th,
td {
padding: 8px !important;
text-align: left !important;
vertical-align: middle !important;
background-color: #fff !important;
}
img {
display: inline-block !important;
/* Cambié de block a inline-block */
margin: 0 10px;
/* Espaciado entre imágenes */
}
.borde-uno {
border-bottom: 1px solid #000 !important;
border-right: 1px solid #000 !important;
border-top: 1px solid #fff !important;
border-left: 1px solid #fff !important;
}
.borde-dos {
border-bottom: 1px solid #000 !important;
border-right: 1px solid #fff !important;
border-top: 1px solid #fff !important;
border-left: 1px solid #fff !important;
}
.borde-tres {
border-bottom: 1px solid #fff !important;
border-right: 1px solid #000 !important;
border-top: 1px solid #000 !important;
border-left: 1px solid #fff !important;
}
.borde-cuatro {
border-bottom: 1px solid #fff !important;
border-right: 1px solid #fff !important;
border-top: 1px solid #000 !important;
border-left: 1px solid #000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-327a9a1b */table {
width: 100% !important;
border-collapse: collapse !important;
background-color: #fff !important;
}
th,
td {
padding: 8px !important;
text-align: left !important;
vertical-align: middle !important;
background-color: #fff !important;
}
img {
display: inline-block !important;
/* Cambié de block a inline-block */
margin: 0 10px;
/* Espaciado entre imágenes */
}
.borde-uno {
border-bottom: 1px solid #000 !important;
border-right: 1px solid #000 !important;
border-top: 1px solid #fff !important;
border-left: 1px solid #fff !important;
}
.borde-dos {
border-bottom: 1px solid #000 !important;
border-right: 1px solid #fff !important;
border-top: 1px solid #fff !important;
border-left: 1px solid #fff !important;
}
.borde-tres {
border-bottom: 1px solid #fff !important;
border-right: 1px solid #000 !important;
border-top: 1px solid #000 !important;
border-left: 1px solid #fff !important;
}
.borde-cuatro {
border-bottom: 1px solid #fff !important;
border-right: 1px solid #fff !important;
border-top: 1px solid #000 !important;
border-left: 1px solid #000 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-6c64c968 */.elementor-widget-n-tabs .e-n-tabs-heading {
background-color: #D3D3D3 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6dbeb0d */.container {
max-width: 400px;
margin: auto;
padding: 2rem;
}
.product-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 1.5rem;
}
@media (max-width: 900px) {
.product-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.product-grid {
grid-template-columns: 1fr;
}
}
.product-card {
background: white;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform 0.3s ease;
}
.product-card:hover {
transform: translateY(-5px);
}
.product-image {
width: 100%;
height: 400px;
object-fit: cover;
}
.product-info {
padding: 2rem;
text-align: center;
}
.product-title {
font-weight: bold;
font-size: 1.2rem;
margin: 0.5rem 0;
color: #333;
}
.product-details {
font-size: 0.9rem;
color: #666;
margin-bottom: 1rem;
}
.product-button {
background: #aa0101;
color: white;
padding: 0.5rem;
border: none;
cursor: pointer;
border-radius: 8px;
transition: background 0.3s ease;
font-weight: bold;
}
.product-button:hover {
background: #aa0101;
color: #fff;
}
.pagination {
display: flex;
justify-content: center;
margin-top: 2rem;
gap: 0.5rem;
}
.pagination button {
padding: 0.5rem 1rem;
border: none;
border-radius: 5px;
background: #aa0101;
color: white;
cursor: pointer;
}
.pagination button.active {
background: #aa0101;
}
@media (max-width: 600px) {
.product-image {
height: 150px;
}
}/* End custom CSS */