.elementor-2 .elementor-element.elementor-element-91f554d > .elementor-container{min-height:49vh;}.elementor-2 .elementor-element.elementor-element-91f554d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-2 .elementor-element.elementor-element-91f554d .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-2 .elementor-element.elementor-element-91f554d > .elementor-background-overlay{background-color:var( --e-global-color-vamtam_accent_1 );opacity:0.86;transition:background 1.1s, border-radius 0.3s, opacity 1.1s;}.elementor-2 .elementor-element.elementor-element-91f554d:hover > .elementor-background-overlay{opacity:0.05;}.elementor-2 .elementor-element.elementor-element-91f554d{transition:background 0.2s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-50px;margin-bottom:60px;padding:7% 0% 0% 0%;}.elementor-2 .elementor-element.elementor-element-91f554d > .elementor-shape-bottom svg{height:29px;}.elementor-bc-flex-widget .elementor-2 .elementor-element.elementor-element-3de1d31.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-2 .elementor-element.elementor-element-3de1d31.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-2 .elementor-element.elementor-element-3de1d31:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2 .elementor-element.elementor-element-3de1d31 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arkids.com.co/wp-content/uploads/2020/05/slider-bg-floral.svg");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-2 .elementor-element.elementor-element-3de1d31 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-block-start:0%;margin-inline-start:0%;margin-block-end:-1%;margin-inline-end:0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding-block-start:14%;padding-inline-start:9%;padding-block-end:10%;padding-inline-end:9%;}.elementor-2 .elementor-element.elementor-element-3de1d31 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-c9c0f2b{left:-1px;}body.rtl .elementor-2 .elementor-element.elementor-element-c9c0f2b{right:-1px;}.elementor-2 .elementor-element.elementor-element-c9c0f2b{top:-2px;z-index:1;}.elementor-2 .elementor-element.elementor-element-8b7ca5c{text-align:center;}.elementor-2 .elementor-element.elementor-element-8b7ca5c .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:42px;font-weight:800;line-height:1em;color:var( --e-global-color-vamtam_accent_2 );}.elementor-2 .elementor-element.elementor-element-fcca182{text-align:center;}.elementor-2 .elementor-element.elementor-element-fcca182 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:80px;font-weight:900;line-height:1em;color:var( --e-global-color-vamtam_accent_2 );}.elementor-2 .elementor-element.elementor-element-fcca182 > .elementor-widget-container{margin:-14px 0px -14px 0px;}.elementor-2 .elementor-element.elementor-element-e2df689{text-align:center;}.elementor-2 .elementor-element.elementor-element-e2df689 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:42px;font-weight:800;line-height:1em;color:var( --e-global-color-vamtam_accent_2 );}.elementor-2 .elementor-element.elementor-element-1654f16{z-index:999;}.elementor-2 .elementor-element.elementor-element-13f94b28{overflow:hidden;margin-top:150px;margin-bottom:0px;padding:0px 30px 20px 30px;z-index:999;}.elementor-bc-flex-widget .elementor-2 .elementor-element.elementor-element-748e3f5.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2 .elementor-element.elementor-element-748e3f5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2 .elementor-element.elementor-element-748e3f5 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:0px;padding-block-end:130px;padding-inline-end:0px;}.elementor-2 .elementor-element.elementor-element-3813366 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:220px;font-weight:900;line-height:1em;color:var( --e-global-color-vamtam_accent_1 );}.elementor-2 .elementor-element.elementor-element-3813366 > .elementor-widget-container{margin:0px 0px 100px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-3813366{z-index:999;}.elementor-bc-flex-widget .elementor-2 .elementor-element.elementor-element-426b059.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-2 .elementor-element.elementor-element-426b059.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-2 .elementor-element.elementor-element-426b059 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:20px;padding-block-end:0px;padding-inline-end:200px;}.elementor-2 .elementor-element.elementor-element-50d9cdc .elementor-heading-title{font-family:"Nunito", Sans-serif;font-weight:900;line-height:1.2em;color:var( --e-global-color-vamtam_accent_1 );}.elementor-2 .elementor-element.elementor-element-50d9cdc > .elementor-widget-container{padding:140px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-900eb8b{font-family:"Nunito", Sans-serif;color:var( --e-global-color-vamtam_accent_2 );}.elementor-2 .elementor-element.elementor-element-900eb8b a{font-family:"Nunito", Sans-serif;color:var( --e-global-color-vamtam_accent_2 );}.elementor-2 .elementor-element.elementor-element-900eb8b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-c7679a6{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0%;margin-bottom:0%;padding:68px 30px 0px 30px;}.elementor-2 .elementor-element.elementor-element-c7679a6:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-c7679a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3F5CA708;}.elementor-2 .elementor-element.elementor-element-c7679a6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2 .elementor-element.elementor-element-c7679a6 > .elementor-shape-top svg{height:94px;}.elementor-2 .elementor-element.elementor-element-243d390 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;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-2 .elementor-element.elementor-element-243d390 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2 .elementor-element.elementor-element-a35c733 > .elementor-background-overlay{background-image:url("https://arkids.com.co/wp-content/uploads/2026/10/Almuerzo-colorido-en-el-jardin-infantil.png");background-position:center center;background-size:cover;opacity:0.06;}.elementor-2 .elementor-element.elementor-element-a35c733 > .elementor-shape-bottom svg{height:181px;}.elementor-2 .elementor-element.elementor-element-a35c733{margin-top:0px;margin-bottom:0px;padding:170px 30px 170px 30px;z-index:999;}.elementor-bc-flex-widget .elementor-2 .elementor-element.elementor-element-8ae51f9.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-2 .elementor-element.elementor-element-8ae51f9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-2 .elementor-element.elementor-element-8ae51f9 > .elementor-element-populated{padding-block-start:0%;padding-inline-start:0%;padding-block-end:0%;padding-inline-end:0%;}.elementor-2 .elementor-element.elementor-element-826890b{text-align:center;}.elementor-2 .elementor-element.elementor-element-826890b .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-2 .elementor-element.elementor-element-826890b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-826890b .elementor-widget-container{--e-transform-origin-x:left;--e-transform-origin-y:center;}.elementor-2 .elementor-element.elementor-element-2d81c4d{text-align:center;}.elementor-2 .elementor-element.elementor-element-2d81c4d .elementor-heading-title{font-family:"Nunito", Sans-serif;color:var( --e-global-color-vamtam_accent_1 );}.elementor-2 .elementor-element.elementor-element-2d81c4d > .elementor-widget-container{padding:1px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-0b62f41{text-align:center;}.elementor-2 .elementor-element.elementor-element-0b62f41 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:27px;color:var( --e-global-color-vamtam_accent_2 );}.elementor-2 .elementor-element.elementor-element-0b62f41 > .elementor-widget-container{padding:1px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-89c9f86{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-748e3f5{width:33.492%;}.elementor-2 .elementor-element.elementor-element-426b059{width:66.508%;}}@media(max-width:1200px){.elementor-2 .elementor-element.elementor-element-91f554d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-13f94b28{margin-top:50px;margin-bottom:50px;}}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-91f554d > .elementor-container{min-height:0vh;}.elementor-2 .elementor-element.elementor-element-91f554d .elementor-background-slideshow__slide__image{background-size:cover;}.elementor-2 .elementor-element.elementor-element-91f554d{margin-top:0px;margin-bottom:0px;padding:0% 0% 0% 0%;}.elementor-bc-flex-widget .elementor-2 .elementor-element.elementor-element-3de1d31.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2 .elementor-element.elementor-element-3de1d31.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2 .elementor-element.elementor-element-3de1d31:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2 .elementor-element.elementor-element-3de1d31 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:85vw auto;}.elementor-2 .elementor-element.elementor-element-3de1d31 > .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:15%;padding-inline-start:5%;padding-block-end:0%;padding-inline-end:5%;}.elementor-2 .elementor-element.elementor-element-8b7ca5c .elementor-heading-title{font-size:30px;}.elementor-2 .elementor-element.elementor-element-fcca182 .elementor-heading-title{font-size:50px;}.elementor-2 .elementor-element.elementor-element-e2df689 .elementor-heading-title{font-size:32px;}.elementor-2 .elementor-element.elementor-element-13f94b28{margin-top:0px;margin-bottom:0px;padding:70px 30px 0px 30px;}.elementor-2 .elementor-element.elementor-element-748e3f5 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-2 .elementor-element.elementor-element-3813366{text-align:start;}.elementor-2 .elementor-element.elementor-element-3813366 .elementor-heading-title{font-size:130px;}.elementor-2 .elementor-element.elementor-element-3813366 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-426b059 > .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-2 .elementor-element.elementor-element-50d9cdc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-a35c733{padding:0px 30px 0px 30px;}.elementor-2 .elementor-element.elementor-element-826890b{text-align:center;}.elementor-2 .elementor-element.elementor-element-826890b .elementor-heading-title{font-size:49px;line-height:1em;}.elementor-2 .elementor-element.elementor-element-826890b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-2d81c4d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-0b62f41 .elementor-heading-title{font-size:16px;}.elementor-2 .elementor-element.elementor-element-0b62f41 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-91f554d > .elementor-container{min-height:25vh;}.elementor-2 .elementor-element.elementor-element-91f554d .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-2 .elementor-element.elementor-element-91f554d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-3de1d31{width:100%;}.elementor-2 .elementor-element.elementor-element-3de1d31 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-3de1d31:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2 .elementor-element.elementor-element-3de1d31 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:110vw auto;}.elementor-2 .elementor-element.elementor-element-3de1d31 > .elementor-element-populated{margin-block-start:0px;margin-inline-start:10px;margin-block-end:0px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:10px;padding-block-start:16%;padding-inline-start:0%;padding-block-end:4%;padding-inline-end:0%;}.elementor-2 .elementor-element.elementor-element-8b7ca5c .elementor-heading-title{font-size:6.7vw;line-height:1.6em;}.elementor-2 .elementor-element.elementor-element-fcca182 .elementor-heading-title{font-size:6.7vw;line-height:1.6em;}.elementor-2 .elementor-element.elementor-element-e2df689 .elementor-heading-title{font-size:6.7vw;line-height:1.6em;}.elementor-2 .elementor-element.elementor-element-13f94b28{margin-top:50px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2 .elementor-element.elementor-element-748e3f5 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-2 .elementor-element.elementor-element-3813366{text-align:start;}.elementor-2 .elementor-element.elementor-element-3813366 .elementor-heading-title{font-size:80px;}.elementor-2 .elementor-element.elementor-element-3813366 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-426b059 > .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-2 .elementor-element.elementor-element-426b059 > .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-2 .elementor-element.elementor-element-50d9cdc{text-align:start;}.elementor-2 .elementor-element.elementor-element-50d9cdc .elementor-heading-title{font-size:30px;}.elementor-2 .elementor-element.elementor-element-50d9cdc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-c7679a6{margin-top:0px;margin-bottom:0px;padding:50px 20px 50px 20px;}.elementor-2 .elementor-element.elementor-element-243d390 > .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-2 .elementor-element.elementor-element-a35c733{margin-top:50px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2 .elementor-element.elementor-element-8ae51f9 > .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-2 .elementor-element.elementor-element-826890b{text-align:center;}.elementor-2 .elementor-element.elementor-element-826890b .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-2 .elementor-element.elementor-element-826890b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-2d81c4d{text-align:center;}.elementor-2 .elementor-element.elementor-element-2d81c4d .elementor-heading-title{font-size:18px;}.elementor-2 .elementor-element.elementor-element-2d81c4d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-0b62f41{text-align:center;}.elementor-2 .elementor-element.elementor-element-0b62f41 .elementor-heading-title{font-size:13px;}.elementor-2 .elementor-element.elementor-element-0b62f41 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2 .elementor-element.elementor-element-3de1d31{width:100%;}.elementor-2 .elementor-element.elementor-element-748e3f5{width:100%;}.elementor-2 .elementor-element.elementor-element-426b059{width:100%;}.elementor-2 .elementor-element.elementor-element-8ae51f9{width:100%;}}/* Start custom CSS for html, class: .elementor-element-1654f16 *//* ==========================================
   ARKIDS — BOTÓN MATRÍCULA
