*{margin: 0;padding: 0;box-sizing: border-box;}
body {background: #000000;background-image:url(imagenes/cuenco.avif);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;background-size: cover;margin-right:auto;margin-left:auto; max-width:2560px;font-family:Arial, Helvetica, sans-serif;font-display: swap;}
.hero-text {width:100%;height:500%;text-align: center;color: white;padding-top:30vw;padding-bottom:20vw;}
H1{font-size:5vw;}
H2{font-size:3vw;color:#FFFFFF;}
H3{color:#FFFFFF;font-size:2vw;text-align:center;width:100%;display:block;padding:2vw;height:auto;}
H4{font-size:2vw;text-align:left;width:70%;margin:1%;float:left;padding-top:0;display:inline-block;background-color:#FFFFCC;line-height:150%;}
.superior{color:#CCCCCC;font-size:1em;padding:1vw;text-align:left;position: fixed;top: 0;width:100%;height:auto;opacity:0.5; background-color:#414141;z-index:1000;}
.iconos{padding-left:1vw;padding-right:1vw;width:24px;height:auto;}
.espacio1{background-color:#202020;/*#FFFFCC*/color:#999999;padding:1vw;width:99%;height:auto;display:flex;/*block*/flex-direction: row;/* agregado */overflow:hidden;margin:2px;}
iframe{left:0;top:0;width:100%;}
.imagen{padding-left:0;flex:20%;}
.img-sergioarro{width:100%;height:auto;margin:0;float:left;padding:1%;max-width:480px;}
.texto{padding: 10px;flex: 80%;font-size:2em;text-align:left;margin:0.5%;line-height:150%;}
.tarot{margin-left:0;width:100%;height:40vw;display:block;overflow:hidden;}
.imagen-tarot{opacity:0.8;width:100%;height:40vw;}
#contenedor-video{width:100%;height:auto;margin:1em;}
.video{height:auto;display:inline;margin-top:2em;margin-left:0.7em;}
.imgvideo{height:31%;width:31%;}
.map{left:0;margin-left:0;width:100%;margin-left:auto; margin-right:auto; }
.contenedor-figuras{width:100%;height:100%;display:block; margin-top:1em; margin-bottom:1em;float:left;}
div.figura {float: left;display:block;width: 19.75%;border: thin silver solid;margin: 0.1em;padding: 0.1em;background-color:#FFFFFF;}
div.figura p {text-align: center;font-size:1.3em;text-indent: 0;}
.figura a{color:#CCCCCC;}
.figura:hover{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
  
/* ------------ footer ----------------*/

.footer {padding-top:3vw;padding-bottom:3vw;height:auto;display:block;float:left;background-color: #414141;width: 100%;text-align: left;font-weight: bold;font-size: 1.2em;padding: 50px;margin-top: 50px;}
.footer .footer-left,
.footer .footer-center,
.footer .footer-right {display: inline-block;vertical-align: top;}
/* footer left*/
.footer .footer-left {width: 33%;padding-right: 15px;}
.footer .about {line-height: 30px;color: #ffffff;font-size: 1em;font-weight: normal;margin: 0;}
.footer .about span {display: block;color: #ffffff;font-size: 1em;margin-bottom: 20px;}
.footer .icons {margin-top: 25px;}
.footer .icons a {display: inline-block;width: 35px;height: 35px;cursor: pointer;background-color: #33383b;border-radius: 2px;font-size: 1.25em;color: #ffffff;text-align: center;line-height: 35px;margin-right: 3px;margin-bottom: 5px;}
/* footer center*/
.footer .footer-center {width: 30%;}
.footer .footer-center i {background-color: #33383b;color: #ffffff;font-size: 25px;width: 38px;height: 38px;border-radius: 50%;text-align: center;line-height: 42px;margin: 10px 15px;vertical-align: middle;}
.footer .footer-center i.fa-envelope {font-size: 1.25em;line-height: 38px;}
.footer .footer-center p {display: inline-block;color: #ffffff;vertical-align: middle;margin: 0;}
.footer .footer-center p span {display: block;font-weight: normal;font-size: 1em;line-height: 2;}
.footer .footer-center p a {color: #0099ff;text-decoration: none;}
/* footer right*/
.footer .footer-right {width: 35%;}
.footer h2 {color: #ffffff;font-size: 2em;font-weight: normal;margin: 0;}
.footer h2 span {color: #0099ff;}
.footer .menu {color: #ffffff;margin: 20px 0 12px;padding: 0;}
.footer .menu a {display: inline-block;line-height: 1.8;text-decoration: none;color: inherit;}
.footer .menu a:hover {color: #0099ff;}
.footer .name {color: #0099ff;font-size: 1em;font-weight: normal;margin: 0;}
@media (max-width: 767px) {
.footer {font-size: 1em;}
.footer .footer-left,
.footer .footer-center,
.footer .footer-right {display: block;width: 100%;margin-bottom: 40px;text-align: center;}
.footer .footer-center i {margin-left: 0;}
}

/*------------- fin footer ------------*/  
  

/*----------- Whatsapp ---------------*/

.float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 2px 2px 3px #999;z-index:100;}
.float:hover {text-decoration: none;color: #25d366;background-color:#fff;}
.my-float{margin-top:16px;}

/*---------- fin Whatsapp ------------*/  
  
@media only screen and (max-width: 1920px) 
{
.superior{font-size:1.5vw;padding:1.5vw;position: fixed;top: 0;width:100%;opacity:1 !important;z-index:1000;}
H3{font-size:2.4vw;}	
H4{padding-top:0;width:70%;font-size:1.7vw;line-height:150%;}
.iconos{width:64px;height:auto;}
.map{max-width:1910px; }}
@media only screen and (max-width: 1680px) 
{
H4{width:65%;padding-top:0.2em;font-size:1.7vw;line-height:160%;}
}
@media only screen and (max-width: 1600px) 
{
H3{font-size:2.4vw;}
H4{width:65%;padding-top:0.2em;font-size:1.9vw;line-height:148%;}
.iconos{width:64px;height:auto;}
.map{max-width:1595px; }	
}
@media only screen and (max-width: 1440px) 
{
H3{font-size:2.4vw;}
H4{width:60%;padding-top:0.2em;font-size:1.8vw;line-height:155%;}	
.map{max-width:1435px; }
}
@media only screen and (max-width: 1366px) 
{
H4{width:60%;padding-top:0.2em;font-size:1.8vw;line-height:148%;}
.map{max-width:1360px; }
}
@media only screen and (max-width: 1280px) 
{
H4{width:50%;font-size:1.8vw;line-height:155%;}
.iconos{width:50px;height:auto;}
.map{max-width:1270px; }
.flex-container {flex-direction: column;}
}	
@media only screen and (max-width: 1093px) 
{
.img-sergioarro{margin-right:20px;}
.imagen{margin:5;display:inline;}
H4{padding-left:1vw;padding-top:0vw;font-size:1.9vw;width:52%;display:inline;float:left;line-height:150%;}
.map{max-width:1090px; }
	}
@media only screen and (max-width: 1024px) 
{
.superior{font-size:2.2vw;}
.img-sergioarro{margin-right:10px;}
.imagen{margin:5;display:inline;}
H3{font-size:2.4vw;}	
H4{padding-left:1vw;padding-top:1vw;font-size:2vw;width:40%;display:inline;float:left;line-height:150%;}
.map{max-width:1020px;}
	}
@media only screen and (max-width: 768px) 
{
.hero-text {height:150vw;}
H1{font-size:8vw;}
H2{font-size:5vw;}
H3{font-size:4vw;}
H4{padding-left:2vw;font-size:4vw;width:100%;display:block;line-height:150%;}
.superior{font-size:4vw;}
.iconos{width:40px;height:auto;}
.imagen{margin:0;float:left;width:100%;margin-left:auto;margin-right:auto;padding-left:1vw;flex:80%}
.img-sergioarro{display:block;width:45%;height:50%;margin:1%;float:left;padding:1%;max-width:480px;}
.texto{padding: 10px;font-size:1.25em;text-align:left;margin:1%;line-height:150%;}
.video{height:150px;width:150px;margin-top:1em;margin-left:0.6em;}
.imgvideo{height:95%;width:95%;margin-top:2vw;margin-bottom:1vw;}
#contenedor-video{margin:5px;}
div.figura {width: 100%;}
.footer{padding-top:6vw;font-size:4vw;padding-bottom:6vw;}
	}
@media only screen and (max-width: 430px) 
{
.espacio1{height:auto}
.img-sergioarro{margin-left:-2px;height:35%}
}
@media only screen and (max-width: 414px) 
{
.iconos{width:25px;height:auto;}
.espacio1{height:auto}
.img-sergioarro{margin-left:-2px;height:35%}
.map{max-width:414px; }
}
@media only screen and (max-width: 375px) 
{
.iconos{width:25px;height:auto;}
.img-sergioarro{margin-left:-1px;height:30%}
.map{max-width:360px; }
}