* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}
img {
  aspect-ratio: attr(width) / attr(height);
}
html {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin: 0px;
	padding: 0px;
/* Desplazamiento suave */
    scroll-behavior: smooth;
}
body {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin: 0px;
  padding-top: 60px;
	padding-left: 0px;
	padding-right: 0px;
  background: #ffff;
    font-family: "Bebas Neue", sans-serif;
  color: #000000;
  line-height: 26px;
  font-size: 22px;
	text-transform: uppercase;
  letter-spacing: -0.02em;
  font-weight: 400;
	overflow-x: hidden;
}
section{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	overflow: hidden;
  padding-top: 100px;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3{
text-shadow:0 0 1px rgba(0,0,0,0.4);
}
h1{
  font-size: 33px;
	width: 60%;
  max-width: 60%;
  margin: auto;
  text-align: center;
	line-height: 39px;
    color: #ffffff;
    font-weight: 300;
    font-family: "Bebas Neue", sans-serif;
}
h2 {
  font-weight: 400;
    font-family: "Bebas Neue", sans-serif;
	font-size: 44px;
	color: #FFFFFF;}
p {
	color: #FFFFFF;}
.tooltip {
 text-decoration: underline; /* subrayado como sugerencia */
  cursor: pointer;
}

.tooltip:hover::before{
  content: attr(title);
	font-size: 18px;
	line-height: 19px;
  position:absolute;
  background-color: #FFBE00;
  color: #060606;
  padding: 5px;
	margin-top: 10px;
  border-radius: 3px;
	margin-left: 20px;
	z-index: 666;/* 
  margin-left: -85px;
	margin-top: 21px;*/
}
h4,
h6 {
  font-weight: 400;
    font-family: "Bebas Neue", sans-serif;
	font-size: 22px;
}
h3{
  font-weight: 300;
    font-family: "Bebas Neue", sans-serif;
  font-size: 33px;
	color: #ffffff;
  text-align: center;
	letter-spacing: 1px;
	line-height: 31px;	
	margin: 0 auto;
	max-width: 88%;
	width: 88%;
}
h5 {
	 font-size: 21px; line-height: 22px;
    color:#595959;
    font-weight: 300;
    font-family: "Bebas Neue", sans-serif;
}

header {
    background-color: #fff;
	border-top: #000000 6px solid;
    padding: 0px 0;
    position: fixed; /* Hace el header fijo en la parte superior */
    width: 100%;
	max-width: 100%;
    top: 0;
    z-index: 888; /* Para que quede sobre todo el contenido */
    transition: background-color 0.3s;
}
/* Inicialmente ocultamos el menú y lo posicionamos fuera de la pantalla */

nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 0 6.7%;
	color: #FFFFFF;
}
.blancofond{ background-color: #FFFFFF;}
.logo a {position: absolute;
	z-index: 2000;
	top: 0px;
	 transition: 0.4s ease;
}

.logo a:hover {
	transform: scale(1.1)
}
/* Estilos para el menú de navegación */
ul {
    list-style: none;
    display: flex;
    padding-right: 11px;
	margin-top: 16px;
}

ul li {
    position: relative; /* Posiciona a los elementos relativos para el submenú */
	padding: 0px 15px;
    background-color: #fff;
	 transition: 0.4s ease;
}

ul li a {
    color: #222;
    text-decoration: none;
    font-size: 22px;
    padding: 24px 0px 7px 0px ;
    position: relative; /* Para la línea superior */
    transition: color 0.3s ease;
}

ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 6px;
    background-color: #ff0000;
    transition: width 0.3s ease;
}
ul.submenu li a {
    padding: 0px 0px 0px 0px ;
}


ul li a:hover::before {
    width: 100%; /* Línea que aparece al hacer hover */
}

ul li a:hover {
    color: #ff0000;
}

/* Submenú */
ul li.submenu-parent {
    position: relative;
	transform: 0.3s ease;
}

ul li .submenu {
    display: none;
	width: 155px;
    position: absolute;
    top: 100%; /* Coloca el submenú justo debajo del botón padre */
    left: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease; 
	margin-top: 5px;
	transform: 0.3s ease;

}

ul li:hover .submenu {
    display: block;
    opacity: 1;
    visibility: visible;
}

ul li .submenu li {
    padding: 6px 15px;
}

ul li .submenu li a {
    color: #333;
	font-size: 28px;

}

ul li .submenu li a:hover::before {
    width: 0%; /* Línea que aparece al hacer hover */
}
ul li .submenu li a:hover{
    color: #ff0000;/* Línea que aparece al hacer hover */
}
ul li .submenu li a:hover .highlight{
    color: #060606;/* Línea que aparece al hacer hover */
}

.whatsappcss{
	z-index: 777;
	position: fixed;
	margin-right: -22px;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: 38px;
	bottom: 0px;
	right: 0px;
	width: 160px;
	height: 160px;
	display: block;
	background-image: url(../images/btnwhatsapp1.svg);
	background-size: 100%;
    -webkit-transition: ease-in-out all 0.2s;
    -moz-transition: ease-in-out all 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.whatsappcss img {
	width: 100%;
	height: auto;
	opacity: 0;
    -webkit-transition: ease-in-out all 0.06s;
    -moz-transition: ease-in-out all 0.06s;
    -o-transition: all ease-in-out 0.06s;
    -ms-transition: all ease-in-out 0.06s;
    transition: all ease-in-out 0.06s;
	cursor: pointer;
}
.whatsappcss img:hover {
	width: 100%;
	height: auto;
	opacity: 1;
}
.whatsappcss:hover {
	margin-right: -10px;
}
.cjta{ border: solid 5px #060606;
}

.negro{
	color: #060606;	
}
.blanco{
	color: #ffffff;	
}
.highlightbig{
    color: #ff0000; font-size: 75px/* Línea que aparece al hacer hover */
}
.highlightv{
    color: #3fc61e; 
}
/* Estilos para el botón de menú hamburguesa en dispositivos móviles */
.menu-toggle {
    display: none; /* Ocultar el menú de hamburguesa en la versión de PC */
	width: 61px;
	height: 61px;
    cursor: pointer;
	margin-bottom: -2px;
	margin-right: 0px;
	margin-left: 0px;
	z-index: 999;
}

.menu-toggle img {
    width: 60px;
    height: 60px;
	
}

.domibtness a {
	font-size: 28px;
	letter-spacing: -1px;
	color: #ff0000;
	margin: 0px;
	padding: 20px 15px 15px 15px;
	left: 0px;
	background:  #000000;
	display: inline-block;
	text-decoration: none;
	position: relative;
	transform: 0.3s ease;
}
nav .domibtness a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 6px;
    background-color: #fff;
    transition: width 0.3s ease;
}
nav .domibtness a:hover {
	color: #fff;
}

 nav .domibtness a:hover::before {
	width: 100%; /* Línea que aparece al hacer hover */
}
 .domibtness {
list-style: none;
    display: flex;
    margin-left: auto;
margin-right: 0;
z-index: 1002;}

.domibtness img {
	width: 15px;
	height: auto;
}

/* Slider */
.slider {
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

.slider-container {
    display: flex;
    width: 100%;
    position: relative;
}

.slide {
    min-width: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slide.active {
    opacity: 1;
    position: relative;
}

.slide img {
    width: 100%;
	max-width: 100%;
	min-width: 100%;
    height: auto;
    display: block;
}

/* Flechas laterales */
.slider-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 2;
}
.prev {
		border-radius: 0 80px 80px 0px;
    cursor: pointer;
    padding: 16px 7px 11px 6px;
    background-color:#ff0000 ;
    color: white;
    font-size: 77px;
}
.next {
	border-radius: 80px 0 0 80px;
    cursor: pointer;
    padding: 16px 7px 11px 11px;
    background-color:#ff0000 ;
    color: white;
    font-size: 77px;
}
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
	transform: scale(1.3);
    transition: 0.3s linear;
}

/* ProgressBar */
.progressBar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10px;
    background-color: #000;
    z-index: 2;
    overflow: hidden;
}

.progress {
    height: 100%;
    width: 0%;
    background-color: #ff0000;
    transition: width 5s linear;
}

/* Círculos de navegación */
.dots {
    text-align: center;
    position: absolute;
    bottom: 13px;
    width: 100%;
    z-index: 2;
}

.dot {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
}

.dot.active, .dot:hover {
    background-color: #ff0000;
}


/* animaciones */
/* Fade-in */
#sushis1, #woks1, .sushis1, .wokss {
    width: 100%;
	height: 16px;
	background: #ff0000 url("../images/svg/letritas.svg") repeat-x center;
}
.wokss {
	display: none;
}
 .lines {
    width: 100%;
	height: 7px;
	background: #ff0000;
	 
}
.linesv {
    width: 100%;
	height: 7px;
	background: #3fc61e;
}
.linesn {
    width: 100%;
	height: 35px;
	background: #060606;
	color: rgba(255,255,255,0.48);
	padding-top: 6px; 
	padding-left: 44px;
	padding-right:44px;
	font-size: 18px;
}
.creditol a{
	color: #ff0000;
	transform: 0.5s ease;
}.creditol a:hover{letter-spacing: 1px; color: rgba(255,0,0,0.76);
}.creditol {
    width: 50%;
	height: 35px;
	background: #060606;
	color: rgba(255,255,255,1);
	font-size: 18px;
	display: inline-block;
}
.cajon {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 26px;
	line-height: 26px;
	text-align: center;
}
.creditor {
    width: 50%;
	height: 35px;
	background: #060606;
	color: rgba(255,255,255,1);
	font-size: 18px;
	display: inline-block;
	text-align: right;
}.creditor a{
	color: #ff0000;
	transform: 0.5s ease;
}.creditor a:hover{letter-spacing: 1px; color: rgba(255,0,0,0.76);}

