#contenedor_header_home { background-color: rgb(182, 50, 33); }
#segunda_capa { position: relative; }
#segunda_capa img { display: block; width: 100%; }
#segunda_capa::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; background: linear-gradient(to bottom, transparent, white); pointer-events: none; }
#texto-por-encima { z-index:1; }

.categorias_soluciones .fusion-column-wrapper > div:last-child { margin-top: -85px; margin-bottom: 45px; z-index: 1; }

#primera_capa { position: relative; width: 100%; height: auto; }
#primera_capa img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.icono { position: absolute; width: 21px; height: 21px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 99; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 1); animation: palpitar 1s ease-in-out infinite; }
.icono-1 { top: 60%; left: 32%; }
.icono-2 { top: 31%; left: 33%; }
.icono-3 { top: 61%; left: 57%; }
.icono-4 { top: 53%; left: 51%; }
.icono::before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #ffffff; z-index: 9999; }
.icono .icono-texto { background: rgba(0, 0, 0, 0.4); position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%) translateY(10px); color: #fff; padding: 5px 10px; font-size: 14px; border-radius: 15px; white-space: nowrap; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s; pointer-events: none; z-index: 999; min-width: 120px; text-align: center; line-height: 0.8em; }
.icono:hover .icono-texto { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.icono:hover { animation:none !important; transform: translateX(-50%) translateY(-50%) scale(1.1); }
.icono .icono-texto p { margin-bottom: 34px; margin-top:20px; line-height:1.15em; }


@media (max-width: 640px) {
  .icono { animation: none !important; }
  #Columnas-texto-soluciones { column-count: 1 !important; text-align: justify !important; }
  #segunda_capa img { transform: scale(1.5); object-position: center; object-fit: cover; width: 100%; height: 475px; margin-top: 120px; }
  #segunda_capa { overflow: hidden; display: block; height: 630px; }
  .icono .icono-texto { bottom: -7px !important; z-index: 1; min-width: 90px !important; width: 90px !important; opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) translateY(0) !important; }
  .icono-1 { top: 30% !important; left: 53% !important; }
  .icono-2 { top: 33% !important; left: 24% !important; }
  .icono-3 { top: 58% !important; left: 39% !important; }
  .icono-4 { top: 51% !important; left: 70% !important; }
  .icono .icono-texto p { font-size: 10px !important; margin-bottom: 25px !important; margin-top:8px !important;}
  #texto-por-encima span { color: black !important; font-size:25px !important; }
  #texto-por-encima h1 {line-height: 0.7em !important; margin-top:-170px !important;}
  #texto-categorias { font-size: 25px !important; text-align:center !important; }
}

@keyframes palpitar {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.3);
    background: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.8);
  }
}