:root {
--principal: #111111;
--secundario: #ab3187;
--blanco: #ffffff;
--tiempo-transi: .5s;
--font-titulo: "Azeret Mono", sans-serif;
--font-parrafo: "IBM Plex Mono", sans-serif;
}
::-moz-selection {
color: var(--blanco)!important;
background: var(--principal)!important;
}
::selection {
color: var(--blanco)!important;
background: var(--principal)!important;
}
@import url("https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,100..900;1,100..900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");/*/*/body {
cursor: url(//estonoesunjuego.es/wp-content/uploads/2024/08/cursor.png) 0 0, auto;
}
body, .container-wrap, .material .ocm-effect-wrap {
background-image: url(https://estonoesunjuego.es/wp-content/uploads/2024/08/Fondo-Atiendo.gif)!important;
background-size: cover!important;
background-position: center!important;
background-repeat: no-repeat!important;
background-attachment: fixed!important;
}
a, body a {
cursor: url(//estonoesunjuego.es/wp-content/uploads/2024/08/hand.png) 0 0, auto;
color: var(--principal)!important;
}
body, h2, h3, h6, p {
font-family: 'IBM Plex Mono' !important;
font-weight: 500;
}
strong {
font-family: 'IBM Plex Mono' !important;
font-weight: 800;
}
.cursor-normal {
cursor: text!important;
}/**/.btn-pixel{
font-family:'IBM Plex Mono';
font-weight: 700;
font-size: 24px;
box-sizing:border-box;
background: #66D6FF;
padding:16px 32px;
cursor:pointer;
border: none;
border-color: blue;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 2;
border-image-width: 8px;
border-style: solid;
border-width: 0px;
border-image-source: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_183_5329)'%3E%3Cpath d='M2 0H3V1H2V0ZM3 0H4V1H3V0ZM1 1H2V2H1V1ZM4 1H5V2H4V1ZM0 2H1V3H0V2ZM5 2H6V3H5V2ZM0 3H1V4H0V3ZM5 3H6V4H5V3ZM1 4H2V5H1V4ZM4 4H5V5H4V4ZM2 5H3V6H2V5ZM3 5H4V6H3V5Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_183_5329'%3E%3Crect width='6' height='6' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
position:relative;
clip-path: polygon(8px 0px, 8px 4px , 4px 4px, 4px 8px, 0px 8px, 0px calc(100% - 8px), 4px calc(100% - 8px), 4px calc(100% - 4px), 8px calc(100% - 4px), 8px 100%, calc(100% - 8px) 100%, calc(100% - 8px) calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) calc(100% - 8px), 100% calc(100% - 8px), 100% calc(100% - 8px), 100% 8px, calc(100% - 4px) 8px, calc(100% - 4px) 4px, calc(100% - 8px) 4px, calc(100% - 8px) 0px);
box-shadow: inset -8px -8px #4DA1BF!important;
}
.btn-pixel:active{
background: #60CBE8;
box-shadow: inset 8px 8px #4DA1BF!important;
transform: translateY(4px);
} @keyframes floating {
0% {
transform: translateY(12px);
}
50% {
transform: translateY(calc(12px* -1));
}
100% {
transform: translateY(12px);
}
}
.levitating {
animation: floating 3s infinite;
}
@keyframes floating-2 {
0% {
transform: translateY(-8px);
}
50% {
transform: translateY(calc(-8px* -1));
}
100% {
transform: translateY(-8px);
}
}
.levitating-2 {
animation: floating-2 3s infinite;
}
.bouncing {
animation: bounce 2s infinite;
padding-top:30px;
}
@keyframes bounce
20%, 53%, 80%, 0%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
animation-timing-function: cubic-bezier(0.215,.61,.355,1);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
-webkit-transform: translate3d(0,-15px,0);
transform: translate3d(0,-15px,0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}/*/*/* {
font-variant-ligatures: no-common-ligatures;
}
@media (max-width: 689px){
h1, body h1 {
font-size: 12vw!important;
line-height: 1!important;
}
}/*/*/#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .current-menu-item>a:after,
body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .current-menu-item>a:after,
body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li a:hover:after {
display: none!important;
}/*/*//**/.header-txt {
letter-spacing:4px;
} .castillo-column a {
font-size: 30px;
}
.texto-destacado {
font-weight: 700;
font-size: 40px;
line-height:1.2;
}
@media (max-width: 1400px){
.cta-atiendo {
top: 16%!important;
left: 3vw!important;
}
.cta-tlf {
top: 28%!important;
left: 8vw!important;
}
.cta-horario {
top: 40%!important;
left: 21vw!important;
}
.castillo-column a {
font-size: 2.2vw !important;
}
}
@media (max-width: 1250px){
.cta-atiendo {
top: 18%!important;
}
.cta-tlf {
top: 30%!important;
}
.cta-horario {
top: 42%!important;
}
}
@media (max-width: 1100px){
.cta-atiendo {
top: 20%!important;
}
.cta-tlf {
top: 32%!important;
}
.cta-horario {
top: 44%!important;
}
.castillo-column a {
font-size: 2vw !important;
}
}
@media (max-width: 999px){
.cta-atiendo {
top: 155px!important;
left: 6vw!important;
}
.cta-tlf {
top: 28% !important;
left: 18vw !important;
}
.cta-horario {
top: 40%!important;
left: 45vw!important;
}
.castillo-column a {
font-size: 4vw !important;
}
}
@media (max-width: 899px){
.cta-atiendo {
top: 18%!important;
left: 6vw!important;
}
.cta-tlf {
top: 31% !important;
}
.cta-horario {
top: 43%!important;
}
}
@media (max-width: 689px){
.cta-atiendo {
top: 18vw!important;
}
.cta-tlf {
top: 31vw !important;
}
.cta-horario {
top: 44vw!important;
}
}
@media (max-width: 399px){
.cta-atiendo {
top: 17vw!important;
}
.cta-tlf {
top: 30vw !important;
}
.cta-horario {
top: 43vw!important;
}
}/*/*/.copyright-cont * {
font-size: 14px!important;
color: var(--principal)!important;
}
.copyright-cont a {
color: var(--principal)!important;
}
.copyright-cont a:hover {
color: var(--secundario)!important;
}
.footer-logos-cont .wpb_wrapper {
gap:8vw!important;
}
.nectar-global-section.before-footer{
background-color: transparent;
}