/*Estilos formularios*/

svg#Passkey {

height: 40px;

background: #ddd;

width: auto;

border-radius: 200px;

padding: 5px;

margin-left: auto;

margin-right: auto;

display: flex

;

}

button[class*=plg_system_webauthn_login_button] {

padding: .4rem;

height: 100px !important;

}

.com-users-login.login.col-lg-5 {

background: #f4f6f9;

padding: 20px;

border-radius: 7px;

border: 1px solid #ddd;

margin-bottom: 3em;

}

form#member-registration {

background: #f4f6f9;

padding: 20px;

border-radius: 7px;

border: 1px solid #ddd;

}

form#login-form-16 {

border: 1px solid #ddd;

padding: 15px;

border-radius: 9px;

background: #fff;

}

.input-group {

position: relative;

display: flex;

width: 100%;

justify-content: center;

}

.awesomplete {

display: inline-block;

position: relative;

width: 50%;

}

.me-2 {

margin-right: 0.5rem !important;

margin-left: 11em;

margin-bottom: 1em;

font-weight: 600;

}

.klogin-vert {

border: 1px solid #ddd;

border-radius: 9px;

padding: 15px;

background: #fff;

}

/*Convert-forms*/



#cf_2 {

margin-left: auto;

margin-right: auto;

}

#cf_3 {

margin-left: auto;

margin-right: auto;

}

.convertforms .cf-fields {

display: -webkit-box;

display: -ms-flexbox;

display: flex

;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

margin: calc(-1* var(--control-gap));

background: #fdfeff;

padding: 20px;

border: 1px solid #ddd;

border-radius: 9px;

}



/*CKEditor*/



ck.ck-editor {

position: relative;

max-width: 546px;

}

/*Estilos de botones y avisos*/

.btn-primary, .btn-backtohome, .btn-prosandcons {

--bs-btn-color: #ffffff;

--bs-btn-bg: #3d618f;

--bs-btn-border-color: #5a6577;

--bs-btn-hover-color: #ffffff;

--bs-btn-hover-bg: #5a6577;

--bs-btn-hover-border-color: #5a6577;

--bs-btn-focus-shadow-rgb: 116, 91, 166;

--bs-btn-active-color: #ffffff;

--bs-btn-active-bg: #4d79b3;

--bs-btn-active-border-color: #4d79b3;

--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

--bs-btn-disabled-color: #000;

--bs-btn-disabled-bg: #3d618f;

--bs-btn-disabled-border-color: #3d618f;

}

.btn-warning {

--bs-btn-color: #ffffff;

--bs-btn-bg: #cf6d08;

--bs-btn-border-color: #5a6577;

--bs-btn-hover-color: #ffffff;

--bs-btn-hover-bg: #5a6577;

--bs-btn-hover-border-color: #5a6577;

--bs-btn-focus-shadow-rgb: 176, 93, 7;

--bs-btn-active-color: #ffffff;

--bs-btn-active-bg: #d98a39;

--bs-btn-active-border-color: #d47c21;

--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

--bs-btn-disabled-color: #ffffff;

--bs-btn-disabled-bg: #cf6d08;

--bs-btn-disabled-border-color: #cf6d08;

}

/*joomla-alert {;

z-index: 2;

position: relative;

}*/

#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer #btn_report {

border-radius: 5px;

border: 1px solid #ddd;

box-shadow: none;

padding: 5px 10px;

color: #000000;

background: #f4f6f9;

}

#kunena.layout .kuser-profile .kuser-main-info .action-wrap a {

background-color: #5a6577;

color: var(--kcolor-white);

border-radius: var(--kborder-radius-sm);

display: block;

padding: var(--kglobal-spacing) calc(var(--kglobal-spacing)* 2);

text-align: center;

width: 100%;

}

#kunena.layout .btn.kbtn-success:hover, #kunena.layout .kbtn.kbtn-success:hover, #kunena.layout .kbutton.kbtn-success:hover, #kunena.layout .kpage-heading .kbtn-success.btn:hover, #kunena.layout .kaction-wrap-top .ktopic-search .kbtn-success.btn:hover, #kunena.layout .kaction-wrap-bot .ktopic-search .kbtn-success.btn:hover, #kunena.layout .kunena-topic-item #topic-actions-toolbar ul li>a.kbtn-success:hover, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap .kbtn-success#btn_thankyou:hover, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap .kbtn-success#btn_unthankyou:hover, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap .kbtn-success.kbtn:hover, #kunena.layout #kpost-attachments .action-wrap .kbtn-success.fileinput-button:hover {

background-color: #5a6577;

color: #fff;

}

