/*
Theme Name: Kimera Child
Theme URI: https://desberdin.com/
Template: kadence
Author: Desberdin
Author URI: https://desberdin.com/
Description: Kadence Theme Child is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter temples that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 0.0.7
Updated: 2023-09-16 17:12:51
*/



/* ESTILOS DEL NAVEGADOR */

/* Scrollbar */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background-color: #004266;
  border-radius: 17px;
  border: 3px solid #fff;
}

/* Selección de texto */
::-moz-selection {
  background: #004266;
  color: #fff;
}
::selection,
::-moz-selection {
  background:  #004266;
  color: #fff;
}

/* LAZYLOAD STYLES */

img[data-lazy-src] {
  opacity: 0;
}

img.lazyloaded {
  -webkit-transition: opacity 0.5s linear 0.2s;
  -o-transition: opacity 0.5s linear 0.2s;
  transition: opacity 0.5s linear 0.2s;
  opacity: 1;
}


/* Media Queries */
@media (min-width: 540px) and (max-width: 1900px) {
 main h1 {
    font-size: clamp(36px, 6vw, 48px);
  }
  
  main h2 {
    font-size: clamp(28px, 4vw, 36px);
  }
  
  main p {
    font-size: clamp(18px, 2vw, 20px);
  }
	  main .hero-p {
    font-size: clamp(20px, 2vw, 24px) ;
  }
}

@media screen and (min-width:1400px)  {

#primary-menu li > a {	
	  padding-left: 40px;
    padding-right:  40px;
}	
	
}

@media screen and (min-width:768px) and (max-width: 1300px) {

#primary-menu li > a {
	font-size:17px;
}	
}


.donaciones {
	font-size:15px;
	margin-top:160px;
}

.btn-contactar a {
	color:#EB71C1 !important;
	border: 2px solid #EB71C1 !important;
	border-radius: 25px;
}

.btn-contactar a:hover {
	color: #FDED33 !important;
	border: 2px solid #FDED33 !important;

}


.btn-contactar a:after {
    width: 0 !important;
}

.header-account-username:before {
	content:"Kaixo "
}
.header-account-username:after {
	content:"! "; 
}

#area-socios .um-field-label {
		color: #fff !important;
}
#area-socios 
.um-req {
		color: #EB71C1 !important;
}
.um .um-form input[type=text], .um .um-form textarea, .um .upload-progress {
    border: 2px solid #ddd !important;
}

#area-socios 
.um-field-area input {
	height:48px!important;
}

#um-submit-btn {
margin-top:12px;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 25px !important;
    background: var(--global-palette-btn-bg, #3633E1);
    color: var(--global-palette-btn, #FFFFFF);
   font-size: 1.35rem;
    font-weight: bold !important;
	text-transform:uppercase;
}

#um-submit-btn:hover {
margin-top:12px;
  
    background: #eb71c1;
   
}

.um-toggle-password {

    line-height: 2.5;
}

@media screen and (min-width:768px) {
	.home #masthead,
	.home 
.site-main-header-wrap .site-header-row-container-inner {
    background: unset;
}
	
	#hero {
		margin-top:-120px !important;
			padding-top:100px !important;
	}
}
/*-----  FORMULARIO CONTACTO     -----*/

#contacto-social a {
	margin-right:12px;
}

.donaciones label {
	background: #FFFDE6 !important;
}

#form-contacto .kb-form .kadence-blocks-form-field>label {
    z-index: 77;
    background: #fff;
}

#form-contacto .kb-accept-form-field,
#form-newsletter .kb-accept-form-field {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#form-contacto .kb-accept-form-field input,
#form-newsletter .kb-accept-form-field input {
    margin-top: 0;
    height: 20px;
    width: 20px;
    cursor: pointer !important;
}

#form-contacto .kb-accept-form-field input {
    margin-top: 8px !important;
}

