.elementor-1267 .elementor-element.elementor-element-7849474{--display:flex;--min-height:600px;--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;--overlay-opacity:0.3;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-7849474::before, .elementor-1267 .elementor-element.elementor-element-7849474 > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-7849474 > .e-con-inner > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-7849474 > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-7849474 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-7849474 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1267 .elementor-element.elementor-element-75b3194{--display:flex;--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:center;--align-items:center;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-75b3194:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-75b3194 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-1267 .elementor-element.elementor-element-e58b6dd{--display:flex;}.elementor-1267 .elementor-element.elementor-element-bcadf85 .elementor-heading-title{font-family:var( --e-global-typography-a4c8a4e-font-family ), sans-serif;font-size:var( --e-global-typography-a4c8a4e-font-size );line-height:var( --e-global-typography-a4c8a4e-line-height );letter-spacing:var( --e-global-typography-a4c8a4e-letter-spacing );word-spacing:var( --e-global-typography-a4c8a4e-word-spacing );color:var( --e-global-color-4185b9c );}.elementor-1267 .elementor-element.elementor-element-1e08ba8 .elementor-heading-title{font-family:var( --e-global-typography-5c6dc85-font-family ), sans-serif;font-size:var( --e-global-typography-5c6dc85-font-size );line-height:var( --e-global-typography-5c6dc85-line-height );letter-spacing:var( --e-global-typography-5c6dc85-letter-spacing );word-spacing:var( --e-global-typography-5c6dc85-word-spacing );color:var( --e-global-color-4185b9c );}.elementor-1267 .elementor-element.elementor-element-2e57631{color:var( --e-global-color-4185b9c );}.elementor-1267 .elementor-element.elementor-element-31a6f20{--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;--background-transition:0.3s;--overlay-mix-blend-mode:multiply;}.elementor-1267 .elementor-element.elementor-element-31a6f20:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-31a6f20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deepsur.com/wp-content/uploads/2026/05/our-team.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1267 .elementor-element.elementor-element-6ae506b{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1267 .elementor-element.elementor-element-6ae506b:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-6ae506b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1e8b57e );}.elementor-1267 .elementor-element.elementor-element-d680fe3 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-1267 .elementor-element.elementor-element-29b9966{--spacer-size:14px;}.elementor-1267 .elementor-element.elementor-element-d5d9d4a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1267 .elementor-element.elementor-element-51be868{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-1267 .elementor-element.elementor-element-51be868 .elementor-divider-separator{width:100%;}.elementor-1267 .elementor-element.elementor-element-51be868 .elementor-divider{padding-block-start:20px;padding-block-end:20px;}.elementor-1267 .elementor-element.elementor-element-bb77717{--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-1267 .elementor-element.elementor-element-bb77717:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-bb77717 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4185b9c );}.elementor-1267 .elementor-element.elementor-element-ee3e6fb{--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-1267 .elementor-element.elementor-element-ee3e6fb:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-ee3e6fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4185b9c );}.elementor-1267 .elementor-element.elementor-element-70a23c0{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1267 .elementor-element.elementor-element-75b3194{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1267 .elementor-element.elementor-element-bcadf85 .elementor-heading-title{font-size:var( --e-global-typography-a4c8a4e-font-size );line-height:var( --e-global-typography-a4c8a4e-line-height );letter-spacing:var( --e-global-typography-a4c8a4e-letter-spacing );word-spacing:var( --e-global-typography-a4c8a4e-word-spacing );}.elementor-1267 .elementor-element.elementor-element-1e08ba8 .elementor-heading-title{font-size:var( --e-global-typography-5c6dc85-font-size );line-height:var( --e-global-typography-5c6dc85-line-height );letter-spacing:var( --e-global-typography-5c6dc85-letter-spacing );word-spacing:var( --e-global-typography-5c6dc85-word-spacing );}.elementor-1267 .elementor-element.elementor-element-31a6f20:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-31a6f20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}}@media(max-width:767px){.elementor-1267 .elementor-element.elementor-element-bcadf85 .elementor-heading-title{font-size:var( --e-global-typography-a4c8a4e-font-size );line-height:var( --e-global-typography-a4c8a4e-line-height );letter-spacing:var( --e-global-typography-a4c8a4e-letter-spacing );word-spacing:var( --e-global-typography-a4c8a4e-word-spacing );}.elementor-1267 .elementor-element.elementor-element-1e08ba8 .elementor-heading-title{font-size:var( --e-global-typography-5c6dc85-font-size );line-height:var( --e-global-typography-5c6dc85-line-height );letter-spacing:var( --e-global-typography-5c6dc85-letter-spacing );word-spacing:var( --e-global-typography-5c6dc85-word-spacing );}.elementor-1267 .elementor-element.elementor-element-31a6f20{--width:100%;--min-height:240px;}.elementor-1267 .elementor-element.elementor-element-31a6f20:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-31a6f20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deepsur.com/wp-content/uploads/2026/05/team.jpg");background-repeat:no-repeat;background-size:400px auto;}}@media(min-width:768px){.elementor-1267 .elementor-element.elementor-element-75b3194{--width:50%;}.elementor-1267 .elementor-element.elementor-element-e58b6dd{--width:80%;}.elementor-1267 .elementor-element.elementor-element-31a6f20{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1267 .elementor-element.elementor-element-e58b6dd{--width:300px;}}@media(min-width:2400px){.elementor-1267 .elementor-element.elementor-element-75b3194{--width:70%;}.elementor-1267 .elementor-element.elementor-element-e58b6dd{--width:60%;}.elementor-1267 .elementor-element.elementor-element-bcadf85 .elementor-heading-title{font-size:var( --e-global-typography-a4c8a4e-font-size );line-height:var( --e-global-typography-a4c8a4e-line-height );letter-spacing:var( --e-global-typography-a4c8a4e-letter-spacing );word-spacing:var( --e-global-typography-a4c8a4e-word-spacing );}.elementor-1267 .elementor-element.elementor-element-1e08ba8 .elementor-heading-title{font-size:var( --e-global-typography-5c6dc85-font-size );line-height:var( --e-global-typography-5c6dc85-line-height );letter-spacing:var( --e-global-typography-5c6dc85-letter-spacing );word-spacing:var( --e-global-typography-5c6dc85-word-spacing );}.elementor-1267 .elementor-element.elementor-element-31a6f20{--width:500px;}.elementor-1267 .elementor-element.elementor-element-31a6f20:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-31a6f20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deepsur.com/wp-content/uploads/2026/02/deep-sur-contact-2.jpg");background-position:0px -11px;background-repeat:no-repeat;background-size:1000px auto;}}/* Start custom CSS for html, class: .elementor-element-44ff115 */<style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
      background: #f5f5f5;
    }

    .min-h-screen { min-height: 50vh; }
    .mx-auto { margin-left: auto; margin-right: auto; }
    .max-w-6xl { max-width: 72rem; }
    .px-4 { padding-left: 1rem; padding-right: 1rem; }
    .text-center { text-align: center; }
    .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
    .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }
    .relative { position: relative; }

    /* perspectiva 3D */
    [style*="perspective:1400px"] { perspective: 1400px; }
    .h-\[380px\] { height: 380px; }
    @media (min-width: 640px) { .sm\:h-\[460px\] { height: 460px; } }
    @media (min-width: 768px) { .md\:h-\[540px\] { height: 540px; } }
    .w-full { width: 100%; }

    /* tarjetas */
    .group {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      aspect-ratio: 3 / 5;
      height: 100%;
      overflow: hidden;
      border-radius: 1rem;
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.05);
      transition: transform 500ms cubic-bezier(0.2, 0.9, 0.4, 1), 
                  opacity 500ms ease, 
                  z-index 500ms ease;
      text-decoration: none;
      cursor: pointer;
    }
    .group img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.6s ease;
    }
    .group:hover img { transform: scale(1.02); }
    .gradient-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.25), transparent 70%);
      pointer-events: none;
    }
    .card-content {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 1rem;
      color: white;
      text-shadow: 0 1px 2px rgba(0,0,0,0.3);
      background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
      border-radius: 0 0 1rem 1rem;
    }
    @media (min-width: 768px) { .card-content { padding: 1.25rem; } }
    .card-title {
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.25;
    }
    @media (min-width: 768px) { .card-title { font-size: 1.3rem; } }
    .card-subtitle {
      margin-top: 0.25rem;
      font-size: 0.7rem;
      color: rgba(255,255,255,0.85);
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    @media (min-width: 768px) { .card-subtitle { font-size: 0.85rem; } }

    /* botones */
    .nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 60;
      display: flex;
      height: 2.8rem;
      width: 2.8rem;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      background-color: rgba(255,255,255,0.92);
      backdrop-filter: blur(4px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
      cursor: pointer;
      border: none;
      transition: all 0.2s ease;
      color: #1a1a1a;
    }
    .nav-btn:hover {
      background-color: white;
      transform: translateY(-50%) scale(1.05);
    }
    .nav-btn-left { left: 0.5rem; }
    .nav-btn-right { right: 0.5rem; }
    @media (min-width: 768px) {
      .nav-btn-left { left: 1rem; }
      .nav-btn-right { right: 1rem; }
      .nav-btn { height: 3rem; width: 3rem; }
    }

    /* dots */
    .dots-container {
      margin-top: 2rem;
      display: flex;
      justify-content: center;
      gap: 0.65rem;
    }
    .dot {
      height: 0.6rem;
      border-radius: 9999px;
      transition: all 0.25s ease;
      background-color: rgba(0,0,0,0.25);
      cursor: pointer;
      border: none;
      width: 0.6rem;
    }
    .dot-active {
      width: 1.8rem;
      background-color: #000000;
    }
    .dot:hover { background-color: rgba(0,0,0,0.55); transform: scale(1.1); }
    .active-card { filter: drop-shadow(0 8px 20px rgba(0,0,0,0.2)); }
  </style>/* End custom CSS */