#kunena.layout .btn:hover, #kunena.layout .btn:focus, #kunena.layout .btn:active, #kunena.layout .kbtn:hover, #kunena.layout .kbtn:focus, #kunena.layout .kbtn:active, #kunena.layout .kbutton:hover, #kunena.layout .kpage-heading .btn:hover, #kunena.layout .kaction-wrap-top .ktopic-search .btn:hover, #kunena.layout .kaction-wrap-bot .ktopic-search .btn:hover, #kunena.layout .kunena-topic-item #topic-actions-toolbar ul li>a:hover, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_thankyou:hover, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_unthankyou:hover, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap .kbtn:hover, #kunena.layout #kpost-attachments .action-wrap .fileinput-button:hover, #kunena.layout .kbutton:focus, #kunena.layout .kpage-heading .btn:focus, #kunena.layout .kaction-wrap-top .ktopic-search .btn:focus, #kunena.layout .kaction-wrap-bot .ktopic-search .btn:focus, #kunena.layout .kunena-topic-item #topic-actions-toolbar ul li>a:focus, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_thankyou:focus, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_unthankyou:focus, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap .kbtn:focus, #kunena.layout #kpost-attachments .action-wrap .fileinput-button:focus, #kunena.layout .kbutton:active, #kunena.layout .kpage-heading .btn:active, #kunena.layout .kaction-wrap-top .ktopic-search .btn:active, #kunena.layout .kaction-wrap-bot .ktopic-search .btn:active, #kunena.layout .kunena-topic-item #topic-actions-toolbar ul li>a:active, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_thankyou:active, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_unthankyou:active, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap .kbtn:active, #kunena.layout #kpost-attachments .action-wrap .fileinput-button:active {

background-color: #5a6577;

color: var(--kbtn-hover-color);

}

joomla-alert[type=success] {

z-index: 9;

position: relative;

}

/*Acesibilidad*/



i._access-icon.material-icons._access {

bottom: 40px !important;

}



._access-icon {

border-radius: 100px;

border: 1px solid #ddd;

border-left: none;

margin-bottom: 50px;

background-color: #4d79b3 !important;

margin-left: 5px;

}

.com-users-logout__submit.control-group {

margin-bottom: 6em;

}

/*Estilos de imagen*/

.astroid-article-full-image figure {

margin-bottom: 2rem;

margin-top: 2rem;

margin-left: auto;

margin-right: auto;

display: flex;

justify-content: center;

}

/*Estilos de com-content*/

.item-content.post-regular.position-relative {

border: 1px solid #ddd;

padding: 10px;

border-radius: 9px;

height: 95%;

box-shadow: 0 1px 3px 0px #0000001a;

}

.item-image img {

border-radius: 10px;

margin-left: auto;

margin-right: auto;

display: flex

;

justify-content: center;

}

textarea#jform_message {

margin-bottom: 20px;

}

.bg-light {

--bs-bg-opacity: 1;

background-color: #f4f6f9 !important;

}

/*Ratio vídeos*/



.ratio-16x9 {

--bs-aspect-ratio: calc(9 / 16* 100%);

max-width: 800px;

height: auto;

margin-left: auto;

margin-right: auto;

border-radius: 10px;

}

/*Estilos de modulos*/

.marco-general {

border:1px solid #ddd;

border-radius: 12px;

padding: 25px;

}

.mod-breadcrumbs {

border: 1px dashed var(--bs-border-color);

border-radius: var(--bs-border-radius);

margin-top: 5em;

}

div#mod-custom163 {

margin-top: -7rem;

}

/*Estilos de elementos de plantilla*/

#sppb-modal--P7tQVTg_8VHYAreVhAIZ.white-popup-block {

border-radius: 12px !important;

}

.mfp-close-btn-in .mfp-content .white-popup-block .mfp-close {

color: #ffffff;

border: 1px solid #3d618f;

margin: 10px;

background: #3d618f;

border-radius: 50%;

}

code {

font-size: 0.875em;

color: rgb(163 72 173);

word-wrap: break-word;

}

.white-popup-block {

background: #3c3c3c00;

}

div#hs-1529472563843 {

box-shadow: 0 1px 3px 0px #0000001a;

}

div#ar-1528971627712 {

border: 1px solid #ddd;

padding-top: 20px;

border-radius: 10px;

background: #fff;

}

section#fs-1528971627712 {

background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 5px, #ffffff 5px, #f9f9f9 9px);

margin-top: 50px;

border-top: 1px solid #ddd;

}

.astroid-logo > .astroid-logo-default {

cursor: pointer;

transition-duration: .5s;

-moz-user-select: none;

-webkit-user-select: none;

-ms-user-select: none;

user-select: none;

box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

transform: scale(1);

transition-property: all;

transition-property: transform;

border-radius: 100%;

}

