@charset "UTF-8";
/* CSS Document */
*{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin:0;
	padding:0;
	outline: 0;
}
img{
	border:none;
}
html,body{
	background-color:white;
	background-repeat:repeat-x;
	font-family: 'Oswald', sans-serif;
	/*
	font-weight:100;
	font-weight:300;
	font-weight:400;
	font-weight:500;
	font-weight:700;
	*/
	font-weight:400;
	font-size:15px;
	margin:0;
	height:100%; min-height:1000px;
}
#pag{
display:inline-block;
height:100%;
position:absolute;
text-align:center;
width:100%;
}
#paulita{
background-repeat: no-repeat;
background-position: center top;
background-size:cover;
display:inline-block;
margin: 0 auto;
min-height:460px;
position:relative;
text-align:center;
width:100%; max-width:400px;
}
.pau1{
background-color:rgba(255, 255, 255, .6);
float:right;
font-size:1.2em;
line-height:1.1em;
position:relative;
width:58%;
}
.txt_o{
font-size:.7em;
}
hr.new1 {
border-top: 1px dashed black;
margin:6% 0px 6% 0px;
}
#fecha{
height:75px;
left:12px;
position:relative;
top:18px;
width:75px;
transform: rotate(-20deg);
}
#precio_menu{
color:white;
height:75px;
font-size:1.2em;
left:42px;
line-height:1.5em;
position:relative;
text-align:right;
text-shadow: -2px 2px 2px #000000;
top:-60px;
width:125px;
}
.txt_precio{
font-size:2em;
}
.txt_whats{
font-size:1.8em;
}
#num_whatsapp{
color:white;
height:175px;
font-size:1.2em;
left:5px;
position:relative;
text-align:center;
text-shadow: -2px 2px 2px #000000;
top:130px;
width:155px;
}
#mes{
color:white;
font-size:.9em;
}
#mes_num{
color:#a40081;
font-family: 'Alfa Slab One', cursive;
font-size:2.2em;
margin-top:-4px;
}
#semana{
color:#a40081;
font-size:.9em;
margin-top:-10px;
}
.upplow{
    text-transform: lowercase;
}

.upplow:first-letter {
    text-transform: uppercase;
}
#pedir{
background-color:#0e8d1f;
float:left;
padding:6px 3px;
text-align:center;
width:100%;
}
#pedir:hover{
background-color:#0e6019;
}
.txt_gris{
	color:#999;
}

A.orange:link { color:rgb(255,128,0); text-decoration:none; } 
A.orange:visited { color:rgb(255,128,0); text-decoration:none; } 
A.orange:active { color:rgb(255,128,0); text-decoration:none; } 
A.orange:hover { color:#930; text-decoration:underline; } 

A.txt_bco:link { color:white; text-decoration:none; } 
A.txt_bco:visited { color:white; text-decoration:none; } 
A.txt_bco:active { color:white; text-decoration:none; } 
A.txt_bco:hover { color:white; text-decoration:underline; } 

#ttst{
background-color:yellow;
height:200px;
width:200%;
}


/* INCIA BOTÓN AZUL */
.form label,
.form input:focus + label {
  position: absolute;
  color: #616A74;
  background: #fff;
  top: 0;
  left: 20px;
  padding: 5px;
  font-size:1.2em;
  transform: translate3d(0, -50%, 0);
  pointer-events: none;
  touch-action: none;
  transition: all .2s ease-in-out;
}
.form input {
  width: 100%;
  height: 50px;
  border: 1px solid #D1D2D5;
  padding: 0 20px;
  font-size:1em;
}


input::placeholder {
color:red;
font-size:1em;
opacity:1;
}
.form input:focus,
.form input:hover {
  outline: none;
  border-color: #A8ADB4;
}

.form input:not(:focus):placeholder-shown + label {
  top: 30px;
  font-size:2em;
}

.form__row {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  position: relative;
  margin-bottom:1.5em;
}

.form__row .form__row {
  margin-bottom: 0;
}

.form button {
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
color:white;
width: 100%;
text-transform: uppercase;
font-weight: 500;
font-size:1.2em;
background:#179fcc;
border: 3px solid #17a0cd;
height: 60px;
}

.form button:hover {
  background: #0f617d;
}

.form button:focus {
  background: #324B6B;
  border-color: #324B6B;
  color: #fff;
}