========================================== */

.ark-matricula-btn {

  --ark-orange: #f47621;
  --ark-orange-hover: #e96717;

  position: relative;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 11px;

  min-width: 230px;

  padding: 17px 28px;

  box-sizing: border-box;

  overflow: hidden;

  /* COLOR */
  background: var(--ark-orange);

  color: #ffffff !important;

  /* FORMA */
  border: none;

  border-radius: 10px;

  /* TEXTO */
  font-family: "Nunito", sans-serif;

  font-size: 17px;

  font-weight: 800;

  line-height: 1.2;

  text-decoration: none !important;

  /* SOMBRA */
  box-shadow:
    0 10px 24px
    rgba(244, 118, 33, .24);

  cursor: pointer;

  transition:
    transform .3s ease,
    background-color .3s ease,
    box-shadow .3s ease;
}


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

.ark-matricula-btn__text {

  position: relative;

  z-index: 2;

  color: #ffffff !important;

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

  font-weight: 800;
}


/* ==========================================
   FLECHA
========================================== */

.ark-matricula-btn__arrow {

  position: relative;

  z-index: 2;

  width: 20px;

  height: 20px;

  flex: 0 0 20px;

  fill: none !important;

  stroke: #ffffff !important;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;

  transition:
    transform .3s ease;
}


