a:active, a:active *, input, textarea { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus *, input, textarea { outline: none !important; -moz-outline-style: none !important; }


#snow-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh; /* Aseguramos que cubra toda la altura de la pantalla */
  pointer-events: none; /* No interferir con la interacción del usuario */
  z-index: 9999;
  overflow: hidden; /* Asegura que no haya desplazamiento del contenedor */
}

.snowflake {
  position: absolute;
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, rgba(236, 240, 244, 0.8) 0%, rgba(236, 240, 244, 0) 70%);
  border-radius: 50%;
  opacity: 0.9;
  pointer-events: none;
  animation: fall linear infinite;
}

/* Animación de caída de nieve */
@keyframes fall {
  0% {
    transform: translateY(-100px) translateX(0);
  }
  100% {
    transform: translateY(100vh) translateX(0);
  }
}




@media only screen and (min-width : 320px) {
	#searchform{width:100%; display:none;}
	#searchform div{
		display:flex;
		background-color:#ECF0F4;
		border-radius:10px;
		height:50px;
		padding:0 20px;
	}
	#searchform div input{font-size:14px}
	#searchform div input, #searchform div button{
		background-color:transparent;
		border:0;
	}
	#searchform div input::placeholder{
		color:#9A9DA2;
		font-weight:600;
	}
	#searchform div i{
		font-size:25px;
		color:#9A9DA2;
	}
	#contact-home .input, #contact-home input:not([type=submit]), #contact-home textarea{background-color:#ECF0F4; border-radius:10px; border:0 !important; padding:20px !important; height:50px}
	#contact-home input::placeholder, #contact-home textarea::placeholder{color:#9A9DA2; font-weight:500;}
	#contact-home select{background-color:#ECF0F4; border-radius:10px; border:0 !important; padding:0 20px; height:50px; font-weight:500;}
	#contact-home input[type=submit]{font-weight:500; color:#164193; border-radius:10px; background-color:transparent; border: 1px solid #164193; padding:10px 40px;}
	#contact-home label{margin-bottom:10px}
	#contact-home .wpcf7-response-output{margin:0; border:2px solid #BF0D0D; margin-top:10px; border-radius:10px; color:#BF0D0D; font-weight:500}
	#contact-home textarea{height:100px}
	
	/**/
	.categorias-hijas {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 40px;
        list-style: none;
        padding: 0;
    }

    .subcategoria {
		border-bottom:1px solid #e0e0e0;
		padding-bottom:40px;
    }
	
	.subcategoria h3{
		margin-top:10px;
		font-size:18px;
		line-height:20px;
	}

    .subcategoria a {
        text-decoration: none;
        color: #333;
    }

    .imagen-destacada img {
        max-width: 100%;
        height: auto;
    }
	
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#searchform{display:block}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}