.formsimple label,
.formsimple input:focus + label {
  position: absolute;
  color: #616A74;
  background: #fff;
  top:0;
  left:0px;
  padding:4px;
  font-size:1.2em;
  transform: translate3d(0, -50%, 0);
  pointer-events: none;
  touch-action: none;
  transition: all .2s ease-in-out;
}
.formsimple input {
  height:20px;
  border: 1px solid #D1D2D5;
  padding:4px;
  font-size:1em;
  text-align:center;
  width:22px;
}


input::placeholder {
color:red;
font-size:1em;
opacity:1;
}

.formsimple button {
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
color:white;
width: 100%;
text-transform: uppercase;
font-weight: 500;
font-size:1.2em;
background:#179fcc;
border: 3px solid #17a0cd;
height: 60px;
}

.formsimple button:hover {
  background: #0f617d;
}

.formsimple button:focus {
  background: #324B6B;
  border-color: #324B6B;
  color: #fff;
}





.formsimpleverde button {
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
color:white;
width: 100%;
text-transform: uppercase;
font-weight: 500;
font-size:1.2em;
background:#25d366;
border: 3px solid #25d366;
height: 60px;
}

.formsimpleverde button:hover {
  background: #17a049;
}

.formsimpleverde button:focus {
  background: #17a049;
  border-color: #17a049;
  color: #fff;
}





.file-select {
  position: relative;
  display: inline-block;
}

.file-select:focus,
.file-select:hover {
	cursor: pointer;
}

.file-select::before {
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
background-color: #5678EF;
color: white;
display: flex;
justify-content: center;
align-items: center;
font-size:1.3em;
content: 'SELECCIONAR LOGOTIPO'; /* testo por defecto */
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.file-select input[type="file"] {
  opacity: 0;
  width: 200px;
  height: 32px;
  display: inline-block;
}






.file-select2 {
  position: relative;
  display: inline-block;
}

.file-select2:focus,
.file-select2:hover {
	cursor: pointer;
}

.file-select2::before {
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
background-color: #5678EF;
color: white;
display: flex;
justify-content: center;
align-items: center;
font-size:1.3em;
content: 'CAMBIAR LOGOTIPO'; /* testo por defecto */
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.file-select2 input[type="file"] {
  opacity: 0;
  width: 200px;
  height: 32px;
  display: inline-block;
}

#src-userfile::before {
  content: 'Cambiar Logotipo';
}

#src-userfile2::before {
  content: 'Subir Logotipo';
}
/* INCIA TERMINA BOTÓN AZUL */


/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/

****/




/*LONGEST DISPLAYS*/
@media only screen and (min-width:1401px) and (max-width:3000px){
}
/*IPAD HORIZONTAL*/
@media only screen and (min-width:1280px) and (max-width:1400px){
}
@media only screen and (min-width:800px) and (max-width:1280px){
#ttst{
background-color:gray;
}
}
/*IPAD VERTICAL*/ /*IPHONE 6 HORIZONAL*/
@media only screen and (min-width:600px) and (max-width:800px){
#ttst{
background-color:black;
}
}
/*IPHONE 5 HORIZONTAL*/
@media only screen and (min-width:400px) and (max-width:600px){
#ttst{
background-color:cyan;
}
}
/*IPHONE 6 VERTICAL*/
@media only screen and (min-width:350px) and (max-width:400px){
#ttst{
background-color:fuchsia;
}
.pau1{
font-size:1em;
}
.txt_o{
font-size:.7em;
}
}
/*IPHONE 5 VERTICAL*/
@media only screen and (min-width:1px) and (max-width:350px){
#ttst{
background-color:pink;
}
.pau1{
font-size:1em;
}
.txt_o{
font-size:.7em;
}
#fecha{
height:60px;
left:8px;
top:13px;
width:60px;
}
#mes{
font-size:.7em;
}
#mes_num{
font-size:2em;
margin-top:-6px;
}
#semana{
font-size:.8em;
margin-top:-12px;
}
#paulita{
min-height:380px;
}
#precio_menu{
color:white;
height:75px;
left:42px;
position:relative;
text-align:right;
top:-60px;
width:90px;
}
.txt_precio{
font-size:2em;
}
.txt_whats{
font-size:1.6em;
}
#num_whatsapp{
color:white;
height:175px;
font-size:1em;
left:5px;
position:relative;
top:92px;
width:125px;
}
}