@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}
body {
	margin: 0;
	font-family: 'Barlow', sans-serif;
	background-color: #1c1c1c;
	font-size: 19px;
	line-height: 28px;
	color:#ffffff;
}


.wrap {
	width: 1470px;
	margin-left: auto;
	margin-right: auto;
}
.seccion {padding: 30px 0;} 


.portaLogo {padding: 20px 0; margin-left: auto; margin-right: auto; width: 310px;}
.logo {height: auto; width: 100%;}

.baner img {border-radius: 10px;}


h1, .estiloTitulo {
	font-family: 'Barlow', sans-serif;
	font-style: italic;
	font-weight: 900;
	font-size: 50px;
	line-height: 49px;
	padding: 20px 0;

}
h2 {
	font-family: 'Barlow', sans-serif;
	font-size: 40px;
	line-height: 34px;
	padding: 20px 0;
	font-weight: 400;
}
h3, h4 {
	font-family: 'Barlow', sans-serif;
	font-size: 26px;
	line-height: 26px;
	padding: 10px 0;
	font-weight: 700;
}

p {padding: 10px; font-size: 19px; line-height: 28px;}
b {font-weight: 700;}
a {text-decoration: none; color: inherit;}
a:hover {text-decoration: none;}



.cursiva {font-family: 'signpainter'; font-size: 60px;	line-height: 54px;	color: #714732;	padding: 20px;}
.txtCentrado {text-align: center;}
.espacioInferior {padding-bottom: 50px;}
.espacioFinal {padding-bottom: 100px;}
.redondear {border-radius: 20px;}
.imgFluida {width: 100%; height: auto; display: block;} 

.icoSocial {font-size: 40px;}
.icoSocial a {text-decoration: none;}


.colorNegro {color: #000000;}
.colorBlanco {color: #FFFFFF;}

.fondoNegro {background-color: #000000;}
.fondoBlanco {background-color: #FFFFFF;}


.footer {background-color: #000; padding: 30px 20px 100px 20px;}


/* Menu Principal */
nav {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		nav li {
			margin: 0 7px;
		}
		
		nav a {
			font-family: 'Barlow', sans-serif;
			font-weight: 400;
			color: #fff;
			text-decoration: none;
			font-size: 19px;
			line-height: 28px;
			padding: 10px 5px;
			border-radius: 5px;
			transition: background-color 0.3s ease;
		}
		
		nav a:hover {
			background-color: #fff;
			color: #000;
		}
.barraMenu {padding: 0 0 10px 0; width: 100%; max-width: 1440px; margin-right: auto; margin-left: auto;}
.barraMenuSeccion {padding: 30px 0 30px 0; max-width: 1440px; margin-right: auto; margin-left: auto;}



/* Sistema de colúmnas */
.row {
  display: flex;
  flex-wrap: wrap;
}

.col-2,
.col-3,
.col-4,
.colABa,
.colABb,
.colBAa,
.colBAb {
  padding: 15px;
  margin-bottom: 30px;
}

.centrado-vertical {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centrar contenido verticalmente */
}

.colABa, .colBAb {
  flex: 0 0 calc(25% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.colABb, .colBAa {
  flex: 0 0 calc(75% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.col-2 {
  flex: 0 0 calc(50% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.col-3 {
  flex: 0 0 calc(33.3333% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.col-4 {
  flex: 0 0 calc(25% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
.fondoBordeCol {border: 1px solid #ccc; background-color: #f1f1f1;}


/* Boton Whats */
.botonWhatsapp {
  position: fixed;
  bottom: 90px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  z-index: 9999;
	
}

.whatsapp-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  border-radius: 50%;
  box-shadow: 0px 2px 5px #888888;
}

.whatsapp-link i {
  color: #fff;
  font-size: 45px;
}

a.whatsapp-link {text-decoration: none;}

/* Boton LinkTree */
.botonLinkTree {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  z-index: 9999;
	
}

.linktree-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: #333;
  border-radius: 50%;
  box-shadow: 0px 2px 5px #888888;
}

.linktree-link i {
  color: #fff;
  font-size: 30px;
  padding-bottom: 5px;	
}

a.linktree-link {text-decoration: none;}


/* Menu Celular */
.menuCelular {
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  z-index: 9990;
  background-color: #666;
  padding: 10px 0;	
}


/* Boton Clular */
.buttonMenuCelular {
  align-items: center;
  background-color: initial;
  background-image: linear-gradient(#464d55, #25292e);
  border-radius: 8px;
  border-width: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  font-family: expo-brand-demi,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 18px;
  height: 52px;
  justify-content: center;
  line-height: 1;
  margin: 5px;
  outline: none;
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: all 150ms;
  vertical-align: baseline;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.buttonMenuCelular:hover {
  box-shadow: rgba(0, 1, 0, .2) 0 2px 8px;
  opacity: .85;
}

.buttonMenuCelular:active {
  outline: 0;
}

.buttonMenuCelular:focus {
  box-shadow: rgba(0, 0, 0, .5) 0 0 0 3px;
}

.btnMenuColor {color: #fff; background-image: linear-gradient(#464d55, #25292e);}
.btnWhatsColor {color: #fff; background-image: linear-gradient(#6eed75, #00c817); font-size: 30px;}
.btnMailsColor {color: #42370D; background-image: linear-gradient(#ffed4a, #ffb547); font-size: 25px;}


/* Parches */
.soloTableta {display: none;}
.soloCelular {display: none;}

/* Coinmarket */
.coinPriceBlock-footer {display: none;}
.coinPriceBlock {
    font-style: normal;
    width: 100px !important;
	height: 100px !important;
    padding: 7px 10px !important;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 0px 0px #e1e5ea !important;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 5px !important;
}
.coinPriceBlock-container {min-height: 100px !important;}

.contenedorCentrado {
  display: flex;
  justify-content: center; /* Centra horizontalmente */
}


/* Estilos básicos grid botones */
.grid {
    display: flex;
    flex-wrap: wrap;
}
.element-item {
    padding: 2px 3px 3px 2px;
    box-sizing: border-box;
    width: 105px;
}


.boton {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background-color: #333;
	position: relative;
}

.boton img {
    display: block;
	border-radius: 10px;
	width: 100%;
	height: auto;
}

.boton .tapa {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 10px;
    pointer-events: none; /* Asegura que el adorno no interfiera con el enlace */
}

.bt {
	background-image: url('botones/botones.webp?v=20240725');
    background-size: 1000px auto;
    background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	border-radius: 10px;
}

.btn1 { background-position: 0px -0px; } .btn2 { background-position: -100px -0px; } .btn3 { background-position: -200px -0px; } .btn4 { background-position: -300px -0px; } .btn5 { background-position: -400px -0px; } .btn6 { background-position: -500px -0px; } .btn7 { background-position: -600px -0px; } .btn8 { background-position: -700px -0px; } .btn9 { background-position: -800px -0px; } .btn10 { background-position: -900px -0px; } .btn11 { background-position: 0px -100px; } .btn12 { background-position: -100px -100px; } .btn13 { background-position: -200px -100px; } .btn14 { background-position: -300px -100px; } .btn15 { background-position: -400px -100px; } .btn16 { background-position: -500px -100px; } .btn17 { background-position: -600px -100px; } .btn18 { background-position: -700px -100px; } .btn19 { background-position: -800px -100px; } .btn20 { background-position: -900px -100px; } .btn21 { background-position: 0px -200px; } .btn22 { background-position: -100px -200px; } .btn23 { background-position: -200px -200px; } .btn24 { background-position: -300px -200px; } .btn25 { background-position: -400px -200px; } .btn26 { background-position: -500px -200px; } .btn27 { background-position: -600px -200px; } .btn28 { background-position: -700px -200px; } .btn29 { background-position: -800px -200px; } .btn30 { background-position: -900px -200px; } .btn31 { background-position: 0px -300px; } .btn32 { background-position: -100px -300px; } .btn33 { background-position: -200px -300px; } .btn34 { background-position: -300px -300px; } .btn35 { background-position: -400px -300px; } .btn36 { background-position: -500px -300px; } .btn37 { background-position: -600px -300px; } .btn38 { background-position: -700px -300px; } .btn39 { background-position: -800px -300px; } .btn40 { background-position: -900px -300px; } .btn41 { background-position: 0px -400px; } .btn42 { background-position: -100px -400px; } .btn43 { background-position: -200px -400px; } .btn44 { background-position: -300px -400px; } .btn45 { background-position: -400px -400px; } .btn46 { background-position: -500px -400px; } .btn47 { background-position: -600px -400px; } .btn48 { background-position: -700px -400px; } .btn49 { background-position: -800px -400px; } .btn50 { background-position: -900px -400px; } .btn51 { background-position: 0px -500px; } .btn52 { background-position: -100px -500px; } .btn53 { background-position: -200px -500px; } .btn54 { background-position: -300px -500px; } .btn55 { background-position: -400px -500px; } .btn56 { background-position: -500px -500px; } .btn57 { background-position: -600px -500px; } .btn58 { background-position: -700px -500px; } .btn59 { background-position: -800px -500px; } .btn60 { background-position: -900px -500px; } .btn61 { background-position: 0px -600px; } .btn62 { background-position: -100px -600px; } .btn63 { background-position: -200px -600px; } .btn64 { background-position: -300px -600px; } .btn65 { background-position: -400px -600px; } .btn66 { background-position: -500px -600px; } .btn67 { background-position: -600px -600px; } .btn68 { background-position: -700px -600px; } .btn69 { background-position: -800px -600px; } .btn70 { background-position: -900px -600px; } .btn71 { background-position: 0px -700px; } .btn72 { background-position: -100px -700px; } .btn73 { background-position: -200px -700px; } .btn74 { background-position: -300px -700px; } .btn75 { background-position: -400px -700px; } .btn76 { background-position: -500px -700px; } .btn77 { background-position: -600px -700px; } .btn78 { background-position: -700px -700px; } .btn79 { background-position: -800px -700px; } .btn80 { background-position: -900px -700px; } .btn81 { background-position: 0px -800px; } .btn82 { background-position: -100px -800px; } .btn83 { background-position: -200px -800px; } .btn84 { background-position: -300px -800px; } .btn85 { background-position: -400px -800px; } .btn86 { background-position: -500px -800px; } .btn87 { background-position: -600px -800px; } .btn88 { background-position: -700px -800px; } .btn89 { background-position: -800px -800px; } .btn90 { background-position: -900px -800px; } .btn91 { background-position: 0px -900px; } .btn92 { background-position: -100px -900px; } .btn93 { background-position: -200px -900px; } .btn94 { background-position: -300px -900px; } .btn95 { background-position: -400px -900px; } .btn96 { background-position: -500px -900px; } .btn97 { background-position: -600px -900px; } .btn98 { background-position: -700px -900px; } .btn99 { background-position: -800px -900px; } .btn100 { background-position: -900px -900px; } .btn101 { background-position: 0px -1000px; } .btn102 { background-position: -100px -1000px; } .btn103 { background-position: -200px -1000px; } .btn104 { background-position: -300px -1000px; } .btn105 { background-position: -400px -1000px; } .btn106 { background-position: -500px -1000px; } .btn107 { background-position: -600px -1000px; } .btn108 { background-position: -700px -1000px; } .btn109 { background-position: -800px -1000px; } .btn110 { background-position: -900px -1000px; } .btn111 { background-position: 0px -1100px; } .btn112 { background-position: -100px -1100px; } .btn113 { background-position: -200px -1100px; } .btn114 { background-position: -300px -1100px; } .btn115 { background-position: -400px -1100px; } .btn116 { background-position: -500px -1100px; } .btn117 { background-position: -600px -1100px; } .btn118 { background-position: -700px -1100px; } .btn119 { background-position: -800px -1100px; } .btn120 { background-position: -900px -1100px; } .btn121 { background-position: 0px -1200px; } .btn122 { background-position: -100px -1200px; } .btn123 { background-position: -200px -1200px; } .btn124 { background-position: -300px -1200px; } .btn125 { background-position: -400px -1200px; } .btn126 { background-position: -500px -1200px; } .btn127 { background-position: -600px -1200px; } .btn128 { background-position: -700px -1200px; } .btn129 { background-position: -800px -1200px; } .btn130 { background-position: -900px -1200px; } .btn131 { background-position: 0px -1300px; } .btn132 { background-position: -100px -1300px; } .btn133 { background-position: -200px -1300px; } .btn134 { background-position: -300px -1300px; } .btn135 { background-position: -400px -1300px; } .btn136 { background-position: -500px -1300px; } .btn137 { background-position: -600px -1300px; } .btn138 { background-position: -700px -1300px; } .btn139 { background-position: -800px -1300px; } .btn140 { background-position: -900px -1300px; } .btn141 { background-position: 0px -1400px; } .btn142 { background-position: -100px -1400px; } .btn143 { background-position: -200px -1400px; } .btn144 { background-position: -300px -1400px; } .btn145 { background-position: -400px -1400px; } .btn146 { background-position: -500px -1400px; } .btn147 { background-position: -600px -1400px; } .btn148 { background-position: -700px -1400px; } .btn149 { background-position: -800px -1400px; } .btn150 { background-position: -900px -1400px; } .btn151 { background-position: 0px -1500px; } .btn152 { background-position: -100px -1500px; } .btn153 { background-position: -200px -1500px; } .btn154 { background-position: -300px -1500px; } .btn155 { background-position: -400px -1500px; } .btn156 { background-position: -500px -1500px; } .btn157 { background-position: -600px -1500px; } .btn158 { background-position: -700px -1500px; } .btn159 { background-position: -800px -1500px; } .btn160 { background-position: -900px -1500px; } .btn161 { background-position: 0px -1600px; } .btn162 { background-position: -100px -1600px; } .btn163 { background-position: -200px -1600px; } .btn164 { background-position: -300px -1600px; } .btn165 { background-position: -400px -1600px; } .btn166 { background-position: -500px -1600px; } .btn167 { background-position: -600px -1600px; } .btn168 { background-position: -700px -1600px; } .btn169 { background-position: -800px -1600px; } .btn170 { background-position: -900px -1600px; } .btn171 { background-position: 0px -1700px; } .btn172 { background-position: -100px -1700px; } .btn173 { background-position: -200px -1700px; } .btn174 { background-position: -300px -1700px; } .btn175 { background-position: -400px -1700px; } .btn176 { background-position: -500px -1700px; } .btn177 { background-position: -600px -1700px; } .btn178 { background-position: -700px -1700px; } .btn179 { background-position: -800px -1700px; } .btn180 { background-position: -900px -1700px; } .btn181 { background-position: 0px -1800px; } .btn182 { background-position: -100px -1800px; } .btn183 { background-position: -200px -1800px; } .btn184 { background-position: -300px -1800px; } .btn185 { background-position: -400px -1800px; } .btn186 { background-position: -500px -1800px; } .btn187 { background-position: -600px -1800px; } .btn188 { background-position: -700px -1800px; } .btn189 { background-position: -800px -1800px; } .btn190 { background-position: -900px -1800px; } .btn191 { background-position: 0px -1900px; } .btn192 { background-position: -100px -1900px; } .btn193 { background-position: -200px -1900px; } .btn194 { background-position: -300px -1900px; } .btn195 { background-position: -400px -1900px; } .btn196 { background-position: -500px -1900px; } .btn197 { background-position: -600px -1900px; } .btn198 { background-position: -700px -1900px; } .btn199 { background-position: -800px -1900px; } .btn200 { background-position: -900px -1900px; } .btn201 { background-position: 0px -2000px; } .btn202 { background-position: -100px -2000px; } .btn203 { background-position: -200px -2000px; } .btn204 { background-position: -300px -2000px; } .btn205 { background-position: -400px -2000px; } .btn206 { background-position: -500px -2000px; } .btn207 { background-position: -600px -2000px; } .btn208 { background-position: -700px -2000px; } .btn209 { background-position: -800px -2000px; } .btn210 { background-position: -900px -2000px; }

.btn211 { background-position: 0px -2100px; } .btn212 { background-position: -100px -2100px; } .btn213 { background-position: -200px -2100px; } .btn214 { background-position: -300px -2100px; } .btn215 { background-position: -400px -2100px; } .btn216 { background-position: -500px -2100px; } .btn217 { background-position: -600px -2100px; } .btn218 { background-position: -700px -2100px; } .btn219 { background-position: -800px -2100px; } .btn220 { background-position: -900px -2100px; } .btn221 { background-position: 0px -2200px; } .btn222 { background-position: -100px -2200px; } .btn223 { background-position: -200px -2200px; } .btn224 { background-position: -300px -2200px; } .btn225 { background-position: -400px -2200px; } .btn226 { background-position: -500px -2200px; } .btn227 { background-position: -600px -2200px; } .btn228 { background-position: -700px -2200px; } .btn229 { background-position: -800px -2200px; } .btn230 { background-position: -900px -2200px; } .btn231 { background-position: 0px -2300px; } .btn232 { background-position: -100px -2300px; } .btn233 { background-position: -200px -2300px; } .btn234 { background-position: -300px -2300px; } .btn235 { background-position: -400px -2300px; } .btn236 { background-position: -500px -2300px; } .btn237 { background-position: -600px -2300px; } .btn238 { background-position: -700px -2300px; } .btn239 { background-position: -800px -2300px; } .btn240 { background-position: -900px -2300px; } .btn241 { background-position: 0px -2400px; } .btn242 { background-position: -100px -2400px; } .btn243 { background-position: -200px -2400px; } .btn244 { background-position: -300px -2400px; } .btn245 { background-position: -400px -2400px; } .btn246 { background-position: -500px -2400px; } .btn247 { background-position: -600px -2400px; } .btn248 { background-position: -700px -2400px; } .btn249 { background-position: -800px -2400px; } .btn250 { background-position: -900px -2400px; } .btn251 { background-position: 0px -2500px; } .btn252 { background-position: -100px -2500px; } .btn253 { background-position: -200px -2500px; } .btn254 { background-position: -300px -2500px; } .btn255 { background-position: -400px -2500px; } .btn256 { background-position: -500px -2500px; } .btn257 { background-position: -600px -2500px; } .btn258 { background-position: -700px -2500px; } .btn259 { background-position: -800px -2500px; } .btn260 { background-position: -900px -2500px; } .btn261 { background-position: 0px -2600px; } .btn262 { background-position: -100px -2600px; } .btn263 { background-position: -200px -2600px; } .btn264 { background-position: -300px -2600px; } .btn265 { background-position: -400px -2600px; } .btn266 { background-position: -500px -2600px; } .btn267 { background-position: -600px -2600px; } .btn268 { background-position: -700px -2600px; } .btn269 { background-position: -800px -2600px; } .btn270 { background-position: -900px -2600px; } .btn271 { background-position: 0px -2700px; } .btn272 { background-position: -100px -2700px; } .btn273 { background-position: -200px -2700px; } .btn274 { background-position: -300px -2700px; } .btn275 { background-position: -400px -2700px; } .btn276 { background-position: -500px -2700px; } .btn277 { background-position: -600px -2700px; } .btn278 { background-position: -700px -2700px; } .btn279 { background-position: -800px -2700px; } .btn280 { background-position: -900px -2700px; } .btn281 { background-position: 0px -2800px; } .btn282 { background-position: -100px -2800px; } .btn283 { background-position: -200px -2800px; } .btn284 { background-position: -300px -2800px; } .btn285 { background-position: -400px -2800px; } .btn286 { background-position: -500px -2800px; } .btn287 { background-position: -600px -2800px; } .btn288 { background-position: -700px -2800px; } .btn289 { background-position: -800px -2800px; } .btn290 { background-position: -900px -2800px; } .btn291 { background-position: 0px -2900px; } .btn292 { background-position: -100px -2900px; } .btn293 { background-position: -200px -2900px; } .btn294 { background-position: -300px -2900px; } .btn295 { background-position: -400px -2900px; } .btn296 { background-position: -500px -2900px; } .btn297 { background-position: -600px -2900px; } .btn298 { background-position: -700px -2900px; } .btn299 { background-position: -800px -2900px; } .btn300 { background-position: -900px -2900px; }




@media only screen and (min-width: 1280px) and (max-width: 1469px) {
.wrap {width: 1260px;}
.soloTableta {display: none;}
.soloCelular {display: none;}
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
.wrap {width: 945px;}
.soloTableta {display: none;}
.soloCelular {display: none;}
.colABa, .colBAb {flex: 0 0 calc(30% - 30px);}
.colABb, .colBAa {flex: 0 0 calc(70% - 30px);}	
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
.wrap {width: 630px;}
.soloEscritorio {display: none;}
.soloTableta {display: block;}
.soloCelular {display: none;}
.colABa, .colBAb {flex: 0 0 calc(40% - 30px);}
.colABb, .colBAa {flex: 0 0 calc(60% - 30px);}
.col-4 {flex: 0 0 calc(50% - 30px);}   
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
.wrap {width: 420px;}
.soloEscritorio {display: none;}
.soloTableta {display: none;}
.soloCelular {display: block;}
.botonWhatsapp, .botonLinkTree {display:none;}	
.buttonMenuCelular {height: 48px;}
.col-2, .col-3, .col-4, .colABa, .colBAb, .colABb, .colBAa {flex: 0 0 100%; margin-left: 0; margin-right: 0; text-align: center;}
h1,h2,h3,h4,p {text-align: center;}	
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.wrap {width: 315px;}
.soloEscritorio {display: none;}
.soloTableta {display: none;}
.soloCelular {display: block;}
.botonWhatsapp, .botonLinkTree {display:none;}	
.buttonMenuCelular {height: 48px;}
.col-2, .col-3, .col-4, .colABa, .colBAb, .colABb, .colBAa {flex: 0 0 100%; margin-left: 0; margin-right: 0; text-align: center;}
h1,h2,h3,h4,p {text-align: center;}		
}