header.header{
  position:relative;
  z-index:99999;
}

.ownmenu,
.ownmenu ul{
  list-style:none;
  margin:0;
  padding:0;
}

.ownmenu li{
  position:relative;
}

.ownmenu > li{
  display:inline-block;
}

/* SUBMENU DESKTOP */
.ownmenu li .dropdown{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:260px;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  z-index:9999;
}

.ownmenu li:hover > .dropdown{
  display:block;
}

.ownmenu li .dropdown li{
  display:block;
}

.ownmenu li .dropdown li .dropdown{
  top:0;
  left:100%;
}

/* MOBILE */
.menu-toggle{
  display:none;
  font-size:28px;
  cursor:pointer;
  padding:15px;
}

@media(max-width:991px){

.menu-toggle{
  display:block;
}

.ownmenu{
  display:none;
  width:100%;
  background:#fff;
}

.ownmenu.open{
  display:block;
}

.ownmenu > li{
  display:block;
  width:100%;
}

.ownmenu li .dropdown{
  position:static;
  display:none;
  box-shadow:none;
  min-width:100%;
}

.ownmenu li.submenu-open > .dropdown{
  display:block;
}

}
/* ======================================
   SUBMENU PREMIUM LATERAL CON SCROLL
====================================== */

/* Nivel 2 */
.ownmenu > li > .dropdown{
    display:none !important;
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    width:320px !important;
    background:#fff !important;
    z-index:999999 !important;
    box-shadow:0 18px 40px rgba(0,0,0,.15) !important;
}

.ownmenu > li:hover > .dropdown{
    display:block !important;
}

/* Nivel 3 lateral */
.ownmenu .dropdown li{
    position:relative !important;
}

.ownmenu .dropdown li > .dropdown{
    display:none !important;
    position:absolute !important;
    top:0 !important;
    left:100% !important;
    width:420px !important;
    max-height:520px !important;
    overflow-y:auto !important;
    background:#fff !important;
    box-shadow:0 18px 40px rgba(0,0,0,.18) !important;
    z-index:999999 !important;
}

/* Mostrar */
.ownmenu .dropdown li:hover > .dropdown{
    display:block !important;
}

/* Links */
.ownmenu .dropdown li a{
    display:block !important;
    padding:12px 18px !important;
    white-space:normal !important;
    line-height:1.35 !important;
}

/* Hover */
.ownmenu .dropdown li a:hover{
    background:#f8f8f8 !important;
}

/* Scroll bonito */
.ownmenu .dropdown li > .dropdown::-webkit-scrollbar{
    width:8px;
}
.ownmenu .dropdown li > .dropdown::-webkit-scrollbar-thumb{
    background:#c9a96e;
    border-radius:20px;
}

/* Mobile */
@media(max-width:991px){

.ownmenu .dropdown li > .dropdown{
    position:static !important;
    width:100% !important;
    max-height:none !important;
    overflow:visible !important;
    box-shadow:none !important;
}

}
@media (max-width:768px){

/* =========================
HEADER MOBILE
========================= */
header{
position:relative !important;
z-index:9999 !important;
background:#ffffff !important;
padding:12px 15px !important;
box-shadow:0 4px 18px rgba(0,0,0,.08);
}

/* LOGO */
header .logo img{
max-height:48px !important;
width:auto !important;
}

/* BOTON HAMBURGUESA */
.ownmenu > li.showhide{
background:#ffffff !important;
color:#111 !important;
font-size:28px !important;
text-align:right !important;
padding:8px 0 !important;
}

/* MENU DESPLEGADO */
.ownmenu{
width:100% !important;
background:#ffffff !important;
max-height:80vh !important;
overflow-y:auto !important;
margin-top:10px !important;
}

/* ITEMS MENU */
.ownmenu li{
display:block !important;
width:100% !important;
border-bottom:1px solid #f1f1f1;
}

.ownmenu li a{
display:block !important;
color:#111111 !important;
font-size:16px !important;
font-weight:500 !important;
padding:14px 10px !important;
text-align:left !important;
background:#ffffff !important;
}

/* HOVER */
.ownmenu li a:hover{
color:#2a7db8 !important;
background:#f8f8f8 !important;
}

/* SUBMENUS */
.ownmenu ul.dropdown{
position:relative !important;
display:block !important;
width:100% !important;
background:#f9f9f9 !important;
padding:0 !important;
}

/* WHATSAPP detrás del menú */
.float-wa{
z-index:10 !important;
top:auto !important;
bottom:18px !important;
right:18px !important;
}

/* cuando menú abierto */
header,
.ownmenu,
.ownmenu > li.showhide{
z-index:99999 !important;
}

}
@media (max-width:768px){

header{
background:#ffffff !important;
}

header .logo img{
max-height:52px !important;
width:auto !important;
filter:brightness(0) contrast(1.2);
}

}
/* ===== CONTACTO PREMIUM ===== */

.contact-social,
.contact-form,
.location-box,
.review-box{
background:#ffffff;
border-radius:18px;
padding:30px;
box-shadow:0 10px 30px rgba(0,0,0,.07);
margin-bottom:30px;
}

/* títulos */
.heading-block h3,
.contact-locations h2,
.google-reviews h2{
font-size:34px;
font-weight:700;
color:#111;
margin-bottom:10px;
}

/* subtítulos */
.contact-locations p,
.google-reviews p{
color:#666;
font-size:17px;
line-height:1.7;
}

/* lista contacto */
.studio-loc li{
margin-bottom:18px;
line-height:1.8;
font-size:16px;
color:#333;
}

/* redes */
.social-links ul li{
display:inline-block;
margin-right:15px;
}

.social-links a{
color:#111;
transition:.3s;
}

.social-links a:hover{
color:#25d366;
}

/* formulario */
.contact-form input,
.contact-form textarea{
width:100%;
border:1px solid #e5e5e5;
padding:14px 16px;
border-radius:12px;
margin-bottom:15px;
font-size:15px;
}

.contact-form textarea{
min-height:160px;
resize:none;
}

.contact-form input[type="submit"]{
background:#111;
color:#fff;
border:none;
font-weight:700;
cursor:pointer;
transition:.3s;
}

.contact-form input[type="submit"]:hover{
background:#25d366;
}

/* botones */
.btn-primary{
background:#111 !important;
border:none !important;
padding:12px 24px !important;
border-radius:30px !important;
font-weight:700 !important;
}

.btn-primary:hover{
background:#25d366 !important;
}

/* mapas */
.location-box iframe{
border-radius:14px;
margin:15px 0;
}

/* estrellas */
.stars{
font-size:24px;
color:#f5b400;
margin-bottom:12px;
}

/* espacios */
.contact-locations,
.google-reviews{
padding:70px 0;
}

/* móvil */
@media(max-width:768px){

.heading-block h3,
.contact-locations h2,
.google-reviews h2{
font-size:28px;
}

.contact-social,
.contact-form,
.location-box,
.review-box{
padding:22px;
}

}