.astroid-logo > .astroid-logo-default:hover {

box-shadow: 1px 1px 10px rgba(0, 0, 0, .9);

transform: scale(1.1);

}

/*Logo antes de los titulos*/



/*.sppb-addon.sppb-addon-header:before {

position: relative;

content: "⚝";

font-family: inherit;

font-size: 22px;

border: 1px solid #a7b8e7;

background: #3d618f;

color: #ffffff;

font-weight: 600;

border-radius: 50%;

padding: 0px 4px 0px 4px;

margin-right: 5px;

}

#kunena.layout .tabs .tab-content .ktab-heading h2:before {

position: relative;

content: "⚝";

font-family: inherit;

font-size: 22px;

border: 1px solid #a7b8e7;

background: #3d618f;

color: #ffffff;

font-weight: 600;

border-radius: 50%;

padding: 0px 4px 0px 4px;

margin-right: 5px;

}*/

@media (min-width: 768px) {

.astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky:not([hidden]) {

cursor: pointer;

transition-duration: .5s;

-moz-user-select: none;

-webkit-user-select: none;

-ms-user-select: none;

user-select: none;

box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

transform: scale(1);

transition-property: all;

transition-property: transform;

border-radius: 100%;

}

.astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky:not([hidden]):hover {

box-shadow: 1px 1px 10px rgba(0, 0, 0, .9);

transform: scale(1.1);

}

}

.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after {

background-color: rgb(255 255 255 / 3%);

}

.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before {

font-size: 22px;

font-family: "FontAwesome", sans-serif;

color: #ffffff;

content: "\f142";

}

.offcanvasRight .burger-menu-button.header-offcanvas-trigger .inner::before {

width: 20px;

margin-left: 4px;

line-height: 30px;

}

.header-offcanvas-trigger {

background: #486b93;

outline: none;

box-shadow: none;

cursor: pointer;

width: 47px;

height: 47px;

padding: 2px 8px 1px 8px;

border-radius: 100px;

background-repeat: no-repeat;

background-size: contain;

cursor: pointer;

transition-duration: .7s;

-moz-user-select: none;

-webkit-user-select: none;

-ms-user-select: none;

user-select: none;

box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

transform: scale(1);

border: 1px solid #fff;

}

.header-offcanvas-trigger:hover{

box-shadow: 1px 1px 10px rgba(0, 0, 0, .9);

transform: scale(1.1);

}



body a {

text-decoration: underline;

}

.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item {

font-size: 18px;

line-height: 1.7em;

}

.astroid-nav .nav-item-parent .nav-title > .nav-item-caret {

display: none;

right: 10px;

position: absolute;

top: 60%;

font-size: 75%;

width: 10px;

height: 10px;

line-height: 20px;

text-align: center;

margin-top: -10px;

}

.megamenu-container li.nav-item-submenu > a {

color: rgba(110, 109, 122, 1);

font-size: 17px;

}

p {

margin-top: 0;

margin-bottom: 1rem;

font-size: 18px;

}

a[target=_blank]:after {

-webkit-padding-end: 3px;

content: "\f35d";

font-family: Font Awesome\ 5 Free;

font-size: 75%;

font-weight: 600;

padding-inline-end: 3px;

padding-inline-start: 3px;

color: #aaafbd !important;

}

#astroid-sticky-header {

background-color: rgba(244, 246, 249, 1);

border-bottom: 1px solid #ddd;

}

/*#astroid-backtotop.circle {

border-radius: 100%;

padding: 12px 0px 10px 13px;

}*/

#astroid-backtotop {

line-height: 0;

position: fixed;

z-index: 1020;

border: 1px solid #ffffff;

background: rgb(47 94 157 / 80%) !important;

margin-bottom: -12px;

cursor: pointer;

transition-duration: .5s;

-moz-user-select: none;

-webkit-user-select: none;

-ms-user-select: none;

user-select: none;

box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

transform: scale(1);

transition-property: all;

transition-property: transform;

}

#astroid-backtotop:hover {

box-shadow: 1px 1px 10px rgba(0, 0, 0, .9);

transform: scale(1.1);

}

.burger-menu-button .button:before {

padding: 17px 0px 10px 0px;

font: inherit;

color: inherit;

text-transform: none;

background-color: #ffffff;

border: 1px solid #d9e5f5;

content: "<i class="fa-solid fa-user-plus"></i>";

}

.megamenu-container, .megamenu-container .nav-submenu .nav-submenu {

border: 1px solid var(--bs-border-color);

border-radius: 0px 0px 10px 10px;

}

