.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-container{min-height:57vh;}.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-1074 .elementor-element.elementor-element-77eddad{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-150px;margin-bottom:0px;padding:100px 30px 0px 30px;}.elementor-1074 .elementor-element.elementor-element-77eddad:not(.elementor-motion-effects-element-type-background), .elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2021b1f );}.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-shape-top .elementor-shape-fill{fill:var(--vamtam-accent-color-5);}.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-shape-top svg{height:28px;}.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-shape-bottom .elementor-shape-fill{fill:var(--vamtam-accent-color-5);}.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-shape-bottom svg{height:28px;}.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-bc-flex-widget .elementor-1074 .elementor-element.elementor-element-caa7aa0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1074 .elementor-element.elementor-element-caa7aa0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1074 .elementor-element.elementor-element-caa7aa0 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:10px;}.elementor-1074 .elementor-element.elementor-element-caa7aa0 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-1074 .elementor-element.elementor-element-a3cc9ed > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1074 .elementor-element.elementor-element-a3cc9ed{padding:100px 30px 100px 30px;}.elementor-bc-flex-widget .elementor-1074 .elementor-element.elementor-element-0ad83fa.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1074 .elementor-element.elementor-element-0ad83fa.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1074 .elementor-element.elementor-element-0ad83fa > .elementor-element-populated, .elementor-1074 .elementor-element.elementor-element-0ad83fa > .elementor-element-populated > .elementor-background-overlay, .elementor-1074 .elementor-element.elementor-element-0ad83fa > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-1074 .elementor-element.elementor-element-0ad83fa > .elementor-element-populated{padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-1074 .elementor-element.elementor-element-b395e2e iframe{height:394px;transition-duration:1s;}.elementor-1074 .elementor-element.elementor-element-cfcea95 > .elementor-container{max-width:1211px;}.elementor-1074 .elementor-element.elementor-element-cfcea95{margin-top:0px;margin-bottom:0px;padding:0px 30px 0px 30px;z-index:2;}.elementor-bc-flex-widget .elementor-1074 .elementor-element.elementor-element-0534501.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-1074 .elementor-element.elementor-element-0534501.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-1074 .elementor-element.elementor-element-0534501 > .elementor-element-populated{padding-block-start:0%;padding-inline-start:0%;padding-block-end:0%;padding-inline-end:0%;}.elementor-1074 .elementor-element.elementor-element-6d64b25{--spacer-size:50px;}.elementor-1074 .elementor-element.elementor-element-9ad9868 > .elementor-background-overlay{background-image:url("https://arkids.com.co/wp-content/uploads/2026/09/1285d349-3807-4d7a-86d6-4f27a76d262d.jpeg");background-size:cover;opacity:0.06;}.elementor-1074 .elementor-element.elementor-element-9ad9868 > .elementor-shape-top svg{height:161px;}.elementor-1074 .elementor-element.elementor-element-9ad9868 > .elementor-shape-bottom svg{height:181px;}.elementor-1074 .elementor-element.elementor-element-9ad9868{margin-top:0px;margin-bottom:0px;padding:170px 30px 170px 30px;z-index:999;}.elementor-bc-flex-widget .elementor-1074 .elementor-element.elementor-element-909c443.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-1074 .elementor-element.elementor-element-909c443.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-1074 .elementor-element.elementor-element-909c443 > .elementor-element-populated{padding-block-start:0%;padding-inline-start:0%;padding-block-end:0%;padding-inline-end:0%;}.elementor-1074 .elementor-element.elementor-element-b42f6d0{text-align:center;}.elementor-1074 .elementor-element.elementor-element-b42f6d0 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:71px;font-weight:800;line-height:1em;color:var( --e-global-color-vamtam_accent_2 );}.elementor-1074 .elementor-element.elementor-element-b42f6d0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1074 .elementor-element.elementor-element-b42f6d0 .elementor-widget-container{--e-transform-origin-x:left;--e-transform-origin-y:center;}.elementor-1074 .elementor-element.elementor-element-835ee5a{text-align:center;}.elementor-1074 .elementor-element.elementor-element-835ee5a .elementor-heading-title{font-family:"Nunito", Sans-serif;color:var( --e-global-color-vamtam_accent_1 );}.elementor-1074 .elementor-element.elementor-element-835ee5a > .elementor-widget-container{padding:1px 0px 0px 0px;}.elementor-1074 .elementor-element.elementor-element-49d6a82{text-align:center;}.elementor-1074 .elementor-element.elementor-element-49d6a82 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:27px;color:var( --e-global-color-vamtam_accent_2 );}.elementor-1074 .elementor-element.elementor-element-49d6a82 > .elementor-widget-container{padding:1px 0px 0px 0px;}.elementor-1074 .elementor-element.elementor-element-6341ce0{--spacer-size:50px;}@media(max-width:1024px) and (min-width:768px){.elementor-1074 .elementor-element.elementor-element-caa7aa0{width:60%;}.elementor-1074 .elementor-element.elementor-element-0ad83fa{width:100%;}.elementor-1074 .elementor-element.elementor-element-0534501{width:100%;}.elementor-1074 .elementor-element.elementor-element-909c443{width:100%;}}@media(max-width:1024px){.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-container{min-height:0vh;}.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-shape-top svg{height:28px;}.elementor-1074 .elementor-element.elementor-element-77eddad{margin-top:0px;margin-bottom:0px;padding:100px 30px 100px 30px;}.elementor-1074 .elementor-element.elementor-element-caa7aa0 > .elementor-element-populated{margin-block-start:0px;margin-inline-start:0px;margin-block-end:0px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding-block-start:0%;padding-inline-start:0%;padding-block-end:0%;padding-inline-end:0%;}.elementor-1074 .elementor-element.elementor-element-a3cc9ed{padding:50px 30px 50px 30px;}.elementor-1074 .elementor-element.elementor-element-b395e2e iframe{height:400px;}.elementor-1074 .elementor-element.elementor-element-cfcea95{padding:0px 30px 0px 30px;}.elementor-1074 .elementor-element.elementor-element-9ad9868{padding:0px 30px 0px 30px;}.elementor-1074 .elementor-element.elementor-element-b42f6d0{text-align:center;}.elementor-1074 .elementor-element.elementor-element-b42f6d0 .elementor-heading-title{font-size:49px;line-height:1em;}.elementor-1074 .elementor-element.elementor-element-b42f6d0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1074 .elementor-element.elementor-element-835ee5a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1074 .elementor-element.elementor-element-49d6a82 .elementor-heading-title{font-size:16px;}.elementor-1074 .elementor-element.elementor-element-49d6a82 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1074 .elementor-element.elementor-element-77eddad > .elementor-container{min-height:0vh;}.elementor-1074 .elementor-element.elementor-element-77eddad{padding:070px 20px 70px 20px;}.elementor-1074 .elementor-element.elementor-element-caa7aa0 > .elementor-element-populated{padding-block-start:0%;padding-inline-start:0%;padding-block-end:0%;padding-inline-end:0%;}.elementor-1074 .elementor-element.elementor-element-b395e2e iframe{height:226px;}.elementor-1074 .elementor-element.elementor-element-cfcea95{margin-top:50px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-1074 .elementor-element.elementor-element-0534501 > .elementor-element-populated{margin-block-start:0px;margin-inline-start:0px;margin-block-end:0px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-1074 .elementor-element.elementor-element-9ad9868{margin-top:50px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-1074 .elementor-element.elementor-element-909c443 > .elementor-element-populated{margin-block-start:0px;margin-inline-start:0px;margin-block-end:0px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-1074 .elementor-element.elementor-element-b42f6d0{text-align:center;}.elementor-1074 .elementor-element.elementor-element-b42f6d0 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-1074 .elementor-element.elementor-element-b42f6d0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1074 .elementor-element.elementor-element-835ee5a{text-align:center;}.elementor-1074 .elementor-element.elementor-element-835ee5a .elementor-heading-title{font-size:18px;}.elementor-1074 .elementor-element.elementor-element-835ee5a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1074 .elementor-element.elementor-element-49d6a82{text-align:center;}.elementor-1074 .elementor-element.elementor-element-49d6a82 .elementor-heading-title{font-size:13px;}.elementor-1074 .elementor-element.elementor-element-49d6a82 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-9c636ed *//* ==========================================================
   ARKIDS — CONTACTO
   VERSIÓN CORREGIDA
   AISLADA DEL HEADER
========================================================== */


/* ==========================================================
   SECCIÓN PRINCIPAL
========================================================== */

.ark-contact {

  --blue: #3f61ad;
  --dark: #ee7222;
  --orange: #f47621;
  --green: #36b779;

  position: relative;

  width: 100%;

  padding: 75px 40px;

  box-sizing: border-box;

  overflow: hidden;

  font-family: "Nunito", sans-serif;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: none !important;
  outline: none !important;

}


/* ==========================================================
   CONTENEDOR
========================================================== */

.ark-contact .ark-contact-inner {

  position: relative;

  z-index: 3;

  width: 100%;

  max-width: 1120px;

  margin: 0 auto;

  background: transparent !important;

}


/* ==========================================================
   CABECERA
========================================================== */

.ark-contact .ark-contact-heading {

  max-width: 720px;

  margin-bottom: 60px;

}


/* ==========================================================
   TEXTO PEQUEÑO SUPERIOR
========================================================== */

.ark-contact .ark-contact-small {

  display: block;

  margin-bottom: 9px;

  color: var(--orange);

  font-family: "Nunito", sans-serif;

  font-size: 12px;

  font-weight: 800;

  line-height: 1.2;

  letter-spacing: 2px;

}


/* ==========================================================
   TÍTULO
========================================================== */

.ark-contact .ark-contact-heading h2 {

  margin: 0 0 20px;

  padding: 0;

  color: var(--blue);

  font-family: "Nunito", sans-serif;

  font-size: clamp(45px, 5.5vw, 70px);

  font-weight: 800;

  line-height: .98;

  letter-spacing: -2px;

}


.ark-contact .ark-contact-heading h2 span {

  display: block;

}


/* ==========================================================
   DESCRIPCIÓN
========================================================== */

.ark-contact .ark-contact-heading > p {

  max-width: 630px;

  margin: 0;

  padding: 0;

  color: #61739d;

  font-family: "Nunito", sans-serif;

  font-size: 17px;

  font-weight: 400;

  line-height: 1.65;

}


/* ==========================================================
   RECORRIDO DE CONTACTO
========================================================== */

.ark-contact .ark-contact-route {

  position: relative;

  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 55px;

  width: 100%;

  background: transparent !important;

}


/* ==========================================================
   LÍNEA PUNTEADA
========================================================== */

.ark-contact .ark-contact-route::before {

  content: "";

  position: absolute;

  z-index: 0;

  top: 36px;

  left: 50px;
  right: 50px;

  height: 0;

  border-top:
    2px dashed
    rgba(63, 97, 173, .20);

  pointer-events: none;

}


/* ==========================================================
   CADA ITEM
========================================================== */

.ark-contact .ark-contact-route .ark-contact-item {

  position: relative;

  z-index: 2;

  display: flex;

  align-items: flex-start;

  gap: 17px;

  min-width: 0;

  margin: 0;

  padding: 0;

  color: inherit;

  background: transparent !important;

  border: none !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  text-decoration: none;

  transition:
    transform .3s ease;

}


/* ==========================================================
   ICONOS GRANDES
========================================================== */

.ark-contact .ark-contact-route .ark-contact-icon {

  flex: 0 0 72px !important;

  width: 72px !important;

  height: 72px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  box-sizing: border-box !important;

  border:
    2px solid
    var(--orange) !important;

  border-radius: 50% !important;

  background: transparent !important;

  box-shadow: none !important;

  color: inherit !important;

  font-size: initial !important;

  line-height: normal !important;

  transition:
    transform .3s ease,
    border-color .3s ease,
    background-color .3s ease;

}


/* ==========================================================
   SVG DEL ICONO
========================================================== */

.ark-contact .ark-contact-route .ark-contact-icon svg {

  display: block !important;

  width: 37px !important;

  height: 37px !important;

  fill: none !important;

  stroke: var(--dark) !important;

  stroke-width: 2.5 !important;

  stroke-linecap: round !important;

  stroke-linejoin: round !important;

}


/* ==========================================================
   TEXTO DEL CONTACTO
========================================================== */

.ark-contact .ark-contact-route .ark-contact-text {

  min-width: 0;

  padding-top: 4px;

}


/* ==========================================================
   ETIQUETA VERDE
========================================================== */

.ark-contact
.ark-contact-route
.ark-contact-text > span {

  display: block;

  margin-bottom: 5px;

  color: var(--green) !important;

  font-family: "Nunito", sans-serif;

  font-size: 10px !important;

  font-weight: 800 !important;

  line-height: 1.3;

  letter-spacing: 1.3px;

  text-transform: uppercase;

}


/* ==========================================================
   INFORMACIÓN PRINCIPAL
========================================================== */

.ark-contact
.ark-contact-route
.ark-contact-text strong {

  display: block;

  margin: 0;

  color: var(--dark) !important;

  font-family: "Nunito", sans-serif;

  font-size: 18px !important;

  font-weight: 800 !important;

  line-height: 1.3;

  transition:
    color .25s ease;

}


/* ==========================================================
   INFORMACIÓN SECUNDARIA
========================================================== */

.ark-contact
.ark-contact-route
.ark-contact-text p,

.ark-contact
.ark-contact-route
.ark-contact-text a {

  display: block;

  margin: 4px 0 0;

  padding: 0;

  color: #60739c !important;

  font-family: "Nunito", sans-serif;

  font-size: 14px !important;

  font-weight: 500 !important;

  line-height: 1.4;

  text-decoration: none;

  transition:
    color .25s ease;

}


/* ==========================================================
   HOVER GENERAL
========================================================== */

.ark-contact
.ark-contact-route
.ark-contact-item:hover {

  background: transparent !important;

  transform:
    translateY(-3px);

}


/* ==========================================================
   HOVER ICONO
========================================================== */

.ark-contact
.ark-contact-route
.ark-contact-item:hover
.ark-contact-icon {

  border-color:
    var(--green) !important;

  background:
    rgba(54, 183, 121, .05) !important;

  transform:
    translateY(-4px)
    rotate(-3deg);

}


/* ==========================================================
   HOVER SVG
========================================================== */

.ark-contact
.ark-contact-route
.ark-contact-item:hover
.ark-contact-icon svg {

  stroke:
    var(--blue) !important;

}


/* ==========================================================
   HOVER TEXTO PRINCIPAL
========================================================== */

.ark-contact
.ark-contact-route
.ark-contact-item:hover
.ark-contact-text strong {

  color:
    var(--blue) !important;

}


/* ==========================================================
   HOVER TELÉFONO
========================================================== */

.ark-contact
.ark-contact-route
.ark-contact-text a:hover {

  color:
    var(--orange) !important;

}


/* ==========================================================
   DECORACIONES
========================================================== */

.ark-contact .ark-contact-dot {

  position: absolute;

  z-index: 1;

  display: block;

  border-radius: 50%;

  pointer-events: none;

}


/* NARANJA */

.ark-contact
.ark-contact-dot.dot-orange {

  width: 32px;

  height: 32px;

  top: 60px;

  right: 17%;

  background:
    #ffd6ad;

}


/* VERDE */

.ark-contact
.ark-contact-dot.dot-green {

  width: 14px;

  height: 14px;

  top: 190px;

  right: 10%;

  background:
    #62ca8c;

}


/* MORADO */

.ark-contact
.ark-contact-dot.dot-purple {

  width: 25px;

  height: 25px;

  left: 8%;

  bottom: 60px;

  background:
    #ead4ff;

}


/* ==========================================================
   ANIMACIÓN DE ENTRADA
========================================================== */

@keyframes arkContactEnter {

  from {

    opacity: 0;

    transform:
      translateY(18px);

  }


  to {

    opacity: 1;

    transform:
      translateY(0);

  }

}


/* CABECERA */

.ark-contact .ark-contact-heading {

  animation:
    arkContactEnter
    .65s ease-out both;

}


/* ITEMS */

.ark-contact
.ark-contact-route
.ark-contact-item {

  animation:
    arkContactEnter
    .65s ease-out both;

}


/* PRIMER ITEM */

.ark-contact
.ark-contact-route
.ark-contact-item:nth-child(1) {

  animation-delay:
    .08s;

}


/* SEGUNDO ITEM */

.ark-contact
.ark-contact-route
.ark-contact-item:nth-child(2) {

  animation-delay:
    .16s;

}


/* TERCER ITEM */

.ark-contact
.ark-contact-route
.ark-contact-item:nth-child(3) {

  animation-delay:
    .24s;

}


/* ==========================================================
   ANIMACIÓN PUNTOS
========================================================== */

@keyframes arkContactFloat {

  0%,
  100% {

    transform:
      translateY(0);

  }


  50% {

    transform:
      translateY(-7px);

  }

}


/* NARANJA */

.ark-contact
.ark-contact-dot.dot-orange {

  animation:
    arkContactFloat
    5s ease-in-out infinite;

}


/* VERDE */

.ark-contact
.ark-contact-dot.dot-green {

  animation:
    arkContactFloat
    4s ease-in-out .5s infinite;

}


/* MORADO */

.ark-contact
.ark-contact-dot.dot-purple {

  animation:
    arkContactFloat
    6s ease-in-out .8s infinite;

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 900px) {

  .ark-contact {

    padding:
      65px 30px;

  }


  .ark-contact
  .ark-contact-heading {

    margin-bottom:
      45px;

  }


  .ark-contact
  .ark-contact-route {

    grid-template-columns:
      1fr;

    gap:
      30px;

    max-width:
      570px;

  }


  /* ========================================================
     LÍNEA VERTICAL
  ======================================================== */

  .ark-contact
  .ark-contact-route::before {

    top:
      35px !important;

    bottom:
      35px;

    left:
      35px !important;

    right:
      auto !important;

    width:
      0;

    height:
      auto !important;

    border-top:
      none !important;

    border-left:
      2px dashed
      rgba(63, 97, 173, .20);

  }


  .ark-contact
  .ark-contact-route
  .ark-contact-item {

    min-height:
      72px;

  }

}


/* ==========================================================
   MÓVIL
========================================================== */

@media (max-width: 600px) {

  .ark-contact {

    padding:
      50px 20px;

  }


  /* ========================================================
     CABECERA
  ======================================================== */

  .ark-contact
  .ark-contact-heading {

    margin-bottom:
      38px;

  }


  .ark-contact
  .ark-contact-small {

    font-size:
      10px;

    letter-spacing:
      1.6px;

  }


  .ark-contact
  .ark-contact-heading h2 {

    margin-bottom:
      17px;

    font-size:
      43px;

    line-height:
      1.02;

    letter-spacing:
      -1px;

  }


  .ark-contact
  .ark-contact-heading > p {

    font-size:
      16px;

    line-height:
      1.6;

  }


  /* ========================================================
     RECORRIDO
  ======================================================== */

  .ark-contact
  .ark-contact-route {

    gap:
      25px;

  }


  /* ========================================================
     ICONOS
  ======================================================== */

  .ark-contact
  .ark-contact-route
  .ark-contact-icon {

    flex:
      0 0 60px !important;

    width:
      60px !important;

    height:
      60px !important;

    border-width:
      2px !important;

  }


  .ark-contact
  .ark-contact-route
  .ark-contact-icon svg {

    width:
      30px !important;

    height:
      30px !important;

    stroke-width:
      2.3 !important;

  }


  /* ========================================================
     LÍNEA
  ======================================================== */

  .ark-contact
  .ark-contact-route::before {

    top:
      30px !important;

    bottom:
      30px;

    left:
      29px !important;

  }


  /* ========================================================
     TEXTO
  ======================================================== */

  .ark-contact
  .ark-contact-route
  .ark-contact-text {

    padding-top:
      2px;
      color: #F47621 !important;

  }


  .ark-contact
  .ark-contact-route
  .ark-contact-text > span {

    font-size:
      9px !important;
      color: #F47621 !important;

  }


  .ark-contact
  .ark-contact-route
  .ark-contact-text strong {

    font-size:
      16px !important;
      color: #F47621 !important;

  }


  .ark-contact
  .ark-contact-route
  .ark-contact-text p,

  .ark-contact
  .ark-contact-route
  .ark-contact-text a {

    font-size:
      13px !important;
      color: #F47621 !important;

  }


  /* ========================================================
     DECORACIONES
  ======================================================== */

  .ark-contact
  .ark-contact-dot.dot-orange {

    width:
      24px;

    height:
      24px;

    top:
      35px;

    right:
      8%;

  }


  .ark-contact
  .ark-contact-dot.dot-green {

    display:
      none;

  }


  .ark-contact
  .ark-contact-dot.dot-purple {

    width:
      18px;

    height:
      18px;

    left:
      auto;

    right:
      8%;

    bottom:
      35px;

  }

}


/* ==========================================================
   ACCESIBILIDAD
========================================================== */

@media (prefers-reduced-motion: reduce) {

  .ark-contact
  .ark-contact-heading,

  .ark-contact
  .ark-contact-route
  .ark-contact-item,

  .ark-contact
  .ark-contact-dot {

    animation:
      none !important;

    opacity:
      1 !important;

    transform:
      none !important;

  }

}


/* ==========================================================
   ELIMINAR CUALQUIER ONDA VIEJA
========================================================== */

.ark-contact
.ark-contact-wave {

  display:
    none !important;

}


/* ==========================================================
   GARANTIZAR FONDO TRANSPARENTE
========================================================== */

.ark-contact,

.ark-contact
.ark-contact-inner,

.ark-contact
.ark-contact-route,

.ark-contact
.ark-contact-route
.ark-contact-item {

  background-color:
    transparent !important;

  background-image:
    none !important;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a898f44 *//* ==========================================================
   ARKIDS — REDES SOCIALES
   SIN TARJETAS / SIN FONDO
========================================================== */

.ark-social {

  --blue: #3f61ad;
  --dark: #07333d;
  --orange: #f47621;
  --green: #36b779;

  position: relative;

  width: 100%;

  padding:
    70px 40px
    65px;

  box-sizing: border-box;

  overflow: hidden;

  font-family:
    "Nunito",
    sans-serif;

  /* SIN FONDO */
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}


/* ==========================================================
   CONTENEDOR
========================================================== */

.ark-social-inner {

  position: relative;

  z-index: 3;

  width: 100%;

  max-width: 1120px;

  margin: 0 auto;
}


/* ==========================================================
   ENCABEZADO
========================================================== */

.ark-social-heading {

  max-width: 780px;

  margin:
    0 auto 35px;

  text-align: center;
}


/* TEXTO PEQUEÑO */

.ark-social-small {

  display: block;

  margin-bottom: 9px;

  color: var(--orange);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 2px;
}


/* TÍTULO */

.ark-social-heading h2 {

  margin:
    0 0 15px;

  color: var(--blue);

  font-family:
    "Nunito",
    sans-serif;

  font-size:
    clamp(45px, 5.5vw, 67px);

  font-weight: 800;

  line-height: 1;

  letter-spacing: -1.7px;
}


.ark-social-heading h2 span {

  color: var(--blue);
}


/* SUBTÍTULO */

.ark-social-subtitle {

  margin: 0;

  color: #6175a5;

  font-size: 17px;

  font-weight: 500;

  line-height: 1.5;
}


/* ==========================================================
   DESCRIPCIÓN
========================================================== */

.ark-social-description {

  max-width: 830px;

  margin:
    0 auto 45px;

  color: #6175a5;

  text-align: center;
}


.ark-social-description p {

  margin:
    0 0 20px;

  font-size: 16px;

  font-weight: 400;

  line-height: 1.7;
}


.ark-social-description p:last-child {

  margin-bottom: 0;
}


/* ==========================================================
   SÍGUENOS
========================================================== */

.ark-social-follow {

  max-width: 900px;

  margin: 0 auto;
}


.ark-social-follow h3 {

  margin:
    0 0 28px;

  color: var(--blue);

  text-align: center;

  font-size: 24px;

  font-weight: 800;
}


/* ==========================================================
   RECORRIDO DE REDES
========================================================== */

.ark-social-route {

  position: relative;

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 55px;
}


/* LÍNEA DE CONEXIÓN */

.ark-social-route::before {

  content: "";

  position: absolute;

  z-index: 0;

  top: 37px;

  left: 65px;
  right: 65px;

  height: 0;

  border-top:
    2px dashed
    rgba(63, 97, 173, .18);
}


/* ==========================================================
   RED SOCIAL
========================================================== */

.ark-social-item {

  position: relative;

  z-index: 2;

  display: flex;

  align-items: flex-start;

  gap: 16px;

  min-width: 0;

  padding: 0;

  color: inherit;

  background: transparent !important;

  border: none !important;

  box-shadow: none !important;

  text-decoration: none;

  transition:
    transform .3s ease;
}


/* ==========================================================
   ICONO
========================================================== */

.ark-social-icon {

  flex: 0 0 74px;

  width: 74px;
  height: 74px;

  display: flex;

  align-items: center;
  justify-content: center;

  box-sizing: border-box;

  border:
    2px solid
    var(--orange);

  border-radius: 50%;

  background:
    #ffffff;

  transition:
    transform .3s ease,
    border-color .3s ease;
}


/* SVG */

.ark-social-icon svg {

  display: block;

  width: 35px;
  height: 35px;

  fill: none !important;

  stroke: #ee7222 !important;

  stroke-width: 2.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


/* FACEBOOK necesita relleno */

.ark-social-item:first-child
.ark-social-icon svg {

  width: 30px;
  height: 30px;
}


.ark-social-item:first-child
.ark-social-icon svg path {

  fill: #ee7222 !important;

  stroke: none !important;
}


/* ==========================================================
   TEXTO
========================================================== */

.ark-social-text {

  min-width: 0;

  padding-top: 5px;
}


/* NOMBRE DE LA RED */

.ark-social-text > span {

  display: block;

  margin-bottom: 3px;

  color: var(--green);

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 1.3px;
}


/* ARKIDS */

.ark-social-text strong {

  display: block;

  color: #E7619F;

  font-size: 18px;

  font-weight: 800;

  line-height: 1.25;

  transition:
    color .25s ease;
}


/* DESCRIPCIÓN */

.ark-social-text p {

  margin:
    4px 0 0;

  color: #64769f;

  font-size: 13px;

  font-weight: 500;

  line-height: 1.4;
}


/* ==========================================================
   HOVER
========================================================== */

.ark-social-item:hover {

  transform:
    translateY(-4px);
}


.ark-social-item:hover
.ark-social-icon {

  border-color:
    var(--green);

  transform:
    rotate(-4deg)
    scale(1.05);
}


.ark-social-item:hover
.ark-social-text strong {

  color: var(--blue);
}


/* ==========================================================
   TEXTO FINAL
========================================================== */

.ark-social-footer {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  max-width: 680px;

  margin:
    45px auto 0;

  text-align: center;
}


.ark-social-heart {

  flex: 0 0 auto;

  color: var(--orange);

  font-size: 27px;

  line-height: 1;
}


.ark-social-footer p {

  margin: 0;

  color: #6175a5;

  font-size: 14px;

  line-height: 1.5;
}


/* ==========================================================
   PUNTOS DECORATIVOS
========================================================== */

.ark-social-dot {

  position: absolute;

  z-index: 1;

  display: block;

  border-radius: 50%;

  pointer-events: none;
}


/* NARANJA */

.ark-social-dot.dot-orange {

  width: 30px;
  height: 30px;

  top: 60px;
  left: 12%;

  background: #ffd6ad;
}


/* VERDE */

.ark-social-dot.dot-green {

  width: 13px;
  height: 13px;

  right: 12%;
  top: 185px;

  background: #62ca8c;
}


/* MORADO */

.ark-social-dot.dot-purple {

  width: 23px;
  height: 23px;

  right: 7%;
  bottom: 60px;

  background: #ead4ff;
}


/* ==========================================================
   ANIMACIÓN
========================================================== */

@keyframes arkSocialEnter {

  from {

    opacity: 0;

    transform:
      translateY(16px);
  }

  to {

    opacity: 1;

    transform:
      translateY(0);
  }

}


.ark-social-heading,
.ark-social-description,
.ark-social-item,
.ark-social-footer {

  animation:
    arkSocialEnter
    .65s ease-out both;
}


.ark-social-description {

  animation-delay: .08s;
}


.ark-social-item:nth-child(1) {

  animation-delay: .12s;
}


.ark-social-item:nth-child(2) {

  animation-delay: .20s;
}


.ark-social-item:nth-child(3) {

  animation-delay: .28s;
}


.ark-social-footer {

  animation-delay: .35s;
}


/* PUNTOS FLOTANDO */

@keyframes arkSocialFloat {

  0%,
  100% {

    transform:
      translateY(0);
  }

  50% {

    transform:
      translateY(-7px);
  }

}


.ark-social-dot {

  animation:
    arkSocialFloat
    5s ease-in-out infinite;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 850px) {

  .ark-social {

    padding:
      60px 30px;
  }


  .ark-social-route {

    grid-template-columns: 1fr;

    max-width: 500px;

    margin: 0 auto;

    gap: 28px;
  }


  /* LÍNEA VERTICAL */

  .ark-social-route::before {

    top: 37px;
    bottom: 37px;

    left: 36px;
    right: auto;

    width: 0;
    height: auto;

    border-top: 0;

    border-left:
      2px dashed
      rgba(63,97,173,.18);
  }

}


/* ==========================================================
   MÓVIL
========================================================== */

@media (max-width: 600px) {

  .ark-social {

    padding:
      50px 20px;
  }


  .ark-social-heading {

    margin-bottom: 30px;
  }


  .ark-social-heading h2 {

    font-size: 43px;

    letter-spacing: -1px;
  }


  .ark-social-subtitle {

    font-size: 16px;
  }


  .ark-social-description {

    margin-bottom: 38px;
  }


  .ark-social-description p {

    font-size: 15px;

    line-height: 1.65;
  }


  .ark-social-follow h3 {

    margin-bottom: 24px;

    font-size: 22px;
  }


  /* ICONOS */

  .ark-social-icon {

    flex-basis: 62px;

    width: 62px;
    height: 62px;

    background: transparent;
  }


  .ark-social-icon svg {

    width: 30px;
    height: 30px;
  }


  /* LÍNEA */

  .ark-social-route::before {

    left: 30px;
  }


  .ark-social-text {

    padding-top: 2px;
  }


  .ark-social-text strong {

    font-size: 16px;
  }


  .ark-social-footer {

    margin-top: 38px;
  }


  .ark-social-footer p {

    font-size: 13px;
  }


  /* DECORACIONES */

  .ark-social-dot.dot-orange {

    width: 23px;
    height: 23px;

    left: 7%;
    top: 35px;
  }


  .ark-social-dot.dot-green {

    display: none;
  }


  .ark-social-dot.dot-purple {

    width: 17px;
    height: 17px;

    right: 7%;
  }

}


/* ==========================================================
   ACCESIBILIDAD
========================================================== */

@media (prefers-reduced-motion: reduce) {

  .ark-social-heading,
  .ark-social-description,
  .ark-social-item,
  .ark-social-footer,
  .ark-social-dot {

    animation: none !important;

    opacity: 1 !important;

    transform: none !important;
  }

}/* End custom CSS */