@import url('base.css');

:root{
    --fuente: 'Baloo Tamma 2', cursive;
    --color3:#0A8C2D;
    --blanco: #FFF;
    --fondo:#242A2A;
    --boton: #0B98F4;
    --borde: #696B6D;
    --colorF1: #140C0C;
    --colorF2: #170D0D;
    --colorF3: #262323;
}

.sombra2{
-webkit-box-shadow: -1px 13px 5px -6px rgba(227,4,16,1);
-moz-box-shadow: -1px 13px 5px -6px rgba(227,4,16,1);
box-shadow: -1px 13px 5px -6px rgba(227,4,16,1);
}
.serviciosD{
    display: flex;
    padding: 2rem 0;
    width: 100%;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    text-align: center;
}
.producto{
    display: block;
    color: var(--blanco);
    width: 90%;
    margin: 1rem 0;
}
.nombre_producto{
    margin: 0 0 1rem 0;
    padding: 0 0 1rem 0;
    font-size: 1.7rem;
}
.cara1{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
.cara1 p{
    font-size: 1.2rem;
}
.cara2{
    margin: 1rem 0;
    width: 80%;
    background-repeat: no-repeat;
    border-radius: 10%;
}
.imagen_lenguaje{
    width: 40%;
}
.boton-cotizar{
    padding: 1rem 2rem;
    background-color: transparent;
    border: 3px solid var(--blanco);
    border-radius: 2rem;
}
.boton-cotizar a{
    text-decoration: none;
    color: var(--blanco);
    font-size: 1.2rem;
    transform: font-size .3s ease;
}
.boton-cotizar a:hover{
    font-size: 1.5rem;
}

@media (min-width:768px){
.seccion{
    display: flex;
    justify-content: center;
}
.serviciosD{
    display: flex;
    flex-direction: column;
    padding: 2rem 0;
    width: 100%;
    align-items: center;
    gap:2rem;
}
.producto{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    color: var(--blanco);
    text-align: center;
    width: 90%;
    align-items: center;
    gap: .5rem;
    margin: 2rem 0;
}
.nombre_producto{
    grid-column: 1/3;
    margin: 0 0 1rem 0;
    padding: 0 0 1rem 0;
}
.cara1{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
.cara1 p{
    font-size: 1.2rem;
}
.cara2{
    width: 80%;
    background-repeat: no-repeat;
    border-radius: 10%;
}
.imagen_lenguaje{
    width: 40%;
}
.boton-cotizar{
    padding: 1rem 2rem;
    background-color: transparent;
    border: 3px solid var(--blanco);
    border-radius: 2rem;
}
.boton-cotizar a{
    text-decoration: none;
    color: var(--blanco);
    font-size: 1.2rem;
    transform: font-size .3s ease;
}
.boton-cotizar a:hover{
    font-size: 1.5rem;
}
.sombra2{
-webkit-box-shadow: -1px 13px 5px -6px rgba(227,4,16,1);
-moz-box-shadow: -1px 13px 5px -6px rgba(227,4,16,1);
box-shadow: -1px 13px 5px -6px rgba(227,4,16,1);
}
}