/* variables globales */
:root 
{
  --background-color: #f7f6f4; 
    --negro-principal: #2b2623;
    --rojo-principal:#C06548;
    --blanco-principal:#F7F6F4;
    --gris-principal:#727272;
    --bs-btn-font-family:avenir-medium;
    --margen-bottom-form-producto:60px;
}

/* estilos basicos del header */
   
body, nav 
{
    background-color: var(--background-color);
}
.form-control
{
	background-color:var(--background-color);
}
input.form-control , textArea.form-control
{

  border-top:none;
  border-left:none;
  border-right:none;
  border-radius:0px;
}


.logoHeader
{
    
   /* max-width:1326px; */
    text-align: center;
    height:60px;
    display:none;
}
logo_pagina
{
    display:inline;
}


@media (min-width: 612px) and (max-width: 850px) 
{
    .logoHeader
    {
        position: absolute;
        width:98%;
        display:inline;
        margin-right: 2px !important;
    }
    .logo_pagina
    {
        display:none;
    }
}

@media (min-width: 850px) 
{
    .logoHeader
    {
        position: absolute;
        width:100%;
        display:inline;
    }
    .logo_pagina
    {
        display:none;
    }
}


/* Media queries para cabecera */
@media (max-width: 450px) 
{
    /* Ajustes específicos para móvil en la cabecera */
}

@media (min-width: 451px) 
{
    /* Ajustes específicos para tablet en la cabecera */
}

@media (min-width: 1100px) 
{
    /* Ajustes específicos para desktop en la cabecera */
}



@media (max-width: 910px) 
{
  .no-margin-auto910 
  {
    margin-left: 50px !important;
    margin-right: 0 !important;
  }
  .logoHeader-left
  {
      text-align: left;
  }
}