Manage your cookie preferences. Technical cookies are necessary for the site to function.
Necessary for basic website functionality.
Help us understand how visitors interact with the site.
Used to show you relevant ads.
}
.cookie-privacy-link {
font-size: 0.85rem;
text-decoration: underline;
color: #0d6efd;
}
.cookie-buttons {
display: flex;
gap: 0.5rem;
}
.btn-cookie {
padding: 0.5rem 1rem;
border-radius: 5px;
border: 1px solid transparent;
font-weight: 500;
font-size: 0.9rem;
cursor: pointer;
transition: all 0.3s;
}
.btn-accept {
background-color: #0d6efd;
color: white;
}
.btn-accept:hover { background-color: #0b5ed7; }
.btn-reject {
background-color: #fff;
border-color: #dc3545;
color: #dc3545;
}
.btn-reject:hover { background-color: #dc3545; color: white; }
.btn-config {
background-color: #f8f9fa;
border-color: #ccc;
color: #333;
}
.btn-config:hover { background-color: #e2e6ea; }
/* Modal Styles */
.cookie-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 10000;
display: none; /* Oculto por defecto */
justify-content: center;
align-items: center;
}
.cookie-modal {
background: white;
width: 90%;
max-width: 500px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.cookie-modal-header {
padding: 1rem 1.5rem;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
}
.cookie-modal-close {
background: none;
border: none;
font-size: 1.2rem;
cursor: pointer;
}
.cookie-modal-body {
padding: 1.5rem;
max-height: 60vh;
overflow-y: auto;
}
.cookie-option {
margin-bottom: 1.5rem;
border-bottom: 1px solid #f8f9fa;
padding-bottom: 1rem;
}
.cookie-option:last-child { border-bottom: none; }
.cookie-option-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
}
.cookie-option-title {
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
cursor: pointer;
}
.cookie-option-desc {
font-size: 0.85rem;
color: #666;
margin-left: 1.8rem;
}
.cookie-modal-footer {
padding: 1rem 1.5rem;
background: #f8f9fa;
border-top: 1px solid #eee;
}
/* Responsive para móviles */
@media (max-width: 768px) {
.cookie-banner {
flex-direction: column;
align-items: flex-start;
}
.cookie-content {
max-width: 100%;
}
.cookie-buttons {
width: 100%;
justify-content: stretch;
}
.btn-cookie {
flex: 1;
text-align: center;
}
}
This site uses cookies
We use cookies to improve your experience. You can accept all or configure them.
More information
Manage your cookie preferences. Technical cookies are necessary for the site to function.
Necessary for basic website functionality.
Help us understand how visitors interact with the site.
Used to show you relevant ads.