.article-badge.article-badge {

border-radius: 10px 10px 0px 10px;

margin-left: 23px;

border: 1px solid #6492c1;

background: #f9f9f9;

color: #3a5d7c;

font-weight: 700;

}

.article-badge.article-badge-1:before {

display: none;

}

.article-badge.article-badge:after {

display: none;

}

ul.tags .btn-sm, ul.tags .btn-group-sm > .btn {

--bs-btn-padding-y: 0.3rem;

--bs-btn-padding-x: 1rem;

margin-bottom: 0.5em;

}

.author-wrap {

padding: 25px;

border: 1px solid #ddd;

margin-top: 30px;

margin-bottom: 30px;

height: 17em;

width: 50%;

border-radius: 7px;

background: #f4f6f9;

}


.article-icon.article-icon-youtube {

background-color: #f4f6f9;

color: #e75c72;

}

.article-icon.article-icon-youtube:before {

height: 0;

width: 0;

border-bottom: 6px solid #fb9fab;

border-right: 6px solid transparent;

display: none;

}

.article-icon.article-icon-youtube:after {

height: 0;

width: 0;

border-left: 20px solid #fee8eb;

border-right: 20px solid #fee8eb;

border-bottom: 20px solid transparent;

display: none;

}

.article-icon {

position: absolute;

margin-bottom: 80px;

display: block;

width: 40px;

height: 40px;

top: -6px;

right: 20px;

line-height: 40px;

text-align: center;

font-size: 24px;

border-radius: 7px;

}

.fa-images::before {

content: "\f1aa";

}

div#cs-1528971561366 {

margin-bottom: 70px;

}

div#ca-1529739248826 {

margin-top: 50px;

margin-bottom: 50px;

}

/*Estilos kunena (foro)*/

img.none.avatar {

width: 50px;

padding: 4px;

border: 1px solid #ddd;

border-radius: 50%;

margin: 10px;

}

.float-start {

float: left !important;

color: #383838;

font-size: 17px;

}

.float-end {

float: right !important;

font-size: 15px;

}

.text-muted {

--bs-text-opacity: 1;

color: var(--bs-secondary-color) !important;

font-size: 14px;

}

#kunena.layout .kuser-profile .kuser-other-info .kuser-socials .kuser-social-list {

float: left;

display: flex;

flex-wrap: wrap;

}

#kunena.layout .kuser-profile .kuser-other-info .kuser-socials .kuser-social-list:hover {

float: left;

display: flex;

flex-wrap: wrap;

}

#kunena.layout .ksection-header h2 a {

color: #2c2e30;

font-size: 20px;

}

#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .mykmsg-header h4, #kunena.layout .kunena-topic-item .message-deleted .kmsg-wrap .mykmsg-header h4 {

font-size: 20px;

margin: 0 0 var(--kspacing-sm);

color: #36394e;

font-weight: 500;

}

#kunena.layout h1.ktopic-title .ktopic-icon {

background-color: #f6f9ff;

border-radius: 50%;

display: inline-block;

height: 29px;

line-height: 1;

text-align: center;

vertical-align: middle;

margin-right: var(--kspacing-2);

width: 29px;

border: 1px solid #98a1b1;

}

#kunena.layout h1.ktopic-title .ktopic-icon i {

color: #98a1b1;

font-size: 18px;

}

#kunena.layout .ktopic-list .ktopic-col-title .topic-title h3 a, #kunena.layout .topic-list .ktopic-col-title .topic-title h3 a {

color: var(--kgray-800);

font-size: 20px;

}

#kunena.layout .ksection-header p {

margin: 0;

font-size: 18px;

color: #445a76;

}

#kunena.layout .kcat-item .cat-desc {

margin-bottom: var(--kspacing-4);

font-size: 17px;

color: #3d4154;

}

#kunena.layout .kcat-item .kcat-header .cat-title a {

color: #35383e;

font-size: 19px;

}

#kunena.layout .kcat-item .ksub-cat ul li a {

color: #2f5eb7;

font-size: 17px;

}

#kunena.layout .kcat-item .cat-meta ul li {

background-color: #d8e7f5;

border: 1px solid #c5ccd9;

border-radius: 15px;

font-size: 13px;

font-weight: 600;

padding: 2px 12px 2px 2px;

margin-right: 8px;

letter-spacing: 0.5px;

line-height: 20px;

text-transform: uppercase;

color: #475268;

}

#kunena.layout .kcat-item .cat-meta ul li span {

background-color: #ffffff;

border-radius: 14px;

display: inline-block;

font-weight: 600;

margin-right: 4px;

padding: 5px 8px;

line-height: 1;

}

