@charset "utf-8";
/* CSS Document */
/*=========================================
=         FORMULARIO CONTACTO
==========================================*/

.rc-contacto-formulario{

    padding:70px 0;

}

.rc-contacto-form{

    padding-right:30px;

}

.rc-contacto-form-titulo{

    color:#0d4da3;

    font-size:1.5rem;

    font-weight:500;

    margin-bottom:30px;

}

/*=========================================
=              INPUTS
==========================================*/

.rc-contacto-form .form-control{

    height:54px;

    border:1px solid #d9e4ef;

    border-radius:8px;

    box-shadow:none;

    font-size:15px;

    color:#4b5563;

    padding:12px 18px;

    transition:.3s;

}

.rc-contacto-form .form-control::placeholder{

    color:#9aa6b2;

}

.rc-contacto-form .form-control:focus{

    border-color:#0d4da3;

    box-shadow:0 0 0 .15rem rgba(13,77,163,.15);

}

/*=========================================
=             TEXTAREA
==========================================*/

.rc-contacto-form textarea.form-control{

    min-height:170px;

    resize:vertical;

    padding-top:15px;

}

/*=========================================
=             BOTÓN
==========================================*/

.rc-btn-contacto{

    background:#16a36b;

    color:#fff;

    border:none;

    border-radius:8px;

    padding:13px 28px;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}

.rc-btn-contacto i{

    margin-right:8px;

}

.rc-btn-contacto:hover{

    background:#12885a;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(22,163,107,.25);

}

/*=========================================
=             IMAGEN
==========================================*/

.rc-contacto-form-img{

    text-align:center;

}

.rc-contacto-form-img img{

    max-width:100%;

    height:auto;

}

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

@media (max-width:991px){

    .rc-contacto-form{

        padding-right:0;

    }

    .rc-contacto-form-titulo{

        text-align:center;

        font-size:36px;

    }

    .rc-contacto-form-img{

        margin-top:45px;

    }

}

@media (max-width:767px){

    .rc-contacto-formulario{

        padding:50px 0;

    }

    .rc-contacto-form-titulo{

        font-size:30px;

        margin-bottom:25px;

    }

    .rc-btn-contacto{

        width:100%;

        justify-content:center;

    }

}
/*==================================================
formulario-contacto.css
====================================================

INSTRUCCIONES:

1. Agrega aquí los estilos personalizados
   de esta subsección.

2. Los estilos generales deben ir
   fuera de los Media Queries.

3. Usa los Media Queries únicamente
   cuando necesites adaptar el diseño
   para tablets o celulares.

4. Mantén el código ordenado y comentado.

==================================================*/



/*==================================================
ESTILOS GENERALES
Desktop / Laptop
==================================================*/




/*==================================================
TABLETS
Pantallas menores a 992px
==================================================*/
@media (max-width: 991px){

    

}




/*==================================================
MÓVILES
Pantallas menores a 768px
==================================================*/
@media (max-width: 767px){

    

}




/*==================================================
MÓVILES PEQUEÑOS
Pantallas menores a 576px
==================================================*/
@media (max-width: 575px){

    

}




/*==================================================
MODO HORIZONTAL
Landscape
==================================================*/
@media (orientation: landscape){

    

}




/*==================================================
MODO VERTICAL
Portrait
==================================================*/
@media (orientation: portrait){

    

}




/*==================================================
PANTALLAS GRANDES
Full HD o superiores
==================================================*/
@media (min-width: 1400px){

    

}




/*==================================================
IMPRESIÓN
==================================================*/
@media print{

    

}