#form-contacto .kb-accept-form-field label,
#form-newsletter .kb-accept-form-field label {
    width: auto !important;
    padding: 0;
}

#form-contacto .kb-forms-submit {
    margin-top: 15px;
}

@media screen and (max-width: 768px) {
	.btn-contactar {
	margin-top:18px;
	margin-bottom:40px;
}
	
    #form-contacto .kb-accept-form-field label,
    #form-newsletter .kb-accept-form-field label,
    #form-contacto .kb-accept-form-field,
    #form-newsletter .kb-accept-form-field {
        font-size: 14px !important;
    }

    #form-contacto .kb-accept-form-field label,
    #form-newsletter .kb-accept-form-field label {
        width: 85% !important;
    }

    .kb-forms-submit,
    #footer-menu li {
        width: 100% !important;
    }
}

/*-----  GRID DE JUEGOS     -----*/
.expirado  {
	color: red;
	font-weight:600;
	font-size:17px;
}

.pagos-grid,
.juegos-grid {
    width: 100%;
    overflow-x: auto;
}

.pagos-grid table,
.juegos-grid table {
    width: 100%;
    border-collapse: collapse;
}

.pagos-grid th,
.pagos-grid td,
.juegos-grid th,
.juegos-grid td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

.pagos-grid th,
.juegos-grid th {
    background-color: #EDF2F7;
    font-weight: bold;
}

@media screen and (min-width:768px) {

.portada-juego img {
	max-height:100px;
	width:100%;
}	
}

/*-----  UM ACCOUNT STYLES     -----*/



@media screen and (min-width:768px) {
.um-account-heading {
    font-size: 32px !important;
    padding-bottom: 40px !important;
    color: #000 !important;
}

.um-account-heading > i {
    display: none;
}

.customize-unpreviewable {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}

.um-account-side {
    max-width: 300px;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px; /* Asegura que la columna no ocupe más de 300px */
}

.um-account-main {
    margin-left: 80px; /* Espacio de 80px entre las dos columnas */
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; /* Hace que la segunda columna ocupe el resto del espacio disponible */
    max-width: calc(100% - 380px) !important; /* Asegura que el contenido principal no exceda el espacio */
    width: 100%;
}


.um-account-icon {
    display: none;
}

.um-account-side ul li {
    background: #fff;
    border: 2px solid #000;
    margin-bottom: 6px !important;
    color: #000 !important;
}

.um-account-side ul li a:hover {
    background: #feed01 !important;
    color: #000 !important;
}

.um-account-side ul li a {
    color: #000 !important;
    background: #fff;
}

.um-account-side li a.current {
    background: #08B7BA !important;
}

.um-account-link {
    border: 2px solid #000;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: bold;
}


}



.single .single-entry {
	max-width:800px;
	margin: auto;
}

.single 
.kadence-thumbnail-position-behind {
  margin-bottom: -2em !important;

	}

@media screen and (min-width:1600px) {
	
.single 
.wp-site-blocks .post-thumbnail {
    padding-bottom: 48%;
	
}
}




.item-is-stuck {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/*-----  BLOG   ARCHIVE   -----*/

#home-icon {
    width: 25px;
    height: 25px;
    margin-bottom: -5px;
}

.category .entry ,
.blog .entry ,
.archive .entry {
	position:relative;	
}

.category  .entry-content-wrap,
.blog  .entry-content-wrap,
.archive  .entry-content-wrap {
    padding: 18px 24px;
    font-size: 16px;
}


.category .entry h2,
.blog .entry  h2,
.archive .entry h2 {
    font-size: 24px;
}




.cat-single a {
	color: #fff;
}



.kt-accordion-inner-wrap *:focus {
    outline: 0 !important;
}

.mobile-site-branding .brand img {
    padding-top: 7px;
    padding-bottom: 7px;
}

.entry-taxonomies .category-links a:hover {
    color: #062a39;
}



