*{ 
   margin:0px;
   margin:0px;
   box-sizing:boder-box; /* asegura que el borde y relleno esten incluidos en el ancho y alto  de los elemetos */
}
/* ============================================================================ */
html{
   margin:0px;
   height:100%;
}
/* ============================================================================ */
.bodyMain {
   width: 100%;
   box-sizing: border-box;
   background: url(../../public/images/fondo_remdiz.png);  
   display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
}
/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
.banner {
   width: 100%;
   max-width: 800px;
   background: #FFFFFF;
   display: flex;
   align-items: center;
   justify-content: center;
}
/* ============================================================================ */
.containerMain {
   width: 100%;
   background: #FFFFFF;
   max-width: 800px;
   margin:1px auto;
   display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
}
/* ============================================================================ */
.lineCss {
   width: 100%;
   height: 4px;
   background: #FFFFFF;
   box-sizing: border-box;
   background: url(../images/line.png);
}
/* ============================================================================ */
#footer-main {
width: 100%;
   max-width: 800px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color : #7FE5FF;
   text-align: center;
   color: #660066;
}
/* ============================================================================ */
.cont-tarjeta{
    width: 200px;
    margin: auto;
    padding: 10px;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 4px 4px 10px rgb(0 0 0 / 10%);
    max-width: 200px;
	text-align: center;
    color:#505050;
    font-weight: bolder;
    line-height: 1.4rem;
}
/* ============================================================================ */
.card{
    width: 220px;
    height: 300px;
    border-radius: 8px;
	box-shadow: 4px 4px 10px rgb(0 0 0 / 10%);
    overflow: hidden;
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 5px;
    text-align: center;
    transition: all 0.25s;
	background: #F3D9FF;
}
/* ============================================================================ */
.input-submit-phanton {
   background-color: transparent;
   padding-top: 5px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   margin-left: 10px;
   margin-right: 10px;
   border: 1px;
   color:blue;
   cursor: pointer;
   border-radius: 5px;
   border: 1px solid #15AE90;
   font-size: 15px;
}