:root{
  --green:#708875;
  --green-light:#ADCCB3;
  --yellow: #FCBE6C;
}
/*******************/
/*** Font Family ***/
/*******************/

/* Viva Beautiful */
@font-face {
  font-family: "Viva Beautiful";
  src: url("/fonts/VivaBeautiful/VivaBeautiful.eot");
  src: url("/fonts/VivaBeautiful/VivaBeautiful.eot?#iefix")
      format("embedded-opentype"),
    url("/fonts/VivaBeautiful/VivaBeautiful.woff2") format("woff2"),
    url("/fonts/VivaBeautiful/VivaBeautiful.woff") format("woff"),
    url("/fonts/VivaBeautiful/VivaBeautiful.ttf") format("truetype"),
    url("/fonts/VivaBeautiful/VivaBeautiful.svg#VivaBeautiful") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Bocadillo */
@font-face {
  font-family: "Bocadillo";
  src: url("/fonts/Bocadillo/Bocadillo-Regular.eot");
  src: url("/fonts/Bocadillo/Bocadillo-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("/fonts/Bocadillo/Bocadillo-Regular.woff2") format("woff2"),
    url("/fonts/Bocadillo/Bocadillo-Regular.woff") format("woff"),
    url("/fonts/Bocadillo/Bocadillo-Regular.ttf") format("truetype"),
    url("/fonts/Bocadillo/Bocadillo-Regular.svg#Bocadillo-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Bocadillo italic */
@font-face {
  font-family: "Bocadillo-italic";
  src: url("/fonts/Bocadillo/Bocadillo-Italic.eot");
  src: url("/fonts/Bocadillo/Bocadillo-Italic.eot?#iefix")
      format("embedded-opentype"),
    url("/fonts/Bocadillo/Bocadillo-Italic.woff2") format("woff2"),
    url("/fonts/Bocadillo/Bocadillo-Italic.woff") format("woff"),
    url("/fonts/Bocadillo/Bocadillo-Italic.ttf") format("truetype"),
    url("/fonts/Bocadillo/Bocadillo-Italic.svg#Bocadillo-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* Bree */
@font-face {
  font-family: "Bree Rg";
  src: url("/fonts/Bree/Bree-Regular.eot");
  src: url("/fonts/Bree/Bree-Regular.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Bree/Bree-Regular.woff2") format("woff2"),
    url("/fonts/Bree/Bree-Regular.woff") format("woff"),
    url("/fonts/Bree/Bree-Regular.ttf") format("truetype"),
    url("/fonts/Bree/Bree-Regular.svg#Bree-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*******************/
/***** General *****/
/*******************/
body {
  font-family: "Bree Rg";
  font-size: 16px;
}
/* colors */
.text-yellow{
  color: var(--yellow)!important;
}
.text-green{
  color: var(--green)!important;
}
.text-green-light{
  color: var(--green-light)!important;
}

/* Hidden recaptcha */
.grecaptcha-badge {
	visibility: hidden!important;
}
/* elements */
.btn{
	border-radius: 0;
}
a {
  	text-decoration: none;
    color: var(--green-light);
}
a:hover {
    color: var(--green);
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

form input:not(.submit),
form textarea,
form select,
form select:focus, .form-control:focus, .form-select:focus {
  box-shadow: 0 0 0 0 var(--green-light);
  border-radius: 0!important;
  border: 1px solid var(--green-light);
}


/* Tipografias & font-size */
.ff-bocadillos {
  font-family: "Bocadillo";
}

.regalamos-pienso h1,
.participa-gana h3 {
  font-size: 30px;
  font-family: "Bocadillo";
  color: var(--green-light);
}

@media (min-width: 768px){
  .regalamos-pienso h1,
  .participa-gana h3 {
  font-size: 50px;
  }
}

.ff-vivabeautiful,
  .participa-gana .ff-vivabeautiful {
    font-family: "Viva Beautiful";
    font-size: 70px;
}

@media (min-width: 768px){
  .ff-vivabeautiful,
  .participa-gana .ff-vivabeautiful {
    font-size: 80px;
  }
}

.regalamos-pienso .regalamos-pienso-protectora p {
  color: var(--yellow);
  font-size: 25px;
  line-height: 1.2;
}
@media(min-width: 576px){
  .regalamos-pienso .regalamos-pienso-protectora p {
    color: var(--yellow);
    font-size: 28px;
    line-height: 1.2;
  }
}

/* Background image */
.regalamos-pienso {
  background-image: url("https://concursoprotectoras.ownat.com/images/banner/bg-regalamos.svg");
}
/* Margin between h1 and text */
.mt-up {
  margin-top: -4.5rem;
}

/*** ¿Cómo funciona? ***/
/* Background image */
.como-funciona {
  background-image: url("https://concursoprotectoras.ownat.com/images/banner/bg-como-funciona.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
/* Typography and font-size */
.como-funciona h2 {
  text-align: center;
  font-family: "Bocadillo";
  font-size: 40px;
  color: var(--green);
}

@media (min-width: 768px){
  .como-funciona h2 {
    font-size: 70px;
  }
}

/*** Participa y gana Section ***/

/* Form */
.participa-gana p {
  font-size: 20px;
}

@media (min-width: 1750px) {
  .participa-gana p {
    color: var(--green);
    font-family: "Bree Rg";
    font-size: 30px;
  }
}

/* Terms */
.terms-container-accept {
  color: var(--green);
}

/*** Votar tiene premio Section ***/
/*** Form ***/
/* Title Form */
.d-inherit{
    display: inherit;
}

/* New participant Vota Protectoras */
.register-message p{
  text-align: center;
  margin-bottom: 20px
}

/* change color to green */
.regalamos-pienso h1, .participa-gana h3, .text-decoration-links, .text-blue, .terms-container-accept .text-blue{
  color:var(--green-light);
}
.como-funciona h2, .form-group label{
  color: var(--green);
}

/* Background image */
.regalamos-pienso {
  background-image: url("https://concursoprotectoras.ownat.com/images/2024/bg-regalamos.svg");
}

/*** ¿Cómo funciona? ***/
/* Background image */
.como-funciona {
  background-image: url("https://concursoprotectoras.ownat.com/images/2024/bg-como-funciona-green.svg");
}
.form-check-input:checked {
    background-color: var(--green);
    border-color: var(--green);
}

.btn-warning {
  color: #FFFFFF;
  background-color: var(--green-light);
  border-color: var(--green-light);
}

.btn-warning:hover {
    color: white;
    background-color:  var(--green);
    border-color:  var(--green);
}

form p{
	color:var(--green);
}