.fade-in {
    opacity: 0;
    transition: opacity 0.6s ease-out;
}

.fade-in.visible {
    opacity: 1;
}

/* Slide-in from left */
.slide-in-left {
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.slide-in-left.visible {
    opacity: 1;
    transform: translateX(0);
}

/* Slide-in from right */
.slide-in-right {
    opacity: 0;
    transform: translateX(100px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.slide-in-right.visible {
    opacity: 1;
    transform: translateX(0);
}

/* Zoom-in */
.zoom-in {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.zoom-in.visible {
    opacity: 1;
    transform: scale(1);
}
/* Rotación */
.rotate-in {
    opacity: 0;
    transform: rotate(0deg);
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}

.rotate-in.visible {
    opacity: 1;
    transform: rotate(0);
}


.marquee-wrapper {
    width: 100%; /* Ancho completo de la ventana */
    overflow: hidden;
    position: relative;
	padding: 2px 0px;
margin: 0;
}

.marquee {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 50s linear  infinite ; /* Animación más lenta y fluida */
}


@keyframes marquee {
    0% {
        transform: translateX(100%);}
	100% {
        transform: translateX(-100%);}}
.icon img {
    width: 16px; /* Ajusta el tamaño de los iconos */
    height: 16px;
   
	/* Espaciado a los lados del icono */
}.icon {
	margin-right:1px;
	margin-top: 4px;
	margin-bottom: auto;
	/* Espaciado a los lados del icono */
}
.rojo-fond{
    background: #ff0000; margin: 0; padding: 0;
}

.rojo-fond .highlight {
    letter-spacing: 0.1em; /* Espaciado entre letras */
    color: #ffffff;
}
.negro-fond{
    background: #060606; margin: 0; padding: 0;
}
.negro-fond .highlight {
    letter-spacing: 0.1em; /* Espaciado entre letras */
    color: #ffffff;
}
.negro-fond .highlight {
    letter-spacing: 0.1em; /* Espaciado entre letras */
    color: #ff0000;
}
.negro-fond .text {
    letter-spacing: 0.1em; /* Espaciado entre letras */
    color: #ffffff;
}
.negro-fond .highlight {
    letter-spacing: 0.1em; /* Espaciado entre letras */
    color: #ff0000;
}

.text {
    letter-spacing: 0.1em; /* Espaciado entre letras */
    color: #060606;
	vertical-align: middle;
}

.highlight {
    color: #ff0000; /* Texto resaltado */
}
.highlight2 {
    color: #000000; /* Texto resaltado */
}
/* seccciones */
section{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
  padding-top: 100px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
/* suchisencombo */
.cajaroja{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin: 0px;
	padding: 0px;
	height: 300px;
	background: #FF0000 no-repeat;
	background-image: url("../images/svg/flo.svg");
	background-size: 120%; 
	background-position: 105px top;
	overflow: hidden;
}
.cajanegra{
	width: 75%;
	max-width: 60%;
	min-width: 60%;
	margin: 0px 0% 0px 0px;
	padding: 0px;
	background: #060606 no-repeat -70px 33px;
	height: 300px;
	border-radius: 0px 150px 150px 0px;
	background-image: url("../images/svg/nu.svg");
	background-size: 950px auto;
	margin-top: 0px;
	vertical-align: top;
	display: inline-block;
}
.cajaneg{
	width:33.33%;
	max-width: 33.33%;
	min-width: 33.33%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/svg/cajasushiywok2.svg") no-repeat left bottom;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	z-index: 0;
}
.cajaroj{
	width:33.33%;
	max-width: 33.33%;
	min-width: 33.33%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/svg/cajasushiywok.svg") no-repeat right bottom;
	display: inline-block;
	text-align: center;vertical-align: top;
}
#eventos .cajaroj{
	width:100%;
	max-width: 100%;
	min-width: 100%;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	text-align: center; 
	vertical-align: top;
	margin-top: -150px;
	
}
.cajabla{
	width:33.33%;
	max-width: 33.33%;
	min-width: 33.33%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/svg/chikos0.svg") no-repeat center;
	background-position: center;
    animation: anisushiwok 8.5s infinite;
	display: inline-block;
	text-align: center;vertical-align: top;
	position: relative;
	z-index: 99;
}#domicilios .cajabla{
	width:100%;
	max-width: 100%;
	min-width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/svg/chikos0.svg") no-repeat center;
	background-position: center;
    animation: anisushiwok 8.5s infinite;
	display: inline-block;
	text-align: center;vertical-align: top;
	position: relative;
	z-index: 99;
}

@keyframes anisushiwok {
            0%  {background:url("../images/svg/chikos0.svg") no-repeat center}
            22% {background:url("../images/svg/chikos0.svg") no-repeat center}
            25% {background:url("../images/svg/chikos1.svg") no-repeat center}
			28% {background:url("../images/svg/chikos2.svg") no-repeat center}
            35% {background:url("../images/svg/chikos2.svg") no-repeat center}
			37% {background:url("../images/svg/chikos1.svg") no-repeat center}
		    39% {background:url("../images/svg/chikos0.svg") no-repeat center}
            100%{background:url("../images/svg/chikos0.svg") no-repeat center}} 

.cajaneg .cajacombos {width: 220px; height: 300px; text-align: center; display: inline-block; cursor: pointer; margin-left: auto;margin-right: auto; }
.cajaneg .caj { margin-left: -11px}
.cajaneg .cajacombos .sushipq {width: 100px}
.cajaneg .cajacombos .sushipq img {width: 155px; max-width: 155px; min-width: 155px; height: 155px; min-height: 155px; max-height: 155px; margin:-25px 0 0 26px }
.cajacombos {width: 50%; height: 300px; text-align: center; padding: 20px; display: inline-block; margin: 0px; cursor: pointer}
.cajacombos .caj {margin-bottom: -10px;background: url("../images/svg/amaterazu.svg") 100% no-repeat; animation: animacioncaj 10s infinite; transition: 0.11s all ease-in-out;
	-webkit-transition: 0.11s all ease-in-out;
	-moz-osx-transition: 0.11s all ease-in-out;
    -o-transition: 0.11s all ease-in-out;}
.cajacombos:hover .caj { transform: scale(1.04);}
.cajacombos:hover .protex-a {letter-spacing:5px;}
.cajacombos:hover .sushipq {transform: scale(1.1)}
@keyframes animacioncaj {
            0% {background: url("../images/svg/amaterazu.svg") 100% no-repeat}
            9% { background:url("../images/svg/amaterazu.svg") no-repeat 100%;}
            14% {background:url("../images/svg/amaterazu2.svg") no-repeat 100%;}
			59% {background:url("../images/svg/amaterazu2.svg") no-repeat 100%;}
            64%{background:url("../images/svg/amaterazu.svg") no-repeat 100%;}
            100%{background:url("../images/svg/amaterazu.svg") no-repeat 100%;}}

.sushipq {position: relative; z-index: 4; top: -140px; right: -120px; opacity: 1; transition: 0.11s all ease-in-out;
	-webkit-transition: 0.11s all ease-in-out;
	-moz-osx-transition: 0.11s all ease-in-out;
    -o-transition: 0.11s all ease-in-out; }
.protex-a {display: block; text-align: center; color: #ff0000; font-size: 30px; letter-spacing: 3px; padding-left: 3px; line-height: 1.3; transition: 0.11s all ease-in-out;
	-webkit-transition: 0.11s all ease-in-out;
	-moz-osx-transition: 0.11s all ease-in-out;
    -o-transition: 0.11s all ease-in-out;}
.protex-b {display: block; text-align: center; color: #ffffff; font-size: 47px; }
.protex-c {display: block; text-align: center; color: #ffffff; font-size: 63px; line-height: 1}
.cajacombosb{width: 50%; height: 300px; text-align: right; padding-top: 80px; display: inline-block; margin: 0px; vertical-align: top;}
.cajita {width: 155px; text-align: center; margin-top: 10px; margin-right: 44px; margin-left: auto;}
.cajitaa {width: 155px; text-align: center; margin-top: 0px; margin-right: 22px; margin-left: auto;}
.s1{width: 100%; transition: 0.11s all ease-in-out;
	-webkit-transition: 0.11s all ease-in-out;
	-moz-osx-transition: 0.11s all ease-in-out;
    -o-transition: 0.11s all ease-in-out;}
.num1{font-size: 166px; color: #ffffff;display: inline-block; width: 60px; margin-right: 0px; margin-left: auto}
.caji{display: inline-block; width: 90px; margin-right: auto; margin-left: 0px}
.tex01{text-align: left; color: #FFFFFF; width: 90px; font-size: 34px; font-weight: 500; letter-spacing: -6px}
.tex02{font-size: 35px; color: #ff0000; line-height: 1; letter-spacing: 2px}.tex02b{font-size: 35px; color: #060606; line-height: 1; letter-spacing: 2px} .s2{width: 100%;	transition: 0.14s all ease-in-out;
	-webkit-transition: 0.14s all ease-in-out;
	-moz-osx-transition: 0.14s all ease-in-out;
    -o-transition: 0.14s all ease-in-out;} .porblanco{display: inline-block; color: #FFFFFF; font-size: 26px} .preciobig{display: inline-block; color: #FFFFFF; font-size: 55px;line-height: 0.9}.preciobigb{display: inline-block; color: #FFFFFF; font-size: 55px;line-height: 0.9} .s3{width: 100%; text-align: center; color:#bbbbbb; font-size: 26px; text-decoration:line-through;	transition: 0.13s all ease-in-out;
	-webkit-transition: 0.13s all ease-in-out;
	-moz-osx-transition: 0.13s all ease-in-out;
    -o-transition: 0.13s all ease-in-out;}
.cajacombosb img{ margin-top: -3px;	transition: 0.12s all ease-in-out;
	-webkit-transition: 0.12s all ease-in-out;
	-moz-osx-transition: 0.12s all ease-in-out;
    -o-transition: 0.12s all ease-in-out;} 
.primerachica {position: relative; z-index: 6; top: -265px; left: -226px; width: 225px; height: 310px; background:url("../images/svg/sushi-ka-a.svg") no-repeat 100%; transition: 0.05s all ease-in-out; cursor:pointer;
	-webkit-transition: 0.05s all ease-in-out; -moz-osx-transition: 0.05s all ease-in-out; -o-transition: 0.05s all ease-in-out; animation: animacionprimerachica 6.5s infinite;}

.cajita:hover .primerachica{ transform: scale(1.04)} 
.cajita:hover .s2{ transform: scale(1.12);} 
.cajita:hover .s1{ transform: scale(1.1)} 
.cajita:hover .s3{ transform: scale(1.14)} 
.cajita:hover img{ transform: scale(1.18)} 

@keyframes animacionprimerachica {
            0% {background:url("../images/svg/sushi-ka-a.svg") no-repeat 100%;}
            30% { background:url("../images/svg/sushi-ka-a.svg") no-repeat 100%;}
            33% {background:url("../images/svg/sushi-ka-a2.svg") no-repeat 100%;}
	        37% {background:url("../images/svg/sushi-ka-a.svg") no-repeat 100%;}
			40% {background:url("../images/svg/sushi-ka-a2.svg") no-repeat 100%;}
            44%{background:url("../images/svg/sushi-ka-a.svg") no-repeat 100%;}
            100%{background:url("../images/svg/sushi-ka-a.svg") no-repeat 100%;}}

.segundachica {position: relative; z-index: 6; top: -393px; right: -54px; width: 500px; height: 625px; background:url("../images/svg/sushi-ka-b.svg") no-repeat 100%;	transition: 0.06s all ease-in-out;
	-webkit-transition: 0.06s all ease-in-out;
	-moz-osx-transition: 0.06s all ease-in-out;
    -o-transition: 0.06s all ease-in-out; animation: animacionsegundachica 4.5s infinite;}
.cajitaa:hover .segundachica{ transform: scale(1.04);} 
.cajitaa:hover .s2{ transform: scale(1.12) } 
.cajitaa:hover .s1{ transform: scale(1.1) } 
.cajitaa:hover .s3{ transform: scale(1.14)} 
@keyframes animacionsegundachica {
            0%  { background:url("../images/svg/sushi-ka-b.svg") no-repeat 100%}
            40% { background:url("../images/svg/sushi-ka-b.svg") no-repeat 100%}
            45% { background:url("../images/svg/sushi-ka-b2.svg") no-repeat 100%}
	        48% { background:url("../images/svg/sushi-ka-b.svg") no-repeat 100%}
            100%{ background:url("../images/svg/sushi-ka-b.svg") no-repeat 100%}}

.cajablanca{text-align: center; overflow: hidden ;width: 100%; height: 300px}
.primerachica img, .segundachica img.tercerachica img, .cuartachica img {max-height: 100%; min-height: 100% ;height: 100%}
.cajacombosc {vertical-align: top; margin-top: 90px; display: inline-block; width: 23%}
.cajitas {position: relative; z-index: 11; width: 190px; text-align: center; margin-top: -180px; margin-right: auto; margin-left: 29%;}
.cajitas:hover .tercerachica{transform: scale(1.04);} 
.cajitas:hover .s2{transform: scale(1.12)} 
.cajitas:hover .s1{transform: scale(1.1)} 
.cajitas:hover .s4{transform: scale(1.14)} 

@keyframes animaciontercerachica {
            0% { background:url("../images/svg/sushi-ka-c.svg") no-repeat 100%  }
            55% { background:url("../images/svg/sushi-ka-c.svg") no-repeat 100%  }
            58% { background:url("../images/svg/sushi-ka-c2.svg") no-repeat 100%  }
            74% { background:url("../images/svg/sushi-ka-c2.svg") no-repeat 100%  }
	        80% { background:url("../images/svg/sushi-ka-c.svg") no-repeat 100%  }
            100%{ background:url("../images/svg/sushi-ka-c.svg") no-repeat 100%  ;}}

.cajitass {position: relative; z-index: 11; width: 190px; text-align: center; margin-top: -442px; margin-right: 29%; margin-left: auto;}
.cajitass:hover .cuartachica{ background:url("../images/svg/sushi-ka-d2.svg") no-repeat 100%;} 
.cajitass:hover .s2{ transform: scale(1.12)} 
.cajitass:hover .s1{ transform: scale(1.1)} 
.cajitass:hover .s4{ transform: scale(1.14)} 

@keyframes animacioncuartachica {
            0% { background:url("../images/svg/sushi-ka-d.svg") no-repeat 100%  }
            65% { background:url("../images/svg/sushi-ka-d.svg") no-repeat 100%  }
            68% { background:url("../images/svg/sushi-ka-d2.svg") no-repeat 100%  }
            84% { background:url("../images/svg/sushi-ka-d2.svg") no-repeat 100%  }
	        90% { background:url("../images/svg/sushi-ka-d.svg") no-repeat 100%  }
            100%{ background:url("../images/svg/sushi-ka-d.svg") no-repeat 100%  ;}}

.num2{font-size: 166px; color: #060606;display: inline-block; width: 60px; margin-right: 0px; margin-left: auto}
.tex03{text-align: left; color: #060606; width: 90px; font-size: 34px; font-weight: 500; letter-spacing: -6px}
.pornegro{display: inline-block; color: #060606; font-size: 26px}.preciobign{display: inline-block; color: #060606; font-size: 54px;line-height: 0.9; letter-spacing: -2px;}
.s4{width: 100%; text-align: center; color: rgba(6,6,6,0.39); font-size: 26px; text-decoration:line-through; transition: 0.11s all ease-in-out;
	-webkit-transition: 0.11s all ease-in-out;
	-moz-osx-transition: 0.11s all ease-in-out;
    -o-transition: 0.11s all ease-in-out;}
.tercerachica{position: relative; z-index: 6; top: -239px; left: -233px; width: 250px; height: 300px; background:url("../images/svg/sushi-ka-c.svg") no-repeat 100%; transition: 0.11s all ease-in-out;-webkit-transition: 0.11s all ease-in-out;
	-moz-osx-transition: 0.11s all ease-in-out;
    -o-transition: 0.11s all ease-in-out; animation: animaciontercerachica 8s infinite;}
.tiraroja{width: 45px; height: 300px; margin-left: auto; margin-right: auto; display: inline-block; background-color: #FF0000; vertical-align: top; padding: 23px 11px; color: #FFFFFF; font-size: 19px;position: relative; z-index: 3;}
.cuartachica{position: relative; z-index: 6; top: -252px; right: -183px; width: 270px; height: 320px; background:url("../images/svg/sushi-ka-d.svg") no-repeat 100%; transition: 0.11s all ease-in-out;-webkit-transition: 0.11s all ease-in-out;
	-moz-osx-transition: 0.11s all ease-in-out;
    -o-transition: 0.11s all ease-in-out; animation: animacioncuartachica 8s infinite;}
.flor-l{position: relative; z-index: 0; top: -730px; right: 200px; width: 600px; height: 600px;} .flor-r{position: relative; z-index: 2; top: -1280px; left: 80%; width: 485px; height: 485px;}

.cajacomprar{vertical-align: middle; margin-left: auto;margin-right: auto; text-align: center; color: #FFFFFF; margin-top: 16%; font-size: 70px; line-height: 60px; letter-spacing: 1px; transition: 0.11s all ease-in-out;-webkit-transition: 0.11s all ease-in-out;
	-moz-osx-transition: 0.11s all ease-in-out;
    -o-transition: 0.11s all ease-in-out; cursor: pointer}
.cajacomprar:hover{font-size: 80px; line-height: 60px; letter-spacing: 6px}
.cajacomprar2{vertical-align: middle; margin-left: auto;margin-right: auto; text-align: center; color: #FFFFFF; margin-top: 55px; font-size: 70px; line-height: 60px; letter-spacing: 1px; transition: 0.11s all ease-in-out;-webkit-transition: 0.11s all ease-in-out;
	-moz-osx-transition: 0.11s all ease-in-out;
    -o-transition: 0.11s all ease-in-out; cursor: pointer}
.cajacomprar2:hover{font-size: 80px; line-height: 60px; letter-spacing: 6px}

#menu-sushi{ background:#060606; width: 90%; max-width: 90%; min-height: 90%}
#menu-sushi .titulo-sushi{ width: 90%; max-width: 1280px; min-width: 90%; height: auto; vertical-align: top; margin-left: auto; margin-right: auto; top: 0;}
#menu-sushi .titulo-sushi img{ width: 100%; max-width: 100%; min-width: 100%; height: auto;}
#menu-wok .titulo-sushi img{ width: 100%; max-width: 100%; min-width: 100%; height: auto;}
#menu-wok .titulo-sushi{ width: 90%; max-width: 1280px; min-width: 90%; height: auto; vertical-align: top; margin-left: auto; margin-right: auto; top: 0;}
#domicilios .titulo-sushi img{ width: 100%; max-width: 100%; min-width: 100%; height: auto;}
#domicilios .titulo-sushi{ width: 90%; max-width: 1280px; min-width: 90%; height: auto; vertical-align: top; margin-left: auto; margin-right: auto; top: 0;}
#menu-sushi-wok{ background:#060606; width: 100%; max-width: 100%; min-height: 100%}
#menu-sushi-wok .titulo-sushi{ width: 90%; max-width: 1280px; min-width: 90%; height: auto; vertical-align: top; margin-left: auto; margin-right: auto; top: 0;}
#menu-sushi-wok .titulo-sushi img{ width: 100%; max-width: 100%; min-width: 100%; height: auto;}
#entradas-adiciones { background-color: #ff0000; width: 100%; max-width: 100%; min-height: 100%}
.titulo-entradas{ width: 90%; max-width: 1280px; min-width: 90%; height: auto; vertical-align: top; margin-left: auto; margin-right: auto; top: 0;}
.titulo-entradas img{ width: 100%; max-width: 100%; min-width: 100%; height: auto; background-image: url("../images/svg/titulo-menu-entradas-adiciones.svg"); background-repeat: no-repeat; transition: 0.1s all ease-in-out;
	-webkit-transition: 0.1s all ease-in-out;
	-moz-osx-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out; animation: eya 7.5s infinite; position: relative}
#entradas-adiciones .agregar{width: 82px; height: 82px; background: #ffffff; padding: 24px 15px; text-align: left; line-height: 19px; color:  #060606; display: inline-block;vertical-align: top}#entradas-adiciones .agregarnegro{color:  #ff0000; }.agregarv{width: 82px; height: 82px; background: #3fc61e; padding: 24px 15px; text-align: left; line-height: 19px; color:  #ffffff; display: inline-block;vertical-align: top}

@keyframes  eya {
             0% { background:url("../images/svg/titulo-menu-entradas-adiciones.svg")}
	     	36% { background:url("../images/svg/titulo-menu-entradas-adiciones.svg")}
            40% { background:url("../images/svg/titulo-menu-entradas-adicionesx2.svg")}
            44% { background:url("../images/svg/titulo-menu-entradas-adicionesx3.svg")}
	        83% { background:url("../images/svg/titulo-menu-entradas-adicionesx3.svg")}
	        88% { background:url("../images/svg/titulo-menu-entradas-adicionesx2.svg")}
            96% { background:url("../images/svg/titulo-menu-entradas-adiciones.svg")}
            100%{ background:url("../images/svg/titulo-menu-entradas-adiciones.svg")}}

#eventos{ background:#060606; width: 100%; max-width: 100%; min-height: 100%}
#eventos .titulo-sushi{ width: 90%; max-width: 1280px; min-width: 90%; height: auto; vertical-align: top; margin-left: auto; margin-right: auto; top: 0;}
#eventos .titulo-sushi img{ width: 100%; max-width: 100%; min-width: 100%; height: auto;}
#menu-bebidas{ background:#fff; width: 100%; max-width: 100%; min-height: 100%; text-shadow:0 0 1px rgba(0,0,0,0.35);}
#menu-bebidas .titulo-sushi{ width: 90%; max-width: 1280px; min-width: 90%; height: auto; vertical-align: top; margin-left: auto; margin-right: auto; top: 0;}
#menu-bebidas .titulo-sushi img{ width: 100%; max-width: 100%; min-width: 100%; height: auto;}
.opaco{ opacity: 0.6;}
.bajo-sushi{ width: 100%; max-width: 100%; min-width: 100%; height: 300px; margin: 33px 0px 0px;padding: 0px;}
.caja-productos{width: 90%; margin-left: auto; margin-right: auto; text-align: center; max-width: 1280px }
.cajaproducton{width: 31.2%; display: inline-block; height: auto;margin: 0.9%;
	padding: 0.3%;
	vertical-align: top;
	text-align: left;
overflow: hidden}
.cajaproducton img {
	height: auto;
	max-width: 100%;
	min-width: 100%;
	width: 100%;
overflow: hidden}

.titele {padding: 21px auto 22px  0; width: 100%; margin-top: 7px; margin-bottom: 11px; line-height: 36px}
.vegas {font-size: 31px; color: #FF0000;} 
.blancotext {color: #FFFFFF;}
.caja-precio{width: 100%; height: 82px; margin: 5px 0; padding: 0; vertical-align: top}
.agregar{width: 82px; height: 82px; background: #FF0000; padding: 24px 15px; text-align: left; line-height: 19px; color:  #FFFFFF; display: inline-block;vertical-align: top}
.agregarnegro{width: 82px; height: 82px; background: #060606; padding: 30px 15px; text-align: left; line-height: 19px; color:  #FFFFFF; display: inline-block;vertical-align: top; font-size: 55px;}
.precio-img {width: 16px; height: 56px;  display: inline-block; margin-left: 4px; padding: 0%}
.precio-img img{width: 100%; height: auto;  max-width: 100%; min-width: 100%;}
.precio-blanco {width: 100%; color: #FFFFFF; text-align: right; font-size: 65px; letter-spacing: -2px; margin-left: auto; margin-right: 0; margin-top: -65px}
.bocados {width: 100%; text-align: right; color: #FFFFFF; margin-top: 11px; font-size: 26px}.bocatres {width: 100%; text-align: right; color: #060606; margin-top: 11px; font-size: 26px}
.bocacua {width: 100%; text-align: right; color: #ff0000; margin-top: 11px; font-size: 26px}.bocacin {width: 100%; text-align: right; color: #3fc61e; margin-top: 11px; font-size: 26px}
.precio-negro {width: 100%; color: #060606; text-align: right; font-size: 65px; letter-spacing: -2px; margin-left: auto; margin-right: 0; margin-top: -65px}

@media (max-width: 768px) {
    .desktop-img {
        display: none !important; /* Fuerza la imagen de escritorio a no mostrarse */
    }

    .mobile-img {
        display: block !important; /* Asegura que la imagen móvil se muestre */
        height: 100vw; /* Imagen cuadrada en móviles */
        object-fit: cover;
    } 
	
}

/* En pantallas grandes, ocultar imágenes móviles */
@media (min-width: 769px) {
    .mobile-img {
        display: none !important; /* Fuerza la imagen móvil a no mostrarse */
    }

    .desktop-img {
        display: block !important; /* Asegura que la imagen de escritorio se muestre */
        height: auto;
    }
}
/* Responsivo */
@media ( max-width : 1150px ){  
.cajacombos {width: 33%;margin: 0 17% 0 0}nav {padding: 0 3.8%;}
.primerachica {top: -217px; left: -211px; width: 210px; height: 260px; }
.segundachica {top: -363px; right: -26px; width: 460px; height: 570px;}
.cajitas {width: 190px; margin-left: 25%}
.cajitass {width: 190px; margin-right: 25%; margin-top: -395px }
.tercerachica{top: -195px; left: -233px; width: 250px; height: 250px}
.cuartachica{top: -195px; right: -142px; width: 250px; height: 250px}
.flor-l{top: -655px; right: 266px; width: 400px; height: 400px;}
.flor-r{top: -1005px; left: 74.6%; width: 500px; height: 500px;}
	#menu-sushi .titulo-sushi{ width: 90%;}
.caja-productos{width: 95%; margin-left: auto; margin-right: auto; text-align: center; max-width: 1150px }
.blancotext {color: #FFFFFF;}
	.negrotext {color: #060606; font-size: 18px; line-height: 17px; width: 100%; padding: 11px 0; margin: 0; min-width: 100%; }
.precio-negro {width: 100%; color: #060606; text-align: right; font-size: 60px; letter-spacing: -3px; margin-left: auto; margin-right: 0; margin-top: -65px}}
@media (max-width : 920px ){ 
	.wokss {
	display: block;
}
.cajacombos {width: 40%;margin: 0 10% 0 0;}
.primerachica {top: -145px; left: -140px; width: 155px; height: 185px; }
.segundachica {top: -250px; right: -56px; width: 360px; height: 410px;}
.cajita{ margin-right: 10px }
.cajitas {width: 190px; margin-left: 23%}
.cajitass {width: 190px; margin-right: 23%; margin-top: -329px }
.tercerachica{top: -135px; left: -176px; width: 184px; height: 184px}
.cuartachica{top: -130px; right: -148px; width: 184px; height: 184px}
.flor-l{top: -590px; right: 336px; width: 25px; height: 250px;}
.flor-r{top: -790px; left: 74.6%; width: 350px; height: 350px;}
.cajaproducton{width: 43.2%;display: inline-block;height: auto;margin: 0.9%;
	padding: 0.3%;vertical-align: top;text-align: left;overflow: hidden}
.caja-productos{width: 96%; margin-left: auto; margin-right: auto; text-align: center; max-width: 920px }
.cajaneg{
	width:50%;
	max-width: 50%;
	min-width: 50%;height: 300px;
}
.cajabla{
	width:50%;
	max-width: 50%;
	min-width: 50%; height: 300px;
}
.cajaroj{
	width:100%;
	max-width: 100%;
	min-width: 100%;
	background: none;
	 height: 250px;
}
	#eventos .cajaroj{
	width:100%;
	max-width: 100%;
	min-width: 100%;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	text-align: center; 
	margin-top: 0px;
	
}
	#eventos .cajacomprar{ margin: 0; padding: 0;}.cajacomprar2{ margin-left: 66px;margin-right: 66px; padding: 0;}
.bajo-sushi{
	height: 450px;
}
#eventos .bajo-sushi{
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}	
.cajacomprar{margin-top: 10px;}}
@media (max-width: 850px) {  
	.cajaroja{ background-position: 60px 10px; background-size: 100% }
.cajitas {width: 190px; margin-left: 21%}
.cajitass {width: 190px; margin-right: 21%; margin-top: -329px }
.primerachica {top: -135px; left: -125px; width: 145px; height: 175px;}
.segundachica {top: -230px; right: -56px; width: 320px; height: 410px;}
	.cajitaa{ margin-right: 0px; }
	
	.titele {line-height: 42px}
}

@media (max-width: 768px) {
	.cajaroja {height: 600px; background-size: 150%; background-position: -170px 170px}
.cajanegra{max-width: 100%;min-width: 100%;border-radius: 0;overflow: hidden;}
.cajacombos {width: 36%;margin: 0 6% 0 0}
.primerachica {top: -217px; left: -211px; width: 210px; height: 260px;}
.segundachica {top: -363px; left: 111px; width: 445px; height: 570px;}
.cajita{ margin-right: 0px }.cajitaa{ margin-right: -139px; }
.cajitas {width: 190px; margin-left: 21%; margin-top: 120px; transform: scale(0.96)}
.cajitass {width: 190px; margin-right: 23%; margin-top: -395px; transform: scale(0.96)}
.tercerachica{top: -200px; left: -224px; width: 250px; height: 250px}
.cuartachica{top: -185px; right: -130px; width: 250px; height: 250px}
.flor-l{top: -666px; right: 299px; width: 400px; height: 400px; opacity: 0.5}
.flor-r{top: -989px; left: 66.6%; width: 500px; height: 500px;}
.tiraroja{ display: none;}h1{
      width: 95% ;
  max-width:66%;
    }
	
	nav {
		overflow: hidden;
    margin: -1px -1px 0 6.5%;
    padding: 0;
}
	ul li a {
    padding: 2px 0px 0px 0px ;
	font-size: 33px;
		letter-spacing: 2px;
	}	

ul li .submenu li a:hover .highlight{
    color: #ffffff;/* Línea que aparece al hacer hover */
}
	.logo img {
		width: 105px;
		height: 105px;
}
    /* Mostrar el botón de menú hamburguesa solo en dispositivos móviles */
    .menu-toggle {
        display: block;
		
    transition: 0.3s ease;
    }
	 .menu-toggle:hover {
		 transform: scale(1.2);
    }

    ul {
        display: none;
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 45px;
        left: 0;
        background-color: #ffffff;
        z-index: 900; /* Asegúrate de que el menú esté sobre otros elementos */
		text-align: left;
    }

    ul.show {
        display: flex;
		padding-top: 9px;
		background: #FFFFFF;
    }

    ul li {
        text-align: right;
		padding: 5px 0px 3px 0px;
		
    }	ul li a {
    padding: 2px 0px 0px 0px ;
	font-size: 33px;
		letter-spacing: 2px;
	}	

ul li .submenu li a:hover .highlight{
    color: #ffffff;/* Línea que aparece al hacer hover */
}
 
    ul li .submenu {
		width: auto;
        position: static;
        opacity: 1;
        visibility: visible;
        display: none;
		margin-top: -4px;
    }
	ul li .submenu li {
    padding: 7px 9px;
		background: #E9E9E9;
}
ul li .submenu li:hover a{
	    color: #FFFFFF;
}
	ul li .submenu li:hover{
		background: #000;
}
    ul li .submenu.show {
        display: block;
    }
	.domibtness a {
		font-size: 25px;
	letter-spacing: -1px;
}
.domibtness img {
	width: 16px;
	height: auto;
}
	.creditor {
    width: 100%;
	height: 15px;
	background: #060606;
	color: rgba(255,255,255,1);
	font-size: 18px;
	text-align: center;
}.creditol {
    width: 100%;
	height: 15px;
	background: #060606;
	color: rgba(255,255,255,1);
	font-size: 18px;
	text-align: center;
}
	.linesn {
    width: 100%;
	height: 70px;
	padding-left: 22px;
	padding-right:22px;
		padding-top: 9px;
		padding-bottom: 7px;
}
}
@media (max-width: 678px) { 
.tiraroja{ display: none;}
	h1{
      width: 70% ;
  max-width:70%;
    }.cajacombos {width: 40%;margin: 0 6% 0 0; transform: scale(0.9)}
 .primerachica {top: -180px; left: -170px; width: 170px; height: 220px; }
.segundachica {top: -303px; left: 90px; width: 400px; height: 500px;}
.cajita{ margin-right: 0px }.cajitaa{ margin-right: -139px}
.cajitas {width: 180px; margin-left: 17%; margin-top: 30px; transform: scale(0.75)}
.cajitass {width: 190px; margin-right: 17%; margin-top: -406px; transform: scale(0.75)}
.tercerachica{top: -90px; left: -235px; width: 250px; height: 250px; transform: scale(1.1)}
.cuartachica{top: -100px; right: -101px; width: 250px; height: 250px; transform: scale(1.1)}
	.num2 { font-size: 211px; margin-right: 13px;}
.flor-l{top: -595px; right: 366px; width: 300px; height: 300px;}
.flor-r{top: -830px; left: 71%; width: 300px; height: 300px;}
.blancotext {color: #FFFFFF;}
.negrotext {color: #060606; font-size: 17px; line-height: 17px}

	.titele {
	font-size: 38px;
}
	.precio-blanco {
	font-size: 48px;
}	.precio-negro {
	font-size: 48px;
}
	.bocados {
	font-size: 26px;
}
.bocatres {
	font-size: 26px;
}
.cajaproducton{width: 88%;display: block;margin: 1% 5%;
	padding: 3%;}
	
		.cajaneg{
	width:50%;
	max-width: 50%;
	min-width: 50%;height: 270px;		
	vertical-align: bottom;
}
.cajabla{
	width:50%;
	max-width: 50%;
	min-width: 50%; height: 270px;
}
.cajaroj{
	width:100%;
	max-width: 100%;
	min-width: 100%;
	background: none;
	 height: 250px;
	
	
}
}
@media (max-width : 530px ){ .cajacomprar2{ margin-left: 66px;margin-right: 66px; padding: 0;}
.cajanegra, .cajablanca{height: 250px; }.cajaroja{ height: 500px}
.cajacombos {width: 43%;margin:  -20px 0 0 -18px; transform: scale(0.70)}
.cajaneg .cajacombos {width: 43%;margin:  -20px 0 0 -18px; transform: scale(0.90)}
.primerachica {top: -194px; left: -200px; width: 200px; height: 250px; }
.cajacombosb{transform: scale(0.77);}.cajitaa{transform: scale(0.80);}
.segundachica {top: -318px; left: 90px; width: 400px; height: 500px;}
.cajita{ margin-right:-70px;margin-top: -33px }.cajitaa{ margin-right: -129px; margin-top: -66px;}
.cajitas {width: 180px; margin-left: 12%; margin-top: -13px; transform: scale(0.63)}
.cajitass {width: 190px; margin-right: 12%; margin-top: -399px; transform: scale(0.63) }
.tercerachica{top: -70px; left: -216px; width: 242px; height: 242px}
.cuartachica{top: -90px; right: -95px; width: 240px; height: 240px}
.flor-l{top: -530px; right: 400px; width: 200px; height: 200px;}
.flor-r{top: -675px; left: 69.3%; width: 200px; height: 200px;}
	.caja-productos{width: 90%; max-width: 520px }
	.bajo-sushi{height: 645px;}
	h1{
      width: 80% ;
  max-width:80%;
    }
.cajaneg{
	width:100%;
	max-width: 100%;
	min-width: 100%;
	height: 250px;

}
.cajabla{
	width:100%;
	max-width: 100%;
	min-width: 100%;
	
	height: 250px;
}
.cajaroj{
	width:100%;
	max-width: 100%;
	min-width: 100%;
	height: 100px;
}
	#eventos .cajaroj{
		text-align: center;
	width:80%;
	max-width: 80%;
	min-width: 80%;
		margin-left: auto;
		margin-right: auto;
	height: 100px;
}
	
	#menu-sushi .titulo-sushi{ width: 100%; min-width: 100%; }
#menu-wok .titulo-sushi{ width: 100%; min-width: 100%;}
#menu-sushi-wok .titulo-sushi{ width: 100%; min-width: 100%;}
.titulo-entradas{ width: 100%; min-width: 100%;}
#eventos .titulo-sushi{ width: 100%; min-width: 100%;}
#menu-bebidas .titulo-sushi{ width: 100%; min-width: 100%;}
	h3{
  font-size: 26px;
	letter-spacing: 0px;
	line-height: 26px;
	max-width: 854%;
	width: 84%;
}.creditor{font-size: 14px; }.crediton{font-size: 14px; }
}
@media (max-width : 400px ){ .cajacomprar2{ margin-left: 11px;margin-right: 11px; padding: 0;}
	.protex-b {width: 135px; }h1{width: 88%; max-width:88%; }
.cajanegra{height: 200px}.cajaroja{height: 400px}
.cajacombos {width: 56%; margin: -46px 0 0 -34px; transform: scale(0.55)}
.primerachica {top: -185px; left: -178px; width: 180px; height: 220px; }
.cajacombosb{transform: scale(0.65);}
.segundachica {top: -303px; left: 40px; width: 400px; height: 500px;}
.cajita{ margin-right:-30px; margin-top: -70px }.cajitaa{transform: scale(0.70); margin-right: -170px; margin-top: -126px;}
.cajitas {width: 180px; margin-left: 3%; margin-top: -33px; transform: scale(0.55)}
.cajitass {width: 190px; margin-right: 3%; margin-top: -399px; transform: scale(0.55) }
.tercerachica{top: -20px; left: -170px; width: 242px; height: 242px}
.cuartachica{top: -33px; right: -45px; width: 240px; height: 240px}
.flor-l{top: -530px; right: 400px; width: 200px; height: 200px;}
.flor-r{top: -675px; left: 69.3%; width: 200px; height: 200px;}
.titele {line-height: 35px}}