/*
Theme Name: Segittur Theme V3
Theme URI: https://www.segittur.es
Author: Tu Nombre
Author URI: https://tuweb.com
Description: Tema base para SEGITTUR con integración WooCommerce utilizando Bootstrap.
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: segittur-theme
*/
/* Base */
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
/* sm */
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
/* md */
@media (min-width: 768px) {
.container {
max-width: 720px; /* BS4: 720px, no 768px */
}
}
/* lg */
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
/* xl */
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
/* Opcional: evitar que en pantallas >1400px se haga más ancho que BS4 */
@media (min-width: 1400px) {
.container {
/* max-width: 1140px;*/
max-width: 1200px;
}
}
:root {
--primary-color: #CE0E71;
}
body {
font-family: 'Nunito Sans', 'Quicksand';
}
/*Altura siempre 100%*/
/* Layout de altura completa */
html, body {
height: 100%;
}
/* El body se comporta como un contenedor flexible vertical */
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
/* El contenedor principal (#contenido) crecerá para ocupar el espacio disponible */
#contenido {
flex: 1;
}
/*Animaciones*/
.shake {
animation: shake 0.4s ease-in-out;
}
@keyframes shake {
0% {
transform: translateX(0);
}
20% {
transform: translateX(-4px);
}
40% {
transform: translateX(4px);
}
60% {
transform: translateX(-4px);
}
80% {
transform: translateX(4px);
}
100% {
transform: translateX(0);
}
}
/* entrada desde la izquierda */
@keyframes slideInFromLeft {
0% {
transform: translateX(-20px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
/* Animación de degradado infinito para texto */
@keyframes gradientAnimation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.animated-404 {
background: linear-gradient(45deg, #ed5d67, #ed5d66, #ed5f65, #ec6064, var(--primary-color), #d13e9a, #f48fb1);
background-size: 400% 400%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradientAnimation 10s infinite ease-in-out;
}
/* General Styles */
a {
color: #CE0E71;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
text-decoration-line: underline;
}
.form-select {
padding: 8px;
gap: 4px;
border-radius: 4px;
border: 1px solid #9E9E9D;
background-color: #FFF;
color: #090909;
font-family: 'Nunito Sans', sans-serif !important;
font-size: 12px;
line-height: 16px;
font-weight: 400;
font-style: normal;
}
#orderby.form-select {
padding-right: 2rem;
}
.form-select option {
font-family: 'Nunito Sans', sans-serif !important;
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #090909;
}
.form-select:focus {
border: 2px solid #FC9F33 !important;
box-shadow: none !important;
}
.segittur-btn {
font-family: 'Nunito Sans';
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-align: center;
background-color: #CE0E71;
color: #FFF;
padding: 8px 16px;
border-radius: 4px;
gap: 4px;
box-shadow: none;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
border: none;
}
/* Mantener diseño segittur en botones deshabilitados */
.segittur-btn:disabled,
.segittur-btn[disabled] {
background-color: #CE0E71 !important;
color: #FFF !important;
opacity: 0.65;
cursor: not-allowed;
pointer-events: none;
box-shadow: none;
border: none;
transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.segittur-btn-inverted {
font-family: 'Nunito Sans';
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-align: center;
background-color: #FFF;
color: #CE0E71;
padding: 8px 16px;
border-radius: 4px;
gap: 4px;
border: 1px solid #CE0E71;
box-shadow: none;
text-decoration: none;
}
.segittur-btn:hover,
.segittur-btn-inverted:hover {
background-color: #AB005C;
color: #FFF
}
.segittur-btn:active,
.segittur-btn-inverted:active {
background-color: #7A0841 !important;
color: #FFF !important
}
.segittur-favorite-btn .bi-star {
color: #FFF !important
}
.menu-header-horizontal {
border-bottom: 1px solid #D1D1D0;
padding: 0 16px;
justify-content: space-between
}
.header-marketplace {
font-family: 'Nunito Sans', sans-serif;
display: flex;
align-items: center
}
.header-marketplace .container {
height: 100%;
}
.header-marketplace .row {
height: 100%;
align-items: stretch !important
}
.header-marketplace .logo_column {
display: flex;
align-items: center;
justify-content: center
}
.header-marketplace .col-lg-auto {
display: flex;
align-items: center;
gap: 16px;
font-family: 'Nunito Sans', sans-serif
}
.header-marketplace .col-lg-auto .bi {
font-size: 18px;
cursor: pointer;
color: #090909 !important
}
.header-marketplace .col-lg-auto img {
border-radius: 4px;
width: 32px;
height: 32px;
object-fit: cover
}
.header-marketplace .custom-user-dropdown .user-dropdown-toggle{
display: flex;
align-items: center;
gap: .35rem;
min-width: 0;
}
.header-marketplace .custom-user-dropdown .menu-user-name{
display: inline-block;
max-width: 140px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
min-width: 0;
}
@media (min-width: 992px){
.header-marketplace .custom-user-dropdown .menu-user-name{ max-width: 100px; }
}
@media (min-width: 1200px){
.header-marketplace .custom-user-dropdown .menu-user-name{ max-width: 120px; }
}
@media (min-width: 1500px){
.header-marketplace .custom-user-dropdown .menu-user-name{ max-width: 210px; }
}
@media(min-width:992px) {
.sidebar-hamburger,
.search-toggle-wrapper-sidebar,
.menu_lateral {
display: none !important
}
}
.topbar-guest {
left: 0;
right: 0;
width: 100%;
z-index: 1050;
padding: 12px;
height: 48px;
background: #E1E1E0;
display: flex;
align-items: center;
font-family: 'Nunito Sans', sans-serif
}
.topbar-guest .container-fluid {
margin: 0;
padding: 0 1rem;
}
/* Estado base: visible con transición preparada */
.topbar-guest {
left: 0;
right: 0;
width: 100%;
z-index: 1050;
padding: 12px;
height: 48px;
background: #E1E1E0;
display: flex;
align-items: center;
font-family: 'Nunito Sans', sans-serif;
/* Transición suave de aparición / ocultación */
transition: opacity 0.25s ease, transform 0.25s ease;
opacity: 1;
transform: translateY(0);
}
/* Oculta la topbar con animación hacia arriba */
.topbar-guest.topbar-hidden {
opacity: 0;
transform: translateY(-100%);
pointer-events: none;
}
/* Si el adminbar de WordPress está visible */
body.admin-bar .topbar-guest {
top: 32px !important;
}
.topbar-guest .entra-dual-buttons,
.topbar-guest .dual-buttons {
display: flex;
align-items: center;
gap: 8px
}
.topbar-guest .login-btn, .modal.show .modal-dialog .login-btn {
font-family: 'Nunito Sans' !important;
display: flex !important;
align-items: center !important;
gap: 4px !important;
font-size: 12px !important;
line-height: 16px !important;
font-weight: 400;
color: #CE0E71 !important;
text-decoration: none !important;
padding: 4px 8px !important;
border-radius: 4px !important;
background: transparent !important;
transition: background-color .2s ease !important;
border: 1px solid #CE0E71 !important;
box-shadow: none !important;
max-width: 95px;
justify-content: center;
}
.topbar-guest .login-btn.alt {
background: #CE0E71 !important;
color: #fff !important
}
.topbar-guest .login-btn:hover,
.topbar-guest .login-btn.alt:hover {
background-color: #AB005C !important;
color: #FFF !important
}
.topbar-guest .login-btn:active,
.topbar-guest .login-btn.alt:active {
background-color: #7A0841 !important;
color: #FFF !important
}
.topbar-guest .login-btn:focus,
.topbar-guest .login-btn.alt:focus {
border: 2px solid #FC9F33 !important
}
.topbar-guest .login-btn i {
font-size: 16px
}
@media(max-width:575.98px) {
.topbar-guest .login-btn {
padding: 6px 10px;
font-size: 13px
}
}
.header-marketplace .dropdown.profile .dual-buttons,
.header-marketplace .dropdown.profile .entra-dual-buttons {
display: none !important
}
.menu-header-horizontal {
border: none;
flex: 1;
align-self: flex-end;
margin-bottom: 0;
justify-content: flex-start !important
}
.menu-header-horizontal .nav {
height: 100%;
font-family: 'Nunito Sans', sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
justify-content: flex-start !important;
margin-bottom: 0;
align-items: flex-end;
}
.menu-header-horizontal .nav a,
.menu-header-horizontal .dropdown-menu a,
.menu-header-horizontal .dropdown-item {
text-transform: none !important;
}
.menu-header-horizontal .nav>li>a {
font-family: 'Nunito Sans', sans-serif;
color: #090909;
text-decoration: none;
padding: 12px;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 16px;
font-weight: 400;
transition: color 0.3s ease;
}
.menu-header-horizontal .nav>li.current-menu-item>a,
.menu-header-horizontal .nav>li.current_page_item>a {
color: #CE0E71;
font-size: 14px;
font-weight: 600;
}
.menu-header-horizontal .nav>li>a:hover {
color: #CE0E71
}
.menu-header-horizontal .nav>li>a::after {
content: none
}
/*
.menu-header-horizontal .nav>li.current-menu-item>a::after,
.menu-header-horizontal .nav>li.current_page_item>a::after,
.menu-header-horizontal .nav>li.current-menu-parent>a::after,
.menu-header-horizontal .nav>li.current_page_parent>a::after,
.menu-header-horizontal .nav>li.current-menu-ancestor>a::after,
.menu-header-horizontal .nav>li.current_page_ancestor>a::after
*/
/*
.menu-header-horizontal .nav>li.current-menu-item::after,
.menu-header-horizontal .nav>li.current_page_item::after,
.menu-header-horizontal .nav>li.current-menu-parent::after,
.menu-header-horizontal .nav>li.current_page_parent::after,
.menu-header-horizontal .nav>li.current-menu-ancestor::after,
.menu-header-horizontal .nav>li.current_page_ancestor::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
background-color: #CE0E71;
z-index: 1
}*/
.menu-header-horizontal .nav li.current-menu-item{
border-bottom: 4px solid #ce0e71;
}
.menu-header-horizontal .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
background: #fff;
border: 1px solid #E1E1E0;
padding: 0;
margin: 0;
list-style: none;
z-index: 9999;
border-radius: 2px;
box-shadow: 0px 0px 2px 0px #0A0E1440
}
.menu-header-horizontal .sub-menu .sub-menu {
top: -4px;
left: calc(100% - 1px);
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
box-shadow: none;
z-index: 10000
}
.menu-header-horizontal .sub-menu li.current-menu-item>a,
.menu-header-horizontal .sub-menu li.current_page_item>a,
.menu-header-horizontal .sub-menu li.selected>a {
color: #CE0E71;
font-weight: 500
}
.menu-header-horizontal .sub-menu li.menu-item-has-children>a::after {
content: "keyboard_arrow_right";
font-family: 'Material Symbols Outlined';
font-size: 16px;
line-height: 1;
margin-left: 8px;
color: inherit
}
.menu-header-horizontal .nav>li.current-menu-parent>a,
.menu-header-horizontal .nav>li.current_page_parent>a,
.menu-header-horizontal .nav>li.current-menu-ancestor>a,
.menu-header-horizontal .nav>li.current_page_ancestor>a {
color: #CE0E71;
font-size: 14px;
font-weight: 600;
position: relative;
}
/* =========================================
BOTÓN DE USUARIO
========================================= */
.header-marketplace .dropdown.profile .btn {
display: flex;
align-items: center;
min-width: auto;
background: transparent;
border: none;
font-family: 'Nunito Sans', sans-serif;
font-size: 14px;
line-height: 1;
color: #000;
}
.header-marketplace .dropdown.profile .btn {
gap: 4px !important;
}
.header-marketplace .dropdown.profile .btn .material-symbols-outlined {
margin-right: 5px !important;
}
.header-marketplace .dropdown.profile .btn:hover {
background: #FFE8F0;
color: #AB005C;
border-radius: 4px;
}
.header-marketplace .dropdown.profile .btn:hover .menu-user-name {
color: #AB005C !important;
}
.header-marketplace .dropdown.profile.show .btn,
.header-marketplace .dropdown.profile .btn[aria-expanded="true"] {
background: #CE0E71;
color: #fff;
border-radius: 4px;
}
.header-marketplace .dropdown.profile.show .menu-user-name,
.header-marketplace .dropdown.profile .btn[aria-expanded="true"] .menu-user-name {
color: #fff !important;
}
.header-marketplace .dropdown.profile .btn:active .menu-user-name {
color: #fff !important;
}
/* =========================================
AVATAR
========================================= */
.header-marketplace .dropdown.profile img,
.header-marketplace .col-lg-auto img.profile-avatar {
width: 36px;
height: 36px;
border-radius: 4px;
object-fit: cover;
}
/* =========================================
NOMBRE DEL USUARIO
========================================= */
.header-marketplace .dropdown.profile .menu-user-name,
.header-marketplace .dropdown.profile .user-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 400;
color: #090909 !important;
font-size: 14px;
line-height: 24px;
}
/* =========================================
DROPDOWN (CONTENEDOR MENÚ)
========================================= */
.header-marketplace .dropdown.profile .dropdown-menu {
min-width: 178px;
border: 1px solid #D1D1D0;
box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
margin-top: .5rem;
z-index: 1001;
display: block;
visibility: hidden;
opacity: 0;
transform: translateY(10px);
transition: opacity .15s ease, transform .15s ease;
pointer-events: none;
}
.header-marketplace .dropdown.profile .dropdown-menu.show {
visibility: visible;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
/* =========================================
ITEMS DEL MENÚ
========================================= */
.header-marketplace .dropdown.profile .dropdown-item {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
padding: 8px 16px;
color: #111; /* color base neutro */
display: flex;
align-items: center;
justify-content: space-between; /* deja sitio por si añades iconos/flechas */
text-decoration: none;
white-space: nowrap;
transition:
background-color .15s ease,
color .15s ease,
transform .15s ease; /* animamos transform para que no cambie el tamaño de la caja */
}
/* =========================================
ESTADOS HOVER / FOCUS
========================================= */
/* Hover combinado: mismo estilo para ambos contextos */
.header-marketplace .dropdown.profile .dropdown-item:hover,
.dropdown-menu-custom .dropdown-item:hover {
background: #FFE8F0;
color: #AB005C;
transform: translateX(2px); /* pequeño efecto de movimiento sin ensanchar el menú */
}
/* Focus accesible (teclado) */
.dropdown-menu-custom .dropdown-item:focus-visible {
outline: none;
background: #FFE8F0;
color: #AB005C;
}
/* =========================================
SUBMENÚS, SEPARADORES Y FLECHAS
========================================= */
/* Separadores entre bloques (opcional) */
.dropdown-menu-custom .menu-separator {
margin: 4px 0;
border-top: 1px solid #F0F0EF;
}
/* Submenú (por ejemplo “Crear solución”) */
.dropdown-menu-custom .sub-menu {
margin: 0;
padding: 0 0 4px 16px; /* sangrado para diferenciar jerarquía */
border-top: 1px solid #F5F5F5;
}
.dropdown-menu-custom .sub-menu .dropdown-item {
font-size: 12px;
padding: 6px 16px;
opacity: 0.9;
}
/* Item principal con flecha de submenu (Administrar soluciones) */
.dropdown-menu-custom .has-submenu > .dropdown-item {
font-weight: 500;
}
.dropdown-menu-custom .has-submenu > .dropdown-item::after {
content: "›";
font-size: 11px;
margin-left: 8px;
opacity: 0.6;
}
.header-marketplace .dropdown.profile .dropdown-item:hover,
.dropdown-menu-custom .dropdown-item:hover {
background: #FFE8F0;
color: #AB005C;
padding-left: 20px; /* leve desplazamiento hacia la derecha */
}
.header-marketplace .dropdown.profile .dropdown-item:hover {
color: #AB005C;
}
.header-marketplace .dropdown.profile .current-menu-item > .dropdown-item,
.header-marketplace .dropdown.profile .current_page_item > .dropdown-item {
background: #FFE8F0;
color: #AB005C;
padding-left: 20px;
transform: translateX(2px);
font-weight: 600;
}
/* Oculto por defecto */
.dropdown-menu-custom {
list-style: none;
padding: 4px 0;
margin: .5rem 0 0 0;
min-width: 240px;
background: #fff;
border: 1px solid #D1D1D0;
box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
border-radius: 8px;
display: block;
visibility: hidden;
opacity: 0;
transform: translateY(8px);
transition:
opacity .18s ease-out,
transform .18s ease-out,
box-shadow .20s ease-out;
pointer-events: none;
z-index: 1001;
position: absolute;
}
/* Visible cuando se active con JS */
.dropdown-menu-custom.show {
visibility: visible;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
/* Quitar los puntos del li */
.dropdown-menu-custom li {
list-style: none;
margin: 0;
padding: 0;
}
/* Estilo de los items */
.dropdown-menu-custom .dropdown-item {
display: block;
width: 100%;
padding: 8px 16px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-decoration: none;
color: #000;
background: transparent;
border: none;
}
/* Hover original del theme */
.dropdown-menu-custom .dropdown-item:hover {
background: #FFE8F0;
color: #AB005C;
}
#header-search-input {
margin-bottom: 0 !important
}
/* TOPBAR GUEST - ESTILOS RESPONSIVOS */
.topbar-guest.fixed-topbar {
position: fixed;
top: var(--adminbar-offset, 0);
/* respeta el admin bar */
left: 0;
right: 0;
width: 100%;
z-index: 1001;
/* por encima del header */
background: #E1E1E0;
/*box-shadow: 0 2px 5px rgba(0,0,0,.1);*/
}
.header-marketplace.fixed-header {
position: fixed;
top: var(--header-top, 0);
left: 0;
right: 0;
width: 100%;
z-index: 1000;
background: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.bg-searchform {
background-color: #f5f5f5;
padding: 24px;
border-radius: 4px;
margin-bottom: 25px;
}
#filtros-avanzados.filtros-transicion[aria-hidden="true"] {
max-height: 0 !important;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
overflow: hidden !important;
border: 0 !important;
visibility: hidden;
}
#filtros-avanzados.filtros-transicion[aria-hidden="false"] {
max-height: 1200px;
margin: 1.5rem 0 !important;
visibility: visible;
transition: max-height .25s ease, margin .2s ease, padding .2s ease;
}
#search-box,
#search-box-sidebar {
display: none
}
#search-box.show,
#search-box-sidebar.show {
display: block
}
#header-search-input {
width: 204px;
height: 32px;
border-radius: 4px;
border: 1px solid #9E9E9D;
padding: 8px;
gap: 4px;
font-family: 'Nunito Sans', sans-serif;
font-size: 14px;
line-height: 1.2
}
#header-search-form button {
width: 32px;
height: 32px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
font-size: 14px
}
#backToTop {
width: 56px;
height: 56px;
position: fixed;
bottom: 20px;
right: 30px;
visibility: hidden;
opacity: 0;
transform: translateY(20px);
cursor: pointer;
z-index: 1000;
background-color: #CE0E71;
color: #fff;
padding: 12px;
box-shadow: 0px 0px 2px 0px #0A0E1440;
border-radius: 4px;
transition: opacity .3s ease, transform .3s ease, visibility .3s, background-color .3s ease, color .3s ease;
overflow: hidden;
justify-content: center;
}
#backToTop .material-symbols-outlined {
font-size: 16px;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1
}
#backToTop:hover {
background-color: #FFE8F0;
color: #AB005C
}
#backToTop:focus {
outline: none;
border-color: #FC9F33
}
#backToTop:disabled,
#backToTop.disabled {
background-color: #E1E1E0;
color: #727270
}
#backToTop.show {
visibility: visible;
opacity: 1;
transform: translateY(0)
}
#backToTop .progress-border {
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border: 2px solid red;
box-sizing: border-box;
clip-path: inset(0 0 100% 0);
transition: clip-path .3s linear
}
.header-marketplace .material-symbols-outlined {
font-size: 20px;
width: 20px;
height: 20px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center
}
.header-marketplace .notification-toggle {
margin-right: 4px
}
.header-marketplace .search-toggle,
.header-marketplace .search-toggle-sidebar {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
padding: 15px 10px !important;
}
.header-marketplace .search-toggle i {
font-size: 14px;
}
.header-marketplace .search-toggle .material-symbols-outlined,
.header-marketplace .search-toggle-sidebar .material-symbols-outlined {
font-size: 20px;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center
}
.header-marketplace .notification-toggle {
position: relative;
width: 32px;
height: 32px;
padding: 23px 10px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px
}
.header-marketplace .notification-toggle:hover,
.header-marketplace .search-toggle:hover {
background-color: #FFE8F0;
color: #AB005C;
}
.header-marketplace .notification-toggle:active,
.header-marketplace .search-toggle:active {
background-color: #FFF3F8;
color: #7A0841;
}
.header-marketplace .notification-toggle.active,
.header-marketplace .search-toggle.active {
background-color: #CE0E71;
color: #fff;
border-radius: 4px;
}
.header-marketplace .notification-toggle .material-symbols-outlined {
font-size: 20px;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center
}
.header-marketplace .notification-toggle .badge {
position: absolute;
top: 5px;
right: 2px;
width: 10px;
height: 10px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFCFC8;
border: 1px solid #B10413;
font-size: 7px;
line-height: 1;
font-weight: 700;
z-index: 1;
pointer-events: none;
color: #B10413;
}
.header-marketplace .col-lg-auto {
display: flex;
align-items: center
}
.menu-header-horizontal {
--submenu-bg: #fff;
--submenu-border: #E1E1E0;
--submenu-radius: 2px;
--submenu-shadow: 0 4px 12px rgba(0, 0, 0, .08);
--submenu-pad-y: 4px;
--submenu-item-pad: 8px 12px;
--submenu-overlap: 1px;
--submenu-top-offset: -4px
}
.menu-header-horizontal{
height: 100%;
align-items: center;
}
.menu-header-horizontal .sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
margin: 0;
list-style: none;
z-index: 9999;
background: var(--submenu-bg);
border: 1px solid var(--submenu-border);
border-radius: var(--submenu-radius);
box-shadow: var(--submenu-shadow)
}
.menu-header-horizontal li {
position: relative;
height: 50px;
}
.menu-header-horizontal li:hover>.sub-menu {
display: block
}
.menu-header-horizontal .sub-menu .sub-menu {
top: var(--submenu-top-offset);
left: calc(100% - var(--submenu-overlap));
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
box-shadow: none;
z-index: 10000
}
.menu-header-horizontal .sub-menu li a {
display: flex;
align-items: center;
justify-content: space-between;
font-family: 'Nunito Sans', sans-serif;
font-size: 14px;
color: #090909;
text-decoration: none;
white-space: nowrap;
padding: 8px 16px;
}
.menu-header-horizontal .nav > li > a .nav-chevron {
position: relative;
top: 1px;
}
.menu-header-horizontal .sub-menu li a:hover {
color: #AB005C
}
.menu-header-horizontal .sub-menu li.current-menu-item>a,
.menu-header-horizontal .sub-menu li.current_page_item>a,
.menu-header-horizontal .sub-menu li.selected>a {
color: #CE0E71;
font-weight: 500
}
.menu-header-horizontal .sub-menu li.disabled>a {
color: #9E9E9D;
pointer-events: none;
opacity: .6
}
.menu-header-horizontal .sub-menu li.menu-item-has-children>a {
position: relative;
padding-right: 20px
}
.menu-header-horizontal .sub-menu li.menu-item-has-children>a::after {
content: "keyboard_arrow_right";
font-family: 'Material Symbols Outlined';
font-size: 16px;
line-height: 1;
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
display: inline-block !important;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
}
.menu-header-horizontal .sub-menu .dropdown-toggle::after,
.menu-header-horizontal .sub-menu li.menu-item-has-children>a::before,
.menu-header-horizontal .sub-menu li>a .bi,
.menu-header-horizontal .sub-menu li>a .caret {
content: none !important;
display: none !important;
border: 0 !important;
margin: 0 !important
}
.site-footer {
border-top: 1px solid #E1E1E0;
background: #f5f5f5;
padding: 16px 0 12px;
font-family: 'Nunito Sans', sans-serif
}
.footer-bottom-wrapper {
padding-top: 12px
}
.footer-logos {
padding-bottom: 24px !important
}
.footer-logos img {
max-height: 36px;
height: auto;
width: auto
}
.footer-info-text {
color: #090909;
font-size: 12px;
line-height: 16px
}
.footer-menu {
gap: 0
}
.footer-menu>li {
display: inline-flex;
align-items: center;
font-size: 12px;
line-height: 1;
white-space: nowrap
}
.footer-menu>li+li {
border-left: 1px solid #E1E1E0;
margin-left: 9px;
padding-left: 9px
}
.footer-menu a {
color: #CE0E71;
text-decoration: none;
font-size:12px;
}
.footer-menu a:hover {
color: #AB005C
}
.footer-menu a:focus {
outline: none;
box-shadow: 0 0 0 2px #FC9F33;
border-radius: 2px
}
.footer-bottom-wrapper {
position: relative;
padding-top: 12px
}
.footer-bottom-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 90vw;
height: 1px;
background: #D1D1D0;
pointer-events: none;
z-index: 0
}
@media (min-width:992px) and (max-width:1199.98px) {
.footer-bottom-wrapper {
flex-wrap: wrap;
justify-content: center;
gap: 8px 16px
}
.footer-info-text {
white-space: normal;
padding: 0 8px
}
.footer-menu {
justify-content: center;
flex-wrap: wrap;
row-gap: 6px
}
.footer-menu>li+li {
margin-left: 10px;
padding-left: 10px
}
}
@media (max-width:991.98px) {
.footer-bottom-wrapper {
flex-wrap: wrap;
justify-content: center;
gap: 8px 16px
}
.footer-menu {
justify-content: center;
flex-wrap: wrap;
row-gap: 6px
}
.footer-menu>li+li {
margin-left: 10px;
padding-left: 10px
}
}
@media (min-width:768px) and (max-width:991.98px) {
.header-marketplace .dropdown.profile .btn {
gap: 0;
padding: 0;
background: transparent;
border: none
}
.header-marketplace .dropdown.profile .btn img {
width: 32px;
height: 32px;
border-radius: 4px;
margin: 0
}
.header-marketplace .dropdown.profile.show .btn img,
.header-marketplace .dropdown.profile .btn[aria-expanded="true"] img {
border: 2px solid #CE0E71;
}
.header-marketplace .dropdown.profile .btn .menu-user-name,
.header-marketplace .dropdown.profile .btn .user-name,
.header-marketplace .dropdown.profile .btn .bi,
.header-marketplace .dropdown.profile .btn .material-symbols-outlined,
.header-marketplace .dropdown.profile .btn::after {
display: none !important
}
.header-marketplace .sidebar-hamburger {
display: inline-flex !important;
width: 32px;
height: 32px;
align-items: center;
justify-content: center;
margin-left: 16px;
padding: 0;
border: none;
background: transparent
}
}
@media (max-width: 767.98px) {
.header-marketplace .menu-header-horizontal {
display: none !important
}
.header-marketplace {
height: 60px;
padding: 0 16px;
border-bottom: 1px solid #D1D1D0
}
.header-marketplace .row {
align-items: center !important
}
.header-marketplace .-header-horizontal {
display: none !important
}
.header-marketplace .search-toggle-wrapper,
.header-marketplace .search-toggle-wrapper-sidebar,
.header-marketplace .notification-toggle,
.header-marketplace .menu-language,
.header-marketplace [data-lang],
.header-marketplace .d-lg-block {
display: none !important
}
.header-marketplace .dropdown.profile {
display: inline-flex !important
}
.header-marketplace .dropdown.profile .btn {
display: inline-flex;
align-items: center;
padding: 0;
gap: 0;
background: transparent;
border: none
}
.header-marketplace .dropdown.profile .btn img {
width: 32px;
height: 32px;
border-radius: 4px;
margin: 0;
object-fit: cover
}
.header-marketplace .dropdown.profile.show .btn img,
.header-marketplace .dropdown.profile .btn[aria-expanded="true"] img {
border: 2px solid #CE0E71;
}
.header-marketplace .dropdown.profile .btn .menu-user-name,
.header-marketplace .dropdown.profile .btn .user-name,
.header-marketplace .dropdown.profile .btn .bi,
.header-marketplace .dropdown.profile .btn .material-symbols-outlined,
.header-marketplace .dropdown.profile .btn::after {
display: none !important
}
.header-marketplace .sidebar-hamburger {
display: inline-flex !important;
width: 32px;
height: 32px;
align-items: center;
justify-content: center;
margin-left: 16px;
padding: 0;
border: 0;
background: transparent
}
.header-marketplace .logo_column {
margin-right: 0
}
}
@media (min-width: 768px) {
.breadcrumb-mobile {
display: none !important;
}
.breadcrumb-desktop {
display: block !important;
font-family: 'Nunito Sans', sans-serif;
}
.breadcrumb-desktop .breadcrumb {
display: flex;
align-items: center;
gap: 0;
padding: 0;
margin: 0;
background: transparent;
list-style: none;
font-size: 14px;
line-height: 16px;
}
.breadcrumb-desktop .breadcrumb-item {
display: inline-flex;
align-items: center;
color: #090909;
font-weight: 400;
}
.breadcrumb-desktop .breadcrumb-item a {
color: #090909;
}
.breadcrumb-desktop .breadcrumb-item a:hover {
color: #AB005C;
background-color: #FFE8F0;
}
.breadcrumb-desktop .breadcrumb-item a:focus {
border: 2px solid #FC9F33;
color: #090909;
background-color: #fff;
}
.breadcrumb-desktop .material-symbols-outlined {
font-size: 16px;
line-height: 1;
margin: 0 4px;
color: #090909;
vertical-align: middle;
}
.breadcrumb-desktop .breadcrumb-item.active,
.breadcrumb-desktop .breadcrumb-item:last-child {
font-weight: 700;
color: #090909;
}
.breadcrumb-desktop .breadcrumb-item.active a,
.breadcrumb-desktop .breadcrumb-item:last-child a {
pointer-events: none;
color: #090909;
}
}
@media (max-width: 767.98px) {
.breadcrumb-desktop {
display: none !important;
}
.breadcrumb-mobile {
display: flex;
align-items: center;
gap: 4px;
height: 40px;
font-family: 'Nunito Sans', sans-serif;
padding: 0;
margin: 0;
}
.breadcrumb-mobile .breadcrumb-back {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px;
width: 16px;
height: 16px;
border-radius: 999px;
color: #090909;
text-decoration: none;
outline: 0;
transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.breadcrumb-mobile .breadcrumb-back:hover {
background: #F4F4F4;
}
.breadcrumb-mobile .breadcrumb-back:active {
background: #EDEDED;
}
.breadcrumb-mobile .breadcrumb-back:focus {
box-shadow: 0 0 0 2px #FC9F33;
}
.breadcrumb-mobile .breadcrumb-back .material-symbols-outlined {
font-size: 16px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.breadcrumb-mobile .breadcrumb-mobile-title {
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #090909;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.faqs .title {
margin-bottom: 32px;
}
.faqs .input-group {
display: flex;
align-items: stretch;
}
.faqs .input-group .form-control {
border-radius: 4px !important;
height: 32px;
margin-right: 8px;
}
.faqs .input-group .form-control:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 95, 161, .25);
border-color: #005fa1;
}
.faqs .input-group .segittur-btn.btn {
margin-top: 4px;
border-radius: 4px !important;
height: 32px;
width: 32px;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.faqs .accordion-button:not(.collapsed) {
background-color: #fff;
color: #000;
transition: background-color 0.3s ease-in-out;
font-size: 14px;
}
.faqs .accordion-button {
font-family: 'Nunito Sans';
font-weight: 700;
font-style: Bold;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;
padding: 12px 16px;
}
.faqs .accordion-body {
font-family: 'Nunito Sans';
font-weight: 400;
font-size: 12px;
line-height: 16px;
display: flex;
padding: 4px 16px 16px 16px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.faqs .accordion-button:hover {
background: #FFE8F0;
Color: black;
}
.faqs .accordion-button:focus {
border: 2px solid #FC9F33 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.faqs .accordion-item h2:focus-visible {
outline: unset;
}
.faqs .accordion-item {
border: none !important;
border-top: 1px solid #D1D1D0 !important;
box-shadow: none !important;
}
.faqs .accordion-button,
.faqs .accordion-body {
border: none !important;
box-shadow: none !important;
}
.faqs .faq-content.animate {
animation: slideInFromLeft 0.5s ease-out;
}
.faqs .faq-section {
transition: opacity 0.5s ease-out;
}
.segittur_pagination {
display: flex;
list-style: none;
justify-content: flex-end !important;
margin-left: auto;
margin-right: 0;
padding: 0;
margin: 20px 0;
width: 100%;
}
.segittur-pagination-wrapper {
border-top: 1px solid #E1E1E0;
border-bottom: 1px solid #E1E1E0;
background-color: #F5F5F5;
margin-top: 30px;
/*padding: 4px 0px;*/
}
.segittur-pagination-wrapper .pagination-info {
font-style: italic;
font-size: 10px;
}
.segittur-pagination-wrapper .pagination-info .cantidad {
font-style: normal;
color: #090909;
font-size: 11px;
}
.segittur_pagination .page-item {
margin: 4px 0px;
}
.segittur_pagination .page-item.arrow-item {
margin: 0px;
}
.segittur_pagination .page-link .material-symbols-outlined {
font-size: 16px;
width: 16px;
height: 16px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
}
.segittur_pagination .page-item.arrow-item .page-link {
color: #000;
border: none;
padding: 4px 8px;
text-decoration: none;
font-size: 11px;
font-weight: 400;
line-height: 16px;
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
text-align: center;
}
.segittur_pagination .page-item.arrow-item .page-link:hover {
background-color: #AB005C;
color: #fff;
text-decoration: none;
}
.segittur_pagination .page-item.arrow-item .page-link[aria-label="Previous"] {
border-right: 1px solid #E1E1E0;
border-left: 1px solid #E1E1E0;
margin-left: 8px;
height: 100%;
}
.segittur_pagination .page-item.arrow-item .page-link[aria-label="Next"] {
height: 100%;
}
.segittur_pagination .page-link {
color: #000;
border: none;
padding: 4px;
text-decoration: none;
font-size: 11px;
font-weight: 400;
line-height: 16px;
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
text-align: center;
}
.segittur_pagination .page-link:hover {
background-color: #AB005C;
color: #fff;
text-decoration: none;
}
.segittur_pagination .page-item span.page-link {
color: #000;
background-color: transparent;
cursor: default;
}
.segittur_pagination .page-item.active .page-link {
padding: 4px;
background: #CE0E71;
color: #fff;
pointer-events: none;
}
.segittur_pagination .page-item.disabled .page-link {
color: #999;
pointer-events: none;
background-color: transparent;
}
.segittur_pagination .page-item:last-child .page-link {
border-radius: 0 !important;
}
.filter-form {
display: flex;
flex-wrap: wrap;
gap: 1rem;
padding: 1rem;
}
.filter-select,
.filter-select option {
font-family: 'Nunito Sans', sans-serif !important;
}
.filter-group {
display: flex;
flex-direction: column;
flex: 1;
min-width: 150px;
}
.filter-label {
font-weight: 600;
margin-bottom: 0.5rem;
color: #333;
}
.filter-select,
input.form-control,
select.form-control {
padding: 8px !important;
gap: 4px;
border: 1px solid #9E9E9D;
border-radius: 4px;
color: #090909;
font-family: "Nunito Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.filter-select:focus {
border: 2px solid #FC9F33;
}
.filter-select .segittur-btn {
padding: 0.7rem 1.2rem;
border: none;
border-radius: 4px;
background: #0073aa;
color: #fff;
font-size: 1rem;
cursor: pointer;
transition: background 0.3s ease;
margin-top: 1.8rem;
}
.bi-star-fill,
.bi-star-half,
.bi-star {
color: #CE0E71;
fill: #CE0E71;
}
.input-group .wpcf7-form-control {
flex: 1;
}
.lead {
font-family: 'Nunito Sans', sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: 400;
color: #090909;
margin-top: 16px;
margin-bottom: 16px;
}
.input-group-text {
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.email {
margin-bottom: 0 !important
}
.wpcf7-form-control-wrap {
display: contents;
}
.fullwidth-input {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 auto;
min-width: 0;
}
.input-group .input-group-text {
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
font-size: 1.1rem;
padding: 0 0.75rem;
}
.input-group .form-control {
/* margin-bottom: 32px;*/
margin-top: 4px;
}
.wpcf7-form-control-wrap .form-control {
/*margin-bottom: 32px;*/
margin-top: 4px;
border-color: #9E9E9D;
border-radius: 4px;
}
.wpcf7-form .form-label {
font-weight: 600;
color: #333;
font-size:14px;
}
.wpcf7-acceptance label .wpcf7-list-item-label {
font-size: 14px;
}
.input-group:hover .input-group-text,
.input-group:focus-within .input-group-text {
background-color: #CE0E71 !important;
color: #fff !important;
transition: background-color 0.3s ease;
}
.wpcf7-submit.segittur-btn {
transition: background-color 0.3s ease, transform 0.2s ease;
}
textarea.form-control {
border: 1px solid #9E9E9D;
}
textarea:focus,
input:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 95, 161, 0.25);
border-color: #005fa1;
transition: all 0.2s ease;
}
.formulario-contacto .asunto {
max-width: 100% !important;
}
.form-check-input {
accent-color: #fff;
border-color: #9E9E9D;
margin-right: 10px;
}
.form-check-input:checked {
background-color: #CE0E71;
border-color: #CE0E71;
--bs-form-check-bg-image: url("data:image/svg+xml;utf8,\");
}
.form-check-input:hover {
--bs-form-check-bg-image: url("data:image/svg+xml;utf8,\");
border-color: #9E9E9D;
}
.form-check-label {
color: #090909;
font-family: "Nunito Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
margin: 0;
}
.form-check {
display: flex;
align-items: center;
gap: 8px;
}
#contenido .notification-item {
padding-left: 8px;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 24px;
padding-bottom: 12px;
}
#contenido .notification-item .notification-text {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
}
#contenido .notification-item .dot {
width: 6px;
height: 6px;
border-radius: 50%;
display: flex;
align-items: center;
}
#contenido .notification-item .dot.new {
background-color: #B4F5B2;
border: 1px solid #187120;
color: #187120;
font-size: 12px;
margin-top: 5px;
}
#contenido .notification-item .dot.new p {
color: #187120;
font-size: 12px;
margin-left: 12px;
}
#contenido .notification-item .dot.read {
background-color: #D1D1D0;
border: 1px solid #484847;
color: #006C7A;
font-size: 12px;
margin-top: 5px;
}
#contenido .notification-item .dot.read p {
color: #484847;
font-size: 12px;
margin-left: 12px;
}
#contenido .notification-item h5 {
margin: 0;
font-size: 18px;
font-weight: 700;
color: var(--primary-color);
}
#contenido .notification-item p {
margin: 0;
font-size: 14px;
font-style: normal;
font-weight: 400;
color: black;
}
#contenido .notification-item.read h5 {
color: #484847;
}
.header-marketplace .dropdown-notifis {
max-width: 100%;
overflow-x: hidden;
}
.header-marketplace .notification-item {
max-width: 100%;
}
.header-marketplace .notification-item .notification-text {
min-width: 0;
flex: 1 1 auto;
overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
}
.header-marketplace .notification-item .d-flex.gap-2 {
flex-shrink: 0;
}
/*nuevo listado de notificaciones*/
#contenido .notification-list {
border-top: 1px solid #e5e5e5;
margin-top: 32px;
}
#contenido .notification-item {
padding: 12px 0;
border-bottom: 1px solid #e5e5e5;
text-align: left;
}
#contenido .notification-item:last-child {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 24px;
}
#contenido .notification-title {
font-family: "Nunito Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin-bottom: 4px;
color: #484847;
}
#contenido .notification-desc {
font-family: "Nunito Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 4px;
color: #000;
}
#contenido .notification-date {
font-family: "Nunito Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 4px;
color: #000;
}
#contenido .notification-item[data-status="unread"] .notification-title {
color: #CE0E71;
}
#contenido .notification-item[data-status="read"] .notification-title {
color: #484847;
}
#contenido .notification-item-inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
width: 100%;
}
#contenido .notification-item .notification-text {
flex: 1 1 auto;
display: flex;
flex-direction: column;
align-items: flex-start;
}
#contenido .notification-item .notification-actions {
flex: 0 0 auto;
display: flex;
gap: 24px;
}
#contenido .btn-icon-square {
width: 42px;
height: 42px;
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #fff;
}
#contenido .btn-icon-read {
border: 1px solid #007500;
color: #007500;
}
#contenido .btn-icon-read:hover {
background-color: #007500;
color: #fff;
}
#contenido .btn-icon-not-read {
border: 1px solid #0256C2;
color: #0256C2;
}
#contenido .btn-icon-not-read:hover {
background-color: #0256C2;
color: #fff;
}
#contenido .btn-icon-trash {
background-color: #B10413;
color: #fff;
}
#contenido .btn-icon-trash:hover {
border: 1px solid #B10413;
color: #B10413;
background-color: #fff;
}
#contenido .notification-item .material-symbols-outlined {
font-size: 22px;
}
#contenido .search-row {
padding-top: 32px;
padding-bottom: 32px;
}
#contenido .pagination-spacing {
margin-bottom: 40px;
}
#contenido .notification-list .dot.new {
display: none !important;
}
/*fin nuevo listado de notificaciones*/
#contenido .notification-buttons .btn {
text-align: center;
font-family: "Nunito Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
#contenido .material-symbols-outlined {
font-size: 16px;
width: 16px;
height: 16px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center
}
#contenido .btn-mark-read {
border-radius: 4px;
border: 1px solid var(--primary-color);
color: #CE0E71;
background: transparent;
padding: 8px 16px;
margin-right: 24px;
border-radius: 4px;
}
#contenido .btn-mark-read:hover {
background-color: #AB005C;
color: white;
}
#contenido .btn-mark-read:active {
background-color: #7A0841;
color: white;
}
#contenido .btn-discard {
padding: 8px 16px !important;
gap: 4px;
background-color: #B10413;
color: white;
border-radius: 4px;
}
#contenido .btn-discard:hover {
background-color: #8b0310;
color: white;
}
#contenido .btn-discard:active {
background-color: #7A0841;
color: white;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.menu-header-horizontal .nav>li>a {
padding: 8px 6px;
white-space: nowrap;
}
.header-marketplace .col-lg-auto {
gap: 8px;
}
.menu-header-horizontal .nav>li.current-menu-item>a,
.menu-header-horizontal .nav>li.current_page_item>a {
font-weight: 500;
}
.menu-header-horizontal .nav>li>a,
.menu-header-horizontal .nav>li.current-menu-item>a,
.menu-header-horizontal .nav>li.current_page_item>a,
.menu-header-horizontal .sub-menu li a ,
.header-marketplace .dropdown.profile .menu-user-name,
.header-marketplace .dropdown.profile .user-name,
.dropdown-language .dropdown-toggle-custom ,
.header-marketplace .dropdown.profile .dropdown-item,
.dropdown-menu.dropdown-menu-end .dropdown-item {
font-size: 11px !important;
}
}
@media (min-width: 1200px) and (max-width: 1285.60px) {
.menu-header-horizontal .nav>li>a {
padding: 8px 6px;
white-space: nowrap;
}
.header-marketplace .col-lg-auto {
gap: 8px;
}
}
.dropdown.dropdown-language {
min-height: 48px;
display: flex;
}
.dropdown-language .dropdown-menu {
padding: 8px 0;
border: 1px solid #E1E1E0;
border-radius: 4px;
box-shadow: 0 0 2px 0 rgba(10, 14, 20, 0.25);
background: #fff;
min-width: 220px;
z-index: 1001;
}
.dropdown-language .dropdown-item {
padding: 8px 16px;
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
line-height: 16px;
color: #090909;
border-radius: 0;
}
.dropdown-language .dropdown-item:hover,
.dropdown-language .dropdown-item:focus {
background: #F4F4F4;
color: #090909;
text-decoration: none;
outline: none;
}
.dropdown-language .dropdown-toggle-custom::after {
display: none !important;
}
.dropdown-language .dropdown-toggle-custom {
display: flex;
align-items: center;
gap: 4px !important;
padding: 8px 4px !important;
border-radius: 4px;
background: #fff;
color: #090909;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16px;
cursor: pointer;
transition:
background-color 0.2s ease,
color 0.2s ease,
box-shadow 0.2s ease,
transform 0.2s ease;
}
/* Hover del botón (mismos colores que el perfil) */
.dropdown-language .dropdown-toggle-custom:hover {
background-color: #FFE8F0;
color: #AB005C;
}
.dropdown-language .dropdown-toggle-custom:hover .material-symbols-outlined,
.dropdown-language .dropdown-toggle-custom:hover .chevron-toggle {
color: #AB005C;
}
/* Focus accesible */
.dropdown-language .dropdown-toggle-custom:focus {
border: 2px solid #FC9F33;
}
/* Estado abierto del botón */
.dropdown-language .dropdown-toggle-custom.show {
background: #7A0841;
color: #fff;
}
.dropdown-language .dropdown-toggle-custom.show .material-symbols-outlined,
.dropdown-language .dropdown-toggle.show .chevron-toggle {
color: #fff;
}
.dropdown-language .dropdown-toggle-custom.show .chevron-toggle {
transform: rotate(180deg);
}
/* =========================================
ICONOS (IDIOMA + CHEVRON)
========================================= */
.dropdown-language .dropdown-toggle-custom .material-symbols-outlined {
font-size: 20px;
line-height: 1;
color: #090909;
}
.dropdown-language .dropdown-toggle-custom .chevron-toggle {
color: #666;
transition: transform 0.2s ease, color 0.2s ease;
}
/* =========================================
DROPDOWN: CONTENEDOR (IDIOMAS / OTROS END)
========================================= */
.dropdown-menu.dropdown-menu-end {
border: 1px solid #D1D1D0;
box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
border-radius: 4px;
margin: 0;
opacity: 0;
transform: translateY(10px);
transition: opacity .15s ease, transform .15s ease;
z-index: 1050;
}
.dropdown-menu.dropdown-menu-end.show {
position: absolute;
top: 100%;
right: 0;
left: auto;
margin: 0;
opacity: 1;
transform: translateY(0);
}
/* Cabecera dentro del menú (si la hay) */
.dropdown-menu.dropdown-menu-end.show .dropdown-header {
padding: 8px !important;
}
/* =========================================
ITEMS DEL MENÚ DE IDIOMA
(unificados con el dropdown de usuario)
========================================= */
.dropdown-menu.dropdown-menu-end .dropdown-item {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
padding: 8px 16px;
color: #111;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
text-decoration: none;
transition:
background-color .15s ease,
color .15s ease,
transform .15s ease;
}
/* Hover de items*/
.dropdown-menu.dropdown-menu-end .dropdown-item:hover {
background: #FFE8F0;
color: #AB005C;
transform: translateX(2px);
}
/* =========================================
DROPDOWN DE NOTIFICACIONES (SCROLL)
========================================= */
.header-marketplace .dropdown-menu.dropdown-menu-end.dropdown-notifis.show {
max-height: 400px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.dropdown-notifis {
top: 100% !important;
right: 0 !important;
left: auto !important;
margin-top: 0.5rem;
min-width: 300px;
z-index: 999;
opacity: 0;
transform: translateY(-10px);
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease;
display: block;
}
.dropdown-notifis.show {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.dropdown-notifis {
opacity: 0;
transform: translateY(-10px);
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease;
}
.dropdown-notifis.show {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
@media (min-width: 992px) {
.header-marketplace .dropdown-menu.dropdown-menu-end.dropdown-notifis.show {
width: 300px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.header-marketplace .dropdown-menu.dropdown-menu-end.dropdown-notifis.show {
width: 250px !important;
}
.header-marketplace .dropdown-menu.dropdown-menu-end.show {
width: 250px;
}
}
.myreviews-filter .form-control,
.myreviews-filter .form-select {
height: 32px;
margin: 0 !important;
padding: 8px !important;
font-size: 12px;
line-height: 16px;
}
.myreviews-filter .segittur-btn {
height: 32px;
padding: 8px 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
.myreviews-filter .form-select {
padding-right: 32px !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#dropdownCategorias {
max-width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
#filtros-avanzados .form-select {
padding-right: 32px;
}
/* Tamaño fijo para todos los checkboxes del dropdown de categorías */
.dropdown-menu .category-checkbox.form-check-input {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
flex: 0 0 auto;
}
/* Alineado limpio checkbox + texto, incluso con varias líneas */
.dropdown-menu .form-check {
display: flex;
align-items: flex-start;
gap: 0.35rem;
margin-bottom: 0.25rem;
}
.dropdown-menu .form-check-label {
line-height: 1.3;
}
.segittur-filtros-categorias,
.segittur-filtros-categorias ul,
.segittur-filtros-categorias li {
font-size: 1rem;
/* el mismo para todo el árbol */
}
/*SINGLE PRODUCT*/
/* Descripción & Categorías */
.single-product .description-section {
margin-top: 40px;
padding: 20px;
border-radius: 8px;
background: #FFF;
box-shadow: 0px 4px 14px 0px rgba(10, 14, 20, 0.25);
}
.single-product .description-section .categories,
.single-product .description-section .contact {
width: 100%;
padding: 24px 28px;
border-radius: 8px;
border: 1px solid #D1D1D0;
margin-bottom: 24px;
}
.single-product .categories h4 {
font-size: 18px;
font-weight: 700;
}
.single-product .categories h5 {
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
}
.single-product .categories li {
font-size: 14px;
font-weight: 700;
}
.single-product .categories p,
.single-product .contact p {
font-size: 14px;
font-weight: 700;
margin-top: 0;
}
.single-product .description-section h4 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 20px;
}
.single-product .categories a {
text-decoration: none;
color: #000;
}
/* Reviews */
.single-product .reviews-section {
margin-top: 40px;
padding: 24px;
border-radius: 8px;
background: #FFF;
box-shadow: 0px 4px 14px 0px rgba(10, 14, 20, 0.25);
margin-bottom: 56px;
}
.single-product .review-summary {
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #fff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.single-product .review-summary h5 {
margin: 0;
font-size: 16px;
font-weight: 700;
}
.single-product .global-rating .average {
font-size: 14px;
color: #333;
margin-top: 17px;
padding-left: 5px;
}
.single-product .total-reviews {
font-size: 14px;
margin: 8px 0;
color: #666;
}
.single-product .rating-distribution {
margin-top: 16px;
}
.single-product .rating-row span {
font-size: 14px;
/* Se usa min-width para que tenga un mínimo pero se pueda ajustar */
min-width: 80px;
color: #333;
}
.single-product .progress {
background-color: #f0f0f0;
border-radius: 4px;
height: 10px;
overflow: hidden;
position: relative;
}
.single-product .progress-bar {
height: 100%;
background-color: #e6007e;
border-radius: 4px;
}
.desktop-header-product-info .mkp-logo {
background: rgba(255, 255, 255, 0.92);
border-radius: 8px;
max-height:100px;
}
.single-marketplace .header-product-intro {
min-height: 50vh !important;
}
@media (min-width:768px) {
.desktop-header-product-info {
width: 100%;
}
.single-marketplace .desktop-header-product-info h1 {
font-size: 32px !important;
font-weight: 600 !important;
}
}
/*VERSIÓN MÓVIL*/
/* — Variables de tu tema — */
:root {
--text-light: #fff;
}
/* — Animaciones base — */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes pulseSlow {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}
/* — ESTILOS MÓVIL (≤768px) — */
@media (max-width: 768px) {
/* Full-bleed panel */
.mobile-header-product-intro {
left: 50%;
width: 100vw;
overflow: hidden;
border-radius: 12px;
animation: fadeInUp 0.6s ease-out both;
}
/* Degradado oscuro encima */
.mobile-header-bg {
position: absolute;
inset: 0;
pointer-events: none;
}
/* Contenido interior */
.mobile-header-content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding: 1rem;
}
/* Imagen circular con pulso lento */
.mobile-image img {
width: 24vw;
max-width: 100px;
height: auto;
border-radius: 50%;
border: 3px solid var(--text-light);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
animation: pulseSlow 5s ease-in-out infinite;
margin-bottom: 0.75rem;
background: #fff;
}
.mobile-action-buttons .mobile-btn-1.w-100 {
display: flex;
justify-content: center;
}
.mobile-action-buttons .mobile-btn-1.w-100 a {
padding: 15px;
text-align: center;
display: flex;
justify-content: center;
font-size: 20px;
}
.mobile-action-buttons .segittur-btn {
width: 15rem;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.mobile-action-buttons .segittur-favorite-btn i,
.mobile-action-buttons .share-button i {
padding: 5px;
Color: inherit;
}
/* Título con fadeInUp y tamaño fluido */
.mobile-title {
font-size: clamp(1rem, 5vw, 1.6rem);
color: var(--text-light);
font-weight: 700;
margin: 0.25rem 0;
text-align: center;
animation: fadeInUp 0.5s ease-out both;
animation-delay: 0.2s;
text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.6);
}
/* Vendor con fadeInUp y tamaño fluido */
.mobile-vendor a {
font-size: clamp(0.8rem, 3.5vw, 0.95rem);
color: rgba(255, 255, 255, 0.9);
text-decoration: none;
animation: fadeInUp 0.5s ease-out both;
animation-delay: 0.3s;
text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.6);
}
/* Botonera columna full-width */
.mobile-action-buttons {
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
padding: 1rem;
box-sizing: border-box;
animation: fadeInUp 0.5s ease-out both;
animation-delay: 0.4s;
align-items: center;
}
/* Fade-in secuencial */
.mobile-action-buttons .mobile-btn-1 {
opacity: 0;
animation: fadeInUp 0.5s both;
animation-delay: 0.45s;
}
.mobile-action-buttons .mobile-btn-2 {
opacity: 0;
animation: fadeInUp 0.5s both;
animation-delay: 0.55s;
}
.mobile-action-buttons .mobile-btn-3 {
opacity: 0;
animation: fadeInUp 0.5s both;
animation-delay: 0.65s;
}
/* Estilos base de botón */
.mobile-action-buttons .btn {
background: var(--primary);
color: var(--text-light);
border: none;
border-radius: 4px;
padding: 0.75rem 0;
font-size: 0.95rem;
font-weight: 700;
position: relative;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
/* Hover “pop + glow” */
.mobile-action-buttons .btn:hover {
transform: translateY(-4px) scale(1.02);
box-shadow: 0 8px 20px rgba(206, 14, 113, 0.6);
}
/* Destello diagonal */
.mobile-action-buttons .btn::after {
content: "";
position: absolute;
top: 0;
left: -80%;
width: 60%;
height: 100%;
background: rgba(255, 255, 255, 0.3);
transform: skewX(-25deg);
transition: left 0.5s ease;
}
.mobile-action-buttons .btn:hover::after {
left: 140%;
}
}
/*FIN DE MOVIL*/
/*Galería de producto*/
@media (max-width: 767px) {
.row.gallery {
justify-content: center;
}
}
@media (min-width: 768px) {
.row.gallery {
justify-content: flex-start;
}
}
.row.gallery {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
padding: 0;
}
.gallery-tile {
flex: 1 1 220px;
max-width: 260px;
display: flex;
flex-direction: column;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
border: 1px solid #CE0E71;
transition: transform 0.3s ease;
justify-content: center;
border-radius: 8px;
}
.gallery-tile:hover {
transform: scale(1.02);
}
/* Contenedor relativo para overlay */
.custom-upload-gallery .gallery-item {
width: auto !important;
}
.gallery-item {
position: relative;
width: 100%;
}
/* Imagen adaptativa */
.gallery-item img {
width: 100%;
height: auto;
object-fit: contain;
transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
display: block;
max-height:200px;
}
/* Animación hover */
.gallery-item:hover img {
transform: scale(1.05);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
/* Overlay de título */
.gallery-item .overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
font-size: 14px;
color: #fff;
background: rgba(0, 0, 0, 0.6);
text-align: center;
opacity: 0;
transition: opacity 0.3s ease-in-out;
z-index: 2;
}
.gallery-item:hover .overlay {
opacity: 1;
}
/*Fin galería de producto*/
/*LISTADO DE ARCHIVES (vendedores + noticias)*/
.archive_loop {
flex-direction: column;
align-items: flex-start;
align-self: stretch;
margin-bottom: 16px;
}
.archive_loop .info-custom {
border-radius: 8px;
background: #FFF;
}
.archive_loop.publicadores .info-custom img {
max-width: 50px;
min-width: 50px;
margin-right: 15px;
}
.archive_loop .info-custom p {
margin: 0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.archive_loop .info-custom a {
text-decoration: none;
margin: 0;
color: var(--primary-color);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.archive_loop .info-custom a:hover {
text-decoration: underline;
}
.archive_loop .page-link {
background-color: #F5F5F5;
color: black;
border: none;
}
.archive_loop .segittur_pagination .page-link {
background-color: transparent;
color: inherit;
}
.archive_loop .page-link:hover {
background-color: #F5F5F5;
color: var(--primary-color);
border: none;
}
.archive_loop .page-link.active {
color: var(--primary-color);
background-color: #F5F5F5;
border: none;
}
.archive_loop .title {
margin-bottom: 32px;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 48px;
}
.archive_loop .post-month {
color: var(--primary-color);
font-weight: 600;
}
/*SOLUCIONES (PRODUCTOS LOOP)*/
.item {
display: flex;
flex-wrap: wrap;
}
.item .col-12 {
display: flex;
}
.item .card {
display: flex;
height: 100%;
width: 100%;
}
.item .card-body {
flex-grow: 1;
}
.item .btn_edit {
margin-top: 14px;
background-color: white;
border: solid 1px #CE0E71
}
.item .btn_edit:hover {
background-color: #CE0E71;
border: solid 1px #CE0E71;
text-decoration: none !important;
}
.item .btn_delete {
margin-top: 14px;
color: white !important;
background-color: #B10413;
}
.item .btn_delete:hover {
background-color: #8b0310;
border: solid 1px #8b0310;
text-decoration: none !important;
}
.item .card.position-relative {
position: relative;
}
.item .badge {
position: absolute;
font-size: 12px;
font-weight: bold;
padding: 4px 8px;
color: #fff;
}
/* Indicador para "Nuevo": círculo rojo en la esquina inferior derecha */
.item .badge-new {
background-color: #FFCFC8;
border: 1px solid #B10413;
color: #B10413;
text-align: center;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 16px;
border-radius: 50%;
bottom: 10px;
right: 10px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
/* Indicadores para "Pendiente" y "Publicado": rectángulo en la esquina superior izquierda */
.item .badge-pending,
.item .badge-publish {
top: 10px;
right: 10px;
border-radius: 4px;
}
.item .badge-pending {
border: 1px solid #E4AE2A;
background: #FFF7E0;
color: #795700;
text-align: center;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.item .badge-publish {
border: 1px solid #61C9D8;
background: #E3FFFF;
color: #006C7A;
text-align: center;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
/* --- FIX: evitar corte de texto en layout flex (card-content) --- */
.item .card-content .card-body {
min-width: 0;
flex: 1 1 auto;
}
.item .card-content .card-title a {
display: block;
overflow-wrap: anywhere;
word-break: break-word;
}
.item .card-content .card-text,
.item .card-content .developer-info a {
overflow-wrap: anywhere;
word-break: break-word;
}
/*Estilos tablas*/
.table thead th {
background-color: #F5F5F5;
color: #484847;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
border-bottom: 1px solid #9E9E9D;
padding: 8px;
}
.table td {
vertical-align: middle;
border-bottom: 1px solid #D1D1D0;
padding: 8px;
gap: 4px;
font-size: 12px;
font-weight: 400;
color: #090909;
}
.table button {
border: none;
}
.table a {
border: none;
}
.table button:hover {
border: none;
background: none;
}
.table a:hover {
border: none;
background: none;
}
.table .material-symbols-outlined {
font-size: 16px !important;
border: none !important;
color: #CE0E71 !important;
}
/* === TABLA SOLUCIONES === */
.info-table-div {
width: 100%;
border: none;
border-radius: 0.25rem;
background-color: #fff;
font-size: 14px;
color: #212529;
}
.info-table-div .info-header {
background-color: #F5F5F5;
color: #484847;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
border-bottom: 1px solid #9E9E9D;
}
.info-table-div .info-row {
background-color: #FFF;
font-size: 12px;
font-weight: 400;
color: #090909;
}
.info-table-div .col-6,
.info-table-div .col-md-4,
.info-table-div .col-md-8 {
display: flex;
align-items: center;
}
.info-table-div details summary {
cursor: pointer;
color: #000;
text-decoration: none;
font-weight: 500;
}
.info-table-div details[open] summary {
text-decoration: none;
}
.info-table-div details .details-content {
margin-top: 6px;
padding-left: 4px;
}
.info-table-div .border-end {
border-color: none !important;
}
.info-table-div .info-row .col-md-8,
.info-table-div .info-row .col-6.col-md-8 {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 100%;
overflow-wrap: break-word;
word-break: break-word;
}
.info-table-div .info-row .col-md-8 details,
.info-table-div .info-row .col-6.col-md-8 details {
width: 100%;
max-width: 100%;
}
.info-table-div .info-row .col-md-8 .details-content,
.info-table-div .info-row .col-6.col-md-8 .details-content {
width: 100%;
max-width: 100%;
overflow-wrap: break-word;
word-break: break-word;
}
.info-table-div .info-row {
align-items: flex-start !important;
border-bottom: 1px solid #D1D1D0;
}
.info-table-div .info-row .col-md-8,
.info-table-div .info-row .col-6.col-md-8 {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.info-table-div .info-row .col-md-8 details,
.info-table-div .info-row .col-6.col-md-8 details {
width: 100%;
display: block;
}
.info-table-div .info-row .col-md-8 .details-content,
.info-table-div .info-row .col-6.col-md-8 .details-content {
width: 100%;
overflow-wrap: break-word;
word-break: break-word;
}
.info-table-div .info-row .col-md-8 .details-content,
.info-table-div .info-row .col-6.col-md-8 .details-content {
margin-top: 8px;
padding-left: 20px;
border-left: 2px solid #e0e0e0;
}
.info-table-div summary {
outline: none;
border: none;
}
.info-table-div summary:focus,
.info-table-div summary:focus-visible,
.info-table-div summary:active {
outline: none;
border: none;
box-shadow: none;
}
.hero-banner h2 {
font-size: 70px;
font-weight: 700;
letter-spacing: -1px;
font-family: "Quicksand";
}
.hero-banner {
min-height: 60vh;
height: 600px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.hero-banner .hero-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
will-change: transform;
}
.hero-banner h1 {
font-size: 16px;
font-family: "Nunito Sans";
line-height: 37px;
font-weight: 500;
letter-spacing: 2px;
white-space: nowrap;
display: inline-block;
border-bottom: 2px solid #e5007d;
}
.hero-banner p {
line-height: 33px;
font-size: 23px;
font-family: "Nunito Sans";
color: #fff;
}
.hero-banner::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.hero-banner .container {
position: relative;
z-index: 2;
}
.animate-on-load {
opacity: 0;
animation: fadeInUp .8s ease-out var(--delay) forwards;
}
.titulo-con-linea {
display: flex;
align-items: center;
justify-content: center;
position: relative;
color: #000;
font-weight: bold;
overflow: hidden;
}
.titulo-con-linea::before,
.titulo-con-linea::after {
content: "";
flex: 1;
height: 1px;
background-color: #CE0E71;
margin: 0 10px;
transform: scaleX(0);
transform-origin: center;
transition: transform 1s ease;
}
.titulo-con-linea.visible::before,
.titulo-con-linea.visible::after {
transform: scaleX(1);
}
@media(max-width:1199px) and (min-width:992px) {
.hero-banner h2 {
font-size: 60px;
font-weight: 600
}
}
@media(max-width:991px) and (min-width:768px) {
.hero-banner h2 {
font-size: 50px;
font-weight: 600
}
}
@media(max-width:767px) and (min-width:576px) {
.hero-banner h2 {
font-size: 40px;
font-weight: 500
}
}
@media(max-width:575px) {
.hero-banner h2 {
font-size: 30px;
font-weight: 500
}
}
/*BADGES*/
.bg-success {
color: #090909;
font-size: 11px;
font-style: normal;
font-weight: 400;
border: 1px solid #7BCF7B;
background-color: #E8FFE7 !important;
}
.bg-warning {
color: #090909 !important;
border: 1px solid #E4AE2A;
background-color: #FFF7E0 !important;
font-size: 11px;
font-style: normal;
font-weight: 400;
}
.bg-danger {
color: #090909;
background-color: #FFF3F1 !important;
border: 1px solid #FF8B7E;
font-size: 12px;
font-style: normal;
font-weight: 400;
}
/* ESTILOS PAGINA NOTICIAS*/
.noticias .news-card {
overflow: hidden;
border-radius: 8px;
background: #FFF;
box-shadow: 0px 2px 6px 0px rgba(10, 14, 20, 0.25);
transition: transform 0.3s ease-in-out;
will-change: transform;
backface-visibility: hidden;
transform: perspective(1px);
margin: 10px 0;
}
.noticias .news-card:hover {
transform: scale(1.02);
}
.news-card img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
border-radius: 8px 8px 0 0;
}
.noticias .news-content {
padding: 16px;
}
.noticias .news-title {
color: #CE0E71 !important;
font-family: "Nunito Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
/* Asegurar que el enlace dentro del título se mantenga rosa */
.noticias .news-title a {
color: #CE0E71 !important;
text-decoration: none;
}
/* Evitar que cambie de color al pasar el cursor o al hacer clic */
.noticias .news-title a:hover,
.news-title a:visited {
color: #CE0E71 !important;
}
.noticias .news-text {
font-size: 14px;
color: #333;
}
/* Ajustes para evitar desbordamientos de margen */
.noticias .archive_loop {
margin-left: -16px;
margin-right: -16px;
}
.archive_loop.noticias {
overflow: hidden;
position: relative;
flex-direction: row !important;
}
.noticias .col-md-4 {
overflow: hidden;
}
.noticias .news-card-wrapper {
overflow: hidden;
border-radius: 8px;
}
/*ESTILOS SITEMAP*/
.mapa-del-sitio a {
color: #000;
font-family: "Nunito Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.mapa-del-sitio a:hover {
color: #CE0E71;
text-decoration: none;
}
.filter-form {
display: flex;
flex-wrap: wrap;
gap: 1rem;
background: #f9f9f9;
padding: 1rem;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.filter-group {
display: flex;
flex-direction: column;
flex: 1;
min-width: 150px;
}
.filter-label {
font-weight: 600;
margin-bottom: 0.5rem;
color: #333;
}
.filter-select {
padding: 0.5rem;
border: 1px solid #ddd;
border-radius: 4px;
}
/* === SECCIONES DE LA PÁGINA DE INICIO (cards en línea) === */
.pagina-inicio .section-title {
font-size: 26px;
font-weight: 700;
margin-bottom: 16px;
color: #090909;
}
.pagina-inicio .ver-todo-btn {
background: transparent;
border: none;
color: #CE0E71;
font-weight: 600;
font-size: 14px;
padding: 8px 14px;
text-decoration: underline;
transition: color 0.3s ease;
}
.pagina-inicio .ver-todo-btn:hover {
text-decoration: underline;
color: #a50b58;
}
.pagina-inicio .row.soluciones {
row-gap: 20px;
}
/*REVIEWS*/
.response-block {
max-width: 60%;
border-radius: 1rem;
position: relative;
padding: .75rem 1rem;
display: inline-block;
margin-bottom: 1rem;
}
.response-block.customer {
background: #f1f0f0;
color: #000;
margin-right: auto;
margin-left: 1rem;
}
.response-block.customer::before {
content: "";
position: absolute;
top: 10px;
left: -12px;
border: 8px solid transparent;
border-right-color: #f1f0f0;
}
.response-block.vendor {
background: var(--primary-color);
color: #fff;
margin-left: auto;
margin-right: 1rem;
}
.response-block.vendor::before {
content: "";
position: absolute;
top: 10px;
right: -12px;
border: 8px solid transparent;
border-left-color: var(--primary-color);
}
.response-header {
font-size: .9rem;
}
.response-actions .btn-link {
font-size: .8rem;
padding: 0 .25rem;
line-height: 1;
}
.product-comments .comment {
padding: 1rem;
margin-bottom: 1.5rem;
border-radius: 0.5rem;
background-color: #fafafa;
border: 1px solid #e0e0e0;
}
.reviews-wrapper .single-review {
margin-bottom: 1.5rem;
padding: 1rem;
background: #fff;
border: 1px solid #ddd;
border-radius: 0.5rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.reviews-wrapper .text-muted a {
text-decoration: none;
color: #000;
}
.reviews-wrapper .single-review .comment-author,
.product-comments .comment-author {
margin-bottom: 0.25rem;
}
@media (max-width: 576px) {
.product-comments .comment,
.reviews-wrapper .single-review {
padding: 0.75rem;
margin-bottom: 1rem;
}
}
/* Alertas y otros */
.single-product .alert-box {
border-radius: 4px;
border: 1px solid #E4AE2A;
border-left: 4px solid #E4AE2A;
background: #FFF7E0;
font-size: 12px;
font-weight: 400;
color: #795700;
padding: 2px 0;
}
.single-product .alert-bottom {
border-bottom: 1px solid #D1D1D0;
}
.single-product .gallery {
border-top: 1px solid #D1D1D0;
}
.single-product .signal-comunicado {
font-size: 14px;
font-weight: 400;
color: #484847;
}
.single-product .signal-message {
font-size: 14px;
font-weight: 700;
}
.single-product .announcement-link {
color: #CE0E71;
font-size: 14px;
font-weight: 700;
}
/* Tablas SINGLE PRODUCTO*/
/* Contenedor y animación de entrada */
.modern-info-table {
margin: 2rem 0;
animation: fadeInUp 0.6s ease-out both;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.info-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
background: #fff;
}
.info-table thead th {
background: #fafafa;
text-transform: uppercase;
font-size: 11px;
font-weight: 400;
line-height: 16px;
padding: 8px;
color: #484847;
border-bottom: 1px solid #9E9E9D;
}
.info-table tbody td {
padding: 8px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: #090909;
transition: background-color 0.3s, transform 0.3s;
vertical-align: top;
}
.info-table tbody tr:hover td {
background-color: #f1f1f1;
transform: translateX(4px);
}
.info-table details {
cursor: pointer;
}
.info-table summary {
list-style: none;
position: relative;
padding-left: 20px;
font-weight: 500;
}
.info-table summary::before {
content: "▶";
position: absolute;
left: 0;
transition: transform 0.2s ease;
}
.info-table details[open] summary::before {
transform: rotate(90deg);
}
.info-table .details-content {
margin-top: 8px;
padding-left: 20px;
border-left: 2px solid #e0e0e0;
}
/* Encabezado del Producto */
.single-product .header-product-intro {
min-height: 595px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.single-product .header-product-info h1.title {
font-weight: 600 !important;
font-size: 32px !important;
}
.single-product .header-product-info .introleft,
.single-product .header-product-info .introright {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 100%);
}
.single-product .header-product-info .introright h1 {
min-width: 200px;
}
.single-product .header-product-info .mkp-logo {
max-width: 125px;
border-radius: 5px;
}
.single-product .header-product-info {
height: 200px;
}
.single-product .vendor-name {
color: #CE0E71;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
}
.woocommerce .star-rating span:before {
color: #CE0E71;
border-color: #CE0E71;
}
.woocommerce .star-rating:before {
color: #e0e0e0;
}
.woocommerce .star-rating {
line-height: 1;
}
.woocommerce p.stars a {
color: #CE0E71;
}
/* Media Queries para header-product-info */
@media (min-width: 992px) and (max-width: 1199px) {
.single-product .header-product-info {
height: 150px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.single-product .header-product-info {
height: 140px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.single-product .header-product-info {
height: 120px;
}
}
@media (max-width: 575px) {
.single-product .header-product-info {
height: auto;
}
}
/*REVIEWS Y OPINIONES*/
.custom-review-template .single-review.review-box {
margin-bottom: 20px;
}
.custom-review-template .review-header {
font-size: 1.1em;
margin-bottom: 5px;
}
.custom-review-template .review-author {
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin-right: 16px;
}
.custom-review-template .review-about {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.custom-review-template .review-about a {
color: #CE0E71;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.custom-review-template .review-rating-row {
margin-bottom: 10px;
display: flex;
flex-direction: column;
}
.custom-review-template .review-rating-label {
color: #484847;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 16px;
margin-bottom: 4px;
}
.custom-review-template .review-title {
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin-bottom: 16px;
}
.custom-review-template .review-description {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 16px;
}
.custom-review-template .review-footer {
text-align: right;
font-size: 0.9em;
color: #666;
}
.custom-review-template .bi-star-fill,
.custom-review-template .bi-star-half,
.custom-review-template .bi-star {
color: #CE0E71;
}
.spinner {
width: 50px;
height: 50px;
border: 5px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: spin 1s infinite linear;
margin: auto;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
/*SIGLE NOTICIAS*/
.single-noticia .noticia-imagen {
width: 100%;
height: 350px;
background-size: cover;
background-position: center;
position: relative;
border-radius: 8px;
}
.single-noticia .fecha-overlay {
position: absolute;
bottom: 10px;
left: 10px;
background: var(--primary-color);
border-radius: 8px;
padding: 10px;
min-width: 60px;
}
/*WIDGETS*/
.widget ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.widget ul li {
margin-bottom: 5px;
}
.widget ul li a {
color: #CE0E71;
text-decoration: none;
font-weight: 500;
display: inline-block;
}
.widget ul li a:hover {
text-decoration: underline;
opacity: 0.8;
}
.search-form .dropdown-menu ul {
padding-left: .5rem;
margin: 0;
}
.search-form .dropdown-menu li {
margin-bottom: 0.25rem;
}
.search-form .dropdown-menu .form-check-label {
font-size: 0.9rem;
}
.search-form .filtros-transicion {
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
max-height: 0;
padding: 0;
}
.search-form .filtros-transicion.expanded {
max-height: 1000px;
padding: 1rem 0;
}
.search-form #filtros-avanzados {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
align-items: center;
}
.search-form .filtros-transicion.expanded {
overflow: visible !important;
}
.dropdown.profile .dropdown-menu.dropdown-menu-end.show {
background: #fff !important;
box-shadow: 0 0 2px 0 rgba(10, 14, 20, 0.25);
border-radius: 4px !important;
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.7);
}
/* ================================================
SUBMENÚ PERFIL
================================================ */
.dropdown-menu .sub-menu {
display: none;
position: absolute;
top: 0;
right: 100%;
left: auto;
min-width: 200px;
margin: 0;
list-style: none;
background: #fff;
border: 1px solid #E1E1E0;
border-radius: 4px;
box-shadow: 0 0 2px 0 rgba(10, 14, 20, 0.25);
padding: 4px 0;
z-index: 9999;
}
.dropdown-menu .menu-item-has-children {
position: relative;
}
.dropdown-menu .menu-item-has-children:hover>.sub-menu {
display: block;
}
.dropdown-menu .sub-menu .sub-menu {
top: -4px;
right: calc(100% - 1px);
left: auto;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-shadow: none;
}
.dropdown-menu .menu-item-has-children>a::after {
content: "keyboard_arrow_left";
font-family: "Material Symbols Outlined";
font-size: 16px;
line-height: 1;
margin-left: 8px;
color: inherit;
float: right;
}
.dropdown-menu .sub-menu a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 16px;
font-size: 12px;
color: #090909;
white-space: nowrap;
text-decoration: none;
}
.dropdown-menu .sub-menu a:hover {
background: #F4F4F4;
color: #AB005C;
}
.dropdown-menu .sub-menu li.current-menu-item>a,
.dropdown-menu .sub-menu li.current_page_item>a {
color: #CE0E71;
font-weight: 500;
}
.entra-dual-buttons {
display: flex;
gap: .5rem;
flex-wrap: wrap;
}
.entra-dual-buttons .login-btn {
border: 1px solid rgba(0, 0, 0, .08);
border-radius: .5rem;
text-decoration: none;
font-size: 0.9rem;
transition: background 0.2s ease;
}
.entra-dual-buttons .login-btn.alt {
border-style: dashed;
font-weight: 500;
}
#dropdownCategorias {
max-width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
#filtros-avanzados .dropdown-menu .form-check-input {
width: 15px;
height: 15px;
}
/* Extra small (XS) – <576px */
@media (max-width: 575.98px) {
.search-form #filtros-avanzados {
width: 100%;
margin-left: 0;
flex-direction: column;
align-items: stretch;
gap: 0.5rem;
justify-content: flex-start;
}
}
/* Small (SM) – ≥576px and <768px */
@media (min-width: 576px) and (max-width: 767.98px) {
.search-form #filtros-avanzados {
width: 100%;
margin-left: 0;
flex-direction: column;
align-items: stretch;
gap: 0.5rem;
justify-content: flex-start;
}
}
/* Medium (MD) – ≥768px and <992px */
@media (min-width: 768px) and (max-width: 991.98px) {
.search-form #filtros-avanzados {
width: 100%;
margin-left: 0;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
justify-content: flex-start;
}
}
/* Large (LG) – ≥992px and <1200px */
@media (min-width: 992px) and (max-width: 1199.98px) {
.search-form #filtros-avanzados {
width: 100%;
margin-left: 0;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
justify-content: center;
}
}
/* Extra large (XL) – ≥1200px and <1400px */
@media (min-width: 1200px) and (max-width: 1399.98px) {
.search-form #filtros-avanzados {
flex-direction: row;
gap: 1rem;
justify-content: center;
align-items: center;
}
}
/* Extra extra large (XXL) – ≥1400px */
@media (min-width: 1400px) {
.search-form #filtros-avanzados {
flex-direction: row;
gap: 1rem;
justify-content: center;
align-items: center;
}
}
/* Ocultar botón de escritorio en pantallas menores a 990px */
@media (max-width: 989px) {
#toggle-filtros {
display: none !important;
}
#clear-search .clear-text {
display: inline;
}
}
@media (min-width: 990px) {
#clear-search .clear-text {
display: none;
}
#toggle-filtros {
display: inline-block !important;
}
#mobile-toggle-wrapper {
display: none !important;
}
}
/* Mostrarlo en pantallas menores a 990px */
@media (max-width: 989px) {
#mobile-toggle-wrapper {
display: block !important;
}
}
@media (max-width: 768px) {
#filtros-avanzados {
flex-direction: column;
align-items: stretch;
}
#filtros-avanzados>.col-auto {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
#filtros-avanzados .dropdown-menu {
width: 100% !important;
min-width: unset !important;
}
}
@media (max-width: 991.98px) {
.search-form .row.align-items-center.g-2 {
flex-direction: column;
gap: 0.5rem;
}
.search-form .col-12 {
flex-direction: column;
align-items: stretch;
}
#filtros-avanzados .form-select,
#filtros-avanzados .form-control,
#filtros-avanzados .btn {
min-width: 100%;
}
.search-form .col-12>* {
width: 100%;
margin-bottom: 0.5rem;
}
.search-form .col-12 .form-control,
.search-form .col-12 .form-select,
.search-form .col-12 button {
width: 100%;
}
.search-form .dropdown-menu {
max-width: 100%;
}
select[name="orden"] {
font-size: 12px;
height: auto;
}
.search-form .segittur-btn,
.search-form .segittur-btn-inverted,
.search-form .btn-outline-secondary {
padding: 10px 12px;
font-size: 16px;
}
.search-form .btn i {
margin-right: 6px;
}
}
/*Busquedas guardadas*/
/* Contenedor del dropdown */
#busquedas-guardadas {
background: #fff;
border: 1px solid #ddd;
border-radius: 0.5rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
padding: 0.5rem 0;
}
/* Cada ítem */
#busquedas-guardadas .dropdown-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.5rem 1rem;
transition: background 0.2s;
font-size: 12px;
}
/* Hover sobre ítem */
#busquedas-guardadas .dropdown-item:hover {
background: #f8f9fa;
}
/* Enlace de la búsqueda */
#busquedas-guardadas .dropdown-item a {
color: #333;
text-decoration: none;
flex-grow: 1;
font-weight: 500;
}
#busquedas-guardadas .dropdown-item a:hover {
color: #000;
}
/* Scroll personalizado */
#busquedas-guardadas {
scrollbar-width: thin;
scrollbar-color: #ccc transparent;
}
#busquedas-guardadas::-webkit-scrollbar {
width: 6px;
}
#busquedas-guardadas::-webkit-scrollbar-track {
background: transparent;
}
#busquedas-guardadas::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 3px;
}
/* Responsividad: ancha en móvil */
@media (max-width: 576px) {
#busquedas-guardadas {
width: 90vw !important;
left: 5vw !important;
right: auto !important;
}
}
/*Fin busquedas guardadas*/
/* Filtros Avanzados en Modo Solución */
/* --- Modo Solución: fluidez general --- */
#filtros-avanzados.modo-solucion {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
#filtros-avanzados.modo-solucion>.col-auto {
flex: 1 1 200px;
min-width: 150px;
}
#filtros-avanzados.modo-solucion #tipologia-wrapper,
#filtros-avanzados.modo-solucion #publicador-wrapper {
display: block !important;
}
/* --- Media queries para móvil --- */
@media (max-width: 576px) {
#filtros-avanzados>.col-auto {
flex: 1 1 100%;
max-width: 100%;
}
}
.comment-rating {
color: #CE0E71;
}
/* ===== BLOQUE CONTACTO ===== */
.pia-contact-form label.form-label {
font-weight: 700;
color: #2A2C38;
margin-bottom: 6px;
display: block;
font-size: 1rem;
line-height: 1.4;
}
.pia-contact-form.body-page input[type="text"],
.pia-contact-form.body-page input[type="tel"],
.pia-contact-form.body-page input[type="email"],
.pia-contact-form.body-page input[type="password"],
.pia-contact-form.body-page textarea,
.pia-contact-form.body-page select {
background-color: #fff;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;
border: 1px solid #dee2e6;
width: 100%;
font-size: 15px;
line-height: 1.4;
border-radius: 4px;
color: #2A2C38;
}
.pia-contact-form.body-page input[type="text"]:focus,
.pia-contact-form.body-page input[type="tel"]:focus,
.pia-contact-form.body-page input[type="email"]:focus,
.pia-contact-form.body-page input[type="password"]:focus,
.pia-contact-form.body-page textarea:focus,
.pia-contact-form.body-page select:focus {
outline: none;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;
border-color: #dee2e6;
}
.contact-inner {
background-color: #fff;
box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.05);
border-radius: 10px;
position: relative;
background-repeat: no-repeat;
background-position: left top;
background-size: auto;
}
.contact-heading .sub-title {
text-transform: uppercase;
font-weight: 500;
font-family: "gilmer", "Nunito Sans", sans-serif;
font-size: 14px;
line-height: 1.2;
color: #788592;
display: inline-block;
position: relative;
padding-left: 8px;
border-left: 4px solid #e5007d;
margin-bottom: 8px;
}
.contact-heading h2 {
font-weight: 600;
color: #000;
line-height: 1.2;
margin: 0;
font-size: 2rem;
font-family: "gilmer", "Nunito Sans", sans-serif;
}
.pia-contact-form .form-check {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 0.9rem;
color: #2A2C38;
}
.pia-contact-form .form-check-input {
width: 18px;
height: 18px;
border-radius: 4px;
border: 1px solid #ccc;
margin-top: 2px;
}
.pia-contact-form .row.g-3 {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 1.5rem;
}
.pia-contact-form {
background-color: transparent;
padding: 0;
}
/*
.pia-contact-form #contact-submit,
.pia-contact-form input[type="submit"] {
display: inline-block;
background-color: #e5007d;
border: 2px solid #e5007d;
color: #fff;
font-weight: 700;
border-radius: 6px;
padding: 10px 30px;
line-height: 1.2;
text-align: center;
cursor: pointer;
transition: all .2s ease-in-out;
min-width: 200px;
}
.pia-contact-form #contact-submit:hover,
.pia-contact-form input[type="submit"]:hover {
background-color: #fff;
color: #e5007d;
}
*/
/* ================================
Contact Form 7 – Estilos de error
================================ */
/* 1) El contenedor del campo (wrap) a bloque para que el mensaje baje debajo del input */
.contact-form-block .wpcf7-form .wpcf7-form-control-wrap {
display: block;
}
/* 2) Campos con error (borde rojo + glow tipo Bootstrap) */
.contact-form-block .wpcf7-form .wpcf7-not-valid {
border-color: #dc3545 !important;
background: #fff3f1;
}
.contact-form-block .wpcf7-form .wpcf7-not-valid:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
/* 3) Mensaje de error bajo el campo */
.contact-form-block .wpcf7-form .wpcf7-not-valid-tip {
display: block !important;
margin-top: 0.25rem;
font-size: 10px;
font-family: "Nunito Sans", sans-serif;
font-style: italic;
font-weight: 400;
line-height: 16px;
color: #B10413;
position: static !important;
white-space: normal;
word-wrap: break-word;
}
/*3.1 Icono exclamación delante del error*/
.contact-form-block .wpcf7-form .wpcf7-not-valid-tip::before {
font-family: 'Material Symbols Outlined';
content: 'warning'; /* nombre del icono en Material Icons */
font-size: 16px;
vertical-align: middle;
color: #B10413;
margin-right: 0.4em;
font-weight: normal;
font-style: normal;
}
/* 4) Ocultar la lista superior de errores, solo visualmente (sigue siendo accesible) */
.contact-form-block .wpcf7 .screen-reader-response {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
/* 5) Mensaje general cuando hay errores */
.contact-form-block .wpcf7-form[data-status="invalid"] .wpcf7-response-output {
margin-top: 1rem;
padding: 0.75rem 1rem;
border-radius: 0.25rem;
border: 1px solid #dc3545;
background: #f8d7da;
color: #842029;
font-size: 0.875rem;
}
/* 6) Mensaje general cuando se envía correctamente */
.contact-form-block .wpcf7-form[data-status="sent"] .wpcf7-response-output {
margin-top: 1rem;
padding: 0.75rem 1rem;
border-radius: 0.25rem;
border: 1px solid #198754;
background: #d1e7dd;
color: #0f5132;
font-size: 0.875rem;
}
textarea[name="your-message"]::placeholder {
font-size: 14px;
}
.wpcf7 .form-check {
padding-left: 0.5rem;
}
.segittur-pagination-wrapper > ul.page-numbers {
list-style: none;
margin: 0;
padding: 0;
width: stretch;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.segittur-pagination-wrapper > ul.page-numbers li {
padding: 0.15rem 0.5rem;
margin-right: 0.5rem;
}
/* Cuando la tarjeta tiene la clase .chart-none queremos que
los elementos dentro de .card-body salgan verticalmente
unidos (sin separación) y que el contenido quede centrado
verticalmente dentro de la tarjeta. Estas reglas se aplican
únicamente cuando .card tiene la clase .chart-none. */
.card.chart-none {
display: flex; /* asegurar contexto flexible para centrar */
flex-direction: column;
}
.card.chart-none .card-body {
display: flex;
flex-direction: column; /* apilar hijos verticalmente */
justify-content: center; /* centrar verticalmente dentro de .card-body */
gap: 0; /* eliminar gap entre elementos flex */
flex: 1 1 auto; /* permitir que .card-body ocupe el espacio disponible */
}
.card.chart-none .card-body > * {
margin-top: 0; /* eliminar márgenes que separan elementos */
margin-bottom: 0;
}