.elementor-2187 .elementor-element.elementor-element-4ae7a71{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2187 .elementor-element.elementor-element-042501e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2187 .elementor-element.elementor-element-478efe9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2187 .elementor-element.elementor-element-0b686fa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2187 .elementor-element.elementor-element-d87428b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2187 .elementor-element.elementor-element-915a5ac{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2187 .elementor-element.elementor-element-7f0d929{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2187 .elementor-element.elementor-element-43e0a92{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2187 .elementor-element.elementor-element-70d7f86{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2187 .elementor-element.elementor-element-7f50038{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2187 .elementor-element.elementor-element-0e69af7{--display:flex;}.elementor-2187 .elementor-element.elementor-element-2925211{text-align:center;}.elementor-2187 .elementor-element.elementor-element-557bb82{--spacer-size:50px;}/* Start custom CSS *//* FIX RESPONSIVE GENERAL PARA DEMOS MI LANDING YA */

@media (max-width: 768px){

  html, body{
    overflow-x:hidden !important;
  }

  section{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  section > div,
  header > div{
    max-width:100% !important;
    width:100% !important;
  }

  /* Convierte columnas en una sola */
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: 1fr 1fr"],
  div[style*="grid-template-columns:repeat"],
  form[style*="grid-template-columns:1fr 1fr"],
  form[style*="grid-template-columns: 1fr 1fr"]{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  /* Formularios */
  form input,
  form select,
  form textarea,
  form button{
    width:100% !important;
    box-sizing:border-box !important;
  }

  form textarea,
  form button{
    grid-column:1 / -1 !important;
  }

  /* Imágenes */
  img{
    max-width:100% !important;
    height:auto !important;
  }

  /* Títulos */
  h1{
    font-size:44px !important;
    line-height:1.1 !important;
    word-break:normal !important;
  }

  h2{
    font-size:34px !important;
    line-height:1.18 !important;
  }

  h3{
    font-size:24px !important;
    line-height:1.25 !important;
  }

  p, li, summary{
    font-size:17px !important;
    line-height:1.65 !important;
  }

  /* Header */
  header{
    position:relative !important;
    padding:18px 20px !important;
  }

  header > div{
    flex-direction:column !important;
    text-align:center !important;
  }

  header nav{
    justify-content:center !important;
    gap:14px !important;
  }

  header nav a{
    font-size:14px !important;
  }

  /* Hero */
  #inicio{
    padding-top:60px !important;
    padding-bottom:70px !important;
    text-align:center !important;
  }

  #inicio p{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #inicio a{
    width:100% !important;
    box-sizing:border-box !important;
    text-align:center !important;
    justify-content:center !important;
  }

  /* Botones en grupo */
  div[style*="display:flex"]{
    justify-content:center !important;
  }

  /* Cards y planes */
  article,
  details,
  div[style*="box-shadow"],
  div[style*="border-radius"]{
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* Evita que elementos destacados se agranden en móvil */
  div[style*="scale(1.05)"]{
    transform:none !important;
  }

  /* Contacto */
  #contacto{
    text-align:center !important;
  }

}
/* ==================================================
   FIX HERO MÓVIL - DEMO RESTAURANTE SABORNATIVO
   Solo afecta la primera sección / hero
================================================== */

@media (max-width: 768px){

  #inicio{
    padding:70px 24px 80px !important;
    min-height:auto !important;
    text-align:center !important;
    background-position:center center !important;
  }

  #inicio > div{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
    width:100% !important;
    max-width:100% !important;
  }

  #inicio > div > div{
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
  }

  #inicio span{
    display:inline-block !important;
    max-width:90% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:15px !important;
    line-height:1.5 !important;
    padding:14px 22px !important;
  }

  #inicio h1{
    font-size:42px !important;
    line-height:1.08 !important;
    text-align:center !important;
    margin:24px auto 20px !important;
    max-width:100% !important;
    word-break:normal !important;
  }

  #inicio h1 span{
    display:inline !important;
    color:#d89b3d !important;
    padding:0 !important;
    background:none !important;
    font-size:inherit !important;
    line-height:inherit !important;
    max-width:none !important;
  }

  #inicio p{
    font-size:18px !important;
    line-height:1.65 !important;
    text-align:center !important;
    max-width:100% !important;
    margin:0 auto !important;
  }

  #inicio div[style*="display:flex"]{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    width:100% !important;
    margin-top:28px !important;
  }

  #inicio a{
    width:100% !important;
    max-width:280px !important;
    display:block !important;
    text-align:center !important;
    box-sizing:border-box !important;
    margin:0 auto !important;
  }

  #inicio img{
    width:100% !important;
    max-width:280px !important;
    margin:0 auto !important;
    display:block !important;
    border-radius:22px !important;
  }

  #inicio > div > div:last-child{
    max-width:320px !important;
    margin:10px auto 0 !important;
    padding:14px !important;
    border-radius:28px !important;
  }

}/* End custom CSS */