.archive #inner-wrap,
.blog #inner-wrap {
    padding-bottom: 77px;
}

.single-post .single-content {
    margin-bottom: 77px;
}



/*------------ BLOG: SINGLE  -----------*/

#home-icon:hover {
    fill: #FA62BB;
}

#iconos-single .a2a_button_email {
display:none;
}

#iconos-single .wordpress-print-posts,
#iconos-single {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#iconos-single img {
    height: 25px !important;
}


#iconos-single img:hover {
    opacity: .5;
}

#iconos-single a {
    margin-left: 30px;
    height: 100% !important;
}

#iconos-single div {
    line-height: unset !important;
}


.single-tags a {
    color: #7C7C7C;
    font-size: 15px;
    text-decoration: none;
}

.single-tags a:hover {
    color: #FA62BB !important;
}


.rank-math-breadcrumb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    color: #7C7C7C;
    margin: 0;
    padding: 0;
   
}

.rank-math-breadcrumb a:first-child {
    padding-left: 0;
}



.rank-math-breadcrumb a {
    color: #1A202C;
    text-decoration: none;
    padding: 0 5px;

}

.rank-math-breadcrumb a:hover {
    color: #FA62BB;
}

.rank-math-breadcrumb  p {
     font-size: 16px !important;
}


#blog-assets .inner-column-2>div {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.tags-links .tag-link {
    color: rgb(6, 42, 57) !important;
    font-weight: 500;
}

.tags-links .tag-link:hover {
    color: #fff !important;
    background-color: #062A39 !important;
}

.kadence-thumbnail-position-behind {
    margin-bottom: -10em;
}

.entry {
    -webkit-box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.1);
}

.single-entry>.entry-content-wrap {
    padding: 2rem 6rem;
}


.entry-related-carousel h3.entry-title {
    font-size: 18px !important;
}

.entry-related-carousel .loop-entry {
    height: 100%;
}

.entry-related-carousel .loop-entry .entry-content-wrap {
    padding: 20px;
}

.loop-entry .entry-content-wrap .entry-header {
    margin-bottom: 0;
}

.post-more-link:after {
    content: "...";
}

.post-more-link .kadence-svg-iconset {
    display: none;
}


.single-post .post-thumbnail-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.entry-content-wrap .entry-taxonomies {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 5px 10px;
    background: #fff;
    border-radius: 5px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-box-shadow: 0 4px 24px 0 rgb(233 228 227 / 30%), 0 12px 64px 0 rgb(233 228 227 / 30%);
    box-shadow: 0 4px 24px 0 rgb(233 228 227 / 30%), 0 12px 64px 0 rgb(233 228 227 / 30%);
}

.entry.content-bg.loop-entry .entry-content-wrap {
    padding: 18px 24px;
    font-size: 16px;
}

.entry.content-bg.loop-entry .entry-content-wrap h2 {
    font-size: 22px;
}
@media screen and (max-width:768px) {
.entry.content-bg.loop-entry .entry-content-wrap h2 {
    font-size: 20px;
	line-height:1.3em;
}
}

.entry.loop-entry {
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 30px 0px rgba(6, 42, 57, 0.05);
            box-shadow: 0px 5px 30px 0px rgba(6, 42, 57, 0.05);
}

.entry {
    -webkit-box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.05);

            box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.05);
    border-radius: .25rem;
}


@media screen and (max-width:768px) {
    .entry-related-title {
        font-size: 24px;
    }

    .archive h2 {
        line-height: 1.2em;
    }

    .archive .site-container {
        padding-left: 5px;
        padding-right: 5px;
    }

    .loop-entry .entry-content-wrap {
        padding: 15px;
    }

    .single-post .single-entry>.entry-content-wrap {
        margin-top: 40px;
        padding: 30px 15px;
    }

		

    .single-post .entry-title {
        font-size: 32px;
    }

    .single-content ul,
    .single-content ol {
        padding-left: 1em;
    }


}