#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg, #kunena.layout .kunena-topic-item .message-deleted .kmsg-wrap .kmsg {

padding: var(--kspacing-5) 0;

font-size: 17px;

line-height: 29px;

}

#kunena.layout .ktopic-list .ktopic-col-last-reply .user-avatar, #kunena.layout .topic-list .ktopic-col-last-reply .user-avatar {

border: 1px solid var(--kborder-color);

border-radius: 50%;

display: block;

float: left;

margin-top: 4px;

margin-right: var(--kglobal-spacing);

padding: 0;

overflow: hidden;

}

#kunena.layout .knavbar .navbar-nav>li>a.nav-link {

color: var(--knav-inactive-color);

padding: 0;

position: relative;

font-size: 17px;

font-weight: 700;

}

@media (min-width: 576px) {

#kunena.layout .kunena-topic-item .kprofile-box-wrap .kprofile-box {

display: flex;

border: 1px solid #ddd;

padding-top: 15px;

padding-bottom: 15px;

border-radius: 7px;

background: #ffffff;

margin-right: 20px;

}

#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar span {

height: 100px;

width: 100px;

border: 1px solid #ddd;

cursor: pointer;

transition-duration: .7s;

-moz-user-select: none;

-webkit-user-select: none;

-ms-user-select: none;

user-select: none;

box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

transform: scale(1);

}

#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar span:hover {

box-shadow: 1px 1px 10px rgba(0, 0, 0, .9);

transform: scale(1.1);

}

}

@media (min-width: 768px) {

#kunena.layout .kunena-topic-item .kprofile-box-wrap .kprofile-links {

display: flex;

flex-direction: row;

flex-wrap: wrap;

justify-content: center;

gap: 0.5rem;

border: 1px solid #ddd;

padding: 7px 0px 7px 0px;

border-radius: 0px 0px 7px 7px;

background: #ffffff;

margin-right: 20px;

margin-top: -22px;

background: #f4f6f9;

}

}

#kunena.layout .kunena-topic-item .kprofile-box-wrap .kprofile-links {

display: flex;

flex-direction: row;

flex-wrap: wrap;

justify-content: center;

gap: 0.5rem;

border: 1px solid #ddd;

padding: 7px 0px 7px 0px;

border-radius: 0px 0px 7px 7px;

background: #ffffff;

margin-right: 20px;

}

.jssocials-share-logo {

width: 1em;

vertical-align: middle;

font-size: 1.1em;

}

.jssocials-share-link {

padding: .2em .4em;

border-radius: .3em;

border: 1px solid #a0b4c5;

background: #f4f6f9;

color: #6d8293;

margin: 30px 0px 40px 0px;

-webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;

transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;

}

.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {

border: 1px solid #939393;

color: #8ca2bd;

}

#kunena.layout #search {

border: 1px solid #ddd;

border-radius: 10px;

padding-bottom: var(--kspacing-5);

}

#kunena.layout #search .search-by {

background-color: #f4f6f9;

border-bottom: 1px solid #ddd;

margin-bottom: var(--kspacing-5);

padding: calc(var(--kglobal-spacing)* 3);

border-radius: 10px 10px 0px 0px;

}

#kunena.layout select {

border-radius: var(--kborder-radius-sm);

border: 1px solid var(--kinput-border-color);

box-shadow: none;

display: inline-block;

height: inherit;

line-height: 36px;

width: auto;

height: 43px;

border: 1px solid #ddd;

background: #fff;

}

#kunena.layout .btn, #kunena.layout .kbtn, #kunena.layout .kbutton, #kunena.layout .kpage-heading .btn, #kunena.layout .kaction-wrap-top .ktopic-search .btn, #kunena.layout .kaction-wrap-bot .ktopic-search .btn, #kunena.layout .kunena-topic-item #topic-actions-toolbar ul li>a, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_thankyou, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_unthankyou, #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap .kbtn, #kunena.layout #kpost-attachments .action-wrap .fileinput-button {

background-color: #3d618f;

color: #ffffff;

border-radius: var(--kbtn-border-radius);

border: 0;

display: inline-flex;

align-items: center;

gap: 0.5rem;

font-size: 15px;

padding: var(--kbtn-padding-y) var(--kbtn-padding-x);

}

#kunena.layout .user-wrap #userdropdown .kform-login-username i, #kunena.layout .user-wrap #userdropdown .kform-login-password i {

color: #4e5b76;

font-size: 15px;

position: absolute;

left: var(--kspacing-2);

bottom: 13px;

}

#kunena.layout .knavbar {

background-color: #f4f6f9;

border: 1px solid var(--kborder-color);

border-top: none;

