.temp-hidden {
  display: none;
}

p.description {
	margin-bottom: 0;
}

/*
 * Formato de texto en las páginas de los formularios
 */
.formulario:not(.formulario-pon-una-hucha) h1,
.formulario:not(.formulario-pon-una-hucha) h2 {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}

.formulario:not(.formulario-pon-una-hucha) h3,
.formulario:not(.formulario-pon-una-hucha) h4,
.formulario:not(.formulario-pon-una-hucha) h5,
.formulario:not(.formulario-pon-una-hucha) h6 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.formulario:not(.formulario-pon-una-hucha) ul {
  margin-bottom: unset !important;
}

.formulario:not(.formulario-pon-una-hucha) ul ~ br,
.formulario:not(.formulario-pon-una-hucha) li + br,
.formulario:not(.formulario-pon-una-hucha) h1 ~ br,
.formulario:not(.formulario-pon-una-hucha) h2 ~ br,
.formulario:not(.formulario-pon-una-hucha) h3 ~ br,
.formulario:not(.formulario-pon-una-hucha) h4 ~ br,
.formulario:not(.formulario-pon-una-hucha) h5 ~ br,
.formulario:not(.formulario-pon-una-hucha) h6 ~ br {
	display: block;
}


/*
 * Formularios
 */

/* inicialmente, los formularios están ocultos, una ver aplicado el estilo con
   jQuery, la última orden en el script en pasarlos a visible */
.formulario form {
 	opacity: 0;
  transition: opacity 2s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cabecera-formulario {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;

  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 1.6rem);
  margin: 0.8rem;
	padding-left: 0.8rem;
	padding-right: 0.8rem;

  /* float: left; */

  justify-content: center;
}

.cabecera-formulario {
  font-size: x-large;
  text-align: center;
  font-weight: bold;
}

.formulario .bloque-formulario {
  margin-bottom: 3rem;
  position: relative;
}

.bloque-campos-formulario {
 	list-style-type: none;
  padding-left: 0.8rem;
  padding-top: 4.4rem;
  padding-right: 0.8rem;
  padding-bottom: .1px;

  background: #f29300 url("../images/huellas-gato.png") repeat-y right 5em;
}

.bloque-campos-formulario .pods-field-option {
	margin-bottom: 1rem;
}

.formulario .bloque-campos-formulario .pods-field-option .pods-dfv-container,
.formulario input[type="text"],
.formulario input[type="range"],
.formulario select {
  width: 100% !important;
  max-width: unset !important;
}

.bloque-campos-formulario .pods-field-option .pods-radio-pick,
.bloque-campos-formulario .pods-field-option .pods-checkbox-pick {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

/* ajustes de inputs de pods - campos de texto, teléfono */
.bloque-campos-formulario .pods-field-option .pods-dfv-container-text input,
.bloque-campos-formulario .pods-field-option .pods-dfv-container-phone input {
	border-width: 1px;
	border-radius: 2px;
	border-color: floralwhite;
	background-color: transparent;
	color: floralwhite;
}

.bloque-campos-formulario .pods-field-option .pods-dfv-container-pick ul {
	background: transparent;
}

.bloque-campos-formulario .pods-field-option .pods-dfv-container-pick li {
	background: inherit;
	/* max-height: 3rem; */
	/* border: 1px solid floralwhite; */
	/* border-radius: 2px; */
  border: unset;
  list-style: none;
  padding-top: 24px;
}

.bloque-campos-formulario .pods-field-option .pods-dfv-container-pick input[type="radio"],
.bloque-campos-formulario .pods-field-option .pods-dfv-container-pick input[type="checkbox"] {
	background-color: transparent;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin-right: 16px;
	position: relative;
	width: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: solid 2px floralwhite;
	top: 2px;
}

.bloque-campos-formulario .pods-field-option .pods-dfv-container-pick input[type="radio"] {
	border-radius: 10px;
}

.bloque-campos-formulario .pods-field-option .pods-dfv-container-pick input[type="radio"]::after,
.bloque-campos-formulario .pods-field-option .pods-dfv-container-pick input[type="checkbox"]::after {
	background-color: transparent;
	content: '';
	display: block;
	height: 10px;
	position: relative;
	left: 1px;
	width: 10px;
	top: 1px;
}

.bloque-campos-formulario .pods-field-option .pods-dfv-container-pick input[type="radio"]::after {
	border-radius: 25px;
}

.bloque-campos-formulario .pods-field-option .pods-dfv-container-pick input[type="radio"]:checked::after,
.bloque-campos-formulario .pods-field-option .pods-dfv-container-pick input[type="checkbox"]:checked::after {
	background-color: floralwhite;
}

.formulario input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
.formulario input[type=range]:focus {
  outline: none;
}

/* track */
.formulario input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  /* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; */
  background: #f29300;
  border-radius: 1.3px;
  border: 0.2px solid floralwhite;
}