/* ==========================================
   BRILLO
========================================== */

.ark-matricula-btn::before {

  content: "";

  position: absolute;

  z-index: 1;

  top: -60%;

  left: -65px;

  width: 38px;

  height: 220%;

  background:
    rgba(255, 255, 255, .25);

  transform:
    rotate(25deg);

  transition:
    left .55s ease;
}


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

.ark-matricula-btn:hover {

  background:
    var(--ark-orange-hover);

  color: #ffffff !important;

  text-decoration: none !important;

  transform:
    translateY(-4px);

  box-shadow:
    0 15px 30px
    rgba(244, 118, 33, .32);
}


.ark-matricula-btn:hover::before {

  left: calc(100% + 40px);
}


.ark-matricula-btn:hover
.ark-matricula-btn__arrow {

  transform:
    translateX(5px);
}


/* ==========================================
   AL HACER CLICK
========================================== */

.ark-matricula-btn:active {

  transform:
    translateY(-1px);

  box-shadow:
    0 7px 16px
    rgba(244, 118, 33, .25);
}


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

.ark-matricula-btn:focus-visible {

  outline:
    3px solid
    rgba(63, 97, 173, .35);

  outline-offset: 4px;
}


/* ==========================================
   CELULAR
========================================== */

@media (max-width: 600px) {

  .ark-matricula-btn {

    min-width: 210px;

    padding:
      15px 23px;

    font-size: 16px;

    border-radius: 9px;
  }


  .ark-matricula-btn__arrow {

    width: 18px;

    height: 18px;

    flex-basis: 18px;
  }

}


