@charset "UTF-8";

/*
Theme Name: HpM Theme
Author: FACO
Author URI: https://faco.cl/
Version: 1.0.0 
Text Domain: hpmtheme
*/

:root {
  --bs-body-font-family: "Roboto", sans-serif;
  --bs-primary: #FF5722;
  --bs-primary-rgb: 255,87,34;
}

html,body{
	min-height: 100%;
}

body{
	background-attachment: fixed;
	background: #F27141;
	background: radial-gradient(#ebcbbc 50%,#f2b39c 100%);
	
	/*background: linear-gradient(180deg,rgba(255, 171, 145, 1) 0%, rgba(240, 205, 191, 1) 10%, rgba(239, 235, 233, 1) 20%, rgba(239, 235, 233, 1) 75%, rgba(240, 205, 191, 1) 85%, rgba(255, 171, 145, 1) 100%);*/
}

#portada{
	background-image:url('img/imagen.webp');
	background-position: right center;
	background-size:auto 100%;
	background-repeat:no-repeat;
}

a.navbar-brand > img{
height:calc(2rem + 2vw);
width:auto;
}


a.active{
	font-weight: 600;
	text-decoration: underline;
}

p.lead{
	font-size:1.2rem;
  font-family: "Roboto Serif", serif;
	font-style: italic;
	font-weight: 400;
	line-height:1.3;
}

p.lead span{
	display:inline-block;
	line-height: 1;
	width:2.5rem;
	height:1.3rem;
	text-indent: -999999rem;
	background:transparent url('img/logo-hpm.png') 0 0 no-repeat;
	background-size: auto 1.3rem;
}

a.btn-primary {
	  font-family: "Roboto Serif", serif;
	    font-style: italic;
    --bs-btn-color: #fff;
    --bs-btn-bg: #eb6f2e;
    --bs-btn-border-color: #ebcbbc;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff5722;
    --bs-btn-hover-border-color: #f2b39c;
    --bs-btn-focus-shadow-rgb: 211, 100, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff5722;
    --bs-btn-active-border-color: #f2b39c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

a.btn > span {
    font-weight: 500;
}

.small{
	letter-spacing: 0.025rem;
}

a svg{
	margin-right:.5rem;
	margin-top:-0.25rem;
}

a:hover svg{
	margin-top:-0.1rem;
	transition:ease all .25s;
	fill:#eee;
}

h2{
	font-family: "Roboto Serif", serif;
	font-style: italic;
	font-weight: 400;
	font-size:calc(1rem + 1vw);
}

h3{
	font-family: "Roboto Serif", serif;
	font-style: italic;
	font-weight: 500;	
	font-size:calc(1rem + 0.25vw);
}

h4{
	font-size:calc(1rem + 0.125vw);
	color:rgba(0,0,0,0.7);
}


footer{
	font-weight: 300;
}

footer img{
	height: calc(4rem + 4vw);
}
a.dropdown-item svg {
    height: 1rem;
    width: 1rem;
}

.col > p > a{
	font-size:80%;
	color:black;
}

dl{
	margin:1rem 0 2rem 0;
	font-size:80%;
}