@charset "utf-8";
/* CSS Document */
/****General****/
html, body {
	margin:0;
	padding: 0;
	font-family: 'Josefin Sans', sans-serif;
  background-color: #d5c2ae;
  background-image: url(../images/beige-paper.jpg);
	color:#0a0a0a;
}
html {
  scroll-behavior: smooth;
}
div {
	box-sizing: border-box;
}
button:focus, a:focus, .btn:focus {
  outline: none;
  box-shadow: none;
}
p {
  font-size: 16px;
}
section {
  position: relative;
}
a {
  color: #0a0a0a;
}
a:hover {
  color: #e2cbbc;
}
/*h1, h2, h3, h4, h5 {
  text-transform: uppercase;
}*/
.comprime {
  line-height: 1;
}
.barlow {
  font-family: 'Barlow Condensed', sans-serif;
}
.josefine {
  font-family: 'Josefin Sans', sans-serif;
}
.b-500 {
  font-weight: 500;
}
.b-700 {
  font-weight: 700;
}
.tx-beige {
  color: #e2cbbc;
}
.tx-red {
  color: #fc1901;
}
.wow {
  visibility: hidden;
}
.bg-red {
  background-image: url(../images/red-paper.jpg);
}
.bg-circ {
  background-image: url(../images/circulo-rojo.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 100%;
}
.circ-dark {
  width: 250px;
  height: 250px;
  border-radius: 100%;
  padding: 2rem;
  position: relative;
}
.circ-dark::before {
  content: "";
  width: 60px;
  height: 30px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: -3rem;
  transform: translateY(-15px);
}
.hard-diag {
  height: 100%;
  clip-path: polygon(100% 100%, 100% 0, 0 100%);
  background-color: #000;
  transform: translateX(1px);
}
.hard-diag2 {
  height: 100%;
  clip-path: polygon(100% 100%, 100% 0, 0 0);
  background-color: #000;
  transform: translateX(1px);
}
.bg-valpo {
  background-image: url(../images/valpo-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.bg-pez {
  background-image: url(../images/reineta.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.border-red {
  border: 3px solid #fc1901;
  position: relative;
}
.border-red::before {
  content: "";
  width: 99%;
  height: 98%;
  position: absolute;
  top: 1%;
  left: 0.5%;
  background-color: #000;
  z-index: 0;
}
.border-red h5 {
  position: relative;
  z-index: 3;
}
/****/
.d-line {
  /*border:1px solid gray;
  width:28px;
  height:28px;*/
  width: 100%;
  height: 100%;
  /*padding-bottom: 60%;*/
  position:relative;
  overflow: hidden;
}
.d-line::after{
  content: "";
  position: absolute;
  top: -42px;
  border-top: 30px solid black;
  width: 150%;
  transform: rotate(-45deg);
  transform-origin: 0% 0%;
  margin-top: 100%;
}
.borde-top {
  border-top: 30px solid #000;
}
.borde-bottom {
  border-bottom: 30px solid #000;
}
.borde-left {
  border-left: 30px solid #000;
}
.borde-right {
  border-right: 30px solid #000;
}
/***************/
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
  .sep-0 {
    height: 220px;
  }
  .sep-1 {
    height: 176px;
  }
  .sep-2 {
    height: 90px;
  }
  .big-border {
    border-left: 30px solid #000;
    border-right: 30px solid #000;
  }
}
@media (max-width: 1200px) {
  .desaparezco {
    display: none;
  }
}
@media (max-width: 992px) {
  .bg-valpo {
    background-position: 0px 100px;
  }
  .bg-pez {
    background-position: left center;
    background-size: 50%;
  }
}
@media (max-width: 720px) {
}
@media (max-width: 576px) {
}
/****************/