/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Sep 11, 2023, 4:57:37 PM
    Author     : adminweb
*/


.cajaServ:hover .icono,
.cajaServ:hover h3 {
    color: #FFFFFF !important;
}

.gridServicios{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(250px, auto);
}

.cajaServ{
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 2);
    border: 1px;
    border-top-style:solid;
    border-top-color: gray;
    overflow: hidden;
    margin: 30px;
    text-align: center;
    transition: all 0.25s;
    color: #404040;
}

.cajaServ:hover{
    transform: translateY(-4px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
    background: #192952;
    color: #FFFFFF;

}

.icono{
    font-size: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    /*color: #404040;*/
}



@media screen and (max-width: 860px) {
    .gridServicios{
        grid-template-columns: repeat(1, 1fr);
    }

}


@media screen and (max-width: 500px) {
    .gridServicios{
        grid-template-columns: repeat(1, 1fr);
    }

}