.elementor-1220 .elementor-element.elementor-element-cb51aea{--display:flex;--margin-top:0px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-b66f6e6{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-4bfb0c7{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-4bfb0c7:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-4bfb0c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B0B;}.elementor-1220 .elementor-element.elementor-element-73585cb{font-size:18px;font-weight:600;line-height:22px;letter-spacing:0.36px;color:#FFFFFF;}.elementor-1220 .elementor-element.elementor-element-4d6a2e4{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:300;text-transform:uppercase;line-height:50px;color:#FFFFFF;}.elementor-1220 .elementor-element.elementor-element-d072699{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:normal;line-height:32px;color:#FFFFFF;}.elementor-1220 .elementor-element.elementor-element-400c758{--display:flex;--margin-top:-70px;--margin-bottom:-70px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-400c758:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-400c758 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://opticasperea.es/wp-content/uploads/2026/07/perea-bienvenido.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1220 .elementor-element.elementor-element-9b05f55{--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;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-9b05f55:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-9b05f55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-1220 .elementor-element.elementor-element-bc626ae{--display:flex;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-d1c72b2{--display:flex;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-3924373{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:300;text-transform:uppercase;line-height:50px;letter-spacing:2.25px;color:#222222;}.elementor-1220 .elementor-element.elementor-element-3d18c5f{--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;--padding-top:0px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-3d18c5f:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-3d18c5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-1220 .elementor-element.elementor-element-5dd2931{--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:40px 40px;--row-gap:40px;--column-gap:40px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-5e0af03{--display:flex;--padding-top:75px;--padding-bottom:75px;--padding-left:35px;--padding-right:35px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-5e0af03:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-5e0af03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1220 .elementor-element.elementor-element-8ac481e{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;line-height:22px;letter-spacing:0.36px;color:#222222;}.elementor-1220 .elementor-element.elementor-element-2896c73{font-family:"Montserrat", Sans-serif;font-size:18px;font-style:italic;line-height:32px;}.elementor-1220 .elementor-element.elementor-element-adeaab6 .elementor-button{background-color:#02010100;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:19px;letter-spacing:0.32px;fill:#222222;color:#222222;border-style:solid;border-width:1px 1px 1px 1px;border-color:#222222;border-radius:0px 0px 0px 0px;}.elementor-1220 .elementor-element.elementor-element-adeaab6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1220 .elementor-element.elementor-element-290d9d3{--display:flex;--padding-top:75px;--padding-bottom:75px;--padding-left:35px;--padding-right:35px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-290d9d3:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-290d9d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1220 .elementor-element.elementor-element-27746c6{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;line-height:22px;letter-spacing:0.36px;color:#222222;}.elementor-1220 .elementor-element.elementor-element-9293975{font-family:"Montserrat", Sans-serif;font-size:18px;font-style:italic;line-height:32px;}.elementor-1220 .elementor-element.elementor-element-a61db80 .elementor-button{background-color:#02010100;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:19px;letter-spacing:0.32px;fill:#222222;color:#222222;border-style:solid;border-width:1px 1px 1px 1px;border-color:#222222;border-radius:0px 0px 0px 0px;}.elementor-1220 .elementor-element.elementor-element-a61db80 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1220 .elementor-element.elementor-element-7d11d10{--display:flex;--padding-top:75px;--padding-bottom:75px;--padding-left:35px;--padding-right:35px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-7d11d10:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-7d11d10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1220 .elementor-element.elementor-element-cec2c5d{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;line-height:22px;letter-spacing:0.36px;color:#222222;}.elementor-1220 .elementor-element.elementor-element-cd4b8de{font-family:"Montserrat", Sans-serif;font-size:18px;font-style:italic;line-height:32px;}.elementor-1220 .elementor-element.elementor-element-a56a00f .elementor-button{background-color:#02010100;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:19px;letter-spacing:0.32px;fill:#222222;color:#222222;border-style:solid;border-width:1px 1px 1px 1px;border-color:#222222;border-radius:0px 0px 0px 0px;}.elementor-1220 .elementor-element.elementor-element-a56a00f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1220 .elementor-element.elementor-element-e9ad5b4{--display:flex;--padding-top:75px;--padding-bottom:75px;--padding-left:35px;--padding-right:35px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-e9ad5b4:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-e9ad5b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1220 .elementor-element.elementor-element-c46a069{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;line-height:22px;letter-spacing:0.36px;color:#222222;}.elementor-1220 .elementor-element.elementor-element-465e0b2{font-family:"Montserrat", Sans-serif;font-size:18px;font-style:italic;line-height:32px;}.elementor-1220 .elementor-element.elementor-element-c8326f4 .elementor-button{background-color:#02010100;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:19px;letter-spacing:0.32px;fill:#222222;color:#222222;border-style:solid;border-width:1px 1px 1px 1px;border-color:#222222;border-radius:0px 0px 0px 0px;}.elementor-1220 .elementor-element.elementor-element-c8326f4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1220 .elementor-element.elementor-element-00e815e{--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;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-ffc3701{--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;--margin-top:-10px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-610ccf3{--display:flex;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-610ccf3:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-610ccf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://opticasperea.es/wp-content/uploads/2026/06/Screenshot-2026-06-08-at-15-05-48-HOME-PEREA-Redisenos-Be-On-Retail-Zeplin.png");background-repeat:no-repeat;background-size:contain;}.elementor-1220 .elementor-element.elementor-element-a25fb5a{--spacer-size:425px;}.elementor-1220 .elementor-element.elementor-element-2d16fd1{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-841b030{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-7c0d010{text-align:start;}.elementor-1220 .elementor-element.elementor-element-7c0d010 img{width:100%;}.elementor-1220 .elementor-element.elementor-element-75deb72{text-align:end;}.elementor-1220 .elementor-element.elementor-element-75deb72 img{width:100%;}.elementor-1220 .elementor-element.elementor-element-ace735f{--display:flex;--justify-content:center;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-2e320c0{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;line-height:22px;letter-spacing:0.36px;color:#222222;}.elementor-1220 .elementor-element.elementor-element-b7a314f{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:300;text-transform:uppercase;line-height:50px;letter-spacing:2.25px;color:#222222;}.elementor-1220 .elementor-element.elementor-element-3c5bea1{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:normal;line-height:32px;color:#000000;}.elementor-1220 .elementor-element.elementor-element-5f25663 .elementor-button{background-color:#02010100;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:19px;letter-spacing:0.32px;fill:#222222;color:#222222;border-style:solid;border-width:1px 1px 1px 1px;border-color:#222222;border-radius:0px 0px 0px 0px;}.elementor-1220 .elementor-element.elementor-element-5f25663 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1220 .elementor-element.elementor-element-7e4f33f{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-7e4f33f:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-7e4f33f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1220 .elementor-element.elementor-element-e70165a{--e-image-carousel-slides-to-show:6;padding:20px 90px 0px 90px;}.elementor-1220 .elementor-element.elementor-element-e70165a .swiper-wrapper{display:flex;align-items:center;}.elementor-1220 .elementor-element.elementor-element-a8d098f{--display:flex;--justify-content:center;--padding-top:150px;--padding-bottom:250px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-1220 .elementor-element.elementor-element-763e920{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;line-height:22px;letter-spacing:0.36px;color:#222222;}.elementor-1220 .elementor-element.elementor-element-4e38f46{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -100px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:300;line-height:28px;letter-spacing:2.25px;color:#222222;}.elementor-1220 .elementor-element.elementor-element-7799100{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -100px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:300;line-height:45px;letter-spacing:2.25px;color:#222222;}.elementor-1220 .elementor-element.elementor-element-13f4c41{--swiper-slides-to-display:2;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-1220 .elementor-element.elementor-element-13f4c41 .swiper-slide > .elementor-element{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1220 .elementor-element.elementor-element-841b030{--grid-auto-flow:row;}.elementor-1220 .elementor-element.elementor-element-7e4f33f{--grid-auto-flow:row;}.elementor-1220 .elementor-element.elementor-element-13f4c41{--swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-1220 .elementor-element.elementor-element-cb51aea{--content-width:1440px;}.elementor-1220 .elementor-element.elementor-element-b66f6e6{--width:1280px;}.elementor-1220 .elementor-element.elementor-element-9b05f55{--content-width:1280px;}.elementor-1220 .elementor-element.elementor-element-d1c72b2{--width:50%;}.elementor-1220 .elementor-element.elementor-element-3d18c5f{--content-width:1280px;}.elementor-1220 .elementor-element.elementor-element-5e0af03{--width:50%;}.elementor-1220 .elementor-element.elementor-element-290d9d3{--width:50%;}.elementor-1220 .elementor-element.elementor-element-7d11d10{--width:50%;}.elementor-1220 .elementor-element.elementor-element-e9ad5b4{--width:50%;}.elementor-1220 .elementor-element.elementor-element-00e815e{--content-width:1280px;}.elementor-1220 .elementor-element.elementor-element-ffc3701{--width:45%;}.elementor-1220 .elementor-element.elementor-element-ace735f{--width:60%;}.elementor-1220 .elementor-element.elementor-element-7e4f33f{--content-width:1280px;}.elementor-1220 .elementor-element.elementor-element-a8d098f{--content-width:1280px;}}@media(max-width:767px){.elementor-1220 .elementor-element.elementor-element-cb51aea{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1220 .elementor-element.elementor-element-b66f6e6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1220 .elementor-element.elementor-element-4bfb0c7{--padding-top:10px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-1220 .elementor-element.elementor-element-73585cb{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-1220 .elementor-element.elementor-element-400c758{--min-height:450px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1220 .elementor-element.elementor-element-9b05f55{--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1220 .elementor-element.elementor-element-3d18c5f{--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1220 .elementor-element.elementor-element-610ccf3:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-610ccf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-1220 .elementor-element.elementor-element-841b030{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1220 .elementor-element.elementor-element-ace735f{--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1220 .elementor-element.elementor-element-2e320c0{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-1220 .elementor-element.elementor-element-7e4f33f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1220 .elementor-element.elementor-element-a8d098f{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1220 .elementor-element.elementor-element-763e920{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-1220 .elementor-element.elementor-element-4e38f46{font-size:45px;line-height:45px;}.elementor-1220 .elementor-element.elementor-element-7799100{font-size:45px;line-height:45px;}.elementor-1220 .elementor-element.elementor-element-13f4c41{--swiper-slides-to-display:1;margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-2c400fa *//* ESTRUCTURA GENERAL DEL SLIDER */

.elementor-1220 .elementor-element.elementor-element-2c400fa .flechaslide
{
    width: 38px !important;
    transform: rotate(90deg);
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .fw-italic {
    display: inline-flex;
    align-items: center; /* Centra verticalmente el texto y la flecha */
    gap: 10px; /* Ajusta este valor para dar más o menos espacio entre "Online" y la flecha */
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slide {
    flex: 0 0 100%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: stretch;
}

.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* COLUMNAS COMUNES PARA SLIDES 1 y 2 */
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px;
    box-sizing: border-box;
}

/* SLIDE 1: Texto Izquierda, Imagen Derecha */
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-1 .slide-content-left {
    width: 40%;
      align-items: anchor-center;
    text-align: center;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-1 .slide-img-right {
    width: 60%;
}

/* SLIDE 2: Imagen Izquierda, Texto Derecha */
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 .slide-img-left {
    width: 40%;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 .slide-content-right {
    width: 60%;
    align-items: flex-start;
    text-align: left;
}

/* SLIDE 3: Fondo completo, caja superpuesta */
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-3 {
    justify-content: center;
    align-items: center;
    min-height: 500px;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-3 .slide-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-overlay-center {
    position: relative;
    z-index: 2;
    background-color: rgba(251, 248, 237, 0.95); /* Color crema de la caja */
    padding: 60px 80px;
    text-align: center;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* TIPOGRAFÍA BÁSICA (Para igualar el diseño) */
.elementor-1220 .elementor-element.elementor-element-2c400fa h2 { margin-bottom: 20px; line-height: 1.2; color: #111; font-size: 60px;font-family: "Montserrat", Sans-serif; }
.elementor-1220 .elementor-element.elementor-element-2c400fa .fw-light { font-weight: 300; font-size: 1em; letter-spacing: 2px;font-family: "Montserrat", Sans-serif; }
.elementor-1220 .elementor-element.elementor-element-2c400fa .fw-black { font-weight: 900; font-size: 1.4em; }
.elementor-1220 .elementor-element.elementor-element-2c400fa .fw-italic { font-style: italic; font-weight: 300; font-size: 1.2em;font-family: "Montserrat", Sans-serif;  }
.elementor-1220 .elementor-element.elementor-element-2c400fa .fw-bold { font-weight: 700;font-family: "Montserrat", Sans-serif;  }
.elementor-1220 .elementor-element.elementor-element-2c400fa .fw-light-large { font-weight: 300; font-size: 1.6em; letter-spacing: 2px;font-family: "Montserrat", Sans-serif;  }

/* DISEÑO DEL BOTÓN */
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-btn {
    display: inline-block;
    margin-top: 25px;
    padding: 12px 24px;
    border: 1px solid #111;
    color: #111;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    background: transparent;font-family: "Montserrat", Sans-serif; 
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-btn:hover {
    background: #111;
    color: #fff;
}

/* NAVEGACIÓN Y CONTROLES */
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-btn {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    padding: 16px;
    color: #111; /* Flechas oscuras */
    font-weight: bold;
    font-size: 24px;
    transition: 0.6s ease;
    background-color: rgba(255,255,255,0.7);
    border: none;
    z-index: 10;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-prev { left: 0; }
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-next { right: 0; }
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-btn:hover { background-color: rgba(255,255,255,1); }

.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-dots-container {
    text-align: center;
    padding: 10px;
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 10;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-dot.active, 
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-dot:hover {
    background-color: #111;
}

/* ADAPTACIÓN A MÓVILES (Menos de 768px) */
@media (max-width: 768px) {
    .elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slide {
        flex-direction: column; /* Apila imagen y texto */
    }
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-1 .slide-content-left, 
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-1 .slide-img-right,
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 .slide-img-left,
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 .slide-content-right {
        width: 100%;
    }
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 {
        flex-direction: column-reverse; /* En móvil, imagen arriba, texto abajo */
    }
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-content {
        padding: 40px 20px;
        align-items: center !important;
        text-align: center !important;
    }
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-overlay-center {
        padding: 30px 20px;
        max-width: 90%;
    }
}

/* ESTILOS DE LA FLECHA SVG */
.elementor-1220 .elementor-element.elementor-element-2c400fa .custom-arrow {
    height: 0.9em; /* Se adapta al tamaño del texto automáticamente */
    width: 40px !important;
    height: 40px !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

/* Voltear la flecha horizontalmente para el Slide 2 */
.elementor-1220 .elementor-element.elementor-element-2c400fa .rotate-left {
    transform: scaleX(-1);
}

@media (max-width: 767px) {
    
    /* ESTRUCTURA GENERAL DEL SLIDER */
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slide {
    flex: 0 0 100%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: stretch;
}

.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* COLUMNAS COMUNES PARA SLIDES 1 y 2 */
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
}

/* SLIDE 1: Texto Izquierda, Imagen Derecha */
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-1 .slide-content-left {
    width: 40%;
    align-items: flex-start;
    text-align: left;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-1 .slide-img-right {
    width: 60%;
}

/* SLIDE 2: Imagen Izquierda, Texto Derecha */
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 .slide-img-left {
    width: 40%;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 .slide-content-right {
    width: 60%;
    align-items: flex-start;
    text-align: left;
}

/* SLIDE 3: Fondo completo, caja superpuesta */
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-3 {
    justify-content: center;
    align-items: center;
    min-height: 500px;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-3 .slide-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .slide-overlay-center {
    position: relative;
    z-index: 2;
    background-color: rgba(251, 248, 237, 0.95); /* Color crema de la caja */
    padding: 60px 80px;
    text-align: center;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* TIPOGRAFÍA BÁSICA (Para igualar el diseño) */
.elementor-1220 .elementor-element.elementor-element-2c400fa h2 { margin-bottom: 20px; line-height: 1.2; color: #111;font-size: 32px; }
.elementor-1220 .elementor-element.elementor-element-2c400fa .fw-light { font-weight: 300; font-size: 1em; letter-spacing: 2px;}
.elementor-1220 .elementor-element.elementor-element-2c400fa .fw-black { font-weight: 900; font-size: 1.4em; }
.elementor-1220 .elementor-element.elementor-element-2c400fa .fw-italic { font-style: italic; font-weight: 300; font-size: 1.2em; }
.elementor-1220 .elementor-element.elementor-element-2c400fa .fw-bold { font-weight: 700; }
.elementor-1220 .elementor-element.elementor-element-2c400fa .fw-light-large { font-weight: 300; font-size: 1.6em; letter-spacing: 2px; }

/* DISEÑO DEL BOTÓN */
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-btn {
    display: inline-block;
    margin-top: 25px;
    padding: 12px 24px;
    border: 1px solid #111;
    color: #111;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    background: transparent;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-btn:hover {
    background: #111;
    color: #fff;
}

/* NAVEGACIÓN Y CONTROLES */
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-btn {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    padding: 16px;
    color: #111; /* Flechas oscuras */
    font-weight: bold;
    font-size: 24px;
    transition: 0.6s ease;
    background-color: rgba(255,255,255,0.7);
    border: none;
    z-index: 10;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-prev { left: 0; }
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-next { right: 0; }
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-btn:hover { background-color: rgba(255,255,255,1); }

.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-dots-container {
    text-align: center;
    padding: 10px;
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 10;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-dot.active, 
.elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-dot:hover {
    background-color: #111;
}

/* ADAPTACIÓN A MÓVILES (Menos de 768px) */
@media (max-width: 768px) {
    .elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slide {
        flex-direction: column; /* Apila imagen y texto */
    }
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-1 .slide-content-left, 
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-1 .slide-img-right,
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 .slide-img-left,
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 .slide-content-right {
        width: 100%;
    }
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 {
        flex-direction: column-reverse; /* En móvil, imagen arriba, texto abajo */
    }
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-content {
        padding: 40px 20px;
        align-items: center !important;
        text-align: center !important;
    }
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-overlay-center {
        padding: 30px 20px;
        max-width: 90%;
    }
}

/* ESTILOS DE LA FLECHA SVG */
.elementor-1220 .elementor-element.elementor-element-2c400fa .custom-arrow {
    height: 0.9em; /* Se adapta al tamaño del texto automáticamente */
    width: 40px !important;
    height: 40px !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

/* Voltear la flecha horizontalmente para el Slide 2 */
.elementor-1220 .elementor-element.elementor-element-2c400fa .rotate-left {
    transform: scaleX(-1);
}

}

@media (min-width: 768px) and (max-width: 1380px) {

    /* 1. Ajustamos el tamaño del título principal para que no se desborde */
    .elementor-1220 .elementor-element.elementor-element-2c400fa h2 { 
        font-size: 38px; /* Reducido desde 60px */
        margin-bottom: 15px;
    }

    /* 2. Reducimos el padding interior de las cajas de texto */
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-content {
        padding: 30px 40px; /* Menos espacio en los bordes que en desktop */
    }

    /* 3. Cambiamos la proporción a 50/50 para que el texto respire mejor */
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-1 .slide-content-left,
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 .slide-content-right {
        width: 50%;
    }
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-1 .slide-img-right,
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-layout-2 .slide-img-left {
        width: 50%;
    }

    /* 4. Ajustes para el Slide 3 (Fondo con caja encima) */
    .elementor-1220 .elementor-element.elementor-element-2c400fa .slide-overlay-center {
        padding: 40px 50px; /* Reducimos el padding de la caja */
        max-width: 85%;     /* Le damos un poco más de ancho que en desktop */
    }

    /* 5. Ajustamos las flechas laterales para que no invadan tanto la pantalla */
    .elementor-1220 .elementor-element.elementor-element-2c400fa .optica-slider-btn {
        padding: 12px;
        font-size: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e0af03 */.elementor-1220 .elementor-element.elementor-element-5e0af03:after {
    content: ''; /* Se deja vacío para que funcione como contenedor */
    position: absolute;
    top: -20px;
    left: auto;
    right: 30px;
    width: 51px;
    height: 73px;
    /* Insertamos la imagen aquí */
    background-image: url('https://opticasperea.es/wp-content/uploads/2026/07/optometria.svg');
    background-size: contain; /* Fuerza a la imagen a acoplarse al ancho y alto */
    background-repeat: no-repeat;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290d9d3 */.elementor-1220 .elementor-element.elementor-element-290d9d3:after {
    content: ''; /* Se deja vacío para que funcione como contenedor */
    position: absolute;
    top: -20px;
    left: auto;
    right: 30px;
    width: 51px;
    height: 73px;
    /* Insertamos la imagen aquí */
    background-image: url('https://opticasperea.es/wp-content/uploads/2026/07/terapia-visual.svg');
    background-size: contain; /* Fuerza a la imagen a acoplarse al ancho y alto */
    background-repeat: no-repeat;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d11d10 */.elementor-1220 .elementor-element.elementor-element-7d11d10:after {
    content: ''; /* Se deja vacío para que funcione como contenedor */
    position: absolute;
    top: -20px;
    left: auto;
    right: 30px;
    width: 51px;
    height: 73px;
    /* Insertamos la imagen aquí */
    background-image: url('https://opticasperea.es/wp-content/uploads/2026/06/salud-visual.svg');
    background-size: contain; /* Fuerza a la imagen a acoplarse al ancho y alto */
    background-repeat: no-repeat;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9ad5b4 */.elementor-1220 .elementor-element.elementor-element-e9ad5b4:after {
    content: ''; /* Se deja vacío para que funcione como contenedor */
    position: absolute;
    top: -20px;
    left: auto;
    right: 30px;
    width: 51px;
    height: 73px;
    /* Insertamos la imagen aquí */
    background-image: url('https://opticasperea.es/wp-content/uploads/2026/07/contactologia.svg');
    background-size: contain; /* Fuerza a la imagen a acoplarse al ancho y alto */
    background-repeat: no-repeat;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e38f46 */.elementor-1220 .elementor-element.elementor-element-4e38f46::after {
    content: "";
       position: relative;
    display: block;
    top:-155px;
    left: 665px;
    width: 210px;
    height: 210px;
    background-image: url('https://opticasperea.es/wp-content/uploads/2026/06/cita-azul.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}

@media screen and (max-width: 768px) { .elementor-1220 .elementor-element.elementor-element-4e38f46::after {
 content: "";
    position: relative;
    display: block;
    top: -193px;
    left: 179px;
    width: 119px;
    height: 210px;
    background-image: url('https://opticasperea.es/wp-content/uploads/2026/06/cita-azul.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7799100 */.elementor-1220 .elementor-element.elementor-element-7799100::after {
    content: "";
       position: relative;
    display: block;
    top:-155px;
    left: 665px;
    width: 210px;
    height: 210px;
    background-image: url('https://opticasperea.es/wp-content/uploads/2026/06/cita-azul.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}

@media screen and (max-width: 768px) { .elementor-1220 .elementor-element.elementor-element-7799100::after {
 content: "";
    position: relative;
    display: block;
    top: -193px;
    left: 179px;
    width: 119px;
    height: 210px;
    background-image: url('https://opticasperea.es/wp-content/uploads/2026/06/cita-azul.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}
}/* End custom CSS */