border-radius: 0px 0px 7px 7px;

padding: 0 var(--kglobal-spacing);

position: relative;

min-height: 56px;

margin-bottom: calc(var(--kglobal-spacing)* 4);

margin-top: -6.3em;

display: flex;

flex-wrap: wrap;

justify-content: flex-start;

}

#kunena .collapse {

height: auto;

}

#kunena .fade {

opacity: 1;

}

#kunena.layout .kpost-form-wrap {

background: #f4f6f9;

border-radius: var(--kborder-radius);

margin-bottom: calc(var(--kglobal-spacing)* 4);

padding: calc(var(--kglobal-spacing)* 2);

border: 1px solid #ddd;

}

#kunena.layout #kpost-attachments #dropzone .message {

background: var(--kgray-100);

border-radius: var(--kborder-radius);

color: var(--kgray-600);

padding: calc(var(--kglobal-spacing)* 6) 0;

text-align: center;

border: 1px dashed #40638d;

}

#kunena.layout .kcat-item .ksub-cat ul li a {

color: #296be6;

}

.kwho-admin {

color: #9d0f0f;

}

.kwho-globalmoderator {

color: #368177;

}

.kwho-moderator {

color: #b77631;

}

.kwho-banned {

color: #060606;

}

.kwho-user {

color: #7f4891;

}

.kwho-guest {

color: #8c37e5;

}

#kunena.layout .ktopic-list li.ktopic-row-head .ktopic-inner, #kunena.layout .topic-list li.ktopic-row-head .ktopic-inner {

background-color: transparent;

box-shadow: none;

border-radius: 7px;

margin-bottom: 15px;

border:1px solid #ddd;

border-radius: 7px;

margin-bottom: 9px;

}

#kunena.layout .ktopic-list .ktopic-inner, #kunena.layout .topic-list .ktopic-inner {

background-color: #fdfeff;

border-radius: 7px;

border: 1px solid #ddd;

}

#kunena.layout .ktopic-list li.ktopic-row-footer .ktopic-inner, #kunena.layout .topic-list li.ktopic-row-footer .ktopic-inner {

background-color: transparent;

box-shadow: none;

border-radius: 7px;

}

#kunena.layout .ktopic-list .no-topics .ktopic-inner, #kunena.layout .topic-list .no-topics .ktopic-inner {

padding: 0.5em;

}

input.kcheckallcategories::before {

content: "Seleccionar todas las categorías";

color: #747474;

font-size: 14px;

position: absolute;

line-height: 13px;

margin-left: -13rem;

}

#kunena.layout .ksection-header {

background-color: #f4f6f9;

color: var(--ksec-header-color);

margin-top: var(--kspacing-4);

margin-bottom: var(--kspacing-1);

padding: 15px;

position: relative;

border: 1px solid #ddd;

border-radius: 9px;

}

#kunena.layout .ksection-header .kbtn-collapse {

border-radius: 5px;

border: 1px solid #ddd;

position: absolute;

right: 0;

top: 50%;

margin-top: -12px;

height: 24px;

line-height: 20px;

text-align: center;

width: 24px;

background: #3d618f;

margin-right: 10px;

color: #ffffff;

font-size: 12px;

}

#kunena.layout .ksection-header .kbtn-collapse:hover {

border-radius: 5px;

border: 1px solid #ddd;

position: absolute;

right: 0;

top: 50%;

margin-top: -12px;

height: 24px;

line-height: 20px;

text-align: center;

width: 24px;

background: #5a6577;

margin-right: 10px;

color: #ffffff;

font-size: 12px;

}

#kunena.layout .ksection-header .kbtn-collapse i {

color: #ffffff;

font-size: 12px;

}

#kunena.layout .ksection-header .kbtn-collapse i:hover {

color: #ffffff;

font-size: 12px;

}

#kunena.layout .ksection-header .kbtn-collapse.collapsed i.kbtn-open {

display: inline-block;

color: #fff;

}

a.kbutton.kbutton-primary.btn-small {

color: #fff !important;

padding: 2px 10px !important;

}

.message-published .kattachment-wrapper .kattach-list li::before {

content: "Descargar: ";

}

#kunena.layout .kcat-item.ol-blue .kcat-inner {

border: 1px solid #b8daff;

}

#kunena.layout .kcat-item.ol-orange .kcat-inner {

border: 1px solid #ffd8a8;

}

#kunena.layout .kcat-item.ol-green .kcat-inner {

border: 1px solid #afdbc7;

}

#kunena.layout .kcat-item .last-post-wrap .last-post-message {

line-height: 20px;

}

.klatest-avatar img {

margin: 2px 2px 2px 0;

border: 1px solid #CCCCCC;

padding: 1px;

border-radius: 50%;

}

