.elementor-3613 .elementor-element.elementor-element-2bc369f{--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-3613 .elementor-element.elementor-element-c6f9dd1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-3613 .elementor-element.elementor-element-f9b4869 img{width:100%;}.elementor-3613 .elementor-element.elementor-element-96b1fb1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3613 .elementor-element.elementor-element-96b1fb1::before, .elementor-3613 .elementor-element.elementor-element-96b1fb1 > .elementor-background-video-container::before, .elementor-3613 .elementor-element.elementor-element-96b1fb1 > .e-con-inner > .elementor-background-video-container::before, .elementor-3613 .elementor-element.elementor-element-96b1fb1 > .elementor-background-slideshow::before, .elementor-3613 .elementor-element.elementor-element-96b1fb1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3613 .elementor-element.elementor-element-96b1fb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("/wp-content/uploads/sites/1/2025/07/fondo-landing.jpg");--background-overlay:'';background-size:cover;}.elementor-3613 .elementor-element.elementor-element-634458e{--spacer-size:50px;}.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-3613 .elementor-element.elementor-element-d28101c{text-align:left;font-family:"Arial", Sans-serif;font-size:26px;font-weight:400;font-style:normal;line-height:33px;color:var( --e-global-color-primary );}.elementor-3613 .elementor-element.elementor-element-7de36ec{--spacer-size:50px;}.elementor-3613 .elementor-element.elementor-element-436897e{text-align:left;font-family:"Arial", Sans-serif;font-size:26px;font-weight:400;font-style:normal;line-height:33px;color:var( --e-global-color-primary );}.elementor-3613 .elementor-element.elementor-element-da8b580{--spacer-size:50px;}.elementor-3613 .elementor-element.elementor-element-2da41c1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3613 .elementor-element.elementor-element-2da41c1.elementor-element{--align-self:center;}.elementor-3613 .elementor-element.elementor-element-79b3c5d{--spacer-size:50px;}.elementor-3613 .elementor-element.elementor-element-14be70d{text-align:left;font-family:"Arial", Sans-serif;font-size:26px;font-weight:400;font-style:normal;line-height:33px;color:var( --e-global-color-primary );}.elementor-3613 .elementor-element.elementor-element-12dfb37{text-align:center;font-family:"Arial", Sans-serif;font-size:32px;font-weight:400;font-style:normal;line-height:33px;color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3613 .elementor-element.elementor-element-6bb854d .elementor-button{background-color:#00F0BE;font-family:"Arial", Sans-serif;font-size:32px;font-weight:700;padding:29px 29px 29px 29px;}.elementor-3613 .elementor-element.elementor-element-6bb854d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3613 .elementor-element.elementor-element-306df41{--spacer-size:50px;}.elementor-3613 .elementor-element.elementor-element-c3f61f5{--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-3613 .elementor-element.elementor-element-b5cc9c0{text-align:left;font-family:"Arial", Sans-serif;font-size:26px;font-weight:400;font-style:normal;line-height:33px;color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3613 .elementor-element.elementor-element-d28101c{font-size:26px;line-height:33px;}.elementor-3613 .elementor-element.elementor-element-436897e{font-size:26px;line-height:33px;}.elementor-3613 .elementor-element.elementor-element-14be70d{font-size:26px;line-height:33px;}.elementor-3613 .elementor-element.elementor-element-12dfb37{font-size:26px;line-height:33px;}.elementor-3613 .elementor-element.elementor-element-b5cc9c0{font-size:26px;line-height:33px;}}@media(max-width:767px){.elementor-3613 .elementor-element.elementor-element-d28101c{font-size:20px;line-height:20px;}.elementor-3613 .elementor-element.elementor-element-436897e{font-size:20px;line-height:20px;}.elementor-3613 .elementor-element.elementor-element-14be70d{font-size:20px;line-height:20px;}.elementor-3613 .elementor-element.elementor-element-12dfb37{font-size:20px;line-height:20px;}.elementor-3613 .elementor-element.elementor-element-b5cc9c0{font-size:20px;line-height:20px;}}/* Start custom CSS for html, class: .elementor-element-2da41c1 */[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: initial;
}

    .container-mapa {
    height: auto;
    width: 100%;
    min-width: 375px;
    justify-content: start;
    flex-direction: column;
    max-width: 1200px;
  }

  .left-column {
    display: flex;
    flex-direction: row;
    margin-bottom: 4px;
    gap: 4px;
  }

  .right-column {
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .right-column img {
    max-width: 100%;
    height: auto;
  }

  .persona-sel {
    height: 25%;
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    background-color: #fff;
    border: 1px solid #dde2e9;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    aspect-ratio: 13/10;
  }

  .persona-button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 24px 0px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border 0.15s, background 0.15s;
    background: transparent;
    box-sizing: border-box;
    position: relative;
  }

  .persona-button img {
    object-fit: contain;
  }

  .persona-image-container {
    position: relative;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background-color: var(--persona-hover-color-faded, transparent);
    border: 3px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    box-shadow: 0 0 0 3px var(--persona-active-color, #ccc);
  }

  .persona-button:hover .persona-image-container {
    background-color: var(--persona-hover-color-faded, transparent);
  }

  .persona-image-container img {
    width: 90%;
    height: 90%;
    border-radius: 0;
    object-fit: contain;
  }

  .persona-label-row {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 1.5rem;
  }

  .persona-label {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: var(--persona-label-color, #002754);
    transition: color 0.15s;
    white-space: nowrap;
  }

  .persona-icon {
    width: 1.7rem;
    padding-top: 2.5%;
    padding-left: 0.7rem;
    color: var(--persona-icon-color, #002754);
  }

  /* Disabled state styling */
  .persona-button.disabled {
    cursor: not-allowed;
    pointer-events: none;
  }

  .persona-button.disabled::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: inherit;
    z-index: 10;
  }

  .persona-button.disabled .persona-image-container {
    opacity: 0.6;
    box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.6);
  }

  .persona-button.disabled .persona-image-container img {
    opacity: 0.7;
    filter: saturate(0.3) brightness(1.1);
  }

  .persona-button.disabled .persona-label {
    opacity: 0.6;
  }

  .persona-button.disabled:hover {
    border-color: transparent !important;
    background: transparent !important;
  }

  .persona-button.disabled:hover .persona-image-container {
    background-color: transparent !important;
  }

  /* Responsive breakpoints - gradual adjustments */
  @media (max-width: 1070px) {
    .persona-button {
      padding: 10px 0px;
    }
  }

  @media (max-width: 1030px) {
    .left-column {
      gap: 3px;
    }

    .persona-image-container {
      width: 96px;
      height: 96px;
    }

    .persona-label-row {
      font-size: 1.4rem;
    }

    .persona-button {
      padding: 10px 0px;
    }
  }

  @media (max-width: 950px) {
    .left-column {
      gap: 3px;
    }

    .persona-image-container {
      width: 84px;
      height: 84px;
    }

    .persona-label-row {
      font-size: 1.3rem;
    }

    .persona-button {
      padding: 18px 0px;
    }
  }

  @media (max-width: 1070px) {
    .persona-button {
      padding: 10px 0px;
    }
  }

  @media (max-width: 800px) {
    .left-column {
      gap: 2px;
    }

    .persona-image-container {
      width: 72px;
      height: 72px;
    }

    .persona-label-row {
      font-size: 1.2rem;
    }

    .persona-button {
      padding: 16px 0px;
    }
  }

  @media (max-width: 760px) {
    .persona-button {
      padding: 10px 0px;
    }
  }

  @media (max-width: 690px) {
    .left-column {
      gap: 2px;
    }

    .persona-image-container {
      width: 60px;
      height: 60px;
    }

    .persona-label-row {
      font-size: 1.1rem;
    }

    .persona-button {
      padding: 10px 0px;
    }
  }

  @media (max-width: 620px) {
    .left-column {
      gap: 2px;
    }

    .persona-image-container {
      width: 50px;
      height: 50px;
    }

    .persona-label-row {
      font-size: 1rem;
    }

    .persona-button {
      padding: 12px 0px;
    }
  }

  @media (max-width: 575px) {
    .left-column {
      gap: 1px;
    }

    .persona-image-container {
      width: 42px;
      height: 42px;
    }

    .persona-label-row {
      font-size: 0.9rem;
    }

    .persona-button {
      padding: 10px 0px;
    }
  }

  @media (max-width: 490px) {
    .left-column {
      gap: 1px;
    }

    .persona-image-container {
      width: 42px;
      height: 42px;
    }

    .persona-label-row {
      font-size: 0.8rem;
    }

    .persona-button {
      padding: 8px 0px;
    }
  }

  @media (max-width: 490px) {
    .left-column {
      gap: 1px;
    }

    .persona-image-container {
      width: 3px;
      height: 3px;
    }

    .persona-label-row {
      font-size: 0.8rem;
    }

    .persona-button {
      padding: 4px 0px;
    }
  }

  .persona-button.lucia {
    --persona-label-color: #002754;
    --persona-icon-color: #002754;
    --persona-hover-color: #00f0be;
    --persona-active-color: #00f0be;
    --persona-hover-color-faded: #ddf6f5;
    --persona-active-color-faded: #ddf6f5;
  }

  .persona-button.lucia:hover {
    border-color: #00f0be;
    background-color: var(--persona-hover-color-faded, transparent);
  }

  .persona-button.lucia.pressed,
  .persona-button.lucia.selected {
    background: #00f0be;
    border-color: #00f0be;
    --persona-label-color: #002754;
    --persona-icon-color: #002754;
  }

  .persona-button.lucia.selected .persona-image-container,
  .persona-button.lucia.pressed .persona-image-container {
    background-color: var(--persona-hover-color-faded, #ddf6f5) !important;
    border: 3px solid white;
    box-shadow: 0 0 0 3px var(--persona-active-color, #ccc);
  }

  .persona-button.sergio {
    --persona-label-color: #002754;
    --persona-icon-color: #002754;
    --persona-hover-color: #002855;
    --persona-active-color: #002855;
    --persona-hover-color-faded: #dde2ea;
    --persona-active-color-faded: #dde2ea;
  }

  .persona-button.sergio:hover {
    border-color: #002855;
    background-color: var(--persona-hover-color-faded, transparent);
  }

  .persona-button.sergio.pressed,
  .persona-button.sergio.selected {
    background: #002855;
    border-color: #002855;
    --persona-label-color: #fff;
    --persona-icon-color: #fff;
  }

  .persona-button.sergio.selected .persona-image-container,
  .persona-button.sergio.pressed .persona-image-container {
    background-color: var(--persona-hover-color-faded, #dde2ea) !important;
    border: 3px solid white;
    box-shadow: 0 0 0 3px var(--persona-active-color, #ccc);
  }

  .persona-button.carina {
    --persona-label-color: #82368c;
    --persona-icon-color: #82368c;
    --persona-hover-color: #82368c;
    --persona-active-color: #82368c;
    --persona-hover-color-faded: #eae4f0;
    --persona-active-color-faded: #eae4f0;
  }

  .persona-button.carina:hover {
    border-color: #82368c;
    background-color: var(--persona-hover-color-faded, transparent);
  }

  .persona-button.carina.pressed,
  .persona-button.carina.selected {
    background: #82368c;
    border-color: #82368c;
    --persona-label-color: #fff;
    --persona-icon-color: #fff;
  }

  .persona-button.carina.selected .persona-image-container,
  .persona-button.carina.pressed .persona-image-container {
    background-color: var(--persona-hover-color-faded, #eae4f0) !important;
    border: 3px solid rgb(255, 255, 255);
    box-shadow: 0 0 0 3px var(--persona-active-color, #ccc);
  }

  .persona-button.marta {
    --persona-label-color: #002754;
    --persona-icon-color: #002754;
    --persona-hover-color: #ffde00;
    --persona-active-color: #ffde00;
    --persona-hover-color-faded: #f7f4e2;
    --persona-active-color-faded: #f7f4e2;
  }

  .persona-button.marta:hover {
    border-color: #ffde00;
    background-color: var(--persona-hover-color-faded, transparent);
  }

  .persona-button.marta.pressed,
  .persona-button.marta.selected {
    background: #ffde00;
    border-color: #ffde00;
    --persona-label-color: #002754;
    --persona-icon-color: #002754;
  }

  .persona-button.marta.selected .persona-image-container,
  .persona-button.marta.pressed .persona-image-container {
    background-color: var(--persona-hover-color-faded, #f7f4e2) !important;
    border: 3px solid white;
    box-shadow: 0 0 0 3px var(--persona-active-color, #ccc);
  }

  .map-circle-overlay {
    position: absolute;
    top: 57%;
    left: 52%;
    z-index: 50;
    transform: translate(-54%, -50%);
    width: 12% !important;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    opacity: 0;
    transition: transform 0.2s ease;
  }

  .map-circle-overlay.visible {
    animation: fadeIn 0.5s ease forwards;
    animation-delay: 3s;
  }

  .map-circle-overlay:hover {
    transform: translate(-54%, -50%) scale(1.1);
  }

  .map-circle-overlay:active {
    transform: translate(-54%, -50%) scale(0.95);
  }

  .map-circle-overlay img {
    width: 100%;
    height: auto;
    display: block;
  }

  .map-color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 25;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    display: none;
    transition: none;
  }

  .map-color-overlay.visible {
    display: block;
    animation: overlayFadeInStrong 3s linear forwards;
  }

  @keyframes overlayFadeInStrong {
    0% {
      opacity: 0;
    }

    66% {
      opacity: 0.18;
    }

    100% {
      opacity: 1;
    }
  }

  .lucia-line {
    position: absolute;
    top: 23.5%;
    left: 17.5%;
    transform: translate(50%, 0);
    z-index: 25;
    width: 20%;
  }

  .sergio-line {
    position: absolute;
    top: 40.5%;
    left: 4%;
    transform: translate(50%, 0);
    z-index: 25;
    width: 20%;
  }

  .carina-line {
    position: absolute;
    top: 57%;
    left: 6%;
    transform: translate(50%, 0);
    z-index: 25;
    width: 20%;
  }

  .marta-line {
    position: absolute;
    top: 58.2%;
    left: 41.5%;
    transform: translate(50%, 0);
    z-index: 25;
    width: 20%;
  }

  .lucia-line svg {
    width: 139%;
    height: auto;
  }

  .sergio-line svg {
    width: 184%;
    height: auto;
  }

  .carina-line svg {
    width: 170%;
    height: auto;
  }

  .marta-line svg {
    width: 24%;
    height: auto;
  }

  .lucia-line svg,
  .sergio-line svg,
  .carina-line svg,
  .marta-line svg {
    position: absolute;
    top: 0;
    left: 0;
  }

  .lucia-line .base path,
  .sergio-line .base path,
  .carina-line .base path,
  .marta-line .base path {
    fill: white;
  }

  .lucia-line .top path {
    fill: #00f0be;
  }

  .sergio-line .top path {
    fill: #002855;
  }

  .carina-line .top path {
    fill: #82368c;
  }

  .marta-line .top path {
    fill: #ffde00;
  }

  .lucia-line .top path,
  .sergio-line .top path {
    mask: linear-gradient(135deg,
        black 0%,
        black 50%,
        transparent 50%,
        transparent 100%);
    mask-size: 200% 200%;
    mask-position: 100% 100%;
  }

  .carina-line .top path {
    mask: linear-gradient(90deg,
        black 0%,
        black 50%,
        transparent 50%,
        transparent 100%);
    mask-size: 200% 100%;
    mask-position: 100% 0;
  }

  .marta-line .top path {
    mask: linear-gradient(-45deg,
        black 0%,
        black 50%,
        transparent 50%,
        transparent 100%);
    mask-size: 200% 200%;
    mask-position: 0% 0%;
  }

  .lucia-line.animate .top path,
  .sergio-line.animate .top path {
    animation: revealDiagonal 3.5s ease-in-out forwards;
  }

  .carina-line.animate .top path {
    animation: revealHorizontal 3.5s ease-in-out forwards;
  }

  .marta-line.animate .top path {
    animation: revealDiagonalReverse 3.5s ease-in-out forwards;
  }

  @keyframes revealDiagonal {
    0% {
      mask-position: 100% 100%;
    }

    100% {
      mask-position: 0% 0%;
    }
  }

  @keyframes revealHorizontal {
    0% {
      mask-position: 100% 0;
    }

    100% {
      mask-position: 0% 0;
    }
  }

  @keyframes revealDiagonalReverse {
    0% {
      mask-position: 0% 0%;
    }

    100% {
      mask-position: 100% 100%;
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .persona-map-asset {
    display: none;
  }

  .persona-lucia {
    position: absolute;
    top: 21%;
    left: 23%;
    transform: translate(50%, 0);
    z-index: 25;
    height: 8.5% !important;
  }

  .persona-sergio {
    position: absolute;
    top: 38%;
    left: 7%;
    transform: translate(50%, 0);
    z-index: 25;
    height: 8.5% !important;
  }

  .persona-carina {
    position: absolute;
    top: 65.5%;
    left: 13.5%;
    transform: translate(50%, 0);
    z-index: 25;
    height: 8.5% !important;
  }

  .persona-marta {
    position: absolute;
    top: 85%;
    left: 56%;
    transform: translate(50%, 0);
    z-index: 25;
    height: 8.5% !important;
  }/* End custom CSS */