/*-----------------------------------------------------------------------------------
	Theme Name: NOSCASAMOS
	Theme URI: http://www.estilografica.biz
	Description: Plantilla para el sitio web
	Author: ESTILOGRAFICA
	Author URI: http://www.estilografica.biz
	Version: 1.0
-----------------------------------------------------------------------------------*/

a.enlace-escritorio { border-radius: 6px; background-color: #fff; color: #7a7a7a; transition-duration: 586ms; transition-property: background-color,color; }
a.enlace-escritorio:hover { color: #000;  background-color: #f1f1f1; }

body.no-scroll{ overflow: hidden; height: 100%; position: fixed; width:100%; }

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
}

/* Might want to wrap a span around your checkbox text */
.checkboxtext
{
  /* Checkbox text */
  font-size: 110%;
  display: inline;
}

.enlace{ text-decoration: none; border-bottom: 1px dashed }
.enlace:hover{ text-decoration: none; border-bottom: 2px solid }

.heart {
  fill: red;
  position: relative;
  top: 5px;
  width: 80px;
  animation: pulse 1s ease infinite;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}



html.inicio, #preloader{
	background-image: radial-gradient(#FFCFC7 35%, #FFBEC7 65%);
    background-attachment: fixed, scroll;
    background-repeat: no-repeat, repeat-y;
}

.container.is-mobile{ max-width: 500px !important; }

@keyframes fadeInUp {
  0% {
    transform: translateY(50%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.fadeInUp-animation {
  animation: 1s fadeInUp;
}


/* HTML: <div class="loader"></div> */
.loader {
  width: 100px;
  aspect-ratio: 1;
  display: grid;
}
.loader::before,
.loader::after {
  content:"";
  grid-area: 1/1;
  --c:no-repeat radial-gradient(farthest-side,#25b09b 92%,#0000);
  background:
    var(--c) 50%  0,
    var(--c) 50%  100%,
    var(--c) 100% 50%,
    var(--c) 0    50%;
  background-size: 12px 12px;
  animation: l12 1s infinite;
}
.loader::before {
  margin: 4px;
  filter: hue-rotate(45deg);
  background-size: 8px 8px;
  animation-timing-function: linear
}

@keyframes l12 {
  100%{transform: rotate(.5turn)}
}


.mouse { margin: 0 auto; width: 30px; height: 50px; border: 2px solid #000; border-radius: 60px; position: relative;}
.mouse::before { content: ""; width: 8px; height: 8px; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); background-color: #000;  border-radius: 50%;  opacity: 1;  animation: wheel 3s infinite;  -webkit-animation: wheel 3s infinite; }

@keyframes wheel { to { opacity: 0; top: 40px; }}
@-webkit-keyframes wheel { to { opacity: 0; top: 40px; }}