.formulario input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  /* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; */
  background: #f29300;
  border-radius: 1.3px;
  border: 0.2px solid floralwhite;
}

.formulario input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}

/* on focus track */
.formulario input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f29300;
}

/* slider thumb */
.formulario input[type=range]::-webkit-slider-thumb {
  /* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; */
  border: 10px solid floralwhite;
  height: 24px;
  width: 24px;
  border-radius: 24px;
  box-sizing: border-box;
  background: #f29300;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}

.formulario input[type=range]::-moz-range-thumb {
  /* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; */
  border: 10px solid floralwhite;
  height: 24px;
  width: 24px;
  border-radius: 24px;
  box-sizing: border-box;
  background: #f29300;
  cursor: pointer;
}

.formulario input[type=range]::-ms-fill-lower {
  background: #f29300;
  border: 0.2px solid floralwhite;
  border-radius: 2.6px;
  /* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; */
}

.formulario input[type=range]::-ms-fill-upper {
  background: #f29300;
  border: 0.2px solid floralwhite;
  border-radius: 2.6px;
  /* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; */
}

.formulario input[type=range]::-ms-thumb {
  /* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; */
  border: 10px solid floralwhite;
  height: 24px;
  width: 24px;
  border-radius: 24px;
  background: #f29300;
  box-sizing: border-box;
  cursor: pointer;
}

.formulario input[type=range]:focus::-ms-fill-lower {
  background: #f29300;
}

.formulario input[type=range]:focus::-ms-fill-upper {
  background: #f29300;
}

/* .formulario .pods-form-front .pods-field-label {
  padding-right: unset;
  padding-top: unset;
  margin-right: 0.8rem;
	background: transparent;
} */

/* .formulario .pods-form-ui-field {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: nowrap;
 	justify-content: space-between;
  padding: 0 0 0.8rem 0;
  background: transparent;
  background-color: transparent;
} */

/* .formulario .pods-form-ui-field input {
  transition: background .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
} */

/* .formulario .pods-form-ui-field * {
  background: transparent;
  background-color: transparent;
  color: floralwhite;
} */

/* .formulario .pods-form-ui-field-type-text {
  background: transparent !important;
  background-color: transparent !important;
  color: floralwhite !important;
} */

/* body .formulario .pods-field-input,
body .formulario .pods-field-input input,
body .formulario .pods-field-input textarea {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  margin: 0 -3px 0 -3px;
  resize: none;
} */

/* .formulario .select2-selection.select2-selection--single {
	background-color: #f2930000;
} */

.formulario select.pods-form-ui-field.pods-form-ui-field-type-pick {
	width: 100%;
	height: 2.8rem;
	background: transparent;
	border: 1px solid floralwhite;
	border-radius: 2px;
	color: floralwhite;
	padding-left: .5rem;
}

.formulario input[type="text"],
.formulario textarea,
.formulario textarea:focus {
	background: transparent;
	border: 1px solid floralwhite;
	border-radius: 2px;
	color: floralwhite;
}

.formulario input:focus,
.formulario select:focus {
	box-shadow: 0px 0px 3px 1px #0087ff, 0 4px 7px rgba(255,255,255,0.25), 0 3px 3px rgba(255,255,255,0.22);
}

.formulario ul {
  margin: unset;
}

/* .formulario li:last-child {
	margin-bottom: 1.75em;
} */

/* .formulario .pods-form-ui-field ul,
.formulario .pods-form-ui-field table,
.formulario .pods-form-ui-field th,
.formulario .pods-form-ui-field td {
  border-color: #f29300;
} */

/* body .formulario .pods-form-ui-field ul,
body .formulario .pods-form-ui-field li {
  background-color: #f2930000;
  border-color: #f2930000;
  overflow: hidden;
} */

/* .formulario .pods-form-ui-field th[colspan="2"] {
	text-align: center;
	font-size: x-large;
	height: 4em;
	vertical-align: top;
} */

/* .formulario .pods-boolean {
  color: #1a1a1a;
} */

.formulario .pods-form {
  overflow: visible;
}

.formulario .pods-form .pods-validation-messages,
.formulario .pods-form .pods-validation-messages::after {
  display: none;
}

.formulario .pods-form-front .mensaje-error-validacion {
  font-family: 'IBM Plex Sans Condensed';
	position: absolute;
  /* top: 3em; */
	background: #000000cc;
	/* width: 10em; */
	text-align: center;
  font-size: small;
	padding: 1em;
	border-radius: 2px;
	color: floralwhite;
	z-index: 1;
	box-shadow: 0 7px 14px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
}

.formulario .pods-form-front .mensaje-error-validacion::after {
	content: "";
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #000000cc transparent;
}

.formulario .pods-form-front .mensaje-error-validacion p {
	margin-bottom: .5rem;
}

.formulario .mensaje-error-validacion .etiqueta-campo {
	font-weight: bold;
	padding-right: 0.1em;
}

/* .formulario .pods-form-front .pods-form-ui-row-type-pick .pods-validate-error-message {
	position: unset;
} */

/* #pods-form-ui-pods-field-nombre,
#pods-form-ui-pods-field-apellidos,
#pods-form-ui-pods-field-apellido-1,
#pods-form-ui-pods-field-apellido-2,
#pods-form-ui-pods-field-direccion,
#pods-form-ui-pods-field-poblacion,
#pods-form-ui-pods-field-provincia,
#pods-form-ui-pods-field-codigo-postal,
#pods-form-ui-pods-field-telefono,
#pods-form-ui-pods-field-email,
#pods-form-ui-pods-field-nombre-felino,
#pods-form-ui-pods-field-horas-solo,
#pods-form-ui-pods-field-iban {
  height: 35px;
} */

/* .pods-field-input input,
.pods-field-input textarea {
  background-color: #f29300 !important;
  color: floralwhite !important;
  border-color: floralwhite !important;
  border-radius: 2px !important;
} */

/* .pods-field-input label {
  color: floralwhite;
} */

/* .formulario .pods-field-input input.regular-text:focus,
.formulario .pods-field-input input.pods-form-ui-field:focus,
.formulario .pods-field-input textarea.pods-form-ui-field:focus {
  box-shadow: 0 4px 7px rgba(0,0,0,0.25), 0 3px 3px rgba(0,0,0,0.22);
  border-color: floralwhite;
  color: floralwhite;
  background: #f29300;
} */

.formulario .con-error {
  /* background: #f29300;
  background-color: #f29300; */
  box-shadow: 0px 0px 3px 1px #fb3100, 0 4px 7px rgba(0,0,0,0.25), 0 3px 3px rgba(0,0,0,0.22);
}

.formulario abbr {
  color: floralwhite;
  font-weight: bold;
}

/* .formulario .required {
  padding-left: 5px;
  border-bottom: unset;
  outline: unset;
  color: floralwhite;
  font-weight: bold;
} */

/* .formulario .pods-form-ui-field.pods-dfv-field {
  width: 100%;
} */

/* .formulario .pods-field-input select.pods-form-ui-field-type-pick {
  position: relative;
  width: 100%;
  margin-top: 0;
  padding-left: 0.4em;

  color: floralwhite;
  background-color: #f29300;
  border: 1px solid floralwhite;
  background-image: none;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  -ms-word-break: normal;
  word-break: normal;
} */

.formulario p.description {
  font-size: small;
}

/* .formulario p.description.pods-form-ui-comment-pods-field-cuota-mensual,
.formulario p.description.pods-form-ui-comment-pods-field-cantidad {
  position: absolute;
  top: 25%;
} */

.formulario .pods-form-ui-field-type-currency-slider {
  /* width: 100%;
  max-width: unset; */
  order: 2;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  cursor: pointer;
  height: 4px;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding: 0 !important;

  border: 0;
  background: floralwhite;
}

/* .formulario .pods-slider-field-display:after {
  content: " €";
} */

.formulario .pods-slider-field-display {
  font-size: x-large;
  order: 1;
}

.formulario .loto-payment-method {
  background: floralwhite;
  padding: 0.1em 0.4em;
  border-radius: 2px;
  color: #f29300;
  white-space: nowrap;
}

.formulario .loto-entity {
  font-weight: bold;
}

/* .formulario #pods-form-ui-pods-field-cuota-mensual-range,
.formulario #pods-form-ui-pods-field-cantidad-range {
  order: 2;
} */

/* .formulario #pods-form-ui-pods-field-cuota-mensual-range:hover,
.formulario #pods-form-ui-pods-field-cantidad-range:hover {
  cursor: pointer;
} */

/* .formulario .pods-form-ui-field ul, .formulario .pods-form-ui-field li {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
} */

/* .formulario .pods-slider-range.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
	height: 4px;
  margin-top: 1rem;
  margin-bottom: 1rem;

  border: 0;
  background: floralwhite;
} */

/* .formulario .ui-slider-handle.ui-state-default.ui-corner-all {
  height: 22px;
  width: 22px;
  top: -9px;

	border-radius: 11px;
	border-color: floralwhite;
	background: #f29300;
	border-width: 2px;

  box-shadow: 0 7px 14px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
} */

/* .formulario .ui-slider-handle.ui-state-default.ui-corner-all:hover {
  cursor: pointer;
} */

/* .formulario .pods-form-ui-field-type-date:hover {
	cursor: pointer;
} */

/* .formulario li.pods-pick {
  display: flex;
} */

/* .formulario .bloque-formulario .pods-pick-values {
  max-height: unset;
} */

/* .formulario .bloque-formulario .pods-form-ui-row-name-nombre-felino select:hover {
  cursor: pointer;
} */

/* .formulario .bloque-formulario .pods-form-ui-row-name-nombre-felino .pods-pick-values::after {
  content: ' ';

  position: absolute;
  top: calc(50% - 3px);
  right: 10px;

  border-width: 10px;
  border-radius: 4px;
  border-style: solid;
	border-color: floralwhite transparent transparent transparent;

  pointer-events: none;
} */

/* .formulario .bloque-formulario .pods-pick-values,
.formulario .bloque-formulario .pods-pick-values  {
  border: unset;

} */

/* .formulario .select2-container--default .select2-selection--single {
	border: none !important;
} */

/* body .formulario .select2-selection__arrow b {
  border-color: floralwhite transparent transparent transparent !important;
	border-width: 10px 8px 0 8px !important;
  left: unset !important;
} */

/* .formulario .select2-search.select2-search--dropdown {
	background-color: #f29300;
} */

/* .formulario .select2-search.select2-search--dropdown .select2-search__field {
	background-color: #f29300 !important;
  color: floralwhite !important;
	border-color: floralwhite !important;
	border-radius: 2px !important;
} */

.formulario #numero-cuenta-bancaria {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* .formulario #numero-cuenta-bancaria .pods-form-ui-field {
  flex-direction: column;
  justify-content: flex-start;
} */

