BODY {font-family:Arial, Helvetica; background:#fafafa;}
html {overflow-x:hidden;}


/* ---------------------------- ESTILOS MUY IMPORTANTES --------------------------------------- */

* {text-decoration:none; margin:0; padding:0; box-sizing:border-box;}	
p, form, h1, .productos h1, h2, h3 {margin:0; padding:0;}
img {border:0; display:inherit;}

h1 {font-size:30px;}
h2 {font-size:25px;}
h3 {font-size:22px;}

.capaFlexTopL {display:flex !important; flex-wrap:wrap;}
.capaFlexTopC {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexTop  {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexCen  {display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;}
.capaFlexLeft {display:flex !important; flex-wrap:wrap; align-items:center;}

[class^="fontSize_"], [class*=" fontSize_"] {line-height:1.1em !important;}
.fontSize_12 {font-size:12px;}
.fontSize_14 {font-size:14px;}
.fontSize_15 {font-size:15px;}
.fontSize_16 {font-size:16px;}
.fontSize_17 {font-size:17px;}
.fontSize_18 {font-size:18px;}
.fontSize_20 {font-size:20px;}
.fontSize_22 {font-size:22px;}
.fontSize_24 {font-size:24px;}
.fontSize_25 {font-size:25px;}
.fontSize_26 {font-size:26px;}
.fontSize_28 {font-size:28px;}
.fontSize_30 {font-size:30px;}
.fontSize_36 {font-size:36px;}
.fontSize_40 {font-size:40px;}
.fontSize_50 {font-size:50px;}

[class^="ancho-"], [class*=" ancho-"] {margin:auto;}
.ancho-5   {width:5%;}
.ancho-10  {width:10%;}
.ancho-15  {width:15%;}
.ancho-20  {width:20%;}
.ancho-25  {width:25%;}
.ancho-30  {width:30%;}
.ancho-33  {width:33.33%;}
.ancho-35  {width:35%;}
.ancho-40  {width:40%;}
.ancho-45  {width:45%;}
.ancho-50  {width:50%;}
.ancho-55  {width:55%;}
.ancho-60  {width:60%;}
.ancho-65  {width:65%;}
.ancho-66  {width:66.66%;}
.ancho-70  {width:70%;}
.ancho-75  {width:75%;}
.ancho-80  {width:80%;}
.ancho-85  {width:85%;}
.ancho-90  {width:90%;}
.ancho-95  {width:95%;}
.ancho-100 {width:100%;}
.ancho100  {width:100%;}

[class^="separa-"], [class*=" separa-"], .limpiar, .separar {width:100%; clear:both;}
.separa-01  {height:1px;}
.separa-02  {height:2px;}
.separa-03  {height:3px;}
.separa-05  {height:5px;}
.separa-10  {height:10px;}
.separa-15  {height:15px;}
.separa-20  {height:20px;}
.separa-25  {height:25px;}
.separa-30  {height:30px;}
.separa-40  {height:40px;}
.separa-50  {height:50px;}
.separa-60  {height:60px;}
.separa-70  {height:70px;}
.separa-80  {height:80px;}
.separa-90  {height:90px;}
.separa-100 {height:100px;}
.separa-120 {height:120px;}
.separa-150 {height:150px;}
.separa-200 {height:200px;}


/* --------------------------------------- CUERPO WEB ------------------------------------------------ */

.noWeb {display:none !important;}

#cuerpo {width:1060px; height:100vh; margin:auto; padding:30px; color:#000; text-align:center; display:flex; gap:5%; justify-content:center; align-items:center;}

.banner {width:30%; padding:30px; background:#fff; border-radius:15px; box-shadow:0 0 15px rgba(0,0,0,0.1); display:flex; flex-direction:column; text-align:center; justify-content:center;}
.banner img {max-width:100%; height:auto; margin:auto;}
.banner h3 {padding:15px 0;}
.banner a {padding:10px 15px; background:#146393; color:#fff; border-radius:8px; transition:all 0.4s;}
.banner a:hover {background:#19a7c4;}





/* ---------------------------------------- RESPONSIVE ---------- RESPONSIVE ---------- RESPONSIVE ------------------------------------------ */

@media only screen and (max-width: 650px) {

	h1 {font-size:25px;}
	h2 {font-size:22px;}
	h3 {font-size:20px;}

	.noMov {display:none !important;}
	.noWeb {display:block !important;}

	#cuerpo {width:100%; max-width:100%; margin:auto; padding:15px; flex-direction:column; gap:3%; overflow:hidden;}
	.banner {width:80%;}

}