.elementor-219 .elementor-element.elementor-element-f011a66{--display:flex;--min-height:30vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:0.5;--margin-top:-5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-219 .elementor-element.elementor-element-f011a66:not(.elementor-motion-effects-element-type-background), .elementor-219 .elementor-element.elementor-element-f011a66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tangerineeyewear.com/wp-content/uploads/2025/09/banner-contacto.png");background-position:center center;background-size:cover;}.elementor-219 .elementor-element.elementor-element-f011a66::before, .elementor-219 .elementor-element.elementor-element-f011a66 > .elementor-background-video-container::before, .elementor-219 .elementor-element.elementor-element-f011a66 > .e-con-inner > .elementor-background-video-container::before, .elementor-219 .elementor-element.elementor-element-f011a66 > .elementor-background-slideshow::before, .elementor-219 .elementor-element.elementor-element-f011a66 > .e-con-inner > .elementor-background-slideshow::before, .elementor-219 .elementor-element.elementor-element-f011a66 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-219 .elementor-element.elementor-element-10fd432 .elementor-heading-title{font-family:"Gotu", Sans-serif;font-size:60px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-219 .elementor-element.elementor-element-da17828{--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:5%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;}.elementor-219 .elementor-element.elementor-element-8152b83 .elementor-heading-title{color:var( --e-global-color-68c3015 );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-219 .elementor-element.elementor-element-292f34a .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-219 .elementor-element.elementor-element-292f34a .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-219 .elementor-element.elementor-element-292f34a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-219 .elementor-element.elementor-element-292f34a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-219 .elementor-element.elementor-element-292f34a .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-219 .elementor-element.elementor-element-292f34a .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-219 .elementor-element.elementor-element-292f34a .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-219 .elementor-element.elementor-element-292f34a .elementor-field-type-html{padding-bottom:0px;}.elementor-219 .elementor-element.elementor-element-292f34a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-219 .elementor-element.elementor-element-292f34a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-219 .elementor-element.elementor-element-292f34a .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-68c3015 );color:#ffffff;}.elementor-219 .elementor-element.elementor-element-292f34a .elementor-button[type="submit"]{background-color:var( --e-global-color-68c3015 );color:#ffffff;}.elementor-219 .elementor-element.elementor-element-292f34a .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-219 .elementor-element.elementor-element-292f34a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-219 .elementor-element.elementor-element-292f34a .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-219 .elementor-element.elementor-element-292f34a .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-219 .elementor-element.elementor-element-292f34a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-219 .elementor-element.elementor-element-292f34a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-219 .elementor-element.elementor-element-292f34a{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-219 .elementor-element.elementor-element-e06bde8{--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-219 .elementor-element.elementor-element-f04798d{text-align:center;}.elementor-219 .elementor-element.elementor-element-f04798d .elementor-heading-title{color:var( --e-global-color-68c3015 );}.elementor-219 .elementor-element.elementor-element-ba04ed9{--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;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;}.elementor-219 .elementor-element.elementor-element-6fb91a6{--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-219 .elementor-element.elementor-element-5159a61 .elementor-heading-title{color:var( --e-global-color-68c3015 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-219 .elementor-element.elementor-element-c376220{--divider-border-style:solid;--divider-color:#262D00;--divider-border-width:1px;}.elementor-219 .elementor-element.elementor-element-c376220 .elementor-divider-separator{width:30%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-219 .elementor-element.elementor-element-c90db23{--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-219 .elementor-element.elementor-element-861e1fd .elementor-heading-title{color:var( --e-global-color-68c3015 );}.elementor-219 .elementor-element.elementor-element-7f4f0bd{--divider-border-style:solid;--divider-color:#262D00;--divider-border-width:1px;}.elementor-219 .elementor-element.elementor-element-7f4f0bd .elementor-divider-separator{width:30%;}.elementor-219 .elementor-element.elementor-element-b7434fc{--display:flex;--min-height:85vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-219 .elementor-element.elementor-element-6fb91a6{--width:50%;}.elementor-219 .elementor-element.elementor-element-c90db23{--width:50%;}.elementor-219 .elementor-element.elementor-element-b7434fc{--content-width:100vw;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-219 .elementor-element.elementor-element-f011a66{--min-height:40vh;--margin-top:-30%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-219 .elementor-element.elementor-element-10fd432 .elementor-heading-title{font-size:48px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-219 .elementor-element.elementor-element-b7434fc{--min-height:0vh;}}/* Start custom CSS *//* 1. Contenedor Principal */
.hotspot-container {
    position: relative; /* La magia empieza aquí */
    display: inline-block; /* Para que se ajuste al tamaño de la imagen */
}

/* La imagen debe ser responsiva y ocupar el 100% del contenedor */
.hotspot-container img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* 2. El Hotspot (el punto + el tooltip) */
.hotspot {
    position: absolute !important; /* Se posiciona relativo a .hotspot-container */
    /* 'top' y 'left' se definen en el HTML (style) */
    z-index: 10;
}

/* 3. El Gatillo (el círculo visible) */
.hotspot-trigger {
    width: 30px;
    height: 30px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    color: #007bff;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    transition: transform 0.2s ease;
}

.hotspot-trigger:hover {
    transform: scale(1.2);
}



/* 4. El Tooltip (Oculto por defecto) - TAMAÑO REDUCIDO */
.hotspot-tooltip {
    /* Posicionamiento del tooltip (arriba y centrado del gatillo) */
    position: absolute;
    bottom: 120%; /* Lo sube arriba del círculo */
    left: 50%;
    transform: translateX(-50%); /* Lo centra horizontalmente */
    
    /* Estado Oculto */
    opacity: 0;
    visibility: hidden;
    
    /* Transición suave */
    transition: opacity 0.3s ease, visibility 0.3s ease;

    /* --- ESTILOS DE TAMAÑO (AJUSTADOS) --- */
    width: 200px; /* Reducido de 250px */
    background: white;
    padding: 12px; /* Reducido de 15px */
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    z-index: 999;
}

/* Ajustamos también el tamaño del texto dentro del tooltip */
.hotspot-tooltip h4 {
    font-size: 16px; /* Un poco más pequeño */
    margin-top: 0;
    margin-bottom: 8px;
}

.hotspot-tooltip p {
    font-size: 14px; /* Un poco más pequeño */
    margin: 0;
}


/* Para que la flechita del tooltip apunte hacia abajo */
.hotspot-tooltip::after {
    content: '';
    position: absolute;
    top: 100%; /* Abajo del tooltip */
    left: 50%;
    transform: translateX(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: white transparent transparent transparent;
}


/* 5. EL ESTADO ACTIVO (Visible) */
.hotspot.active .hotspot-tooltip {
    opacity: 1;
    visibility: visible;
}
.img-hotspot{
    width: 100%
}

/* ==============================================
   ESTILOS RESPONSIVE PARA MÓVIL (AJUSTADOS)
   ============================================== */

@media (max-width: 600px) {

    .hotspot-trigger {
        width: 15px;
        height: 15px;
        font-size: 14px;
        Padding: 2px;
    }

    .hotspot-tooltip {
        /* Hacemos que el ancho sea flexible y no se salga de los bordes */
        width: 85vw; /* Mantenemos el ancho flexible */
        max-width: 240px; /* Reducido de 300px */
        
        left: 50%;
        transform: translateX(-50%);

        /* Posición debajo */
        top: 130%;
        bottom: auto;

        /* Padding más pequeño */
        padding: 10px; /* Reducido de 12px */
    }

    /* Ajustamos tamaños de fuente en móvil */
    .hotspot-tooltip h4 {
        font-size: 15px;
        margin-bottom: 6px;
    }
    .hotspot-tooltip p {
        font-size: 13px; /* Reducido de 14px */
    }


    /* Ajustamos la flecha del tooltip */
    .hotspot-tooltip::after {
        top: auto;
        bottom: 100%; 
        border-color: transparent transparent white transparent;
    }
}

footer.elementor.elementor-21.elementor-location-footer {
    position: relative;
    z-index: -1;
}/* End custom CSS */