/*
Theme Name: Solvetec
Theme URI: https://solvetec.com
Author: Solvetec
Author URI: https://solvetec.com
Description: Tema WordPress corporativo para empresa tecnológica. Servicios de soporte técnico, redes, seguridad electrónica y venta de equipos informáticos.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solvetec
*/


/*
=========================================
VARIABLES GLOBALES
=========================================
*/


:root{

--solvetec-blue:#0A2A66;

--solvetec-light-blue:#1565D8;

--solvetec-orange:#FF6A00;

--solvetec-dark:#071B3D;

--solvetec-gray:#f5f7fb;

--solvetec-text:#444;

--white:#ffffff;

}





/*
=========================================
RESET
=========================================
*/


*{

box-sizing:border-box;

}


html{

scroll-behavior:smooth;

}



body{

margin:0;

font-family:

'Arial',
sans-serif;

color:var(--solvetec-text);

background:#fff;

line-height:1.6;

}



img{

max-width:100%;

height:auto;

}



a{

text-decoration:none;

transition:.3s;

}



ul{

padding:0;

margin:0;

}





/*
=========================================
CONTENEDOR GENERAL
=========================================
*/


.container{

width:90%;

max-width:1200px;

margin:auto;

}





/*
=========================================
TITULOS
=========================================
*/


.section-title{

font-size:42px;

font-weight:700;

color:var(--solvetec-blue);

text-align:center;

margin-bottom:20px;

}



.section-description{

max-width:750px;

margin:0 auto 50px;

text-align:center;

font-size:18px;

color:#666;

}





/*
=========================================
BOTONES
=========================================
*/


.btn{

display:inline-block;

background:var(--solvetec-orange);

color:#fff;

padding:15px 35px;

border-radius:35px;

font-weight:600;

transition:.3s;

}



.btn:hover{

transform:translateY(-3px);

opacity:.9;

}



.btn-outline{

display:inline-block;

border:2px solid #fff;

color:#fff;

padding:13px 32px;

border-radius:35px;

font-weight:600;

}





/*
=========================================
ANIMACIONES
=========================================
*/


.fade-up{

animation:fadeUp .8s ease;

}



@keyframes fadeUp{


from{

opacity:0;

transform:translateY(30px);

}


to{

opacity:1;

transform:translateY(0);

}


}





/*
=========================================
RESPONSIVE
=========================================
*/


@media(max-width:768px){


.section-title{

font-size:32px;

}



.container{

width:92%;

}


}