/* .formulario #numero-cuenta-bancaria .pods-form-ui-label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;

  font-size: small;
} */

/* #datos-privacidad .pods-field-label {
  display: none;
} */

#datos-privacidad a {
  color: floralwhite;
  font-weight: bold;
  text-decoration: underline;
}

@media only screen and (max-width: 909px ) {
  /* .formulario .pods-form-front .pods-field-label {
    padding-right: unset;
    width: unset;
  } */

  /* .formulario .pods-form-ui-field {
    flex-direction: column;
  } */

  /* .formulario .pods-form-ui-row-name-cuenta .pods-validate-error-message {
    height: unset;
  } */

  /* body .formulario .pods-field-input,
  body .formulario .pods-field-input input,
  body .formulario .pods-field-input textarea {
    width: 100%;
  } */

  /* .pods-field-label {
    align-self: left;
  } */

  /* #numero-cuenta-bancaria {
    flex-direction: column;
  } */
}



/*
 * Ayuda formulario
 */
.tipo-formulario .ayuda-formulario {
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;

  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  height: 100%;
  width: 100%;

  background: #2a2a2ae6;
}

.tipo-formulario .ayuda-formulario .ayuda {
  align-self: center;

	margin: 0.8em;
  padding: 0.8em;

  border-radius: 2px;
}

