/*generales*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

@font-face {
    font-family:monbaiti ;
    src: url(../tipografia/monbaiti.ttf);}

@font-face {
    font-family: helvetica;
    src: url(../tipografia/Helvetica\ Regular.otf);}

@font-face {
    font-family: bold;
    src: url(../tipografia/Helvetica-Bold.ttf);}

html {
  scroll-behavior: smooth;}

p{
    text-align: center;
    font-family: helvetica;}

h2{
    text-align: center;
    color: #067883;
    padding-bottom: 15px;}

h1,h2,h3,h4{
    font-family: monbaiti;
    text-align: center;}

span{
    font-family: bold;
}
.carusel{
    padding-top: 77px;}


/*navbar*/
.bg-light{
    background-color: #F1E8E7 !important;}

a.nav-link{
    padding: 26px 30px !important;
    text-transform: uppercase;
    transition: all .5s ease;}

a.nav-link:hover{
    background-color:  #701512;
    color: white;
    transform: scale(1.1);}

.navbar{
    padding: 0;}

/*mision/vision*/
.mv{
    padding-top: 150px;}

.fondo{
    background-color: #F1E8E7;
    padding: 45px;}

.mv p{
    font-size: 18px;}

/*contenidos*/
.contenidos{
    padding-top: 150px;}

.contenidos img{
    padding-bottom: 80px;}

/*proceso*/
.proceso{
    padding-top: 130px;
    padding-bottom: 130px;
    text-align: center;}

h3{
    font-size: 35px;}

.abajo{
    padding-top: 250px;}


/*final*/
.final{
   background: #F1E8E7;

    text-align: center;}

h1{
    padding-top: 80px;
    font-size: 70px;
    color: #701512;}


.final a{
    background-color: #067883;
    color: white;
    padding: 10px 50px;
    font-size: 21px;
    text-decoration: none;}

.final a:hover{
    background-color: #701512;}

/*redes*/
.redes {
    padding-top: 50px;
    padding-bottom: 60px;}

h4{
    padding-bottom: 15px;
    font-size: 27px;
    font-family: helvetica;}

.base{
    background-color:#F1E8E7 ;
    padding: 30px;}

.bi{
    font-size: 1.5rem; 
    color: white;
    background-color:#067883 ;
    border-radius: 50%;
    padding: 10px;}

/*cierre*/
.cierre{
    padding-top: 30px;
    background-color: #701512;}

h5{
    color: white;
    text-align: center;}

/*CONTENIDO1-concionero*/
.cancionero{
    padding-top: 130px;}

.cancionero img{
    padding-bottom: 60px;}

.cancionero h3{
    border-top: #067883 2px solid;
    padding-top: 30px;
    color: #701512;
    font-size: 30px;}

.cancionero p{
    border-bottom: #067883 2px solid;
    padding-bottom: 30px;
    font-size: 20px;}

/*lobrego*/
.lobrego{
    padding-top: 130px;}

.lobrego img{
    padding-bottom: 60px;}

.lobrego h3{
    border-top: #067883 2px solid;
    padding-top: 30px;
    color: #701512;
    font-size: 30px;}

.lobrego p{
    border-bottom: #067883 2px solid;
    padding-bottom: 30px;
    font-size: 20px;}

/*ecos*/
.ecos{
    padding-top: 130px;
    padding-bottom: 60px;}

.ecos img{
    padding-bottom: 60px;}

.ecos h3{
    border-top: #067883 2px solid;
    padding-top: 30px;
    color: #701512;
    font-size: 30px;}

.ecos p{
    border-bottom: #067883 2px solid;
    padding-bottom: 30px;
    font-size: 20px;}

/*CONTENIDO2-longoria*/
.longoria{
    padding-top: 130px;}

.longoria img{
    padding-bottom: 60px;}

.longoria h3{
    border-top: #067883 2px solid;
    padding-top: 30px;
    color: #701512;
    font-size: 30px;}

.longoria p{
    border-bottom: #067883 2px solid;
    padding-bottom: 30px;
    font-size: 20px;}

/*zona*/
.zona{
    padding-top: 130px;}

.zona img{
    padding-bottom: 60px;}

.zona h3{
    border-top: #067883 2px solid;
    padding-top: 30px;
    color: #701512;
    font-size: 30px;}

.zona p{
    border-bottom: #067883 2px solid;
    padding-bottom: 30px;
    font-size: 20px;}

/*ignis*/
.ignis{
    padding-top: 130px;
    padding-bottom: 60px;}

.ignis img{
    padding-bottom: 60px;}

.ignis h3{
    border-top: #067883 2px solid;
    padding-top: 30px;
    color: #701512;
    font-size: 30px;}

.ignis p{
    border-bottom: #067883 2px solid;
    padding-bottom: 30px;
    font-size: 20px;}

/*CONTENIDO3-portada1*/
.portada1{
    padding-top: 130px;
    padding-bottom: 60px;}

.portada1 img{
    padding-bottom: 60px;}

.portada1 h3{
    border-top: #067883 2px solid;
    padding-top: 30px;
    color: #701512;
    font-size: 30px;}

.portada1 p{
    border-bottom: #067883 2px solid;
    padding-bottom: 30px;
    font-size: 20px;}

/*portada2*/
.portada2{
    padding-top: 130px;
    padding-bottom: 60px;}

.portada2 img{
    padding-bottom: 60px;}

.portada2 h3{
    border-top: #067883 2px solid;
    padding-top: 30px;
    color: #701512;
    font-size: 30px;}

.portada2 p{
    border-bottom: #067883 2px solid;
    padding-bottom: 30px;
    font-size: 20px;}

/*portada3*/
.portada3{
    padding-top: 130px;
    padding-bottom: 60px;}

.portada3 img{
    padding-bottom: 60px;}

.portada3 h3{
    border-top: #067883 2px solid;
    padding-top: 30px;
    color: #701512;
    font-size: 30px;}

.portada3 p{
    border-bottom: #067883 2px solid;
    padding-bottom: 30px;
    font-size: 20px;}

/*PROCESOS*/
.pleca{
    padding-top: 150px;}

.dos{
    padding-top: 50px;}

.fase1{
    padding-top: 100px;
    padding-bottom: 90px;}

.fase1 h3{
    background-color: #067883;
    color: white;
    padding: 20px 30px;
    text-align: left;}

.fase1 p{
    background-color: #F1E8E7;}

.fase2{
    padding-top: 100px;
    padding-bottom: 90px;}

.fase2 h3{
    background-color: #067883;
    color: white;
    padding: 20px 30px;
    text-align: left;}

.fase2 p{
    background-color: #F1E8E7;}

.fase3{
    padding-top: 100px;
    padding-bottom: 90px;}

.fase3 h3{
    background-color: #067883;
    color: white;
    padding: 20px 30px;
    text-align: left;}

.align-self-center{
    background-color: #F1E8E7;
padding: 60px 40px;}
    
li{
    font-family: helvetica;}

.fase4{
    padding-top: 100px;
    padding-bottom: 90px;}

.fase4 h3{
    background-color: #067883;
    color: white;
    padding: 20px 30px;
    text-align: left;}

.fase4 p{
    background-color: #F1E8E7;}

.fase5{
    padding-top: 100px;
    padding-bottom: 90px;}

.fase5 h3{
    background-color: #067883;
    color: white;
    padding: 20px 30px;
    text-align: left;}

.fase5 p{
    background-color: #F1E8E7;}






/*media queries*/
@media (max-width: 768px) { 
    .abajo{
    padding-top: 0;}
    h1{
        font-size: 40px;}
}