@media screen and (min-width:768px) {

    .single-entry>.entry-content-wrap {
        padding: 2rem 5rem;
    }

    .single-post .single-entry>.entry-content-wrap p {
        font-size: 20px;
        line-height: 1.7em
    }

    .site .post-thumbnail.kadence-thumbnail-ratio-1-2 {
        padding-bottom: 500px;
    }

    .kadence-thumbnail-position-behind {
        margin-bottom: -15em;
    }
}

.kt-blocks-carousel .kt-carousel-arrowstyle-blackonlight .slick-prev,
.kt-blocks-carousel .kt-carousel-arrowstyle-blackonlight .slick-next {
    background: rgba(255, 255, 255, 0);

}

.cat-single a {  
    font-size: 20px;
    text-decoration: none;
}

.tag-single a {  
    font-size: 25px;
    text-decoration: none;
}


.wp-block-post-content {
    color: #051C2C;
}

.wp-block-post-content blockquote {
    padding: 25px 50px !important;
    background: #F7F7F7;
    border-left: 4px solid var(--global-palette1);
    margin-top: 30px;
    margin-bottom: 30px;
}


.wp-block-post-content p {
    padding-top: 5px;
    padding-bottom: 5px;
}

.wp-block-post-content img {
    margin-top: 40px;
    margin-bottom: 40px;
}



.cat-single a {
    text-decoration: none;
}

.cat-active {
    color: #000 !important;
}



.kadence-post-image-inner-wrap,
.post-thumbnail-inner {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.kadence-post-image-inner-wrap img,
.post-thumbnail-inner img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.post-thumbnail:hover .post-thumbnail-inner {
    -webkit-transform: scale(1.1) rotate(5deg);
        -ms-transform: scale(1.1) rotate(5deg);
            transform: scale(1.1) rotate(5deg);
}


.kadence-post-image-inner-wrap:hover img,
.post-thumbnail:hover img {
    -webkit-transform: scale(1.1) rotate(5deg);
        -ms-transform: scale(1.1) rotate(5deg);
            transform: scale(1.1) rotate(5deg);
}


.spinningGradient:before {
content:"";
	height:100%;
	width: 50%;
	position:absolute;
    top: 25%;
    left: 50%;

	  -webkit-filter: blur(150px);
	          filter: blur(150px);
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-animation: pulse 8s linear infinite;
            animation: pulse 8s linear infinite;
    background: conic-gradient(from 0deg, #08f, #f60, #bbffa1, #4c00ff, #ab2666, #09f);
		opacity:0.5 !important;
}

@media screen and (max-width:768px){	
.spinningGradient:before {
	  -webkit-filter: blur(70px);
	          filter: blur(70px);
    bottom: 0;
    right: 0;
}

}
	

/* Animations */
@-webkit-keyframes pulse {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        opacity: 0.5;
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
}
@keyframes pulse {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        opacity: 0.5;
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
}

.pulseAnimation {
    -webkit-animation: pulse 2s ease-in-out infinite;
            animation: pulse 2s ease-in-out infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(2);
                transform: translate(-50%, -50%) rotate(0deg) scale(2);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg) scale(2);
                transform: translate(-50%, -50%) rotate(360deg) scale(2);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(2);
                transform: translate(-50%, -50%) rotate(0deg) scale(2);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg) scale(2);
                transform: translate(-50%, -50%) rotate(360deg) scale(2);
    }
}


@media screen and (max-width:768px) {
	
.kt-btn-inner-text {
	font-size:18px !important;
}
	
}

.um-page-login .um-field-checkbox-option,
.um-page-login .um-link-alt {
color:#fff !important;
}

/*------- LISTADO JUEGOS --------*/


#juegos-table_length ,
#juegos-table_filter {
	margin-bottom:20px;
}

#juegos-table_length select{
	padding:3.6px 18px;
	border: 2px solid #1A202C;
	border-radius:3px !important;
}

