$primary: rebeccapurple;

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


html {
  font-size: 15px; /* 100% = 16px */
}

body {
  background-color: #d7d7d7;
  /*font-family: 'Ubuntu', sans-serif;*/
  /*font-family: 'Nanum Gothic', sans-serif;*/
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
}


h1,h2,h3 { 
  text-transform: uppercase;
  color: #b01670;
}

.destacado {
  color: #b01670;font-size: 1.1rem;
}

::marker {
  color: #b01670;
}

/* ------ NavBar---- */ 
.navbar {
  position: relative;
}

.navbar-light .navbar-nav .active>.nav-link {
  color: #b01670;
}

.navbar-expand-lg > .container {
  border-bottom: 1px solid #b01670;
}

.navbar-light .navbar-toggler {;
  border: none;
}

.nav-link {
  align-items: center;
  display: flex;
}

.nav-link i {
  font-size: 0.8rem;
  padding-right: 0.4rem;
}


.btn-outline-primary{
  text-transform: uppercase;
  border-radius: 15px;
  padding: 4px 10px;
}


/*------- formulario ----- */

.form-control {
    background: none;
    border: 1px solid #b01670;
    border-radius: 15px;
}

/*------ imagen ---- */ 

.img-responsive {
  display: block;
  max-width:100%;
  height: auto;
} 

.icon-r {
  position: absolute;
  right: 0;
  z-index: 3;
}

.icon-l{
  position: absolute;
  left: 0;
  z-index: 3;
}

.epigrafe {
  position: absolute;
  bottom: 0;
  right: 10%;
  color: #fff;
}

.epigrafe p { 
  text-align: right;
  margin-bottom: 0;
  font-size: 0.6rem;
}


.bk-img-propuestas{
    background-repeat: no-repeat;
    background-position-y: inherit;
}


/* ------- footer ----- */ 

footer a {   color: #161616; }

footer a:hover { text-decoration: none; }

footer i {
    border: 2px solid;
    padding: 5px;
    border-radius: 25px;
    margin: 3px;
}


/* ----- responsive ----- */


@media (max-width: 768px) {

  h3 {
    padding-top: 1.1rem;
    font-size: 1.3rem;
  }

}