.tipo-formulario .ayuda-formulario .titulo {
  margin-bottom: 0.8em;
  padding: 0 0.4em 0 0.4em;
	line-height: 1.75;
	font-size: large;
	font-weight: bold;
	text-align: center;
}

.tipo-formulario .ayuda-formulario .alternativas {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.tipo-formulario .ayuda-formulario .alternativas span {
	flex-basis: 100%;
	text-align: center;
	margin-bottom: 0.8em;
}

.tipo-formulario .ayuda-formulario a.envia-correo::before {
  display: block;

  height: 3rem;
  margin-bottom: 1rem;

  content: '\f410';
  font-family: 'Genericons';
  font-size: 4rem;
  text-align: center;
  line-height: 0.8;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.tipo-formulario .ayuda-formulario a.envia-correo {
  color: floralwhite;
  display: block;
  text-align: center;
  margin: 0.8em auto 0.8em auto;

  border: 1px solid floralwhite;
  border-radius: 2px;
  padding: 0.8em;

  transition: transform 0.2s;
}

.tipo-formulario .ayuda-formulario a.envia-correo:hover {
  transform: scale(1.1);
}

.tipo-formulario .ayuda-formulario .seguir-probando {
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s;
  margin: 0.8em auto 0.8em auto;

  border: 1px solid floralwhite;
  border-radius: 2px;
  padding: 0.8em;
}

.tipo-formulario .ayuda-formulario .seguir-probando:hover {
  transform: scale(1.1);
}

.tipo-formulario .ayuda-formulario .seguir-probando span::before {
  display: block;

  height: 3rem;
  padding-top: 0.5rem;
  margin-bottom: 1rem;

  content: '\f420';
  font-family: 'Genericons';
  font-size: 3rem;
  text-align: center;
  line-height: 0.8;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.tipo-formulario .ayuda-formulario .seguir-probando span {
	margin: 0;
}



/*
 * Página 'Colabora'
 */
.tipo-colabora .contenedor-modos-colaboracion {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.tipo-colabora .modo-colaboracion {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;

  margin-bottom: 1.6em;

  transition: transform 0.2s;
}

.tipo-colabora .modo-colaboracion:hover {
	transform: scale(1.1);
}

.tipo-colabora .modo-colaboracion.modo-impar {
  border: 4px solid #f29300;
  padding: 0.8em 0.8em 0.8em 0;
  border-radius: 100px 10px 10px 100px;
  background: #f29300;
  color: floralwhite;
}

.tipo-colabora .modo-colaboracion.modo-par {
  border: 4px solid #f29300;
  padding: 0.8em 0 0.8em 0.8em;
  border-radius: 10px 100px 100px 10px;
  color: #f29300;
}

.tipo-colabora .contenedor-logo {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-self: center;
  height: 100px;
  width: 100px;
  margin: 0 0.8em;
}

.tipo-colabora .modo-par .contenedor-logo {
  order: 1;
}

.tipo-colabora .modo-colaboracion .contenedor-textos {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 1;

  text-align: center;
}

.tipo-colabora .modo-par .contenedor-textos {
  order: 0;
}

.tipo-colabora .modo-colaboracion .titulo {
  font-size: x-large;
  font-weight: bold;
}

.tipo-colabora .modo-colaboracion .descripcion {
  margin-top: auto;
  margin-bottom: auto;
  font-size: large;
}

.tipo-colabora .modo-colaboracion.modo-par .descripcion {
  text-shadow: 0 1px 0px rgba(0,0,0,0.25), 0 1px 0px rgba(0,0,0,0.22);
}