.rvnavigator{
 width: 100%;
 display: flex;
 justify-content: center; 
 align-items: center;
 gap: 15px; /* 👈 separa botones sin usar margin */
 flex-wrap: nowrap;
 background: #213b5f;
}

.nav-menu{
    display: inline-block;
    align-items: flex-start ;
    background: #213b5f;
    font-size: 20px;
    color: white;
    padding: 10px 35px;
    border-radius: 10px;
    border-color: white;
    border-style: hidden;
    text-decoration: none;
    transition: .5s, color .10s;
        -webkit-transition: .5s, color .10s;
        -moz-transition: .5s, color .10s;

    
}
.nav-menu:hover{
    background: #e67f24;
    border-style:ridge;
    color: #213b5f;
    border-color: white;
    border-radius: 10px;
    transform: translatey(-20px);
        -webkit-transform: translatey(-20px);
        -moz-transform: translatey(-20px);


}
.imagenportada{
    width: 100%;

}

.contacto{
    transition: .5s, color .10s;
        -webkit-transition: .5s, color .10s;
        -moz-transition: .5s, color .10s;    


}
.contacto:hover{
    transform: translatey(20px);
        -webkit-transform: translatey(20px);
        -moz-transform: translatey(20px);


}
.entrega{
    transition: .5s, color .10s;
        -webkit-transition: .5s, color .10s;
        -moz-transition: .5s, color .10s;



}
.entrega:hover{
    transform: translatex(20px);
        -webkit-transform: translatex(20px);
        -moz-transform: translatex(20px);


}

.letras{
    font-size: 20px;
}


.social {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 5px;
    z-index: 100;
    transition: transform 0.3s ease;
}

.social img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

/* Posiciones */
.insta  { bottom: 165px; }
.tiktok { bottom: 120px; }
.face   { bottom: 75px; }
.whats  { bottom: 20px; }

/* Hover bonito */
.social:hover {
    transform: scale(1.1);
}
/* ===== RESPONSIVE GENERAL ===== */
@media (max-width: 1024px) {

  table {
    width: 100% !important;
  }

  td {
    display: block;
    width: 100% !important;
  }

  #rvnavigator nav {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .nav-menu {
    display: block;
    padding: 10px;
    width: 100%;
    text-align: center;
  }

  .imagenportada {
    width: 100%;
    height: auto;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  /* SIDEBAR se vuelve vertical */
  td[width="160"] {
    width: 100% !important;
  }

  /* Formulario */
  #RVSjotform_d0ec264e0256308f7d8413bf27dec6e6 input,
  #RVSjotform_d0ec264e0256308f7d8413bf27dec6e6 textarea {
    width: 100% !important;
  }

}