/*
Theme Name: Historical Archive
Theme URI: https://ejemplo.com/historical-archive
Author: Pablo Cardozo
Author URI: https://ejemplo.com
Description: Tema WordPress para archivos históricos con diseño elegante y funcionalidades de búsqueda avanzada.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: historical-archive
*/

@import url('https://fonts.googleapis.com/css?family=Karla|Quicksand');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/* @import url('styles/boots-bones.css'); */
@font-face {
  src: url('./fonts/NimbusSanL-Reg.otf');
  font-family: NimbusSanL;
  font-weight: normal;
}
/*-------------------------------------------------------------- */
/* constantes
-------------------------------------------------------------- */
:root {
    /** Colores **/
  --primary-color: #258ea6;
  --secondary-color: #3ebcd1;
  --third-color: #a1c634;
  --gray-color: #9eaab4;
  --dark-color: #376080;

  --grad-btn: linear-gradient(135deg, #f5deb338 0%, #ffffff2b 100%);

  /** Fuentes **/
  --font-main: NimbusSanL, sans-serif;
  --font-headings: 'Bebas Neue', Karla, sans-serif;
}
body{
  font-family: var(--font-main);
}

/* Main */
main#primary{
  background-image: url('./src/img-header/vista_panoramica.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-headings);
}

/** Colores background en general**/

.bg-prim{
    background-color: var(--primary-color);
}
.bg-sec{
    background-color: var(--secondary-color);
}
.bg-ter{
    background-color: var(--third-color);
}
.bg-oscuro{
  background-color: var(--dark-color);
}
/** Colores background en general**/
.txt-prim{
  color: var(--primary-color);
}
.txt-sec{
  color: var(--secondary-color);
}
.txt-ter{
  color: var(--third-color);
}

/** enlaces generales **/
a{
  text-decoration: none;
  color: inherit;
  &:hover{
    color: inherit;
  }
}

/** Elemento Espaciador **/
.spacer{
  display: block;
  height: 50px;
}


/*--Scroll bar--*/
/* Barra de scroll premium */
::-webkit-scrollbar {
    width: 10px;
    background-color: #041c31a9;
    color: var(--dark-color);
}

::-webkit-scrollbar-track {
    background-color: #212529bd; /* Negro con transparencia */
    border-radius: 10px;
    border: 1px solid rgba(83, 94, 100, 0.3);
}

::-webkit-scrollbar-thumb {
    background: #4a5c67;
    border-radius: 10px;
    border: 2px solid #011526;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: #3b4850;
    box-shadow: inset 0 0 6px rgba(106, 123, 217, 0.6);
}

::-webkit-scrollbar-button {
    display: none; /* Oculta los botones de flecha */
}