Untitled
unknown
plain_text
3 years ago
16 kB
10
Indexable
/*
TIPOGRAFÍA
font-family: 'Poppins', sans-serif;
Medium, Light, Regular
COLORES
Gris texto: #222528;
Texto banner: #F2F2F2;
Texto eventos (título): #808080;
Texto restaurantes(título): #737373;
Cards(rojo):#7E433A;
*/
@font-face {
font-family: 'GIN Experimental';
src: url('Empower/SitioWeb/resources/Fonts/Gin_Experimental/GIN_Regular.otf');
}
/*
@font-face {
font-family: 'Armavir01-Bold';
src: url('Empower/SitioWeb/resources/Fonts/armavir/Armavir01-Bold.ttf');
}
*/
@font-face {
font-family: "Armavir01-Bold";
src: url("./Armavir01-Bold.ttf") format("truetype");
}
body{
background-color:#eee3e4;
background-image:url(../resources/images/Primera_Textura_Index_Empower.png);
position: absolute;
width: 1514px;
height: 778px;
left: -74px;
top: -13px;
mix-blend-mode: multiply;
}
/* NAVBAR */
.navbar{
position: absolute;
height: auto;
width: 100%;
z-index: 100;
left: 0%;
right: 0%;
background: #723DB9;
}
.bg-dark{
background-color: rgba(255, 255, 255, 0.0) !important;
opacity: .8;
}
a{
font-family: 'Poppins', sans-serif;
color: #F2F2F2;
font-size: 1em;
}
.icononav{
width: 1em;
height: 1em;
}
.Align{
margin-right: 100px;
}
.Imagen{
position: absolute;
}
.TextoRestaurantes{
color: #F2F2F2;
font-family: 'Poppins',sans-serif;
font-size: 1em;
text-align: left;
margin-left: 122px;
padding-right: 435px;
margin-top: -.5em;
text-align: left;
}
.lesly{
position: absolute;
width: 456px;
height: 559px;
left: 824px;
top: 98px;
filter: drop-shadow(6px 5px 11px rgba(0, 0, 0, 0.25));
}
.nav-linknovo1{
position: absolute;
left: 12%;
right: 80%;
top: 30%;
bottom: 25%;
/*font-family: 'Armavir01-Bold';*/
font-family: "Armavir01-Bold", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
text-align: center;
color: #FFFFFF;
}
.caminito{
position: absolute;
width: 207px;
height: 206px;
left: -1px;
top: 764px;
}
.arcoiris{
position: absolute;
width: 247px;
height: 206px;
left: 180px;
top: 764px;
}
.encendido{
position: absolute;
width: 206px;
height: 205px;
left: 425px;
top: 764px;
}
.Estrellita{
position: absolute;
width: 212px;
height: 205px;
left: 630px;
top: 764px;
}
.circulo_azul{
position: absolute;
width: 174px;
height: 206px;
left: 841px;
top: 764px;
}
.circulo_morado{
position: absolute;
width: 207px;
height: 206px;
left: 1015px;
top: 764px;
}
.hojita{
position: absolute;
width: 224px;
height: 206px;
left: 1221px;
top: 764px;
}
.conoce_equipos{
position: absolute;
width: 812px;
height: 81px;
left: calc(50% - 812px/2);
top: 1047px;
font-family: "Armavir01-Bold", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 38px;
text-align: center;
color: #723DB9;
}
.nav-linknovoN{
position: absolute;
left: 8%;
right: 50%;
top: 30%;
bottom: 25%;
font-family: "Armavir01-Bold", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
text-align: center;
color: #FFFFFF;
}
.nav-linknovo3{
position: absolute;
left: 12%;
right: 20%;
top: 28.26%;
bottom: 26.09%;
font-family: "Armavir01-Bold", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
text-align: center;
color: #FFFFFF;}
.h3index{
position: absolute;
width: 754px;
height: 42px;
left: 70px;
top: 411px;
color: #723DB9;
font-family: "Armavir01-Bold", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 21px;
letter-spacing: 0.245em;
}
.h3indexs{
position: absolute;
width: 706px;
height: 42px;
left: 70px;
top: 444px;
color: #723DB9;
font-family: "Armavir01-Bold", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 21px;
letter-spacing: 0.245em;
}
.h4index{
color: #9A6CD6;
font-style: normal;
font-weight: 400;
font-size: 107px;
line-height: 118px;
text-align: center;
font-family: "GIN Experimental";
position: absolute;
width: 1059px;
height: 106px;
left: calc(50% - 1059px/2 - 285.5px);
top: 187px;
}
.h4indexs{
color: #9A6CD6;
font-style: normal;
font-weight: 400;
font-size: 107px;
line-height: 118px;
text-align: center;
font-family: "GIN Experimental";
position: absolute;
width: 1204px;
height: 106px;
left: calc(50% - 1204px/2 - 286px);
top: 283px;
}
.TextoIglesia{
color: #F2F2F2;
font-family: 'Poppins',sans-serif;
font-size: 1em;
text-align: left;
margin-left: 150px;
padding-right: 430px;
margin-top: -.5em;
text-align: left;
}
.TextoParque{
color: #F2F2F2;
font-family: 'Poppins',sans-serif;
font-size: 1em;
text-align: left;
margin-left: 150px;
padding-right: 480px;
margin-top: -.5em;
text-align: left;
}
.TextoMercado{
color: #F2F2F2;
font-family: 'Poppins',sans-serif;
font-size: 1em;
text-align: left;
margin-left: 163px;
padding-right: 480px;
margin-top: -.5em;
text-align: left;
}
.TextoOrigen{
color: #F2F2F2;
font-family: 'Poppins',sans-serif;
font-size: 1.25em;
text-align: left;
margin-left: 163px;
padding-right: 480px;
margin-top: -.5em;
text-align: left;
}
.h3origen{
color: #F2F2F2;
font-family: 'Poppins', medium;
font-size: 6em;
padding-right: 7.5em;
padding-top: -1em;
margin-top: 0.2em;
letter-spacing: -0.03em;
margin-left: 1.3em;
}
.h3restaurantes{
color: #F2F2F2;
font-family: 'Poppins', medium;
font-size: 5.5em;
padding-right: 4.7em;
padding-top: -1em;
letter-spacing: -0.06em;
}
.h3parque{
color: #F2F2F2;
font-family: 'Poppins', medium ;
font-size: 3.8em;
padding-right: 11em;
margin-left: 2.1em;
margin-bottom: -0.3em;
padding-top: 0.3em;
}
.h4parque{
color: white;
font-family: 'Poppins', sans-serif;
font-size: 6em;
padding-right: 5.5em;
letter-spacing: -0.06em;
margin-left: 1.3em;
}
.h3iglesia{
color: #F2F2F2;
font-family: 'Poppins', medium ;
font-size: 3.8em;
padding-right: 10.2em;
margin-left: 1.2em;
margin-bottom: -0.4em;
}
.h4iglesia{
color: white;
font-family: 'Poppins', sans-serif;
font-size: 6em;
padding-right: 5.5em;
letter-spacing: -0.06em;
margin-left: 1.3em;
}
.h4mercado{
color: #F2F2F2;
font-family: 'Poppins', medium;
font-size: 6em;
padding-right: 4.7em;
margin-top: 0.3em;
letter-spacing: -0.03em;
margin-left: 1.3em;
}
.lucia{
color: white;
font-family: 'Pacifico', cursive;
font-size: 3.5em;;
}
/* TEXTOS */
.tituli{
font-family:'Poppins', medium ;
color: #808080;
font-size: 2.8em;
margin-left: 3em;
margin-bottom: 1.3em;
margin-top: 1.3em;
letter-spacing: -0.06em;
}
.tituli2{
font-family:'Poppins', medium ;
color: #808080;
font-size: 2.8em;
margin-left: 3em;
margin-bottom: 1.3em;
margin-top: 1.3em;
letter-spacing: -0.06em;
}
.espacio{
margin-top: 1.5em;
}
.espacio2{
margin-top: 0.5em;
}
.titulosm{
font-family:'Poppins', medium;
color:#222528;
font-size:1em;
margin-left: 1.3em;
margin-bottom: -2em;
margin-top: 0.9em;
}
h2{
font-family:'Poppins', medium;
color:#222528;
font-size:1.4em;
margin-left: .9em;
}
.info{
font-family:'Poppins', medium;
font-color: #222528;
margin-left: 1.3em;
font-size:1.2em;
letter-spacing: -0.06em;
}
.info2{
font-family:'Poppins', serif ;
font-size: .8em;
font-color: #222528;
font-weight: lighter;
}
.RestaurantesTitulo{
font-family: 'Poppins', medium;
font-size: 2.8em;
color: #737373;
padding-top: 1.1em;
text-align: center;
letter-spacing: -0.06em;
margin-bottom: -0.5em;
}
h5{
font-family: 'Ubuntu', sans-serif;
font-size: 2em;
color: #6d1b1e;
padding-bottom: 1em;
}
h6{
font-family: 'Ubuntu', sans-serif;
color: white;
}
p{
font-family: 'Ubuntu', sans-serif;
color: #232121;
padding-bottom: 1em;
}
figcaption{
font-family: 'Ubuntu', sans-serif;
font-size: 1em;
color: #6d1b1e;
padding-top: .5em;
padding-bottom: 1em;
text-align: right;
}
/* IMAGENES */
img{
width:100%
}
.plus{
width: 40px;
height: 40px;
margin-left: 0.5em;
margin-top: 2em;
}
.lineanav{
width: 667px;
height: 5px;
padding-right:85px;
margin-left: -330px;
margin-bottom:1em ;
margin-top: -1.8em;
}
.lineanavbarorigen{
width: 667px;
height: 5px;
padding-right:340px;
margin-left: -246px;
margin-bottom:1em ;
margin-top: -1.8em;
}
.lineanavbariglesia{
width: 667px;
height: 5px;
padding-right:116px;
margin-left: -270px;
margin-bottom:1em ;
margin-top: -1.8em;
}
.lineanavbarparque{
width: 667px;
height: 5px;
padding-right:116px;
margin-left: -270px;
margin-bottom:1em ;
margin-top: -1.8em;
}
.lineanavbarmercado{
width: 667px;
height: 5px;
padding-right:80px;
margin-left: -246px;
margin-bottom:1em ;
margin-top: -1.8em;
}
.bannerdeiglesia{
filter: brightness(58%);
}
.bannermercado{
filter: brightness(40%);
}
.bannerorigen{
filter: brightness(50%);
}
.imagensita{
width:292px ;
height: auto;
margin-top: -.5em;
margin-left: 1em;
}
.linea1{
width:228px;
weight: 4px;
padding-right: 4.2em;
padding-bottom: 1em;
margin-left: 1.5em;
margin-top: -.5em;
}
.linea2{
width:228px;
weight: 4px;
padding-right: 3.9em;
padding-bottom: 1em;
margin-left: 1.5em;
margin-top: -.5em;
}
.linea3{
width:228px;
weight: 2px;
padding-right: 1.8em;
padding-bottom: 1em;
margin-left: 1.4em;
margin-top: -.5em;
}
.linea4{
width:237px;
weight: 2px;
padding-bottom: 1em;
margin-left: 1.4em;
margin-top: -.4em;
padding-right: -1em;
}
.linea5{
width:237px;
weight: 2px;
padding-right: 0.9em;
padding-bottom: 1em;
margin-left: 1.4em;
margin-top: -.4em;
}
.linea6{
width:228px;
weight: 2px;
padding-right: 1.3em;
padding-bottom: 1em;
margin-left: 1.4em;
margin-top: -.4em;
}
/* VIDEO COVER EN RESTAURANTES,INDEX,PARQUE */
video{
width: 100%;
filter:brightness(50%);
}
/*CONTINUE*/
.continue{
width: 35px;
height: 35px;
margin-left: -60em;
margin-top: -1em;
}
.continue2{
width: 35px;
height: 35px;
margin-left:-55em;
margin-top: -1em;
}
.continue3{
width: 35px;
height: 35px;
margin-left:-56.5em;
margin-top: -1em;
}
.continue4{
width: 35px;
height: 35px;
margin-left:-55em;
margin-top: -1em;
}
.continue5{
width: 35px;
height: 35px;
margin-left:-56em;
margin-top: -1em;
}
/* CATALOGO RESTAURANTES Y PLATILLOS */
.card{
border-radius: 15px;
height: 238px;
border: none;
margin-bottom: 1em;
background-color: #7E433A;
}
.iconoProducto{
width: 3em;
height: auto;
position: absolute;
right: 3%;
bottom: 30%;
}
.card-img-top{
height: 180px;
border-radius: 12px 12px 15px 15px;
object-fit: cover;
color: #7E433A;
}
.card-title{
font-family: 'Poppins', medium;
font-size: 1.3em;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #F2F2F2;
}
.card:hover{
-webkit-box-shadow: 0px 22px 13px -15px rgba(48,12,13,0.6);
box-shadow: 0px 22px 13px -15px rgba(48,12,13,0.6);
transition: 1s;
}
.centrarTexto{
text-align: center;
}
/* FOOTER */
.footer{
height: 100px;
}
h9{
color: black;
text-decoration: none;
text-align: left;
margin-left: 7em;
}
h9 a{
color: black;
text-decoration: none;
text-align: left;
margin-left: 4em;
}
h9 a:hover{
color: black;
text-decoration: underline;
}
/* IFRAMES */
iframe{
margin-bottom: 1em;
}
.reset{
padding: 0;
}
/* FORMS */
input{ /* estilo de forma en campo formulario */
width: 100%;
height: 2em;
border: none;
border-radius: 5px;
background-color: #f8f8f8f8;
margin-top: 1em;
padding-left: 1em;
}
textarea{ /* estilo de forma en campo formulario */
width: 100%;
height: 6em;
border: none;
border-radius: 5px;
background-color: #f8f8f8f8;
margin-top: 1em;
padding-left: 1em;
}
.botonenviar{
background-color: #6d1b1e;
color: white;
transition: .5s;
margin-bottom: 1em;
}
.botonenviar:hover{
background-color: #232121;
color: white;
transition: 1s;
}
/* colores de fondo para distinguir algunos maquetados de cajas */
.gray1{
background-color: #ccc;
}
.gray2{
background-color: #333;
}
.gray3{
background-color: #666;
}
/* MAPA*/
.mapa{
outline: 2px solid blue;
margin: 5em;
width: 300px;
height: 300px;
}
.logonav{
width:3em;
height:auto;
margin-left: 2em;
}
.icon{
width: 1.5em;
height:auto;
}
.juan{
margin-left: 2em;
}
input{
width: 100%;
height: 2em;
border-radius: 5px;
border: none;
margin-top: 1em;
padding-left: 1em;
background-color: #f8f8f8;
}
textarea{
width: 100%;
height: 6em;
border-radius: 5px;
border: none;
margin-top: 1em;
padding-left: 1em;
background-color: #f8f8f8;
}
.botonenviar{
background-color: #6d1b1e;
color: white;
transition: .5s;
margin-bottom: 1em;
}
.botonenviar:hover{
background-color: #232121;
color: white;
transition: 1s;
margin-bottom: 1em;
}
.reset{
padding: 0;
}
.hhhh{
font-size: .8em;
}
.zzz{
color: white;
}
.titulomap{
font-size: 3em;
}
@media all and (max-width: 1100px){
.h3index{
font-size: 1em;
}
.h4index{
font-size: 4em;
}
}
@media all and (max-width: 950px){
.h4index{
font-size: 3em;
}
}
@media all and (max-width: 1100px){
.icononav{
width: 1em;
height: 1em;
}}
@media all and (max-width: 700px){
.icononav{
width: 0;
height: 0;
}}
@media all and (max-width: 700px){
a{
font-family: 'Poppins', sans-serif;
color: #F2F2F2;
font-size: .7em;
}
}
@media all and (max-width: 400px){
.novo{
font-family: 'Poppins', sans-serif;
color: #F2F2F2;
font-size: .5em;
}
}
@media all and (max-width: 300px){
.novo{
font-family: 'Poppins', sans-serif;
color: #F2F2F2;
font-size: .2em;
}
}
@media all and (max-width: 735px){
.logonav{
width:1.5em;
height:auto;
margin-left: .5em;
}
}
@media all and (max-width: 1100px){
.TextoOrigen{
color: #F2F2F2;
font-family: 'Poppins',sans-serif;
font-size: 0em;
text-align: left;
margin-top: -.5em;
text-align: left;
}
.h3origen{
color: #F2F2F2;
font-family: 'Poppins', medium;
font-size: 3em;
margin-top: 3em;
margin-top: 0.2em;
letter-spacing: -0.03em;
margin-left: 1.3em;
position: absolute;
}
.lineanavbarorigen{
width: 0px;
height: 0px;
padding-right:340px;
margin-left: -246px;
margin-bottom:1em ;
margin-top: -1.8em;
}
.mas{
padding-bottom: 120px;
font-size: 1em;
text-decoration: none;
}
}
@media all and (max-width: 800px){
.TextoOrigen{
color: #F2F2F2;
font-family: 'Poppins',sans-serif;
font-size: 0em;
text-align: left;
margin-top: -.5em;
text-align: left;
}
.h3origen{
color: #F2F2F2;
font-family: 'Poppins', medium;
font-size: 4em;
margin-top: 3em;
margin-top: 0.2em;
letter-spacing: -0.03em;
margin-left: 1.3em;
position: absolute;
}}
@media all and (max-width: 900px){
.TextoOrigen{
color: #F2F2F2;
font-family: 'Poppins',sans-serif;
font-size: 0em;
text-align: left;
margin-top: -.5em;
text-align: left;
}
.h3origen{
color: #F2F2F2;
font-family: 'Poppins', medium;
font-size: 4em;
margin-top: 3em;
margin-top: 0.2em;
letter-spacing: -0.03em;
margin-left: 1.3em;
position: absolute;
}
}Editor is loading...