/* ===== SISTEMA DE POSICIONAMIENTO RESPONSIVO COMPLETO ===== */

/* Estilos base para el diagrama del arete inteligente */
.home-lottie {
  position: relative;
  min-height: 516px;
}

.solution-lottie {
  position: relative;
}

/* Contenedor principal de animaciones */
.home-lottie-animations {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* ===== ELEMENTOS BASE DEL DIAGRAMA ===== */
.arete-element {
  padding: 0px 12px;
  position: absolute;
  color: #333;
  font-size: 14px;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 10;
  width: 106px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
}

.arete-element .main-text {
  font-size: 10px;
  line-height: 1.2;
  margin-bottom: 2px;
  text-transform: uppercase;
}

.arete-element .sub-text {
  font-size: 11px;
  line-height: 1.1;
  opacity: 0.8;
}

.arete-element:hover {
  transform: translateY(-2px);
}

/* ===== ELEMENTOS DEL DIAGRAMA DE ABIGEATO ===== */
.abigeato-element {
  position: absolute;
  color: #333;
  font-size: 10px;
  line-height: 1.2;
  text-transform: uppercase;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 10;
  width: 101px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0px 12px;
}

.abigeato-element:hover {
  transform: translateY(-2px);
}

/* ===== SISTEMA DE POSICIONAMIENTO RESPONSIVO ===== */

/* ===== FULL HD Y SUPERIOR (1920px y superior) ===== */
@media (min-width: 1920px) and (max-width: 2559px) {
  /* Elementos del diagrama principal - Full HD+ */
  .gps-base {
    top: 20%;
    left: 9%;
  }
  
  .sensores-eth {
    top: 28.5%;
    left: 19.5%;
  }
  
  .app-movil {
    top: 47%;
    left: 26.9%;
  }
  
  .monitoreo-stellar {
    top: 67.7%;
    left: 31.2%;
  }
  
  .data-processing {
    top: 47%;
    right: 29%;
  }
  
  .alertas-eth {
    top: 20%;
    right: 10.4%;
  }
  
  .panel-solar {
    top: 67%;
    right: 32.4%;
  }
  
  .datos-ganaderos {
    top: 28.5%;
    right: 20.9%;
  }
  
  /* Elementos del sistema de prevención de abigeato - Full HD+ */
  .prevention-system-container .abigeto-health-element.input-sources {
    top: 32.9%;
    left: 26.4%;
  }
  
  .prevention-system-container .abigeto-health-element.livestock-system {
    top: 46.8%;
    left: 16.8%;
  }
  
  .prevention-system-container .abigeto-health-element.sensor-network {
    top: 58%;
    left: 18.4%;
  }
  
  .prevention-system-container .abigeto-health-element.data-hub {
    top: 36%;
    left: 65.2%;
  }
  
  .prevention-system-container .abigeto-health-element.ear-tag-central {
    top: 64.8%;
    left: 53.6%;
  }
  
  .prevention-system-container .abigeto-health-element.gps-network {
    top: 61.8%;
    left: 33.2%;
  }
  
  .prevention-system-container .abigeto-health-element.mobile-interface {
    top: 53%;
    left: 47%;
  }
  
  .prevention-system-container .abigeto-health-element.data-collection {
    top: 45.7%;
    left: 59.8%;
  }
  
  .prevention-system-container .abigeto-health-element.monitoring-system {
    top: 56%;
    left: 70.8%;
  }
  
  /* Elementos de monitoreo de salud animal - Full HD+ */
  .health-monitoring-container .abigeto-health-element.health-data-hub {
    top: 33.1%;
    right: 61.4%;
  }
  
  .health-monitoring-container .abigeto-health-element.biometric-scanner {
    top: 36%;
    right: 22.6%;
  }
  
  .health-monitoring-container .abigeto-health-element.temperature-sensor {
    top: 46.8%;
    right: 71.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.heart-rate-monitor {
    top: 58%;
    right: 69.3%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-monitor {
    top: 64.9%;
    right: 34.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.activity-tracker {
    top: 61.6%;
    right: 54.6%;
  }
  
  .health-monitoring-container .abigeto-health-element.disease-detection {
    top: 53%;
    right: 40.5%;
  }
  
  .health-monitoring-container .abigeto-health-element.vital-signs {
    top: 45.6%;
    right: 27.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-reports {
    top: 56%;
    right: 17%;
  }
  
      /* Ajustes de tamaño para Full HD+ */
    .arete-element {
      /* font-size: 16px; */
      /* width: 120px; */
      /* height: 68px; */
    }
    
    /* Posicionamiento para elementos de ear-tag en Full HD */
    .ear-tag-element.livestock-id-tag {
      top: 41.5%;
      left: 24%;
      width: 79px;
      height: 31px;
      padding: 0;
    }
    
    .ear-tag-element.health-monitor-tag {
      top: 34.3%;
      left: 63.4%;
    }
    
    .ear-tag-element.gps-tracker-tag {
      top: 38.6%;
      left: 56.2%;
    }
    
    .ear-tag-element.feeding-system-tag {
      top: 42.2%;
      left: 46.1%;
    }
    
    .ear-tag-element.breeding-control-tag {
      top: 44.1%;
      left: 68.7%;
    }
    
    .ear-tag-element.reproductive-tracking-tag {
      top: 57.8%;
      left: 73.1%;
    }
    
    .ear-tag-element.data-analytics-tag {
      top: 53.8%;
      left: 63%;
    }
    
    .ear-tag-element.mobile-app-tag {
      top: 55%;
      left: 65%;
    }
    
    /* Posicionamiento para elementos de detección de enfermedades en Full HD */
    .disease-detection-element.disease-type-tag {
      top: 37%;
      left: 24%;
      width: 105px;
      height: 30px;
    }
    
    .disease-detection-element.detection-time-tag {
      top: 34.4%;
      left: 65%;
      width: 105px;
      height: 30px;
    }
    
    .disease-detection-element.action-tag {
      top: 56.6%;
      left: 21.8%;
      width: 105px;
      height: 30px;
    }
    
      .disease-detection-element.savings-tag {
    top: 59.6%;
    left: 61.7%;
    width: 105px;
    height: 30px;
  }
  
  /* Posicionamiento para elementos de sostenibilidad en Full HD */
  .sustainability-element.pastizales-tag {
    top: 77.2%;
    left: 6.5%;
  }
  
  .sustainability-element.energia-solar-tag {
    top: 20.8%;
    right: 11.5%;
  }
  
  .arete-element .main-text {
    font-size: 12px;
  }
  
  .arete-element .sub-text {
    font-size: 13px;
  }
}

/* ===== 2K, 4K, 5K, 8K Y SUPERIOR (2560px y superior) ===== */
@media (min-width: 2560px) {
  /* Elementos del diagrama principal - 2K+ */
  .gps-base {
    top: 16%;
    left: 7.8%;
  }
  
  .sensores-eth {
    top: 25%;
    left: 17.2%;
  }
  
  .app-movil {
    top: 43%;
    left: 24.2%;
  }
  
  .monitoreo-stellar {
    top: 64%;
    left: 28.2%;
  }
  
  .data-processing {
    top: 43%;
    right: 25.8%;
  }
  
  .alertas-eth {
    top: 16%;
    right: 8.8%;
  }
  
  .panel-solar {
    top: 63%;
    right: 28.8%;
  }
  
  .datos-ganaderos {
    top: 24.2%;
    right: 17.8%;
  }
  
  /* Elementos del sistema de prevención de abigeato - 2K+ */
  .prevention-system-container .abigeto-health-element.input-sources {
    top: 22.5%;
    left: 24.2%;
  }
  
  .prevention-system-container .abigeto-health-element.livestock-system {
    top: 41.2%;
    left: 14.2%;
  }
  
  .prevention-system-container .abigeto-health-element.sensor-network {
    top: 56.2%;
    left: 16.2%;
  }
  
  .prevention-system-container .abigeto-health-element.data-hub {
    top: 27.5%;
    left: 61.8%;
  }
  
  .prevention-system-container .abigeto-health-element.ear-tag-central {
    top: 66.8%;
    left: 50.8%;
  }
  
  .prevention-system-container .abigeto-health-element.gps-network {
    top: 61.8%;
    left: 30.8%;
  }
  
  .prevention-system-container .abigeto-health-element.mobile-interface {
    top: 50%;
    left: 43.2%;
  }
  
  .prevention-system-container .abigeto-health-element.data-collection {
    top: 40%;
    left: 56.8%;
  }
  
  .prevention-system-container .abigeto-health-element.monitoring-system {
    top: 54%;
    left: 67.8%;
  }
  
  /* Elementos de monitoreo de salud animal - 2K+ */
  .health-monitoring-container .abigeto-health-element.health-data-hub {
    top: 26.1%;
    right: 57.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.biometric-scanner {
    top: 29.8%;
    right: 19.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.temperature-sensor {
    top: 41.8%;
    right: 67.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.heart-rate-monitor {
    top: 54.8%;
    right: 65.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-monitor {
    top: 62.9%;
    right: 31.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.activity-tracker {
    top: 58.8%;
    right: 51.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.disease-detection {
    top: 49.2%;
    right: 37.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.vital-signs {
    top: 40.8%;
    right: 25.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-reports {
    top: 52.8%;
    right: 14.8%;
  }
  
  /* Ajustes de tamaño para 2K+ */
  .arete-element {
    font-size: 18px;
    padding: 16px 18px;
    width: 140px;
    height: 78px;
  }
  
  .arete-element .main-text {
    font-size: 14px;
  }
  
  .arete-element .sub-text {
    font-size: 15px;
  }
  
  /* Ajustes adicionales para elementos de abigeato en 2K+ */
  .abigeto-health-element {
    font-size: 12px;
    width: 120px;
    height: 32px;
    padding: 0px 14px;
  }
  
  /* Ajustes para elementos de ear-tag en 2K+ */
  .ear-tag-element {
    font-size: 12px;
    width: 120px;
    height: 32px;
    padding: 0px 14px;
  }
  
  /* Ajustes para elementos de detección de enfermedades en 2K+ */
  .disease-detection-element {
    font-size: 14px;
    width: 140px;
    height: 34px;
    padding: 0px 14px;
  }
  
  /* Ajustes para elementos de sostenibilidad en 2K+ */
  .sustainability-element {
    font-size: 16px;
    width: 120px;
    height: 34px;
  }
  
  /* Posicionamiento para elementos de ear-tag en 2K+ */
  .ear-tag-element.livestock-id-tag {
    top: 35%;
    left: 24%;
    width: 95px;
    height: 35px;
  }
  
  .ear-tag-element.health-monitor-tag {
    top: 28%;
    left: 54%;
  }
  
  .ear-tag-element.gps-tracker-tag {
    top: 32%;
    left: 48%;
  }
  
  .ear-tag-element.feeding-system-tag {
    top: 36%;
    left: 38%;
  }
  
  .ear-tag-element.breeding-control-tag {
    top: 38%;
    left: 58%;
  }
  
  .ear-tag-element.reproductive-tracking-tag {
    top: 52%;
    left: 62%;
  }
  
  .ear-tag-element.data-analytics-tag {
    top: 48%;
    left: 54%;
  }
  
  .ear-tag-element.mobile-app-tag {
    top: 51%;
    left: 56%;
  }
  
  /* Posicionamiento para elementos de detección de enfermedades en 2K+ */
  .disease-detection-element.disease-type-tag {
    top: 30%;
    left: 22%;
  }
  
  .disease-detection-element.detection-time-tag {
    top: 26%;
    left: 54%;
  }
  
  .disease-detection-element.action-tag {
    top: 55%;
    left: 20%;
  }
  
  .disease-detection-element.savings-tag {
    top: 58%;
    left: 52%;
  }
  
  /* Posicionamiento para elementos de sostenibilidad en 2K+ */
  .sustainability-element.pastizales-tag {
    top: 52%;
    left: 6%;
  }
  
  .sustainability-element.energia-solar-tag {
    top: 14%;
    right: 10%;
  }
}

/* ===== DESKTOP (1200px - 1919px) ===== */
@media (min-width: 1200px) and (max-width: 1919px) {
  /* Elementos del diagrama principal - Desktop */
  .gps-base {
    top: 20%;
    left: 9.1%;
  }
  
  .sensores-eth {
    top: 29%;
    left: 19.5%;
  }
  
  .app-movil {
    top: 47%;
    left: 27%;
  }
  
  .monitoreo-stellar {
    top: 68%;
    left: 31.1%;
  }
  
  .data-processing {
    top: 47%;
    right: 29%;
  }
  
  .alertas-eth {
    top: 20%;
    right: 10.5%;
  }
  
  .panel-solar {
    top: 67%;
    right: 32.5%;
  }
  
  .datos-ganaderos {
    top: 28.5%;
    right: 20.7%;
  }
  
  /* Elementos del sistema de prevención de abigeato - Desktop */
  .prevention-system-container .abigeto-health-element.input-sources {
    top: 26.7%;
    left: 26.5%;
  }
  
  .prevention-system-container .abigeto-health-element.livestock-system {
    top: 45.6%;
    left: 16.4%;
  }
  
  .prevention-system-container .abigeto-health-element.sensor-network {
    top: 60.6%;
    left: 18.5%;
  }
  
  .prevention-system-container .abigeto-health-element.data-hub {
    top: 31%;
    left: 65%;
  }
  
  .prevention-system-container .abigeto-health-element.ear-tag-central {
    top: 70.2%;
    left: 53.5%;
  }
  
  .prevention-system-container .abigeto-health-element.gps-network {
    top: 65.8%;
    left: 33%;
  }
  
  .prevention-system-container .abigeto-health-element.mobile-interface {
    top: 54%;
    left: 47%;
  }
  
  .prevention-system-container .abigeto-health-element.data-collection {
    top: 44%;
    left: 60%;
  }
  
  .prevention-system-container .abigeto-health-element.monitoring-system {
    top: 58%;
    left: 71%;
  }
  
  /* Elementos de monitoreo de salud animal - Desktop */
  .health-monitoring-container .abigeto-health-element.health-data-hub {
    top: 27%;
    right: 61.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.biometric-scanner {
    top: 31%;
    right: 22.6%;
  }
  
  .health-monitoring-container .abigeto-health-element.temperature-sensor {
    top: 45.6%;
    right: 71%;
  }
  
  .health-monitoring-container .abigeto-health-element.heart-rate-monitor {
    top: 61%;
    right: 69.4%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-monitor {
    top: 70.3%;
    right: 34.5%;
  }
  
  .health-monitoring-container .abigeto-health-element.activity-tracker {
    top: 65.8%;
    right: 54.6%;
  }
  
  .health-monitoring-container .abigeto-health-element.disease-detection {
    top: 53.7%;
    right: 40.5%;
  }
  
  .health-monitoring-container .abigeto-health-element.vital-signs {
    top: 44%;
    right: 28%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-reports {
    top: 58%;
    right: 17%;
  }
  
  /* Posicionamiento para elementos de ear-tag en Desktop */
  .ear-tag-element.livestock-id-tag {
    top: 38.7%;
    left: 24.1%;
    width: 78px;
    height: 28px;
  }
  
  .ear-tag-element.health-monitor-tag {
    top: 29%;
    left: 63.7%;
    width: 104px;
  }
  
  .ear-tag-element.gps-tracker-tag {
    top: 34.5%;
    left: 56%;
    width: 104px;
  }
  
  .ear-tag-element.feeding-system-tag {
    top: 39.5%;
    left: 46.1%;
  }
  
  .ear-tag-element.breeding-control-tag {
    top: 42.5%;
    left: 68.4%;
    width: 104px;
  }
  
  .ear-tag-element.reproductive-tracking-tag {
    top: 60.5%;
    left: 72.3%;
  }
  
  .ear-tag-element.data-analytics-tag {
    top: 54.8%;
    left: 63.5%;
    width: 104px;
  }
  
  .ear-tag-element.mobile-app-tag {
    top: 56.9%;
    left: 64.5%;
    width: 104px;
  }
  
  /* Posicionamiento para elementos de detección de enfermedades en Desktop */
  .disease-detection-element.disease-type-tag {
    top: 32.5%;
    left: 24%;
    width: 105px;
  }
  
  .disease-detection-element.detection-time-tag {
    top: 28.9%;
    left: 65%;
    width: 105px;
  }
  
  .disease-detection-element.action-tag {
    top: 59%;
    left: 21.8%;
    width: 105px;
  }
  
  .disease-detection-element.savings-tag {
    top: 63%;
    left: 61.5%;
    width: 105px;
  }
  
  /* Posicionamiento para elementos de sostenibilidad en Desktop */
  .sustainability-element.pastizales-tag {
    top: 77.2%;
    left: 6.5%;
  }
  
  .sustainability-element.energia-solar-tag {
    top: 20.77%;
    right: 11.4%;
  }
}

/* ===== TABLET LANDSCAPE (992px - 1199px) ===== */
@media (min-width: 992px) and (max-width: 1199px) {
  .arete-element {
    width: 73px;
    height: 41px;
  }

  .abigeto-health-element {
    width: 58px !important;
    height: 17px !important;
    font-size: 8px !important;
    padding: 0 !important;
  }
    
        
  /* Elementos del diagrama principal - Tablet Landscape */
  .gps-base {
    top: 13.5%;
    left: 9%;
  }
  
  .sensores-eth {
    top: 19.5%;
    left: 19.2%;
  }
  
  .app-movil {
    top: 31.4%;
    left: 26.8%;
  }
  
  .monitoreo-stellar {
    top: 46.2%;
    left: 30.8%;
  }
  
  .data-processing {
    top: 31.2%;
    right: 29%;
  }
  
  .alertas-eth {
    top: 14%;
    right: 10.6%;
  }
  
  .panel-solar {
    top: 45%;
    right: 32.2%;
  }
  
  .datos-ganaderos {
    top: 19.2%;
    right: 21%;
  }
  
  /* Elementos del sistema de prevención de abigeato - Tablet Landscape */
  .prevention-system-container .abigeto-health-element.input-sources {
    top: 42.8%;
    left: 25.8%;
   
  }
  
  .prevention-system-container .abigeto-health-element.livestock-system {
    top: 48.6%;
    left: 15.8%;
  }
  
  .prevention-system-container .abigeto-health-element.sensor-network {
    top: 53.2%;
    left: 17.8%;
  }
  
  .prevention-system-container .abigeto-health-element.data-hub {
    top: 44%;
    left: 64.6%;
  }
  
  .prevention-system-container .abigeto-health-element.ear-tag-central {
    top: 56.2%;
    left: 52.9%;
  }
  
  .prevention-system-container .abigeto-health-element.gps-network {
    top: 55%;
    left: 32.2%;
  }
  
  .prevention-system-container .abigeto-health-element.mobile-interface {
    top: 51.1%;
    left: 46.5%;
  }
  
  .prevention-system-container .abigeto-health-element.data-collection {
    top: 48%;
    left: 59.5%;
  }
  
  .prevention-system-container .abigeto-health-element.monitoring-system {
    top: 52.5%;
    left: 70%;
  }
  
  /* Elementos de monitoreo de salud animal - Tablet Landscape */
  .health-monitoring-container .abigeto-health-element {
    font-size: 7px !important;
    width: 54px !important;
    height: 17px !important;
    line-height: 7px;
  }
  .health-monitoring-container .abigeto-health-element.health-data-hub {
    top: 42.8%;
    right: 60.9%;
  }
  
  .health-monitoring-container .abigeto-health-element.biometric-scanner {
    top: 44.1%;
    right: 22.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.temperature-sensor {
    top: 48.6%;
    right: 71.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.heart-rate-monitor {
    top: 53.3%;
    right: 68.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-monitor {
    top: 56.2%;
    right: 34.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.activity-tracker {
    top: 54.8%;
    right: 54.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.disease-detection {
    top: 51.2%;
    right: 40.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.vital-signs {
    top: 48%;
    right: 27.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-reports {
    top: 52.4%;
    right: 16.8%;
  }
  
  /* Posicionamiento para elementos de ear-tag en Tablet Landscape */
  .ear-tag-element {
    width: 59px !important;
    height: 17px !important;
    font-size: 7px !important;
  }
  .ear-tag-element.livestock-id-tag {
    top: 46.4%;
    left: 24%;
    width: 42px !important;
    height: 17px !important;
  }
  
  .ear-tag-element.health-monitor-tag {
    top: 43.5%;
    left: 63.2%;
  }
  
  .ear-tag-element.gps-tracker-tag {
    top: 45.2%;
    left: 56.2%;
  }
  
  .ear-tag-element.feeding-system-tag {
    top: 46.7%;
    left: 46.1%;
  }
  
  .ear-tag-element.breeding-control-tag {
    top: 47.5%;
    left: 68.2%;
  }
  
  .ear-tag-element.reproductive-tracking-tag {
    top: 53.2%;
    left: 72.9%;
  }
  
  .ear-tag-element.data-analytics-tag {
    top: 51.6%;
    left: 63.4%;
  }
  
  .ear-tag-element.mobile-app-tag {
    top: 52.2%;
    left: 64.2%;
  }
  
  /* Posicionamiento para elementos de detección de enfermedades en Tablet Landscape */
  .disease-detection-element {
    width: 58px !important;
    height: 18px !important;
    font-size: 8px !important;
    line-height: 8px !important;
  }
  .disease-detection-element.disease-type-tag {
    top: 44.5%;
    left: 23.5%;
  }
  
  .disease-detection-element.detection-time-tag {
    top: 43.4%;
    left: 65.1%;
  }
  
  .disease-detection-element.action-tag {
    top: 52.8%;
    left: 22.0%;
  }
  
  .disease-detection-element.savings-tag {
    top: 54%;
    left: 61.5%;
  }
  
  /* Posicionamiento para elementos de sostenibilidad en Tablet Landscape */
  .sustainability-element.pastizales-tag {
    top: 58%;
    left: 7.5%;
  }
  
  .sustainability-element.energia-solar-tag {
    top: 17%;
    right: 11.5%;
  }
}

/* ===== TABLET PORTRAIT (768px - 991px) ===== */
@media (min-width: 768px) and (max-width: 991px) {
  .home-lottie-animations {
    height: 400px;
  }
  
  /* Elementos del diagrama principal - Tablet Portrait */
  .gps-base {
    top: 24%;
    left: 7.8%;
  }
  
  .sensores-eth {
    top: 33%;
    left: 16.8%;
  }
  
  .app-movil {
    top: 51%;
    left: 24.5%;
  }
  
  .monitoreo-stellar {
    top: 72%;
    left: 28.5%;
  }
  
  .data-processing {
    top: 51%;
    right: 25.5%;
  }
  
  .alertas-eth {
    top: 24%;
    right: 9.2%;
  }
  
  .panel-solar {
    top: 71%;
    right: 29.2%;
  }
  
  .datos-ganaderos {
    top: 31.8%;
    right: 17.8%;
  }
  
  /* Elementos del sistema de prevención de abigeato - Tablet Portrait */
  .prevention-system-container .abigeto-health-element.input-sources {
    top: 30.2%;
    left: 25.2%;
  }
  
  .prevention-system-container .abigeto-health-element.livestock-system {
    top: 48.8%;
    left: 15.2%;
  }
  
  .prevention-system-container .abigeto-health-element.sensor-network {
    top: 63.8%;
    left: 17.2%;
  }
  
  .prevention-system-container .abigeto-health-element.data-hub {
    top: 33.8%;
    left: 61.5%;
  }
  
  .prevention-system-container .abigeto-health-element.ear-tag-central {
    top: 73.2%;
    left: 51%;
  }
  
  .prevention-system-container .abigeto-health-element.gps-network {
    top: 68.5%;
    left: 31.5%;
  }
  
  .prevention-system-container .abigeto-health-element.mobile-interface {
    top: 58%;
    left: 44.5%;
  }
  
  .prevention-system-container .abigeto-health-element.data-collection {
    top: 48%;
    left: 57.5%;
  }
  
  .prevention-system-container .abigeto-health-element.monitoring-system {
    top: 62%;
    left: 68.5%;
  }
  
  /* Elementos de monitoreo de salud animal - Tablet Portrait */
  .health-monitoring-container .abigeto-health-element.health-data-hub {
    top: 33.8%;
    right: 58.5%;
  }
  
  .health-monitoring-container .abigeto-health-element.biometric-scanner {
    top: 37.5%;
    right: 20%;
  }
  
  .health-monitoring-container .abigeto-health-element.temperature-sensor {
    top: 49.5%;
    right: 67.5%;
  }
  
  .health-monitoring-container .abigeto-health-element.heart-rate-monitor {
    top: 62.5%;
    right: 66.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-monitor {
    top: 70.5%;
    right: 32%;
  }
  
  .health-monitoring-container .abigeto-health-element.activity-tracker {
    top: 66.2%;
    right: 51.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.disease-detection {
    top: 56.8%;
    right: 37.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.vital-signs {
    top: 48.5%;
    right: 25.5%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-reports {
    top: 60.5%;
    right: 15.2%;
  }
  
  /* Ajustes de tamaño para tablet */
  .arete-element {
    font-size: 13px;
    padding: 10px 14px;
    width: 98px;
    height: 55px;
  }
  
  .arete-element .sub-text {
    font-size: 10px;
  }
  
  /* Posicionamiento para elementos de ear-tag en Tablet Portrait */
  .ear-tag-element.livestock-id-tag {
    top: 43%;
    left: 28%;
    width: 78px;
    height: 30px;
  }
  
  .ear-tag-element.health-monitor-tag {
    top: 36%;
    left: 58%;
  }
  
  .ear-tag-element.gps-tracker-tag {
    top: 40%;
    left: 52%;
  }
  
  .ear-tag-element.feeding-system-tag {
    top: 44%;
    left: 42%;
  }
  
  .ear-tag-element.breeding-control-tag {
    top: 46%;
    left: 62%;
  }
  
  .ear-tag-element.reproductive-tracking-tag {
    top: 60%;
    left: 66%;
  }
  
  .ear-tag-element.data-analytics-tag {
    top: 56%;
    left: 58%;
  }
  
  .ear-tag-element.mobile-app-tag {
    top: 59%;
    left: 60%;
  }
  
  /* Posicionamiento para elementos de detección de enfermedades en Tablet Portrait */
  .disease-detection-element.disease-type-tag {
    top: 38%;
    left: 26%;
  }
  
  .disease-detection-element.detection-time-tag {
    top: 34%;
    left: 58%;
  }
  
  .disease-detection-element.action-tag {
    top: 63%;
    left: 24%;
  }
  
  .disease-detection-element.savings-tag {
    top: 66%;
    left: 56%;
  }
  
  /* Posicionamiento para elementos de sostenibilidad en Tablet Portrait */
  .sustainability-element.pastizales-tag {
    top: 60%;
    left: 8%;
  }
  
  .sustainability-element.energia-solar-tag {
    top: 18%;
    right: 12%;
  }
}

/* ===== MOBILE LARGE (576px - 767px) ===== */
@media (min-width: 576px) and (max-width: 767px) {
  .home-lottie-animations {
    height: 350px;
  }
  
  /* Elementos del diagrama principal - Mobile Large */
  .gps-base {
    top: 26%;
    left: 7.2%;
  }
  
  .sensores-eth {
    top: 35%;
    left: 15.5%;
  }
  
  .app-movil {
    top: 53%;
    left: 23.2%;
  }
  
  .monitoreo-stellar {
    top: 74%;
    left: 27.2%;
  }
  
  .data-processing {
    top: 53%;
    right: 23.8%;
  }
  
  .alertas-eth {
    top: 26%;
    right: 8.5%;
  }
  
  .panel-solar {
    top: 73%;
    right: 27.8%;
  }
  
  .datos-ganaderos {
    top: 33.5%;
    right: 16.5%;
  }
  
  /* Elementos del sistema de prevención de abigeato - Mobile Large */
  .prevention-system-container .abigeto-health-element.input-sources {
    top: 31.8%;
    left: 24.5%;
  }
  
  .prevention-system-container .abigeto-health-element.livestock-system {
    top: 50.2%;
    left: 14.5%;
  }
  
  .prevention-system-container .abigeto-health-element.sensor-network {
    top: 65.2%;
    left: 16.5%;
  }
  
  .prevention-system-container .abigeto-health-element.data-hub {
    top: 35.2%;
    left: 59.8%;
  }
  
  .prevention-system-container .abigeto-health-element.ear-tag-central {
    top: 74.8%;
    left: 49.8%;
  }
  
  .prevention-system-container .abigeto-health-element.gps-network {
    top: 70.2%;
    left: 30.8%;
  }
  
  .prevention-system-container .abigeto-health-element.mobile-interface {
    top: 60%;
    left: 43.2%;
  }
  
  .prevention-system-container .abigeto-health-element.data-collection {
    top: 50%;
    left: 56.2%;
  }
  
  .prevention-system-container .abigeto-health-element.monitoring-system {
    top: 64%;
    left: 67.2%;
  }
  
  /* Elementos de monitoreo de salud animal - Mobile Large */
  .health-monitoring-container .abigeto-health-element.health-data-hub {
    top: 35.2%;
    right: 57.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.biometric-scanner {
    top: 38.8%;
    right: 18.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.temperature-sensor {
    top: 50.8%;
    right: 65.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.heart-rate-monitor {
    top: 63.8%;
    right: 64.5%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-monitor {
    top: 71.8%;
    right: 30.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.activity-tracker {
    top: 67.5%;
    right: 50.5%;
  }
  
  .health-monitoring-container .abigeto-health-element.disease-detection {
    top: 58.2%;
    right: 36.5%;
  }
  
  .health-monitoring-container .abigeto-health-element.vital-signs {
    top: 50%;
    right: 24.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-reports {
    top: 62%;
    right: 14.2%;
  }
  
  /* Ajustes de tamaño para mobile large */
  .arete-element {
    font-size: 12px;
    padding: 8px 12px;
    width: 92px;
    height: 52px;
  }
  
  .arete-element .sub-text {
    font-size: 9px;
  }
  
  /* Posicionamiento para elementos de ear-tag en Mobile Large */
  .ear-tag-element.livestock-id-tag {
    top: 45%;
    left: 29%;
    width: 76px;
    height: 29px;
  }
  
  .ear-tag-element.health-monitor-tag {
    top: 38%;
    left: 59%;
  }
  
  .ear-tag-element.gps-tracker-tag {
    top: 42%;
    left: 53%;
  }
  
  .ear-tag-element.feeding-system-tag {
    top: 46%;
    left: 43%;
  }
  
  .ear-tag-element.breeding-control-tag {
    top: 48%;
    left: 63%;
  }
  
  .ear-tag-element.reproductive-tracking-tag {
    top: 62%;
    left: 67%;
  }
  
  .ear-tag-element.data-analytics-tag {
    top: 58%;
    left: 59%;
  }
  
  .ear-tag-element.mobile-app-tag {
    top: 61%;
    left: 61%;
  }
  
  /* Posicionamiento para elementos de detección de enfermedades en Mobile Large */
  .disease-detection-element.disease-type-tag {
    top: 40%;
    left: 27%;
  }
  
  .disease-detection-element.detection-time-tag {
    top: 36%;
    left: 59%;
  }
  
  .disease-detection-element.action-tag {
    top: 65%;
    left: 25%;
  }
  
  .disease-detection-element.savings-tag {
    top: 68%;
    left: 57%;
  }
  
  /* Posicionamiento para elementos de sostenibilidad en Mobile Large */
  .sustainability-element.pastizales-tag {
    top: 62%;
    left: 8.5%;
  }
  
  .sustainability-element.energia-solar-tag {
    top: 19%;
    right: 12.5%;
  }
}

/* ===== MOBILE MEDIUM (480px - 575px) ===== */
@media (min-width: 480px) and (max-width: 575px) {
  .home-lottie-animations {
    height: 320px;
  }
  
  /* Elementos del diagrama principal - Mobile Medium */
  .gps-base {
    top: 28%;
    left: 6.8%;
  }
  
  .sensores-eth {
    top: 37%;
    left: 14.8%;
  }
  
  .app-movil {
    top: 55%;
    left: 22.2%;
  }
  
  .monitoreo-stellar {
    top: 76%;
    left: 26.2%;
  }
  
  .data-processing {
    top: 55%;
    right: 22.2%;
  }
  
  .alertas-eth {
    top: 28%;
    right: 7.8%;
  }
  
  .panel-solar {
    top: 75%;
    right: 26.2%;
  }
  
  .datos-ganaderos {
    top: 35.2%;
    right: 15.2%;
  }
  
  /* Elementos del sistema de prevención de abigeato - Mobile Medium */
  .prevention-system-container .abigeto-health-element.input-sources {
    top: 33.5%;
    left: 23.8%;
  }
  
  .prevention-system-container .abigeto-health-element.livestock-system {
    top: 51.8%;
    left: 13.8%;
  }
  
  .prevention-system-container .abigeto-health-element.sensor-network {
    top: 66.8%;
    left: 15.8%;
  }
  
  .prevention-system-container .abigeto-health-element.data-hub {
    top: 36.8%;
    left: 58.2%;
  }
  
  .prevention-system-container .abigeto-health-element.ear-tag-central {
    top: 76.2%;
    left: 48.2%;
  }
  
  .prevention-system-container .abigeto-health-element.gps-network {
    top: 71.8%;
    left: 29.2%;
  }
  
  .prevention-system-container .abigeto-health-element.mobile-interface {
    top: 62%;
    left: 41.8%;
  }
  
  .prevention-system-container .abigeto-health-element.data-collection {
    top: 52%;
    left: 54.8%;
  }
  
  .prevention-system-container .abigeto-health-element.monitoring-system {
    top: 66%;
    left: 65.8%;
  }
  
  /* Elementos de monitoreo de salud animal - Mobile Medium */
  .health-monitoring-container .abigeto-health-element.health-data-hub {
    top: 36.8%;
    right: 55.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.biometric-scanner {
    top: 40.2%;
    right: 17.5%;
  }
  
  .health-monitoring-container .abigeto-health-element.temperature-sensor {
    top: 52.2%;
    right: 64.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.heart-rate-monitor {
    top: 65.2%;
    right: 62.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-monitor {
    top: 73.2%;
    right: 29.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.activity-tracker {
    top: 68.8%;
    right: 48.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.disease-detection {
    top: 59.5%;
    right: 34.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.vital-signs {
    top: 51.2%;
    right: 22.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-reports {
    top: 63.2%;
    right: 13.2%;
  }
  
  /* Ajustes de tamaño para mobile medium */
  .arete-element {
    font-size: 11px;
    padding: 6px 10px;
    width: 88px;
    height: 48px;
  }
  
  .arete-element .sub-text {
    font-size: 8px;
  }
  
  /* Posicionamiento para elementos de ear-tag en Mobile Medium */
  .ear-tag-element.livestock-id-tag {
    top: 47%;
    left: 30%;
    width: 74px;
    height: 28px;
  }
  
  .ear-tag-element.health-monitor-tag {
    top: 40%;
    left: 60%;
  }
  
  .ear-tag-element.gps-tracker-tag {
    top: 44%;
    left: 54%;
  }
  
  .ear-tag-element.feeding-system-tag {
    top: 48%;
    left: 44%;
  }
  
  .ear-tag-element.breeding-control-tag {
    top: 50%;
    left: 64%;
  }
  
  .ear-tag-element.reproductive-tracking-tag {
    top: 64%;
    left: 68%;
  }
  
  .ear-tag-element.data-analytics-tag {
    top: 60%;
    left: 60%;
  }
  
  .ear-tag-element.mobile-app-tag {
    top: 63%;
    left: 62%;
  }
  
  /* Posicionamiento para elementos de detección de enfermedades en Mobile Medium */
  .disease-detection-element.disease-type-tag {
    top: 42%;
    left: 28%;
  }
  
  .disease-detection-element.detection-time-tag {
    top: 38%;
    left: 60%;
  }
  
  .disease-detection-element.action-tag {
    top: 67%;
    left: 26%;
  }
  
  .disease-detection-element.savings-tag {
    top: 70%;
    left: 58%;
  }
  
  /* Posicionamiento para elementos de sostenibilidad en Mobile Medium */
  .sustainability-element.pastizales-tag {
    top: 64%;
    left: 9%;
  }
  
  .sustainability-element.energia-solar-tag {
    top: 20%;
    right: 13%;
  }
}

/* ===== MOBILE SMALL (320px - 479px) ===== */
@media (min-width: 320px) and (max-width: 479px) {
  .home-lottie-animations {
    height: 300px;
  }
  
  /* Elementos del diagrama principal - Mobile Small */
  .gps-base {
    top: 30%;
    left: 6.2%;
  }
  
  .sensores-eth {
    top: 39%;
    left: 13.8%;
  }
  
  .app-movil {
    top: 57%;
    left: 20.8%;
  }
  
  .monitoreo-stellar {
    top: 78%;
    left: 24.8%;
  }
  
  .data-processing {
    top: 57%;
    right: 20.8%;
  }
  
  .alertas-eth {
    top: 30%;
    right: 7.2%;
  }
  
  .panel-solar {
    top: 77%;
    right: 24.8%;
  }
  
  .datos-ganaderos {
    top: 37%;
    right: 14.2%;
  }
  
  /* Elementos del sistema de prevención de abigeato - Mobile Small */
  .prevention-system-container .abigeto-health-element.input-sources {
    top: 35.2%;
    left: 22.8%;
  }
  
  .prevention-system-container .abigeto-health-element.livestock-system {
    top: 53.5%;
    left: 12.8%;
  }
  
  .prevention-system-container .abigeto-health-element.sensor-network {
    top: 68.5%;
    left: 14.8%;
  }
  
  .prevention-system-container .abigeto-health-element.data-hub {
    top: 38.5%;
    left: 56.8%;
  }
  
  .prevention-system-container .abigeto-health-element.ear-tag-central {
    top: 77.8%;
    left: 46.8%;
  }
  
  .prevention-system-container .abigeto-health-element.gps-network {
    top: 73.5%;
    left: 27.8%;
  }
  
  .prevention-system-container .abigeto-health-element.mobile-interface {
    top: 64%;
    left: 40.2%;
  }
  
  .prevention-system-container .abigeto-health-element.data-collection {
    top: 54%;
    left: 53.2%;
  }
  
  .prevention-system-container .abigeto-health-element.monitoring-system {
    top: 68%;
    left: 64.2%;
  }
  
  /* Elementos de monitoreo de salud animal - Mobile Small */
  .health-monitoring-container .abigeto-health-element.health-data-hub {
    top: 38.5%;
    right: 54.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.biometric-scanner {
    top: 41.8%;
    right: 16.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.temperature-sensor {
    top: 53.8%;
    right: 62.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.heart-rate-monitor {
    top: 66.8%;
    right: 60.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-monitor {
    top: 74.8%;
    right: 27.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.activity-tracker {
    top: 70.5%;
    right: 47.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.disease-detection {
    top: 61.2%;
    right: 33.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.vital-signs {
    top: 52.8%;
    right: 21.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-reports {
    top: 64.8%;
    right: 12.2%;
  }
  
  /* Ajustes de tamaño para mobile small */
  .arete-element {
    font-size: 10px;
    padding: 5px 8px;
    width: 82px;
    height: 45px;
  }
  
  .arete-element .sub-text {
    font-size: 7px;
  }
  
  /* Posicionamiento para elementos de ear-tag en Mobile Small */
  .ear-tag-element.livestock-id-tag {
    top: 49%;
    left: 31%;
    width: 72px;
    height: 27px;
  }
  
  .ear-tag-element.health-monitor-tag {
    top: 42%;
    left: 61%;
  }
  
  .ear-tag-element.gps-tracker-tag {
    top: 46%;
    left: 55%;
  }
  
  .ear-tag-element.feeding-system-tag {
    top: 50%;
    left: 45%;
  }
  
  .ear-tag-element.breeding-control-tag {
    top: 52%;
    left: 65%;
  }
  
  .ear-tag-element.reproductive-tracking-tag {
    top: 66%;
    left: 69%;
  }
  
  .ear-tag-element.data-analytics-tag {
    top: 62%;
    left: 61%;
  }
  
  .ear-tag-element.mobile-app-tag {
    top: 65%;
    left: 63%;
  }
  
  /* Posicionamiento para elementos de detección de enfermedades en Mobile Small */
  .disease-detection-element.disease-type-tag {
    top: 44%;
    left: 29%;
  }
  
  .disease-detection-element.detection-time-tag {
    top: 40%;
    left: 61%;
  }
  
  .disease-detection-element.action-tag {
    top: 69%;
    left: 27%;
  }
  
  .disease-detection-element.savings-tag {
    top: 72%;
    left: 59%;
  }
  
  /* Posicionamiento para elementos de sostenibilidad en Mobile Small */
  .sustainability-element.pastizales-tag {
    top: 66%;
    left: 9.5%;
  }
  
  .sustainability-element.energia-solar-tag {
    top: 21%;
    right: 13.5%;
  }
}

/* ===== IPHONE SE Y DISPOSITIVOS MUY PEQUEÑOS (max-width: 319px) ===== */
@media (max-width: 319px) {
  .home-lottie-animations {
    height: 280px;
  }
  
  /* Elementos del diagrama principal - iPhone SE */
  .gps-base {
    top: 32%;
    left: 5.8%;
  }
  
  .sensores-eth {
    top: 41%;
    left: 12.8%;
  }
  
  .app-movil {
    top: 59%;
    left: 19.2%;
  }
  
  .monitoreo-stellar {
    top: 80%;
    left: 23.2%;
  }
  
  .data-processing {
    top: 59%;
    right: 19.2%;
  }
  
  .alertas-eth {
    top: 32%;
    right: 6.8%;
  }
  
  .panel-solar {
    top: 79%;
    right: 23.2%;
  }
  
  .datos-ganaderos {
    top: 39%;
    right: 13.2%;
  }
  
  /* Elementos del sistema de prevención de abigeato - iPhone SE */
  .prevention-system-container .abigeto-health-element.input-sources {
    top: 36.8%;
    left: 21.8%;
  }
  
  .prevention-system-container .abigeto-health-element.livestock-system {
    top: 55.2%;
    left: 11.8%;
  }
  
  .prevention-system-container .abigeto-health-element.sensor-network {
    top: 70.2%;
    left: 13.8%;
  }
  
  .prevention-system-container .abigeto-health-element.data-hub {
    top: 40.2%;
    left: 55.2%;
  }
  
  .prevention-system-container .abigeto-health-element.ear-tag-central {
    top: 79.2%;
    left: 45.2%;
  }
  
  .prevention-system-container .abigeto-health-element.gps-network {
    top: 75.2%;
    left: 26.2%;
  }
  
  .prevention-system-container .abigeto-health-element.mobile-interface {
    top: 66%;
    left: 38.8%;
  }
  
  .prevention-system-container .abigeto-health-element.data-collection {
    top: 56%;
    left: 51.8%;
  }
  
  .prevention-system-container .abigeto-health-element.monitoring-system {
    top: 70%;
    left: 62.8%;
  }
  
  /* Elementos de monitoreo de salud animal - iPhone SE */
  .health-monitoring-container .abigeto-health-element.health-data-hub {
    top: 40.2%;
    right: 52.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.biometric-scanner {
    top: 43.5%;
    right: 15.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.temperature-sensor {
    top: 55.5%;
    right: 60.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.heart-rate-monitor {
    top: 68.5%;
    right: 59.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-monitor {
    top: 76.5%;
    right: 26.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.activity-tracker {
    top: 72.2%;
    right: 45.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.disease-detection {
    top: 62.8%;
    right: 31.8%;
  }
  
  .health-monitoring-container .abigeto-health-element.vital-signs {
    top: 54.5%;
    right: 20.2%;
  }
  
  .health-monitoring-container .abigeto-health-element.health-reports {
    top: 66.5%;
    right: 11.2%;
  }
  
  /* Ajustes de tamaño para iPhone SE */
  .arete-element {
    font-size: 9px;
    padding: 4px 6px;
    width: 76px;
    height: 42px;
  }
  
  .arete-element .sub-text {
    font-size: 6px;
  }
  
  /* Posicionamiento para elementos de ear-tag en iPhone SE */
  .ear-tag-element.livestock-id-tag {
    top: 51%;
    left: 32%;
    width: 70px;
    height: 26px;
  }
  
  .ear-tag-element.health-monitor-tag {
    top: 44%;
    left: 62%;
  }
  
  .ear-tag-element.gps-tracker-tag {
    top: 48%;
    left: 56%;
  }
  
  .ear-tag-element.feeding-system-tag {
    top: 52%;
    left: 46%;
  }
  
  .ear-tag-element.breeding-control-tag {
    top: 54%;
    left: 66%;
  }
  
  .ear-tag-element.reproductive-tracking-tag {
    top: 68%;
    left: 70%;
  }
  
  .ear-tag-element.data-analytics-tag {
    top: 64%;
    left: 62%;
  }
  
  .ear-tag-element.mobile-app-tag {
    top: 67%;
    left: 64%;
  }
  
  /* Posicionamiento para elementos de detección de enfermedades en iPhone SE */
  .disease-detection-element.disease-type-tag {
    top: 46%;
    left: 30%;
  }
  
  .disease-detection-element.detection-time-tag {
    top: 42%;
    left: 62%;
  }
  
  .disease-detection-element.action-tag {
    top: 71%;
    left: 28%;
  }
  
  .disease-detection-element.savings-tag {
    top: 74%;
    left: 60%;
  }
  
  /* Posicionamiento para elementos de sostenibilidad en iPhone SE */
  .sustainability-element.pastizales-tag {
    top: 68%;
    left: 10%;
  }
  
  .sustainability-element.energia-solar-tag {
    top: 22%;
    right: 14%;
  }
}

/* ===== ANIMACIONES ===== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.arete-element {
  animation: fadeInUp 0.6s ease forwards;
}

.arete-element:nth-child(1) { animation-delay: 0.1s; }
.arete-element:nth-child(2) { animation-delay: 0.2s; }
.arete-element:nth-child(3) { animation-delay: 0.3s; }
.arete-element:nth-child(4) { animation-delay: 0.4s; }
.arete-element:nth-child(5) { animation-delay: 0.5s; }
.arete-element:nth-child(6) { animation-delay: 0.6s; }
.arete-element:nth-child(7) { animation-delay: 0.7s; }
.arete-element:nth-child(8) { animation-delay: 0.8s; }
.arete-element:nth-child(9) { animation-delay: 0.9s; }
.arete-element:nth-child(10) { animation-delay: 1.0s; }
.arete-element:nth-child(11) { animation-delay: 1.1s; }
.arete-element:nth-child(12) { animation-delay: 1.2s; }
.arete-element:nth-child(13) { animation-delay: 1.3s; }
.arete-element:nth-child(14) { animation-delay: 1.4s; }
.arete-element:nth-child(15) { animation-delay: 1.5s; }
.arete-element:nth-child(16) { animation-delay: 1.6s; }
.arete-element:nth-child(17) { animation-delay: 1.7s; }
.arete-element:nth-child(18) { animation-delay: 1.8s; }

.connection-line {
  animation: fadeInUp 0.8s ease forwards;
  animation-delay: 1s;
}

/* ===== ELEMENTOS ADICIONALES ===== */
.EuroC,
.USDT,
.USDC,
.EUR,
.MXN,
.USD,
.NGN,
.PYUSD,
.Text_01,
.Text_02,
.Text_03,
.Text_04,
.Text_05,
.Text_06,
.Text_07,
.Text_08 {
  display: none !important;
}

/* ===== ELEMENTOS DEL DIAGRAMA DE PREVENCIÓN DE ABIGEATO ===== */
/* NOTA: Las posiciones están definidas en las media queries responsivas */

/* ===== ELEMENTOS DEL DIAGRAMA DE MONITOREO DE SALUD ANIMAL ===== */
/* NOTA: Las posiciones están definidas en las media queries responsivas */

/* ===== CONTENEDORES ===== */
.abigeato-element-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* Contenedor específico para sistema de prevención de abigeato */
.prevention-system-container {
  /* Estilos específicos para el sistema de prevención */
}

/* Contenedor específico para monitoreo de salud animal */
.health-monitoring-container {
  /* Estilos específicos para el monitoreo de salud */
}

.abigeto-health-element {
  line-height: 8px;
  padding: 0px 12px;
  position: absolute;
  color: #333;
  font-size: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 10;
  width: 100px;
  height: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ear-tag-element-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ear-tag-element {
  line-height: 8px;
  padding: 0px;
  position: absolute;
  color: #ffffff;
  font-size: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 10;
  width: 100px;
  height: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 100;
}

.lottie-wrapper {
  position: relative;
}

/* ===== POSICIONAMIENTO ESPECÍFICO PARA ELEMENTOS DE EAR-TAG ===== */
/* NOTA: Las posiciones están definidas en las media queries responsivas */

/* ===== CONTENEDOR DE ELEMENTOS DE DETECCIÓN DE ENFERMEDADES ===== */
.disease-detection-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.disease-detection-element {
  line-height: 12px;
  padding: 0px 12px;
  position: absolute;
  color: #fff;
  font-size: 11px;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 10;
  width: 123px;
  height: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 100;
}

/* ===== POSICIONAMIENTO ESPECÍFICO PARA ELEMENTOS DE DETECCIÓN DE ENFERMEDADES ===== */
/* NOTA: Las posiciones están definidas en las media queries responsivas */

/* ===== ELEMENTOS DE SOSTENIBILIDAD ===== */
.sustainability-element {
  position: absolute;
  font-size: 14px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 12px;
  background: #12a76b;
  border-radius: 5px;
  color: #000;
}

/* NOTA: Las posiciones están definidas en las media queries responsivas */

/* ===== ESTILOS PARA LOGOS DE ORGANIZACIONES AGRÍCOLAS COLOMBIANAS ===== */
.client-logo.fedegan {
  width: 6.25rem;
}

.client-logo.agrosavia {
  width: 3.25rem;
}

.client-logo.minagricultura {
  width: 6.125rem;
}

.client-logo.ica {
  width: 4.91563rem;
}

.client-logo.finagro {
  width: 7.2rem;
}

.client-logo.banco-agrario {
  width: 12.25rem;
}

.client-logo.corpoica {
  width: 6.25rem;
}