/*color primario: #e1ad01 - rgb(225,173,1)
gris oscuro: #252525 - rgba(34,34,34,0.1)*/

:root {
  --color-texto-primario: #222222;
  --color-primario: #e1ad01;
  --color-primario-opacidad-5: rgba(225,173,1,0.5);
  --color-primario-opacidad-3: rgba(225,173,1,0.3);
  --color-primario-opacidad-05: rgba(225,173,1,0.05);
  /*--color-primario-opacidad-25: rgba(225,173,1, 0.25);*/
  --color-secundario: #545b62;
  --color-secundario-opacidad-5: rgba(84,91,98,0.5);
  --color-secundario-opacidad-3: rgba(84,91,98,0.3);
  --color-sombra: /*0 0 0 0.2rem*/2px 2px 4px 0px;
  --color-gris-oscuro: #252525;
  --color-muted: rgba(34,34,34,0.5);
  --color-blanco: #FFFFFF;
  --color-blanco-6: rgba(255,255,255,0.6);
  --color-blanco-8: rgba(255,255,255,0.8);

  --font-family: 'Poppins', 'Open Sans', sans-serif;

  --font-size-body: /*16px*/20px;
  --font-size-body-minus: /*16px*/14px;
  --font-size-cabecera: 14px;
  --font-size-cabecera-minus: 12px;
  --font-size-pie: 12px;
  --font-size-titulo: /*30px*/50px;
  --font-size-titulo-medium: /*30px*/40px;
  --font-size-titulo-minus: /*30px*/35px;
  --font-size-titulo-supergrande: 75px;
  /*--font-size-subtitulo: 35px;*/
  --font-size-titulo_home_foto: 35px;
  --font-size-titulo_home_foto_medium: 25px;
  --font-size-titulo_home_foto_minus: 20px;
  --font-size-titulo_home_foto_minus_2: 15px;
  --font-size-texto-grande: 25px;
  --font-size-icono: 20px;

  --font-wight-negrita-plus: /*800*/500;
  --font-wight-negrita: /*800*/400;
  --font-wight-normal: /*500*/300;
  --font-wight-suave: /*300*/200;
  --font-wight-muy-suave: /*200*/100;

  --img-border-radius: 5px;
}


html{font-size: var(--font-size-body);}
body{font-family: var(--font-family);color: var(--color-texto-primario);background-color: var(--color-blanco);font-weight: var(--font-wight-normal);margin: 0;}



/*Contenedor max-width*/
.contenedor{width: 100%;max-width:1200px;margin: 0 auto;}

h1,h2,h3{font-size: var(--font-size-titulo);font-weight: var(--font-wight-suave);margin:0;padding:0;}
a{color:var(--color-primario);}
a:hover{color:var(--color-gris-oscuro);text-decoration: none;}
strong{font-weight: var(--font-wight-negrita-plus);}
/*input, select, textarea{padding:10px 30px;border: 1px solid var(--color-blanco);background-color: transparent;border-radius: 0;color:var(--color-blanco);font-weight: var(--font-wight-muy-suave);}*/
input, select, textarea {font-family: var(--font-family);padding: 5px 10px;border-radius: 5px;font-weight: var(--font-wight-muy-suave);border-width: 1px;border-bottom-style: solid;}

/* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder {color: var(--color-blanco);opacity: 1; /* Firefox */}
/* Internet Explorer 10-11 */
:-ms-input-placeholder {color: var(--color-blanco);}
/* Microsoft Edge */
::-ms-input-placeholder {color: var(--color-blanco);}
.displayNone{display: none;}
.no_scroll{overflow:hidden;}



/*Botones*/
.btn {border-radius: 5px;padding: 10px 22px;box-shadow: var(--color-sombra) var(--color-primario);text-decoration: none;}
.btn-primary{color: var(--color-blanco);background-color: var(--color-primario);border-color: var(--color-primario);}
  .btn-primary:hover {color: var(--color-blanco);background-color: var(--color-primario-opacidad-5);border-color: var(--color-primario-opacidad-5);}
  .btn-primary:focus, .btn-primary.focus {color: var(--color-blanco);background-color: var(--color-primario-opacidad-5);border-color: var(--color-primario-opacidad-5);box-shadow: var(--color-sombra) var(--color-primario-opacidad-5);}
  .btn-primary.disabled, .btn-primary:disabled {color: var(--color-blanco);background-color: var(--color-primario-opacidad-3);border-color: var(--color-primario-opacidad-3);}
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
      color: var(--color-blanco);background-color: var(--color-primario);border-color: var(--color-primario);}
  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {box-shadow: var(--color-sombra) var(--color-primario-opacidad-5);}

.btn-secondary{color: var(--color-blanco);background-color: var(--color-secundario);border-color: var(--color-secundario);box-shadow: var(--color-sombra) var(--color-secundario);}
  .btn-secondary:hover {color: var(--color-blanco);background-color: var(--color-secundario-opacidad-5);border-color: var(--color-secundario-opacidad-5);}
  .btn-secondary:focus, .btn-secondary.focus {color: var(--color-blanco);background-color: var(--color-secundario-opacidad-5);border-color: var(--color-secundario-opacidad-5);box-shadow: var(--color-sombra) var(--color-secundario-opacidad-5);}
  .btn-secondary.disabled, .btn-secondary:disabled {color: var(--color-blanco);background-color: var(--color-secundario-opacidad-3);border-color: var(--color-secundario-opacidad-3);}
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
      color: var(--color-blanco);background-color: var(--color-secundario);border-color: var(--color-secundario);}
  .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {box-shadow: var(--color-sombra) var(--color-secundario-opacidad-5);}

@media (max-width: 550px){
  html{font-size: var(--font-size-body-minus);}
}