/*Iconos rrss*/

#kunena.layout .kicon-profile-myspace {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/myspace.png)

}


#kunena.layout .kicon-profile-digg {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/digg.png)

}


#kunena.layout .kicon-profile-x_social {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/x_social.png)

}


#kunena.layout .kicon-profile-microsoft {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/microsoft.png)

}


#kunena.layout .kicon-profile-friendfeed {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/friendfeed.png)

}


#kunena.layout .kicon-profile-google {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/google-plus.png)

}


#kunena.layout .kicon-profile-facebook {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/facebook.png)

}


#kunena.layout .kicon-profile-pinterest {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/pinterest.png)

}


#kunena.layout .kicon-profile-reddit {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/reddit.png)

}


#kunena.layout .kicon-profile-icq {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/icq.png)

}


#kunena.layout .kicon-profile-flickr {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/flickr.png)

}


#kunena.layout .kicon-profile-skype {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/skype.png)

}


#kunena.layout .kicon-profile-linkedin {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/linkedin.png)

}


#kunena.layout .kicon-profile-linkedin_company {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/linkedin.png)

}


#kunena.layout .kicon-profile-blogspot {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/blogger.png)

}


#kunena.layout .kicon-profile-apple {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/apple.png)

}


#kunena.layout .kicon-profile-qqsocial {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/qq.png)

}


#kunena.layout .kicon-profile-qzone {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/qzone.png)

}


#kunena.layout .kicon-profile-instagram {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/instagram.png)

}


#kunena.layout .kicon-profile-weibo {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/weibo.png)

}


#kunena.layout .kicon-profile-wechat {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/wechat.png)

}


#kunena.layout .kicon-profile-vk {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/vk.png)

}


#kunena.layout .kicon-profile-telegram {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/telegram.png)

}


#kunena.layout .kicon-profile-bebo {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/bebo.png)

}


#kunena.layout .kicon-profile-yim {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/yim.png)

}


#kunena.layout .kicon-profile-whatsapp {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/whatsapp.png)

}


#kunena.layout .kicon-profile-youtube {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/youtube.png)

}


#kunena.layout .kicon-profile-ok {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/ok.png)

}


#kunena.layout .kicon-profile-github {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/github.png)

}


#kunena.layout .kicon-profile-vimeo {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/vimeo.png)

}

#kunena.layout .kicon-profile-bsky_app {

background-image: url(../../../../../components/com_kunena/template/nts_kgrid/assets/images/social/bsky_app.png)

}

/*Estilos de whatsapp*/

.whatsappchat .popup-section .help-you-btn {

border-radius: 50px;

border: 1px solid #fff;

white-space: nowrap;

padding: 12px 24px;

color: #ffffff;

background: #7272ff;

outline: 0;

text-decoration: none;

margin: 0px 4em -7px;

display: inline-block;

cursor: pointer;

transition-duration: .5s;

-moz-user-select: none;

-webkit-user-select: none;

-ms-user-select: none;

user-select: none;

box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

transform: scale(1);

transition-property: all;

transition-property: transform;

}

.whatsappchat .popup-section .help-you-btn:hover {

box-shadow: 1px 1px 10px rgba(0, 0, 0, .9);

transform: scale(1.1);

}

.whatsappchat_240.is-bottom_right .popup-section .popup .myPopup_240::after {

border-color: #24b34a transparent transparent transparent;

margin-right: 8em;

}

/*Cookies*/

.cc-trigger {

position: fixed;

z-index: 9999;

text-decoration: none;

display: none;

}

.cc-trigger.cc-trigger-icon.cc-trigger-right {

right: 20px;

margin-bottom: 23px;

}

.cc-trigger.cc-trigger-icon.cc-trigger-left {

left: 4em;

}

.cc-trigger.cc-trigger-icon.cc-trigger-bottom {

margin-bottom: -8px;

background: #507bb0;

padding: 10px;

border-radius: 100px;

border: 1px solid #ffffff;

background-repeat: no-repeat;

background-size: contain;

cursor: pointer;

transition-duration: .5s;

-moz-user-select: none;

-webkit-user-select: none;

-ms-user-select: none;

user-select: none;

box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

transform: scale(1);

transition-property: all;

transition-property: transform;

}

.cc-trigger.cc-trigger-icon.cc-trigger-bottom:hover{

box-shadow: 1px 1px 10px rgba(0, 0, 0, .9);

transform: scale(1.1);

}

.cc-trigger.cc-trigger-icon svg {

width: 30px !important;

}

/*Accesibilidad*/

i._access-icon.material-icons._access {

margin-bottom: -31px;

}