#juegos-filters {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
}

.dif-wrap {
	margin-right: 20px;
}

.jug-wrap label,
.dif-wrap label {
	padding-right:10px;
}
.jug-wrap select,
.dif-wrap select {
color: #1A202C;
		border: 2px solid #1A202C;
	border-radius:3px !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #1A202C;
}

#juegos-table {
	margin-bottom:20px;
}

.pagos-grid th,
#juegos-table th {
		border-color: #1A202C;
	border-top:2px solid  #1A202C;
		border-bottom:2px solid  #1A202C;
}

.pagos-grid th {
	border-right:2px solid  #1A202C;
	color:#1A202C;
}
.pagos-grid th,
.pagos-grid td,
#juegos-table th,
#juegos-table td {
text-align:center;
}

.pagos-grid th:first-child,
#juegos-table th:first-child {
    background-image:  unset !important;
		border-left:2px solid  #1A202C;
}

.pagos-grid th:last-child,
#juegos-table th:last-child {
		border-right:2px solid  #1A202C;
}

#juegos-table_paginate span a {
	background:unset!important;
	border-radius:100%!important;
	padding:2px 14px!important;
	    border: 0px !important;
	background:#EDF2F7!important;
}

#juegos-table_info {
	font-size:16px;
}

#juegos-table_filter input {
    color: #EB71C1 !important;
    border: 2px solid #EB71C1 !important;
    border-radius: 25px;
	padding:8px 25px;	
}

.btn-salir{
	        font-weight: bold;
	    font-family: var(--global-body-font-family);
    display: block;
    padding: 7px 20px !important;
width:100%;
	font-size:14px;
    color: #1A202C;
	background: #fff;
        border: 2px solid #000;
        margin-bottom: 6px !important;
        color: #000 !important;
 text-transform:uppercase;
	text-decoration:none;
	
	border-left-width:4px;
	border-top-width:4px;
	border-right-width:4px;
}

.um-account-side li a span {
  
    color: #1A202C !important;
}

.btn-salir:hover {
	background-color: #FDED33;
}

#um_account_submit_general {
    margin-top: 12px;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 25px !important;
    background: var(--global-palette-btn-bg, #3633E1);
    color: var(--global-palette-btn, #FFFFFF);
   
    font-weight: bold !important;
    text-transform: uppercase;
}


#um_account_submit_general:hover {
	  background: #EB71C1;
}

.portada-juego  {
	display:flex;
	justify-content:center;
}
.portada-juego img {
	width:auto;
}



