/* START GENERAL RULES */ 

body, html {
  overflow-x: hidden;
  margin: 0;
  padding: 0;}

img {width: 100%;}

a {text-decoration: none;}

a:visited { color: #DFD7CD;}

.page {margin-bottom: 0;}

footer.entry-footer { display: none;}

p {  margin: 0 !important;}

header.entry-header {
    display: none;
    visibility: hidden;}

/* END GENERAL RULES */

/* START CORE RULES */

.top10 { margin-top: 10px !important;}
.doflex {display: flex;}
.docolumn { flex-direction: column;}
.dowrap {flex-wrap: wrap;}
.dospace {justify-content: space-between;}
.doreverse { flex-direction: row-reverse;}
.docolumnreverse { flex-direction: row-reverse;}

@media screen and (max-width: 767px) {
.mobilecolumn {flex-direction: column;}
}


.flex1 {flex: 1;}
.flex2 {flex: 2;}
.flex3 {flex: 3;}
.flex4 {flex: 4;}
.flex5 {flex: 5;}

.gap3 {gap:3px;}
.gap5 {gap:5px;}
.gap10 {gap: 10px;}
.gap20 {gap: 20px;}
.gap30 {gap: 30px;}
.gap40 {gap: 40px;}
.gap60 {gap: 60px;}
.gap70 {gap: 70px;}

.row {width: 1196px; margin: auto; padding: 30px 0;   box-sizing: border-box;}

@media screen and (max-width: 1216px) {
	.row: {width: 100%; padding: 20px;}	
	
.boton1 { 
	background: var(--verde1) !important;
	border-radius: 5px;
	letter-spacing: 4px;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
    color: var(--blanco) !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	height: fit-content;
	border: none;}