/*
Theme Name: FARCODI UBB
Template Theme URI: https://www.rendo.cl
Author: Felipe Ayuy SnM
Version: 2026.05.13v1
Description: Plantilla para FARCODI Universidad del Bio Bio, Chile
*/


/* FONT FACE */
@font-face { font-family: "MyriadPro";
  src: url("fonts/MyriadPro-Regular.otf");
  font-display: swap;
  font-weight: 400;
}
@font-face { font-family: "MyriadPro";
  src: url("fonts/MyriadPro-Semibold.otf");
  font-display: swap;
  font-weight: 600;
}
@font-face { font-family: "MyriadPro";
  src: url("fonts/MyriadPro-Bold.otf");
  font-display: swap;
  font-weight: 700;
}
@font-face { font-family: 'CircularStd';
  src: url('fonts/circularstdbook.ttf') format('truetype');
  font-display: swap;
  font-weight: 400;
}
@font-face { font-family: "CircularStd";
  src: url("fonts/circularstdbold.ttf") format('truetype');
  font-display: swap;
  font-weight: 700;
}
@font-face { font-family: "Facultad-Bold-Italic";
  src: url("/wp-content/uploads/2021/01/Facultad-Bold-Italic.otf");
  font-display: swap;
}
@font-face { font-family: "Facultad";
  src: url("fonts/Facultad_1.19-Light.otf");
  font-display: swap;
  font-weight: 300;
}
@font-face { font-family: "Facultad";
  src: url("fonts/Facultad_1.19-Regular.otf");
  font-display: swap;
  font-weight: 400;
}
@font-face { font-family: "Facultad";
  src: url("fonts/Facultad_1.19-Bold.otf");
  font-display: swap;
  font-weight: 700;
}



/* VARIABLES */
:root{
  --color-verde:   #41ac4d;
  --color-celeste: #a0b3da;
  --color-gris-3c: #3c3c3c; /* oscuro */
  --color-gris-4d: #4d4d4d;
  --color-gris-66: #666666;
  --color-gris-87: #878787;
  --color-gris-99: #999999; /* palido */
  --color-gris-e9: #e9e9e9; /* light */
  --color-gris-ed: #ededed;
  --color-gris-f6: #f6f6f6;

  --bs-link-color: inherit;
  --bs-link-hover-color:  var( --color-verde );
  /* --bs-body-color: black; */

  --bs-breakpoint-sm: 576px ;
  --bs-breakpoint-md: 768px ;
  --bs-breakpoint-lg: 992px ;
  --bs-breakpoint-xl: 1200px ;
  --bs-breakpoint-xxl: 1400px ;

  --transition-tiempo-hover: 0.3s;

  --header-height: calc( 89px + 1rem + 1rem + 5px );
  --footer-height: calc( 126px + 1.5rem + 1.5rem );
}


/* ENLACES */
a { 
  text-decoration: none ; 
  transition: color var( --transition-tiempo-hover );
}
a.enlace-externo::after { 
/* a.enlace-externo:hover::after {  */
  content: ">>";
  position: absolute;
  white-space: pre;
  font-size: 90%;
  letter-spacing: -2px;
  opacity: 0.5;
  padding-left: 4px;
  margin-top: 1px;
}


/* FONT FAMILY */
.ff-facultad  { font-family: "Facultad" ; }
.ff-circular  { font-family: "CircularStd" ; }
.ff-myriadpro { font-family: "MyriadPro" ; }


/* FONT WEIGHT */
.fw-300 { font-weight: 300 ; }
.fw-400 { font-weight: 400 ; }
.fw-500 { font-weight: 500 ; }
.fw-600 { font-weight: 600 ; }
.fw-700 { font-weight: 700 ; }


/* FONT SIZE */
.small-2 { font-size: calc( (0.875 * 0.875) * 1em ) ; }


/* COLOR */
.text-verde { color: var( --color-verde ) ; }
.text-gris-87 { color: var( --color-gris-87 ) ; }
.text-gris-4d { color: var( --color-gris-4d ) ; }


/* LETTER SPACING */
.letter-spacing-1 { letter-spacing: 1px ; }


/* BORDER */
.border-celeste { border-color: var( --color-celeste ) !important; }
.border-verde { border-color: var(--color-verde) !important; }


/* CURSOR */
.cursor-pointer { cursor: pointer; }
.cursor-zoomin { cursor: zoom-in; }


/* BACKGROUND */
.bg-none { background: none; }
.bg-gris-3c { background-color: var( --color-gris-3c ) ; }
.bg-gris-ed { background-color: var( --color-gris-ed ) ; }
.bg-gris-f6 { background-color: var( --color-gris-f6 ) ; }


/* BACKGROUND EXTENDIDO */
.bg-fullwidth { position: relative ; }
.bg-fullwidth::before {
  content: "";
  width: 100vw;
  height: 100%;
  background-color: inherit ;
  position: absolute;
  top: 0;
  z-index: -1;
  left: calc( ( 100vw - 100% ) / (-2) );
}


/* MARGIN */
.mx-n4 { 
  margin-left: -1.5rem ; 
  margin-right: -1.5rem ; 
}


/* Z-INDEX */
.zindex-n1 { z-index: -1 ; }
.zindex-1 { z-index: 1 ; }
.zindex-10 { z-index: 10 ; }
.zindex-20 { z-index: 20 ; }
.zindex-30 { z-index: 30 ; }


/* VERTICAL ALIGN */
.align-sub { vertical-align: sub ; }


/* MIN-HEIGHT */
.minh-main {
  min-height: calc( 100vh - var( --header-height ) - var( --footer-height) ) ;
}

/* OVERFLOW */
.overflow-x-hidden { overflow-x: hidden; }


/* POSICION */
@media ( min-width: 768px ) { .position-md-absolute { position: absolute !important ; } }
@media ( min-width: 992px ) { .position-lg-absolute { position: absolute !important ; } }


/* HOVER */
[class*="hover-opacity-"] { transition: opacity var( --transition-tiempo-hover ) ; }
.hover-opacity-075:hover { opacity: 0.75 ; }
.hover-opacity-050:hover { opacity: 0.50 ; }
:hover > .parent-hover-opacity-075 { opacity: 0.75 ; }
[class*="hover-border-"] { transition: border var( --transition-tiempo-hover ) ; }
:hover > .parent-hover-border-verde { border-color: var( --color-verde ) !important ; }


/* TRANSITION */
.transition-duration-tiempo-hover { transition-duration: var( --transition-tiempo-hover ) ;}


/* TRANSFORM */
.rotate-translate-n90deg {
  transform: rotate(-90deg) translate(-100%, -100%);
  transform-origin: 0 0;
}
.translateY-n100p { transform: translateY(-100%); }


/* FILTERS */
.filter-invert-100 { filter: invert(100%) ; }
.filter-blanquear-nothover { transition: filter var( --transition-tiempo-hover ) ; }
.filter-blanquear-nothover:not(:hover) { filter: contrast(0) brightness(2); }
.filter-oscurecer-nothover { transition: filter var( --transition-tiempo-hover ) ; }
.filter-oscurecer-nothover:not(:hover) { filter: contrast(0) brightness(0); }

/* INICIO - REVISTAS */
#revistas {
  .revista > div {
    --w         : 4.5rem;
    width       : calc( 100% - var( --w ) );
    margin-left : var( --w );
    
    @media ( max-width: 1440px ) { --w : 3.5rem; }
    @media ( max-width: 1200px ) { --w : 3.5rem; }
    @media ( max-width: 992px ) { --w : 3.0rem; }
    @media ( max-width: 767px ) { --w : 2.5rem; }
  }
}