/* Estilo para hacer el calendario responsive */
.responsive-calendar {
    position: relative;
    padding-bottom: 75%; /* Esto mantiene la relación de aspecto */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.responsive-calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.cal-abiertas {
background-color: #f0f8ff; padding: 20px; border-radius: 7px; display: inline-block; font-size: 16px; color: #333; text-align: center;	
}

.cal-abiertas-icon {
display:block;
	font-size:32px;
}


.cal-abiertas-text {

}

.cal-abiertas-dia {
	font-size: 24px;
}












/*--- PAGINATION       ---*/

.pagination {
    width: 100%;
    overflow: visible;
    text-align: center;
    margin-top: 77px;
}


.pagination__results {
    font-size: .93333333rem;
    color: #666;
    width: 100%;
}

.pagination__results-item {
    font-weight: 700
}

.pagination__row {
    margin: 10px 0
}

.pagination__main {
    font-size: 1rem;
    color: #121212;
    display: inline-block;
    margin: 0 12px;
    padding: 10px 30px;
    border: 1px solid #d8d8d8;
    border-radius: 25px;
    cursor: pointer;
    min-width: 170px;
    vertical-align: middle;
    font-weight: 700;
    background: #fff;
}

.pagination__main:hover {
    border-color: #66CC99;
}



.pagination__more {
    vertical-align: middle;
    padding-left: 7px;
    color: #aaa !important;
    font-size: .8rem
}


.pagination__more:before {
    border-style: solid;
    border-width: 0.2em 0.2em 0 0;
    content: '';
    display: inline-block;
    height: 0.6em;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    bottom: 3px;
    position: relative;
    vertical-align: middle;
    width: 0.6em;
}


.expandido .pagination__more:before {
    top: 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.pagination__next,
.pagination__previous {
    color: #66CC99;
    font-size: 1.6rem;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}


.pagination__next:before,
.pagination__previous:before {
    text-decoration: none;
    border-style: solid;
    border-width: 0.2em 0.2em 0 0;
    content: '';
    display: inline-block;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    width: 25px;
}

.pagination__previous:before {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}


.pagination__next:hover:before,
.pagination__previous:hover:before {
    color: #062a39;
}


.pagination__next a,
.pagination__previous a {
    position: absolute;
    height: 30px;
    width: 30px;
    color: transparent;
}

.pagination__next span,
.pagination__next a {
    left: 0;
}

.pagination__previous span,
.pagination__previous a {
    right: 0;
}

.pagination__next--disabled,
.pagination__previous--disabled {
    cursor: not-allowed;
    opacity: .25;
    filter: alpha(opacity=25);

}



ul.pagination__list {
    background: rgba(255, 255, 255, .8);
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0;
    max-height: 350px;
    overflow: auto;
    width: 200px;
    padding: 5px 20px 15px 20px;
    margin: auto;
    text-align: left;
    border-radius: 7px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-box-shadow: 0 4px 24px 0 rgb(233 228 227 / 30%), 0 12px 64px 0 rgb(233 228 227 / 30%);
    box-shadow: 0 4px 24px 0 rgb(233 228 227 / 30%), 0 12px 64px 0 rgb(233 228 227 / 30%);
    list-style: none !important;
}


ul.pagination__list li {
    margin-top: 5px;
    line-height: 1em;
}

ul.pagination__list li a {
    line-height: 1em;
    text-decoration: none;
    width: 100%;
    color: #666;
    display: block;
    padding: 10px 20px;
}



.pagination__list li a {
    font-size: 16px !important;
}


.pagination__list .active a {
    font-weight: 700;
    text-decoration: none;
    color: #000;
}

ul.pagination__list li:hover,
ul.pagination__list .active {
    color: #121212;
    background-color: #f2f2f2;
    border-radius: 1.33rem;
}




.pagination__list li::marker {
    color: #fff !important;
}

.pagination__list::-webkit-scrollbar {
    width: 4px;
    height: auto
}

.pagination__list::-webkit-scrollbar-thumb {
    background-color: #0970e6
}

.pagination__list::-webkit-scrollbar-track {
    background-color: #d8d8d8
}


ul.pagination__list .elipsis {
    background: unset !important;
    padding: 0px 20px 5px 20px;
}

.pagination__expandable-content {
    text-align: center;
    position: relative;
    display: none;
}


.pagination__expandable-decoration:after {
    border-bottom: 8px solid #fff;
    -webkit-transform: translate(-50%, -125%);
    -ms-transform: translate(-50%, -125%);
    transform: translate(-50%, -125%)
}


.pagination__expandable-decoration {
    position: absolute;
    z-index: 4;
}

.pagination__expandable-decoration:after,
.pagination__expandable-decoration:before {
    border: 8px solid transparent;
    position: relative;
    display: block;
    content: " "
}

.pagination__expandable-decoration:before {
    border-bottom: 8px solid #fff;
    -webkit-transform: translate(-50%, -95%);
    -ms-transform: translate(-50%, -95%);
    transform: translate(-50%, -95%);
}


.pagination .select {
    margin: 0
}

.pagination .select:after {
    top: 13px;
    right: 15px
}

.pagination .select>div {
    display: none
}

.pagination .select__options {
    padding: 10px 30px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}