/* ==========================================
   REDUCIR MOVIMIENTO
========================================== */

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

  .ark-matricula-btn,
  .ark-matricula-btn::before,
  .ark-matricula-btn__arrow {

    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3195fb4 *//* ==========================================================
   ARKIDS
   NUESTRO PROYECTO PEDAGÓGICO
   FONDO TRANSPARENTE + ANIMACIÓN SUAVE
========================================================== */


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

.ark-project {

  --ark-blue: #3f61ad;
  --ark-blue-dark: #31539f;

  --ark-green: #42b883;

  --ark-orange: #EE7222;

  --ark-dark: #07333d;

  --ark-purple: #ead5ff;

  position: relative;

  width: 100%;

  padding: 95px 35px 100px;

  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-project-container {

  position: relative;

  z-index: 5;

  display: grid;

  grid-template-columns:
    minmax(420px, .95fr)
    minmax(460px, 1.05fr);

  align-items: center;

  gap: clamp(35px, 5vw, 75px);

  width: 100%;

  max-width: 1180px;

  margin: 0 auto;

}


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

.ark-project-card {

  position: relative;

  z-index: 5;

  padding: 52px 48px;

  box-sizing: border-box;

  border-radius:
    34px 50px 34px 50px;

  background:
    rgba(255,255,255,.96);

  box-shadow:
    0 20px 50px
    rgba(40,60,110,.07);

}


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

.ark-project-label {

  display: inline-block;

  margin-bottom: 10px;

  color: var(--ark-orange);

  font-size: 11px;

  font-weight: 800;

  line-height: 1.2;

  letter-spacing: 1.8px;

}


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

.ark-project-card h2 {

  margin: 0;

  color: var(--ark-blue);

  font-size:
    clamp(45px, 5vw, 62px);

  font-weight: 800;

  line-height: .98;

  letter-spacing: -1.8px;

}


.ark-project-card h2 span {

  display: block;

  color: var(--ark-blue-dark);

}


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

.ark-project-line {

  width: 72px;

  height: 4px;

  margin:
    22px 0
    26px;

  border-radius: 50px;

  background: var(--ark-green);

}


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

.ark-project-text p {

  margin:
    0 0
    20px;

  color: #4969b0;

  font-size: 16px;

  font-weight: 400;

  line-height: 1.62;

}


.ark-project-text p:last-child {

  margin-bottom: 0;

}


/* ==========================================================
   COLUMNA VISUAL
========================================================== */

.ark-project-visual {

  position: relative;

  z-index: 3;

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: 680px;

}


/* ==========================================================
   IMAGEN ORGÁNICA
========================================================== */

.ark-project-image-wrap {

  position: relative;

  z-index: 4;

  width:
    min(100%, 515px);

  aspect-ratio:
    4 / 5.15;

  overflow: hidden;

  border-radius:
    38% 62% 46% 54%
    /
    25% 35% 65% 75%;

  box-shadow:
    0 24px 50px
    rgba(24,50,95,.12);

  transition:
    transform .8s
    cubic-bezier(.22,.61,.36,1),

    border-radius .8s ease,

    box-shadow .6s ease;

}


/* ==========================================================
   FOTO
========================================================== */

.ark-project-image {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  transform:
    scale(1.03);

  transition:
    transform 1.1s
    cubic-bezier(.22,.61,.36,1);

}


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

.ark-project-image-wrap:hover {

  transform:
    translateY(-3px)
    scale(1.01);

  border-radius:
    44% 56% 50% 50%
    /
    30% 40% 60% 70%;

  box-shadow:
    0 30px 60px
    rgba(24,50,95,.15);

}


.ark-project-image-wrap:hover
.ark-project-image {

  transform:
    scale(1.055);

}


/* ==========================================================
   BURBUJAS
========================================================== */

.ark-cloud-bubble {

  position: absolute;

  z-index: 2;

  display: block;

  border-radius: 50%;

  pointer-events: none;

}


/* NARANJA */

.ark-bubble-orange {

  width: 90px;

  height: 90px;

  top: 5%;

  left: -1%;

  background:
    rgba(238,114,34,.15);

  animation:
    arkFloatOrange
    6s ease-in-out infinite;

}


/* MORADA */

.ark-bubble-purple {

  width: 66px;

  height: 66px;

  top: 25%;

  right: -1%;

  background:
    rgba(218,179,255,.62);

  animation:
    arkFloatPurple
    7s .5s ease-in-out infinite;

}


/* VERDE */

.ark-bubble-green {

  width: 42px;

  height: 42px;

  left: 3%;

  bottom: 15%;

  background:
    rgba(66,184,131,.24);

  animation:
    arkFloatGreen
    5.5s 1s ease-in-out infinite;

}


/* ==========================================================
   MOVIMIENTO SUAVE BURBUJAS
========================================================== */

@keyframes arkFloatOrange {

  0%,
  100% {

    transform:
      translateY(0);

  }

  50% {

    transform:
      translateY(-12px);

  }

}


@keyframes arkFloatPurple {

  0%,
  100% {

    transform:
      translateY(0);

  }

  50% {

    transform:
      translateY(10px)
      translateX(-5px);

  }

}


@keyframes arkFloatGreen {

  0%,
  100% {

    transform:
      translateY(0);

  }

  50% {

    transform:
      translateY(-9px)
      translateX(5px);

  }

}


/* ==========================================================
   BADGE
========================================================== */

.ark-project-badge {

  position: absolute;

  z-index: 7;

  right: 2%;

  bottom: 8%;

  display: flex;

  align-items: center;

  gap: 9px;

  padding:
    9px 18px
    9px 9px;

  border-radius: 50px;

  color: var(--ark-blue);

  background: #ffffff;

  box-shadow:
    0 10px 25px
    rgba(25,50,90,.12);

  font-size: 12px;

  font-weight: 800;

}


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

.ark-project-badge-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 34px;

  height: 34px;

  border-radius: 50%;

  color: #ffffff;

  background: var(--ark-orange);

  font-size: 14px;

}


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

.ark-project-decoration {

  position: absolute;

  z-index: 1;

  display: block;

  border-radius: 50%;

  pointer-events: none;

}


/* NARANJA */

.ark-project-decoration-orange {

  width: 30px;

  height: 30px;

  top: 12%;

  left: 5%;

  background:
    #ffd6ad;

}


/* VERDE */

.ark-project-decoration-green {

  width: 14px;

  height: 14px;

  bottom: 10%;

  right: 7%;

  background:
    #62ca8c;

}


/* MORADO */

.ark-project-decoration-purple {

  width: 24px;

  height: 24px;

  top: 10%;

  right: 10%;

  background:
    var(--ark-purple);

}


/* ==========================================================
   ANIMACIÓN TEXTO
   ENTRADA DESDE IZQUIERDA
========================================================== */

.ark-scroll-left {

  opacity: 0;

  transform:
    translateX(-45px)
    translateY(8px)
    scale(.985);

  transition:
    opacity 1s ease,

    transform 1.15s
    cubic-bezier(.22,.61,.36,1);

  will-change:
    opacity,
    transform;

}


/* VISIBLE */

.ark-scroll-left.ark-visible {

  opacity: 1;

  transform:
    translateX(0)
    translateY(0)
    scale(1);

}


/* ==========================================================
   ANIMACIÓN IMAGEN
   MUCHO MÁS SUAVE
========================================================== */

.ark-scroll-right {

  opacity: 0;

  transform:
    translateX(32px)
    translateY(15px)
    scale(.975);

  transition:
    opacity 1.15s ease,

    transform 1.35s
    cubic-bezier(.22,.61,.36,1);

  will-change:
    opacity,
    transform;

}


/* VISIBLE */

.ark-scroll-right.ark-visible {

  opacity: 1;

  transform:
    translateX(0)
    translateY(0)
    scale(1);

}


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

.ark-scroll-up {

  opacity: 0;

  transform:
    translateY(22px)
    scale(.95);

  transition:
    opacity .9s ease .25s,

    transform 1s
    cubic-bezier(.22,.61,.36,1)
    .25s;

}


/* VISIBLE */

.ark-scroll-up.ark-visible {

  opacity: 1;

  transform:
    translateY(0)
    scale(1);

}


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

@media (max-width: 950px) {

  .ark-project {

    padding:
      75px 30px;

  }


  .ark-project-container {

    grid-template-columns:
      1fr;

    gap:
      60px;

  }


  .ark-project-card {

    max-width:
      700px;

    margin:
      0 auto;

  }


  .ark-project-visual {

    min-height:
      620px;

  }


  .ark-project-image-wrap {

    width:
      min(75vw, 510px);

  }


  .ark-project-badge {

    right:
      12%;

  }

}


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

@media (max-width: 600px) {

  .ark-project {

    padding:
      55px 18px
      65px;

  }


  .ark-project-container {

    gap:
      45px;

  }


  /* TARJETA */

  .ark-project-card {

    padding:
      34px 25px;

    border-radius:
      26px 36px
      26px 36px;

  }


  .ark-project-label {

    font-size:
      9px;

  }


  .ark-project-card h2 {

    font-size:
      clamp(38px, 11vw, 48px);

    line-height:
      1;

    letter-spacing:
      -1px;

  }


  .ark-project-line {

    margin:
      18px 0
      22px;

  }


  .ark-project-text p {

    margin-bottom:
      17px;

    font-size:
      15px;

    line-height:
      1.58;

  }


  /* VISUAL */

  .ark-project-visual {

    min-height:
      510px;

  }


  .ark-project-image-wrap {

    width:
      min(87vw, 390px);

    border-radius:
      40% 60% 48% 52%
      /
      28% 36% 64% 72%;

  }


  /* BURBUJAS */

  .ark-bubble-orange {

    width:
      64px;

    height:
      64px;

  }


  .ark-bubble-purple {

    width:
      46px;

    height:
      46px;

  }


  .ark-bubble-green {

    width:
      30px;

    height:
      30px;

  }


  /* BADGE */

  .ark-project-badge {

    right:
      0;

    bottom:
      3%;

    padding:
      7px 13px
      7px 7px;

    font-size:
      10px;

  }


  .ark-project-badge-icon {

    width:
      29px;

    height:
      29px;

  }


  /* ANIMACIÓN MÓVIL TODAVÍA MÁS SUAVE */

  .ark-scroll-left {

    transform:
      translateY(22px)
      scale(.99);

  }


  .ark-scroll-right {

    transform:
      translateY(25px)
      scale(.98);

  }


  .ark-scroll-left.ark-visible,
  .ark-scroll-right.ark-visible {

    transform:
      translateY(0)
      scale(1);

  }

}


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

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

  .ark-scroll-left,
  .ark-scroll-right,
  .ark-scroll-up {

    opacity:
      1 !important;

    transform:
      none !important;

    transition:
      none !important;

  }


  .ark-cloud-bubble {

    animation:
      none !important;

  }


  .ark-project-image-wrap,
  .ark-project-image {

    transition:
      none !important;

  }

}/* End custom CSS */