/*Estilos cards joomla*/

.card-header {

padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);

margin-bottom: 0;

color: var(--bs-card-cap-color);

background-color: #f4f6f9;

border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);

color: #444444;

font-size: 22px;

}

ul.list-group.list-group-flush {

border-bottom-right-radius: 9px;

border-bottom-left-radius: 9px;

}

.rl_quickindex.card {

box-shadow: none;

padding: 0.2rem;

max-width: 400px;

border: 1px solid #ddd;

border-radius: 10px;

}

.card, .article-wraper-inner {

position: relative;

display: flex;

flex-direction: column;

min-width: 0;

word-wrap: break-word;

background-color: white;

background-clip: border-box;

border: 1px solid rgba(0, 0, 0, 0.125);

border-radius: 9px 9px 0px 0px;

margin-bottom: 30px;

}

.card-body {

flex: 1 1 auto;

padding: 0.2rem;

}

.card.h-100 {

border-radius: 12px;

}



/*principio-avatar-header-queries*/



/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {

div#hs-1529472563843 {

box-shadow: 0 1px 3px 0px #0000001a;

height: 90px;

}

.avatar-header {

border-radius: 50%;

border: 1px solid #d3d3d3;

margin-top: -120px;

margin-left: 250px;

background: #fff;

padding: 2px;

}

}



/* Small devices (portrait tablets and large phones, 600px and up) */

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

.avatar-header {

border-radius: 50%;

border: 1px solid #d3d3d3;

margin-top: -99px;

margin-left: 355px;

background: #fff;

padding: 2px;

}

}



/* Medium devices (landscape tablets, 768px and up) */

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

.avatar-header {

border-radius: 50%;

border: 1px solid #d3d3d3;

margin-bottom: 20px;

margin-left: 520px;

background: #fff;

padding: 2px;

}

}



/* Large devices (laptops/desktops, 992px and up) */

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

.avatar-header {

border-radius: 50%;

border: 1px solid #d3d3d3;

margin-top: 32px;

margin-left: 15px;

background: #fff;

padding: 2px;

}

}



/* Extra large devices (large laptops and desktops, 1200px and up) */

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

@media only screen and (min-width: 1200px) {
    .avatar-header {
        border-radius: 50%;
        border: 1px solid #d3d3d3;
        margin-top: 20px;
        margin-left: -2.7rem;
        background: #fff;
        /* padding: 2px; */
    }
}

.popup-user {

background-color: #fff;

border-radius: 0.7em;

padding: 25px;

width: 500px !important;

margin-left: auto;

margin-right: auto;

}

*:has(> img.uk-border-circle.avatar-header):before {

content: "\f007";

font-family: "Font Awesome 5 Free";

font-weight: 900;

font-size: 22px;

line-height: 35px;

margin-right: 10px;

display: inline-block;

vertical-align: middle;

color: #ffffff;
position: relative;
z-index: 1;

}

/*img.uk-border-circle.avatar-header:before {

content: "\f007";

font-family: "Font Awesome 5 Free";

font-size: 22px;

line-height: 35px;

margin-left: 10px;

}*/

.avatar-header {

width: 47px;

height: 47px;

border: 2px solid #879db5;

cursor: pointer;

transition-duration: .5s;

-moz-user-select: none;

-webkit-user-select: none;

-ms-user-select: none;

user-select: none;

box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

transform: scale(1);

transition-property: all;

transition-property: transform;

background: #466b93;

color: #ffffff;

border: 1px solid #fff;

}

.avatar-header:hover{

border: 2px solid #879db5;

box-shadow: 1px 1px 10px rgba(0, 0, 0, .9);

transform: scale(1.1);

border: 1px solid #fff;

}

/*.avatar-offcanvas{

width: 80px;

height: 80px;

border: 2px solid #879db5;

cursor: pointer;

transition-duration: .5s;

-moz-user-select: none;

-webkit-user-select: none;

-ms-user-select: none;

user-select: none;

box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

transform: scale(1);

transition-property: all;

transition-property: transform;

background: #466b93;

color: #ffffff;

border: 1px solid #fff;

margin-top: 20px;

margin-bottom: -15px;

margin-left: auto;

margin-right: auto;

display: flex;

border-radius: 50%;

}

.avatar-offcanvas:hover{

border: 2px solid #879db5;

box-shadow: 1px 1px 10px rgba(0, 0, 0, .9);

transform: scale(1.1);

border: 1px solid #fff;

}*/

div#mod-custom312 {

border: 1px solid #ddd;

border-radius: 10px;

background: #fff;

padding-bottom: 10px;

margin-bottom: -27px;

}



/*fin-avatar-header-queries*/