a, span {    cursor: pointer;}  .degradado-fondo {
background: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgba(0, 0, 0, 0.8));
} .fondo-1{
background: #f4ecd0;
} .fondo-2 {
background-color: #e1d9c0;
} .fondo-3{
background: #374151;
} .fondo-4{
background: #9a634e;
}  .txt-1{
color: #f4ecd0;
} .txt-2 {
color: #e1d9c0;
} .txt-3{
color: #374151!important;
} .txt-4{
color: #9a634e;
} body, h1, h2, h3, h4, h5, h6, p, li, input, textarea, button, label, legend, span {
font-family: 'Inter', sans-serif;
}
.contenido-evento h2 {    
font-size: 1.5rem!important;
line-height: 2rem; 
margin-bottom: 20px;
}
.contenido-evento h3 {    
font-size: 1.2rem!important;
line-height: 2rem; 
margin-bottom: 10px;
}
.contenido-evento p {   
margin-bottom: 15px;
}
.main-backdrop {
backdrop-filter: blur(10px);
}
.swiper-container {
overflow: hidden;
}
.swiper-slide img:hover {
transform: scale(1.05);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.navbar-nav {
width: 100%;
}
.navbar-nav .menu-item {
padding: 10px;
}
.card {
margin-bottom: 1.5rem;
}  .content {
margin-left: 250px;
padding: 40px;
background-color: #f8f9fa;
}
.header h1 {
font-size: 28px;
color: #333;
} @media (max-width: 768px) {
.sidebar {
width: 100%;
height: auto;
position: relative;
}
.content {
margin-left: 0;
}
} .sidebar {
width: 250px;
background-color: #1b1e29;
color: #ffffff;
height: 100vh;
position: fixed;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px;
}
.sidebar .profile {
text-align: center;
}
.sidebar .avatar {
width: 70px;
height: 70px;
border-radius: 50%;
margin-bottom: 15px;
}
.sidebar h3 {
margin: 0;
font-size: 18px;
}
.sidebar .menu {
margin-top: 20px;
}
.sidebar .menu .nav-item {
margin: 15px 0;
}
.sidebar .menu .nav-item a {
color: #ffffff;
text-decoration: none;
font-size: 16px;
display: flex;
align-items: center;
}
.sidebar .menu .nav-item a:hover {
background-color: #2d303e;
padding: 10px;
border-radius: 8px;
} .content {
margin-left: 250px;
padding: 40px;
background-color: #f8f9fa;
}
.header h1 {
font-size: 28px;
color: #333;
} @media (max-width: 768px) {
.sidebar {
width: 100%;
height: auto;
position: relative;
}
.content {
margin-left: 0;
}
}
.ultimas-galerias {
margin: 0 auto;
padding: 20px;
}
.galerias-flexbox {
display: flex;
flex-wrap: wrap; justify-content: space-between;
}
.galeria-item {
flex: 1 1 calc(25% - 20px); box-sizing: border-box; margin-bottom: 20px;
border: 1px solid #ddd;
padding: 10px;
background-color: #f9f9f9;
text-align: center;
}
.galeria-imagen img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 10px;
}
.galeria-titulo {
font-size: 16px;
font-weight: bold;
margin-top: 10px;
}
.galeria-titulo a {
text-decoration: none;
color: #333;
}
.galeria-titulo a:hover {
color: #0073aa; } @media (max-width: 1200px) {
.galeria-item {
flex: 1 1 calc(33.33% - 20px); }
}
@media (max-width: 768px) {
.galeria-item {
flex: 1 1 calc(50% - 20px); }
}
@media (max-width: 576px) {
.galeria-item {
flex: 1 1 100%; }
}
.btn-edit-galeria {
background-color: #0073aa;
color: #fff;
padding: 8px 12px;
text-decoration: none;
border-radius: 5px;
font-size: 14px;
margin-left: 10px;
}
.btn-edit-galeria:hover {
background-color: #005177;
color: #fff;
}
.galerias-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.galeria-item {
border: 1px dashed #ddd;
padding: 10px;
margin-bottom: 15px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.galeria-item h5 {
font-size: 16px;
margin-bottom: 5px;
}
.galeria-item .small {
font-size: 12px;
}
.galeria-item img {
width: 100%;
max-width: 100px;
height: auto;
border-radius: 5px;
}
.popup-buttons a {
font-size: 12px;
padding: 5px 10px;
}
.galeria-item {
transition: background-color 0.3s ease; }
.galeria-item:hover {
background-color: #e9ecef; }
.galeria-item.active {
background-color: #d6d8db; border-color: #6c757d; }
.form-control, .form-control-sm {
background-color: #ffffff;
border: 1px solid #ced4da;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
transition: border-color 0.3s, box-shadow 0.3s;
}
.form-control:focus, .form-control-sm:focus {
border-color: #80bdff;
box-shadow: 0 0 5px rgba(0,123,255,0.5);
} .tipos-arte-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tipos-arte-tag {
display: inline-block;
background-color: #e0e0e0;
border-radius: 20px;
padding: 8px 16px;
margin-bottom: 10px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s; white-space: nowrap;
}
.tipos-arte-tag:hover {
background-color: #d5d5d5;
}
.tipos-arte-checkbox {
display: none;
}
.tipos-arte-checkbox:checked + .tipos-arte-tag {
background-color: #007bff;
color: #fff;
} .tipos-arte-tag.selected {
background-color: #007bff;
color: #fff;
}
#scrollToTop {
display: none; position: fixed;
bottom: 20px;
right: 20px;
width: 50px; height: 50px; background-color: #9a634e; color: white;
border: none;
border-radius: 50%; cursor: pointer;
z-index: 1000; display: flex;
align-items: center;
justify-content: center; transition: background-color 0.3s; }
#scrollToTop:hover {
background-color: #374151; }
.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 10; } @keyframes zoom {
0% {
transform: scale(1);
}
100% {
transform: scale(1.1);
}
}
.zoom-bg {
animation: zoom 15s infinite alternate;
}  .comment-content {
background: #fff; margin-bottom: 10px; padding: 10px;  border-radius: 10px; position: relative; }
.comment-content::after {
content: '';
position: absolute;
top: 18px;
left: -14px;
margin-top: -3px;
margin-left: -10px;
border-width: 12px;
border-style: solid;
border-color: #792e2e00 #ffffff #b12f2f00 #c02a2a00;
}
#cancel-comment-reply-link {
background: #ffcd8e;
padding: 4px;
margin-left: 6px;
border-radius: 10px 10px 0px 0px;
}
.notification, .comment-warning {
position: relative;
padding: 1rem;
margin-bottom: 1rem;
border-radius: 0.375rem;
}
.notification.bg-red-100 {
background-color: #fee2e2; color: #991b1b; }
.notification.bg-green-100 {
background-color: #d1fae5; color: #065f46; }
.comment-warning {
background-color: #fef3c7; color: #92400e; }
.countdown {
font-size: 1rem;
margin-top: 0.5rem;
}
.form-group {
margin-bottom: 20px;
}
.form-label {
font-weight: bold;
display: block;
margin-bottom: 5px;
}
.form-input input,
.form-input textarea {
width: 100%;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
}
.form-submit {
text-align: center;
}
.form-submit input {
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.form-submit input:hover {
background-color: #45a049;
}
input.wpcf7-form-control{
background:none;
}
.wpcf7-spinner {
position: absolute;
}
#motivo .wpcf7-list-item {
display: inline-block;
background: #e1d9c0;
padding: 8px 8px 8px 8px;
margin: 5px;
border-radius: 6px;
font-size: small;
font-weight: bold;
} .subir-arriba {
margin-bottom: -48px;
transition: margin-bottom 0.5s ease; }
.subir-arriba.visible {
margin-bottom: 0; }
.subir-arriba.hidden {
margin-bottom: -48px; }
.subir-arriba:hover {
margin-bottom: 0px; transition: margin-bottom 0.5s ease; backdrop-filter: blur(2px);
} @media (max-width: 640px) {
.subir-arriba {
padding: 1.5rem; }
}
.interno-zoom-container {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.interno-zoom-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease-in-out;
transform: scale(1);
}
.interno-zoom-container:hover .interno-zoom-image {
transform: scale(1.1);
} .degradado-fondo {
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}
.tipo-usuario {
border: 2px solid #d1d5db; border-radius: 0.5rem; padding: 1rem; transition: border-color 0.3s ease; }
.tipo-usuario:hover {
background-color: #f0f9ff; }
input[type="radio"]:checked + .tipo-usuario {
border-color: #9a634e; }
.borde-marron {
border-color: #9a634e; }  ::-webkit-scrollbar {
width: 12px; }
::-webkit-scrollbar-track {
background: #f1f1f100; }
::-webkit-scrollbar-thumb {
background: #9a634e; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover {
background: #9a634e; } .map-container {
position: relative;
width: 100%;
}
#map {
width: 100%;
transition: opacity 0.3s ease;
}
#map.locked {
opacity: 0.8;
}
.map-overlay {
position: absolute;
top: 0; 
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2em;
color: #666;
pointer-events: auto; }
@media (max-width: 768px) {
#map {
height: 400px;
}
.map-overlay {
font-size: 1em;
}
} #buddypress #header-cover-image {
background-position: center;
border-radius: 10px 10px 10px 10px;
}
#buddypress #header-cover-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgb(255 255 255 / 30%) 0%, rgb(244 236 208) 100%);
border-radius: 10px;
z-index: 1;
pointer-events: none;
}
#buddypress div.profile h2 {
margin-top: 15px;
font-size: 15px;
font-weight: 600;
color: #374151;
margin-bottom: 5px;
}
#buddypress div.profile p {
font-size: 12px;
}
.bp-avatar-nav li.current a {
font-size: 12px;
}
.avatar-nav-items li a {
font-size: 12px;
} .messages {
} .messages h2.bp-screen-reader-text {
position: absolute;
left: -9999px;
} .messages .pagination {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
font-size: 0.875rem;
color: #4b5563;
}
.messages .pagination .pag-count {
font-weight: 500;
}
.messages .pagination .pagination-links { } .messages table#message-threads {
width: 100%;
border-collapse: collapse;
}
.messages table#message-threads th,
.messages table#message-threads td {
padding: 0.75rem;
text-align: left;
border-bottom: 1px solid #e5e7eb;
}
.messages table#message-threads thead {
background-color: #f9fafb;
font-weight: 600;
text-transform: uppercase;
font-size: 0.875rem;
color: #374151;
} .messages table#message-threads tbody tr:nth-child(even) {
background-color: #f3f4f6;
} .messages table#message-threads tbody tr:hover {
background-color: #e5e7eb;
} .messages .messages-options-nav {
margin-top: 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.messages .messages-options-nav select {
padding: 0.5rem;
border: 1px solid #d1d5db;
border-radius: 4px;
background-color: #fff;
font-size: 0.875rem;
color: #374151;
}
.messages .messages-options-nav input.button.action {
padding: 0.5rem 1rem;
background-color: #2563eb;
color: #fff;
border: none;
border-radius: 4px;
font-size: 0.875rem;
cursor: pointer;
transition: background-color 0.3s ease;
}
.messages .messages-options-nav input.button.action:hover {
background-color: #1d4ed8;
} #message-thread {
background-color: #fff;
padding: 1rem;
border: 1px solid #e5e7eb; border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 1.5rem;
font-family: sans-serif;
} #message-thread h2#message-subject {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.75rem;
color: #374151;
} #message-thread #message-recipients {
font-size: 0.875rem;
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
#message-thread #message-recipients .highlight {
color: #1f2937;
} #message-thread #message-recipients a.button.confirm {
background-color: #f43f5e;
color: #fff;
padding: 0.5rem 1rem;
border-radius: 4px;
text-decoration: none;
font-size: 0.875rem;
transition: background-color 0.3s ease;
}
#message-thread #message-recipients a.button.confirm:hover {
background-color: #e11d48;
} #message-thread .message-box {
background-color: #f9fafb;
padding: 1rem;
margin-bottom: 1rem;
border: 1px solid #e5e7eb;
border-radius: 6px;
} #message-thread .message-metadata {
display: flex;
align-items: center;
margin-bottom: 0.75rem;
}
#message-thread .avatar-box {
margin-right: 0.75rem;
}
#message-thread .avatar-box img.avatar {
border-radius: 50%;
width: 40px;
height: 40px;
}
#message-thread .message-metadata strong {
font-size: 1rem;
color: #111827;
}
#message-thread .message-metadata a {
text-decoration: none;
color: #2563eb;
}
#message-thread .message-metadata a:hover {
text-decoration: underline;
} #message-thread .message-metadata .activity {
margin-left: auto;
font-size: 0.875rem;
color: #6b7280;
} #message-thread .message-content {
font-size: 0.875rem;
line-height: 1.5;
color: #374151;
} #message-thread form#send-reply .message-box {
background-color: #fff;
border: 1px solid #d1d5db;
padding: 1rem;
}
#message-thread form#send-reply textarea {
width: 100%;
padding: 0.5rem;
border: 1px solid #d1d5db;
border-radius: 4px;
font-size: 0.875rem;
resize: vertical;
margin-bottom: 0.75rem;
}
#message-thread form#send-reply .submit input#send_reply_button {
background-color: #2563eb;
color: #fff;
border: none;
padding: 0.5rem 1rem;
font-size: 0.875rem;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s ease;
}
#message-thread form#send-reply .submit input#send_reply_button:hover {
background-color: #1d4ed8;
} #send_message_form.standard-form {
background-color: #fff;
border: 1px solid #e5e7eb; border-radius: 8px;
padding: 1rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 100%;
margin: 1.5rem 0; font-family: sans-serif;
} #send_message_form.standard-form label {
display: block;
font-size: 0.875rem;
font-weight: 500;
color: #374151;
margin-bottom: 0.5rem;
} #send_message_form.standard-form input[type="text"],
#send_message_form.standard-form input[type="email"],
#send_message_form.standard-form textarea {
width: 100%;
padding: 0.5rem;
border: 1px solid #d1d5db;
border-radius: 4px;
font-size: 0.875rem;
color: #374151;
margin-bottom: 1rem;
transition: border-color 0.3s ease;
}
#send_message_form.standard-form input[type="text"]:focus,
#send_message_form.standard-form textarea:focus {
outline: none;
border-color: #2563eb;
} #send_message_form.standard-form p label {
font-size: 0.875rem;
color: #374151;
cursor: pointer;
} #send_message_form.standard-form ul.first.acfb-holder {
list-style: none;
padding: 0;
margin-bottom: 1rem;
}
#send_message_form.standard-form ul.first.acfb-holder li {
margin-bottom: 0.5rem;
} #send_message_form.standard-form .submit input[type="submit"] {
background-color: #2563eb;
color: #fff;
border: none;
padding: 0.75rem 1rem;
font-size: 0.875rem;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s ease;
display: block;
width: 100%;
text-align: center;
}
#send_message_form.standard-form .submit input[type="submit"]:hover {
background-color: #1d4ed8;
} @media (max-width: 480px) {
#send_message_form.standard-form {
padding: 0.75rem;
}
#send_message_form.standard-form input[type="text"],
#send_message_form.standard-form textarea {
font-size: 0.8rem;
}
} #buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress .standard-form button, #buddypress a.button, #buddypress input[type=button], #buddypress input[type=reset], #buddypress input[type=submit], #buddypress ul.button-nav li a, a.bp-title-button {
background: #374151;
border: 1px solid #ccc;
color: #ffffff;
font-size: small;
border-radius: 7px;
cursor: pointer;
font-weight: 600;
outline: 0;
padding: 4px 10px;
text-align: center;
text-decoration: none;
}
.bp-user #buddypress #item-header {
min-height: 381px;
}
.cajita-enlace-perfil {
transition: all 0.3s ease;
padding: 5px;
width: 74px;
box-shadow: 0px 3px 4px #42261b82
}
.cajita-enlace-perfil img{}
.cajita-enlace-perfil:hover {
transform: translateY(-5px);
background-color: #bd826b;
}
.main-contenedor-menu{}
.contenedor-menu-user{
display: block;
margin: 0 auto;
z-index: 9;
margin-right: 9px;
}  
@media (max-width: 767px) {
.contenedor-menu-user{
margin-bottom: -15px;
}  
.main-contenedor-menu {
margin-bottom: -40px;
z-index: 9;
}
}
@media (max-width: 400px) {
.menu-link-name {
display: none;
}
.cajita-enlace-perfil img {
height: auto;
}
.cajita-enlace-perfil {
height: 42px;
}
}
#buddypress div#message.updated {
clear: both;
display: block;
position: relative;
z-index: 1;
margin: 0 0 -8px;
}
.activity-item {    background-color: #ffffff !important;
padding: 0px !important;
border-radius: 6px;
margin-bottom: 15px!important;
}  .time-since {font-size: 10px;
display: block;}
#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a {
background-color: #9a634e;
color: #fdfdfd;
opacity: 1;
font-weight: 700;
border-radius: 6px;
}
#buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span {
font-size: 13px;
font-weight: 600;
color: #663d2e;
}
#navegacion-perfil div.item-list-tabs ul li a, #navegacion-perfil div.item-list-tabs ul li span {
display: block;
padding: 5px 0px;
text-decoration: none;
}
#edit-personal-li {display:none!important}
#activity-filter-select {display:none!important}
#buddypress div#item-header-cover-image .user-nicename a, #buddypress div#item-header-cover-image .user-nicename {
margin: 0 0 0.1em;
}
#buddypress .activity-list .activity-content {
margin: 0px 0 0 0px;
}
#buddypress ul.item-list li img.avatar, #whats-new-avatar img {
border-radius: 50%;
}
.activity-header a {
color:#000;
font-weight: 700;}
#buddypress div.activity-meta a {
padding: 4px 8px;
background: #fff;
border: 1px solid #ededed;
border-radius: 7px;
color: #454545;
}
#buddypress #reply-title small a span, #buddypress a.bp-primary-action span {
background: #9a634e;
border-radius: 6px;
}
#buddypress div.activity-comments {
margin: 12px 0 0px 0px;
padding-top: 10px;
padding-bottom: 10px;
background: #f4ecd036;
border-top: solid 1px #f4ecd0;
}
#buddypress div.item-list-tabs#subnav {
background: #e1d9c0;
border-radius: 5px;
padding: 3px 5px 3px 4px;
margin: 10px 0;
overflow: hidden;
z-index: 9;
position: relative;
}
#buddypress .activity-list .activity-content .activity-header, #buddypress .activity-list .activity-content .comment-header {
line-height: 19px;
}
#buddypress .activity-list .activity-avatar {
float: none;
}
#buddypress form#whats-new-form #whats-new-content {
margin-left: 55px;
padding: 0 0 0px 13px;
}
.bpfb_actions_container.bpfb-theme-round .bpfb_toolbarItem {
background: #9a634e !important;
}
#navegacion-perfil{
border-radius: 0px 0px 10px 10px;
z-index: 11;
position: relative;
}
#buddypress #item-header-cover-image #item-header-avatar {
margin-top: 244px;
float: left;
overflow: visible;
width: auto;
}
@media (max-width: 767px) {
#buddypress #item-header-cover-image #item-header-avatar {
margin-top: 88px;
float: left;
overflow: visible;
width: auto;
}}
#buddypress span.activity {
display: none;
}
body.activity-permalink #buddypress .activity-list li .activity-content {
margin-left: 20px;
}    .title-with-shapes-home {
position: relative;
z-index: 1;
}
.title-with-shapes-home::before {
content: '';
position: absolute;
top: -50px;
left: -50px;
width: 200px;
height: 200px;
background: rgba(0, 0, 0, 0.1);
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
animation: spin-triangle 8s linear infinite;
z-index: -1;
}
.title-with-shapes-home::after {
content: '';
position: absolute;
top: 80px;
left: 200px;
width: 150px;
height: 150px;
background: rgba(0, 0, 0, 0.1);
clip-path: inset(0);
animation: spin-square 10s linear infinite;
z-index: -1;
}
@keyframes spin-triangle {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes spin-square {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
} .title-with-shapes-about {
position: relative;
z-index: 1;
}
.title-with-shapes-about::before {
content: '';
position: absolute;
top: -100px;
left: 100px;
width: 250px;
height: 250px;
background: rgba(0, 0, 0, 0.15);
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
animation: move-triangle 6s ease-in-out infinite;
z-index: -1;
}
.title-with-shapes-about::after {
content: '';
position: absolute;
top: 150px;
left: -150px;
width: 200px;
height: 200px;
background: rgba(0, 0, 0, 0.1);
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
animation: move-square 8s ease-in-out infinite;
z-index: -1;
}
@keyframes move-triangle {
0% {
transform: translate(0, 0) rotate(0deg);
}
50% {
transform: translate(20px, -20px) rotate(180deg);
}
100% {
transform: translate(0, 0) rotate(360deg);
}
}
@keyframes move-square {
0% {
transform: translate(0, 0) rotate(0deg);
}
50% {
transform: translate(-20px, 20px) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-360deg);
}
}   .fade-in-image {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.fade-in-image.loaded {
opacity: 1;
} @keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.animate-fade-in {
animation: fadeIn 0.5s ease-out forwards;
opacity: 0; }  .subscription-plans {
background-color: transparent; } .section-title {
color: #1a202c; font-family: 'Inter', sans-serif; } .plans-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 768px) {
.plans-grid {
grid-template-columns: repeat(3, 1fr);
}
}  .background-basic {
background: linear-gradient(270deg, #f5f1e8, #d2b48c, #f5f1e8);
background-size: 600% 600%;
animation: gradient-animation-basic 10s ease infinite;
} .background-professional {
background: linear-gradient(270deg, #ede4d6, #ede4d6, #ede4d6);
background-size: 600% 600%;
animation: gradient-animation-professional 10s ease infinite;
} .background-premium {
background: linear-gradient(270deg, #e4dcd4, #e4dcd4, #e4dcd4);
background-size: 600% 600%;
animation: gradient-animation-premium 10s ease infinite;
} @keyframes gradient-animation-basic {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes gradient-animation-professional {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes gradient-animation-premium {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
} .border-custom {
border: 3px solid #9a634e; } .plan-card {
display: flex;
flex-direction: column;
align-items: center;
border-radius: 0.375rem;
box-shadow: none; transition: transform 0.3s; }
.plan-card:hover {
transform: scale(1.05);
} .plan-header {
display: flex;
align-items: center;
width: 100%;
} .plan-icon {
color: #9a634e; } .text-container {
display: flex;
flex-direction: column;
} .plan-title {
color: #1a202c; font-family: 'Inter', sans-serif; font-size: 0.875rem; }
.plan-price {
color: #1a202c; font-family: 'Inter', sans-serif; font-size: 1rem; } .plan-button {
display: inline-block;
text-align: center;
background-color: #9a634e; color: #ffffff;
padding: 0.25rem 0.75rem;
border-radius: 0.375rem;
font-size: 0.75rem; font-weight: 600;
text-decoration: none;
transition: background-color 0.3s;
}
.plan-button:hover {
background-color: #8b583c; } .features-box {
border-radius: 0.375rem;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);    } .inherited-features {
background: rgba(247, 247, 247, 0.6); } .new-features {
background: rgba(230, 247, 255, 0.6); } .premium-features {
background: rgba(240, 230, 255, 0.6); } .features-title {
color: #1a202c; font-family: 'Inter', sans-serif; font-size: 0.75rem; margin-bottom: 0.25rem;
} .features-list {
list-style: none;
padding: 0;
margin: 0;
}
.feature-item {
display: flex;
align-items: center;
color: #4a5568; font-size: 0.7rem; font-family: 'Inter', sans-serif; } .feature-icon {
color: #9a634e; min-width: 0.75rem;
font-size: 0.75rem; } @media (max-width: 767px) {
.plan-card {
padding: 1rem;
}
.plan-icon {
font-size: 2rem; }
.plan-title {
font-size: 0.75rem; }
.plan-price {
font-size: 0.875rem; }
.features-title {
font-size: 0.7rem; }
.feature-item {
font-size: 0.6rem; }
.plan-button {
padding: 0.2rem 0.5rem;
font-size: 0.65rem;
}
}
.caja-resultados-mapa{
border: solid 2px #9a634e;
}
.tipo-espacio{
width: fit-content;
}
@media (max-width: 640px) {
#map {
height: 300px!important; 
}
}
@media (min-width: 641px) {
#map {
height: 500px; 
}
} #pms_new_subscription-form input[type="submit"], #pms-abandon-subscription-form input[type="submit"], #pms-cancel-subscription-form input[type="submit"], #pms-retry-payment-subscription-form input[type="submit"]{
font-family: 'Inter', sans-serif !important;
background: #9a634e;
color: #fff;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
padding: 5px 10px;
margin-top: 14px;
margin-right: 8px;
} 
.pms-subscription-plan {
display: none;
}  #popup-directoriodearte {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 9999;
overflow-y: auto;
} #popup-directoriodearte .popup-container {
background: #fff;
max-width: 500px; width: 90%;
max-height: 90vh;
margin: 5vh auto; border-radius: 10px;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
} #popup-directoriodearte .popup-container img {
width: 100%;
display: block;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
flex-shrink: 0;
} #popup-directoriodearte .popup-close-top {
position: absolute;
top: 10px;
right: 10px;
z-index: 100;
background: transparent;
border: none;
font-size: 24px;
line-height: 1;
cursor: pointer;
}  #popup-directoriodearte .popup-content {
padding: 20px;
font-family: 'Inter', sans-serif;
font-size: 14px;
text-align: justify;
line-height: 1.5;
color: #333;
overflow-y: auto;
flex-grow: 1;
} #popup-directoriodearte .popup-content h2 {
margin-top: 0;
font-weight: bold;
font-size: 24px;
text-align: center;
} #popup-directoriodearte .popup-content strong {
font-weight: bold;
} #popup-directoriodearte .popup-content ul {
list-style-type: disc;
margin-left: 20px;
font-weight: bold;
} #popup-directoriodearte .popup-close {
display: block;
width: 100%;
text-align: center;
padding: 10px 0;
background: #333;
color: #fff;
font-family: 'Inter', sans-serif;
font-size: 16px;
text-transform: uppercase;
border: none;
cursor: pointer;
} @media (max-width: 767px) {
#popup-directoriodearte .popup-container {
margin: 2vh auto;
max-height: 95vh;
}
}