.elementor-12913 .elementor-element.elementor-element-545611c8{--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-12913 .elementor-element.elementor-element-2f360de4{--spacer-size:50px;}.elementor-12913 .elementor-element.elementor-element-62e10bae{--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-12913 .elementor-element.elementor-element-2137ac26{--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-12913 .elementor-element.elementor-element-53d085cc.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-12913 .elementor-element.elementor-element-63a14b17{--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-12913 .elementor-element.elementor-element-7e7111f8{--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-12913 .elementor-element.elementor-element-10fb18a0 .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-12913 .elementor-element.elementor-element-10966af0{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-12913 .elementor-element.elementor-element-67d3585 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-12913 .elementor-element.elementor-element-67d3585{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-12913 .elementor-element.elementor-element-59e4a640{--display:flex;}@media(min-width:768px){.elementor-12913 .elementor-element.elementor-element-2137ac26{--width:40%;}.elementor-12913 .elementor-element.elementor-element-63a14b17{--width:60%;}}/* Start custom CSS for html, class: .elementor-element-5c78f96 */.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-53d085cc */.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 */