/*
 Theme Name: GeneratePress Child
 Theme URI: https://krlenergy.com
 Description: Child theme para Extendable
 Author: JCLC
 Template: generatepress
 Version: 1.0
*/

/* Fondo de mosaico para todo el sitio */
.wp-singular {
/*  background-image: url('img/tiles-krl.png');
  background-repeat: repeat;
  background-size: 100px auto;*/
  background-color: white;
}

/* Ajuste del bloque superior */
.inside-article {
	padding: 0!important;
}

/* Ajuste del primer bloque de Home */
.my-intro-cover .is-layout-constrained {
	padding-top: 0;
	padding-bottom: 0;
}

/* Personalización de paneles de información */
.frm_button_submit, .cursor-box {
    border-radius: 12px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.frm_button_submit::before, .cursor-box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
    top: -100%;
    left: -100%;
    transition: all 0.5s ease;
}

.frm_button_submit:hover::before, .cursor-box:hover::before {
    top: 100%;
    left: 100%;
}

.cursor-box h4 {
	margin:10px;
}

.cursor-box ul {
	list-style-image: url('img/miniBolt.webp');
	margin-right:20px;
}

.info {
	height: 530px;
    background: linear-gradient(180deg, #DA3026, #ffffff, #ffffff);
    border: 0.5px solid #DA3026;
}

.frm_button_submit:hover, .info:hover {
    transform: scale(1.05) translateY(-5px);
    box-shadow: 0 5px 15px #DA302650;
}

.info-image img {
	border-radius:12px;
}

.info-image:hover {
    transform: scale(1.05) translateY(-5px);
}

.frm_button_submit {
	background: linear-gradient(180deg, #DA3026, #DA3026, #eb5850)!important;
	border: none!important;
}

/* Animaciones */
@keyframes pulso {
  0% { transform: scale(1); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); }
}

/* Contenedor general de columnas */
.icon-col.alignwide {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
  text-align: center;
}

/* Cada columna */
.icon-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Íconos */
.icono-servicio {
  transition: transform 0.4s ease, filter 0.4s ease;
  /*transform: translateY(0);*/
}

.icono-servicio:hover {
  transform: scale(1.15)/* translateY(0)*/;
  animation: pulso 0.6s ease-in-out infinite;
}

.blur-rojo:hover {
	filter: drop-shadow(0 0 6px #DA3026);
}

.blur-azul:hover {
	filter: drop-shadow(0 0 6px #00bfff);
}

.blur-amarillo:hover {
	filter: drop-shadow(0 0 6px #F2C94C);
}

/* Texto */
.texto-servicio, .highlight-text-in-red, .highlight-text-in-gray {
  position: relative;
}

.texto-servicio::after, .highlight-text-in-red::after, .highlight-text-in-gray::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0%;
  height: 2px;
  transition: width 0.4s ease;
}

.texto-servicio::after, .highlight-text-in-red::after {
  background-color: #DA3026;
}

.highlight-text-in-gray::after {
  background-color: #575760;
}

.texto-servicio:hover::after, .highlight-text-in-red:hover::after, .highlight-text-in-gray:hover::after {
  width: 100%;
}