/* Estilos generales */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;


}


body {



    font-family: 'Arial', sans-serif;

    color: #333;

  width: 100%;

/*background-image: url(marketon/faza.jpg) center center/cover no-repeat fixed;*/
        /* background-image: url('faza.jpg') center center/cover no-repeat fixed;*/
/*background-image: url('cale.jpg');
      background: url('faza.jpg') no-repeat center center/cover ;*/
    
     
    
       /* background-image: url('faza.jpg') center center/cover no-repeat fixed;*/
/*background-image: url('cale.jpg');*/



}

.boton{


overflow: hidden;

}

/*.boton img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;


}*/



.container {
width: 99%;
    margin: 5px;
    padding: 5px;
    text-align: center;
}








.container h1 {

    color: #eee;

}

h3{
    color: rgb(59, 124, 223);
    font-size: 18px;

}

h4{
    color: rgb(59, 124, 223);
    font-size: 16px;

}


/* Header */
header {
    background: #ec700a;
    border-radius: 8px;
margin: 30px, 20px;
    text-align: center;
 border: 1px solid #38380e;
 width: 99%;
height: auto;

}


.bienvenida {

      width: 99%;
      height: 50vh;
      



  
    }



/* Sección de Características */

.features {
    padding: 40px 0;
    background-color: rgb(236, 223, 187);
    margin-bottom: 20px;
    border-radius: 8px;
margin: 10px;
 border: 1px solid #38380e;
    
}



.features h2 {
    margin-bottom: 20px;
    color: #e64a19;
}

.feature-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;

}

.feature-item img {
    
    width: 50%;
    border-radius: 8px;
display: block;
    
      height: 40%;


      
}





.feature-item .feature-text {
 width: 94%;
  padding: 5px;


/*saque el text aling center*/

}

.feature-item h3 {
    color: #e64a19;
   font-size: 18px;


}


@media only screen and (max-width: 600px) {
.feature-item {
 


    padding: 5px; /* Más relleno en pantallas grandes */
    margin: 5px; /* Más margen en pantallas grandes */
display: block;



}



}




/* Sección de Precios */
.pricing {
    padding: 40px 0;
    background-color: white;
    margin-bottom: 20px;
    border-radius: 8px;


    

}

.pricing h2 {
    margin-bottom: 10px;
    color: #e43819;
}

.plan {
    border: 1px solid #38380e;

    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #f0eed9;
  
    border: box;
text-align: center;
height: 14%;  
  padding: 20px;




}

.plan h3 {
    color: #e01818;

  
}

.pricing-img {


    margin-top: 20px;
    border-radius: 8px;

      width: 50%;


     
      height: 80%;



    }

span {
    color: #6d1919;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 16px;

}

.uno {
font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: rgb(4, 4, 117);
    font-weight: bold;
   

}

.feature-item img{

    width: 80%;
}

/* Contacto */
.contact {
    width: 98%;
    height: auto;
    padding: 10px 4px;
    text-align: center;
    background-color: rgb(235, 223, 175);
    margin-bottom: 8px;
    
    border-radius: 8px;
border-style: solid;
  border-color: rgb(59, 59, 59);
 border-width: 1px;
margin: 10px;/*corre la caja hacia la der.*/
}

.subtitulo {
    color: #eee;
    font-size: 20px;

}


a {
color: #189e18;
font-size: 16px;
/*text-decoration: none;*/
/*margin-left: 10px;
margin-right: 10px;*/

}



/* Footer */
footer {
    text-align: center;
    padding: 20px 0;
    background: #eee;
    font-size: 14px;

    color: #635151;
}

.correo{
    text-decoration: none;

}






.icono{
    color: #189e18;
}


.box {
  width: 90%;
  height: auto;
  margin: 10px;
  padding: 5px;
  /*border: 5px solid black;*/
  text-align: justify;



}