/* ===== BOTONES ACCESO y REGISTRO en el menú de dList ===== */ /* ACCESO */ .menu-area a[href*="/acceso/"] { background: var(--myd-surface) !important; border: 1px solid #000 !important; color: var(--myd-ink) !important; padding: 1px 11px !important; border-radius: 3px !important; font-weight: 600 !important; margin-left: 12px !important; text-decoration: none !important; display: inline-block !important; transition: all 0.3s ease !important; } .menu-area a[href*="/acceso/"]:hover { background: var(--myd-surface) !important; color: #fd4956 !important; border-color: #fd4956 !important; } /* REGISTRO */ .menu-area a[href*="/registro/"] { background-color: var(--myd-btn) !important; color: #fff !important; border: 1px solid #fd4956 !important; padding: 1px 12px !important; border-radius: 3px !important; font-weight: 600 !important; margin-left: 8px !important; text-decoration: none !important; display: inline-block !important; } /* HOVER REGISTRO */ .menu-area a[href*="/registro/"]:hover { background-color: #ea3844 !important; border-color: #ea3844 !important; color: #fff !important; } /* REGISTRO ACTIVO */ .menu-area li.current-menu-item > a[href*="/registro/"], .menu-area li.current_page_item > a[href*="/registro/"], .menu-area li.page_item > a[href*="/registro/"] { background-color: var(--myd-btn) !important; border: 1px solid #fd4956 !important; color: #fff !important; } /* Por si el tema aplica el color al texto interno */ .menu-area li.current-menu-item > a[href*="/registro/"] *, .menu-area li.current_page_item > a[href*="/registro/"] *, .menu-area li.page_item > a[href*="/registro/"] * { color: #fff !important; } /* ===== Estilos para tablet y móvil ===== */ @media (max-width: 1024px) { .menu-area .menu { display: flex !important; flex-direction: column !important; align-items: stretch !important; } .menu-area a[href*="/acceso/"], .menu-area a[href*="/registro/"] { display: block !important; width: 100% !important; text-align: center !important; box-sizing: border-box !important; margin-left: 0 !important; padding: 10px 0 !important; } .menu-area a[href*="/acceso/"] { margin-bottom: 5px !important; } .menu-area a[href*="/registro/"] { margin-top: 0 !important; } } /* ===== BOTÓN REGISTRO ACTIVO: forzado por ID ===== */ /* Por si el tema aplica el color a un elemento interno */ /* Botón "+ Añadir Empresa" en una sola línea */ .author__access_area a.btn.btn-primary.btn-sm { white-space: nowrap !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: auto !important; min-width: 170px !important; } /* Evitar scroll lateral en móviles/tablets. WAVE 34g: «hidden» convertia al en contenedor de desplazamiento y eso anula «position: sticky» en toda la pagina. «clip» recorta igual pero no crea contenedor, asi que la barra lateral vuelve a poder fijarse. */ html, body { overflow-x: clip !important; } /* Asegurarnos que ningún contenedor sobresalga */ @media (max-width: 1024px) { body, .container, .menu-area, .site-content, .elementor-section { max-width: 100% !important; overflow-x: hidden !important; } .menu-area a { white-space: nowrap !important; } } /* Asegurar que los dropdowns del menú estén siempre visibles por encima */ .menu-area .sub-menu, .menu-area .menu > li > .sub-menu { position: absolute !important; z-index: 9999 !important; } /* Restablecer overflow para que el dropdown se muestre */ .menu-area { overflow: visible !important; } /* En vista móvil (si el menú colapsa) */ @media (max-width: 1024px) { .menu-area .sub-menu, .menu-area .menu > li > .sub-menu { position: relative !important; z-index: 9999 !important; } } /*Mensaje limite del plan*/ /*Cajas de Registro*/ .myd-plans-section { padding: 70px 20px; background: var(--myd-surface); } } @media (max-width: 520px) { .myd-plans-section { padding: 45px 16px; } } /* ========================================================================== MYDIRECTORY — DESIGN SYSTEM v1 (tokens globales) Wave 1 · 2026-08-28 · sustituye a "Wave 2: shared Directorist archive cards" ========================================================================== */ :root { --myd-ink: #12151a; --myd-text: #3c4460; --myd-muted: #6b7490; --myd-line: #e6e9f2; --myd-line-strong: #d7dce9; --myd-surface: var(--myd-surface); --myd-soft: var(--myd-surface-2); --myd-primary: #fd4956; --myd-btn: #cc3a4d; /* Wave 71: coral de marca al 80%. 4,53:1 con la tinta clara del sistema y 4,91:1 con blanco puro. Solo relleno de boton; el acento de marca sigue siendo --myd-primary */ --myd-primary-dark: #e4323f; --myd-primary-soft: #fff1f2; --myd-navy: #12151a; --myd-r-sm: 10px; --myd-r-md: 14px; --myd-r-lg: 20px; --myd-shadow-1: 0 1px 2px rgba(22, 27, 49, .04), 0 6px 20px rgba(22, 27, 49, .06); --myd-shadow-2: 0 14px 38px rgba(22, 27, 49, .13); } /* ========================================================================== MYDIRECTORY — TARJETA DE EMPRESA (WAVE 4 · 2026-08-29) Reemplaza íntegramente el sistema de cards de la WAVE 1. Superficies: home, /empresas/, categorías, localidades. Anatomía: placa de marca + azulejo de logo + cuerpo + CTA de ancho completo. ========================================================================== */ /* 1 · Rejilla (fila/columnas de Directorist) */ .directorist-archive-items .directorist-row{ margin-left:-13px; margin-right:-13px; row-gap:26px; } .directorist-archive-items .directorist-row > [class*="directorist-col-"]{ display:flex; margin-bottom:0; padding-left:13px; padding-right:13px; } @media (min-width:1100px){ .directorist-archive-items .directorist-row > .directorist-col-6, .directorist-archive-items .directorist-row > .directorist-col-4{ max-width:33.3333%; flex:0 0 33.3333%; } } @media (min-width:768px) and (max-width:1099px){ .directorist-archive-items .directorist-row{row-gap:20px;margin-left:-10px;margin-right:-10px;} .directorist-archive-items .directorist-row > [class*="directorist-col-"]{ max-width:50%; flex:0 0 50%; padding-left:10px; padding-right:10px; } } @media (max-width:767px){ .directorist-archive-items .directorist-row{row-gap:16px;margin-left:0;margin-right:0;} .directorist-archive-items .directorist-row > [class*="directorist-col-"]{ max-width:100%;flex:0 0 100%;padding-left:0;padding-right:0; } } /* 2 · Contenedor */ .directorist-archive-items .directorist-listing-card{ position:relative; display:flex; width:100%; height:100%; flex-direction:column; padding:0!important; border:1px solid var(--myd-line)!important; border-radius:var(--myd-r-lg)!important; background:var(--myd-surface)!important; box-shadow:0 1px 2px rgba(22,27,49,.045),0 8px 24px -14px rgba(22,27,49,.18)!important; overflow:hidden!important; isolation:isolate; transition:transform 220ms cubic-bezier(.2,.8,.3,1),box-shadow 220ms ease,border-color 220ms ease; } @media (hover:hover) and (pointer:fine){ .directorist-archive-items .directorist-listing-card:hover{ transform:translateY(-4px); border-color:#cfd6e8!important; box-shadow:0 2px 4px rgba(22,27,49,.05),0 26px 48px -22px rgba(22,27,49,.32)!important; } } /* 3 · Placa de marca */ .directorist-archive-items .directorist-listing-single__thumb{ position:relative!important; z-index:auto!important; width:auto!important; height:var(--myd-card-plate)!important; min-height:0!important; flex:0 0 var(--myd-card-plate); margin:0!important; padding:0!important; border-bottom:1px solid var(--myd-line); background: radial-gradient(120% 160% at 88% -30%,rgba(253,73,86,.10) 0%,rgba(253,73,86,0) 58%), linear-gradient(135deg,var(--myd-surface-2) 0%,var(--myd-surface-2) 48%,var(--myd-surface-2) 100%); overflow:visible!important; pointer-events:none; } .directorist-archive-items .directorist-listing-single__thumb::before{ position:absolute; z-index:0; background-image: repeating-linear-gradient(90deg,rgba(22,27,49,.035) 0 1px,transparent 1px 24px), repeating-linear-gradient(0deg,rgba(22,27,49,.035) 0 1px,transparent 1px 24px); content:""; inset:0; -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,0) 92%); mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,0) 92%); } /* 4 · Azulejo del logotipo */ .directorist-archive-items .directorist-thumnail-card, .directorist-archive-items .directorist-thumnail-card.directorist-card-cover, .directorist-archive-items .directorist-thumnail-card-front-wrap{ position:static!important; width:auto!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .directorist-archive-items .directorist-thumnail-card.directorist-card-cover{ position:absolute!important; z-index:2; bottom:-38px; left:20px; width:78px!important; height:78px!important; padding:10px!important; border:1px solid #e3e8f4!important; border-radius:18px!important; background:var(--myd-surface)!important; box-shadow:0 2px 3px rgba(22,27,49,.05),0 12px 26px -12px rgba(22,27,49,.30)!important; transition:transform 220ms cubic-bezier(.2,.8,.3,1),box-shadow 220ms ease; } @media (hover:hover) and (pointer:fine){ .directorist-archive-items .directorist-listing-card:hover .directorist-thumnail-card.directorist-card-cover{ transform:translateY(-2px) scale(1.03); box-shadow:0 2px 3px rgba(22,27,49,.05),0 18px 32px -14px rgba(22,27,49,.36)!important; } } .directorist-archive-items .directorist-thumnail-card .directorist-swiper, .directorist-archive-items .directorist-thumnail-card .swiper-wrapper, .directorist-archive-items .directorist-thumnail-card .swiper-slide, .directorist-archive-items .directorist-thumnail-card .swiper-slide > a, .directorist-archive-items .directorist-thumnail-card figure{ width:100%!important; height:100%!important; min-height:0!important; margin:0!important; padding:0!important; background:transparent!important; transform:none!important; } .directorist-archive-items .directorist-thumnail-card .swiper-slide:not(.swiper-slide-active){display:none!important;} .directorist-archive-items .directorist-swiper__navigation, .directorist-archive-items .directorist-swiper__pagination, .directorist-archive-items .directorist-thumb-listing-author, .directorist-archive-items .directorist-thumb-bottom-left, .directorist-archive-items .directorist-thumb-bottom-right{display:none!important;} .directorist-archive-items .directorist-thumnail-card-front-img, .directorist-archive-items .directorist-thumnail-card img{ position:relative; display:block; width:100%!important; height:100%!important; border-radius:10px; background:transparent; color:transparent; font-size:0; object-fit:contain!important; /* Contorno mínimo: hace legible un logotipo blanco sobre azulejo blanco. */ filter:drop-shadow(0 0 .8px rgba(22,27,49,.55)) drop-shadow(0 1px 2px rgba(22,27,49,.10)); } /* Estado vacío cuando la imagen falta o está rota (los pseudos solo pintan si el recurso falla). */ .directorist-archive-items .directorist-thumnail-card img::after{ position:absolute; z-index:2; border-radius:10px; background:linear-gradient(135deg,#eef1f8,var(--myd-surface-2)); content:""; inset:0; } .directorist-archive-items .directorist-thumnail-card img::before{ position:absolute; z-index:3; top:50%; left:50%; width:26px; height:26px; margin:-13px 0 0 -13px; background-color:#c3cadb; content:""; -webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V7l7-4 7 4v14M9 21v-5h6v5M9 11h.01M15 11h.01'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V7l7-4 7 4v14M9 21v-5h6v5M9 11h.01M15 11h.01'/%3E%3C/svg%3E") center/contain no-repeat; } /* 5 · Favorito */ .directorist-archive-items .directorist-thumb-top-right{ position:absolute!important; z-index:4!important; top:14px!important; right:14px!important; bottom:auto!important; left:auto!important; margin:0!important; padding:0!important; pointer-events:auto; } .directorist-archive-items .directorist-mark-as-favorite__btn{ display:flex!important; width:34px!important; height:34px!important; align-items:center; justify-content:center; padding:0!important; border:1px solid rgba(22,27,49,.07)!important; border-radius:50%!important; background:rgba(255,255,255,.86)!important; box-shadow:0 2px 8px -2px rgba(22,27,49,.16)!important; backdrop-filter:blur(6px); transition:background 160ms ease,transform 160ms ease; } .directorist-archive-items .directorist-mark-as-favorite__btn:hover{ background:var(--myd-surface)!important; transform:scale(1.06); } .directorist-archive-items .directorist-favorite-icon::before, .directorist-archive-items .directorist-favorite-icon .directorist-icon-mask::after{background-color:#8b93ad!important;} .directorist-archive-items .directorist-mark-as-favorite__btn:hover .directorist-favorite-icon::before, .directorist-archive-items .directorist-mark-as-favorite__btn:hover .directorist-icon-mask::after{background-color:var(--myd-btn)!important;} /* 6 · Distintivos */ .directorist-archive-items .directorist-thumb-top-left{ position:absolute!important; z-index:4!important; top:16px!important; right:58px!important; left:auto!important; pointer-events:none; } .directorist-archive-items .directorist-badge{ display:inline-flex!important; height:24px; align-items:center; gap:5px; padding:0 10px!important; border:0!important; border-radius:999px!important; background:rgba(18, 21, 26,.90)!important; color:#fff!important; font-size:11.5px!important; font-weight:700!important; letter-spacing:.02em; line-height:1!important; text-transform:uppercase; } .directorist-archive-items .directorist-badge .directorist-icon-mask{display:none!important;} /* "Nuevo" aparece en casi todas las fichas: como distintivo no informa. */ .directorist-archive-items .directorist-badge-new{display:none!important;} /* WAVE 73 · «Popular» sale en 10 de 12 tarjetas: como distintivo no informa, y encima se pisaba con el chip de categoria. */ .directorist-archive-items .directorist-badge-popular{display:none!important;} /* 7 · Chip de categoría sobre la placa */ .directorist-archive-items .directorist-listing-single__meta__left{ position:absolute!important; z-index:4!important; top:15px; left:20px; max-width:calc(100% - 78px); margin:0!important; padding:0!important; pointer-events:auto; } .directorist-archive-items .directorist-listing-category{ position:relative; display:flex; align-items:center; gap:6px; min-width:0; margin:0!important; padding:0!important; } /* WAVE 73 · El «+N» solo se abre al pasar el raton: en movil no existe y en escritorio no dice de que categoria habla. Ademas caia a una segunda linea. */ .directorist-archive-items .directorist-listing-category__popup{display:none!important;} .directorist-archive-items .directorist-listing-category a{ display:block!important; height:28px; padding:0 10px!important; flex:0 1 auto; min-width:0; max-width:100%; border:1px solid rgba(22,27,49,.06)!important; border-radius:999px!important; background:rgba(255,255,255,.92)!important; box-shadow:0 1px 5px -1px rgba(22,27,49,.12); backdrop-filter:blur(6px); color:var(--myd-text)!important; font-size:12.5px!important; font-weight:600!important; letter-spacing:-.005em; line-height:28px!important; overflow:hidden; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; transition:color 160ms ease,background 160ms ease; } .directorist-archive-items .directorist-listing-category a:hover{ background:var(--myd-surface)!important; color:var(--myd-ink)!important; } .directorist-archive-items .directorist-listing-category .directorist-icon-mask{display:none!important;} /* 8 · Cuerpo */ .directorist-archive-items .directorist-listing-single__content{ position:static!important; display:flex; flex:1 1 auto; flex-direction:column; padding:var(--myd-card-body-top) 20px 0!important; background:transparent!important; overflow:visible!important; } .directorist-archive-items .directorist-listing-single__info, .directorist-archive-items .directorist-listing-single__info__top{ position:static!important; display:block!important; gap:0!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; overflow:visible!important; } .directorist-archive-items .directorist-listing-single__info{flex:1 1 auto;} .directorist-archive-items .directorist-listing-title{ position:static!important; margin:0 0 7px!important; font-size:var(--myd-card-title)!important; font-weight:700!important; letter-spacing:-.021em; line-height:1.28!important; /* Wave 58: era visible; un nombre de 184 caracteres desbordaba la tarjeta */ overflow:hidden!important; } .directorist-archive-items .directorist-listing-title a{ /* Wave 58: era inline; sin caja no hay recorte posible por lineas */ display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--myd-ink)!important; text-decoration:none; transition:color 160ms ease; } .directorist-archive-items .directorist-listing-card:hover .directorist-listing-title a{color:var(--myd-primary)!important;} /* El destino de la tarjeta cubre toda su superficie: ningún contenedor intermedio puede crear contexto de posicionamiento ni recortar el desbordamiento. */ .directorist-archive-items .directorist-listing-title a::after{ position:absolute; z-index:1; display:block; min-height:0; margin:0; padding:0; border:0; border-radius:var(--myd-r-lg)!important; background:transparent; content:""; inset:0; } .directorist-archive-items .directorist-listing-tagline{ display:-webkit-box; margin:0 0 15px!important; color:var(--myd-muted)!important; font-size:var(--myd-t-card-desc)!important; font-weight:400!important; line-height:1.5!important; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; } /* Rango de precios vacío y valoración 0.0: ruido sin dato detrás. */ .directorist-archive-items .directorist-rating-meta, .directorist-archive-items .directorist-rating-transparent, .directorist-archive-items .directorist-pricing-meta{display:none!important;} /* 9 · Localización */ .directorist-archive-items .directorist-listing-single__info__list{ display:flex; flex-wrap:wrap; gap:6px 14px; margin:0 0 16px!important; padding:0!important; list-style:none; } .directorist-archive-items .directorist-listing-single__info__list li{ display:flex; min-height:0!important; align-items:center; gap:7px; margin:0!important; padding:0!important; border:0!important; color:var(--myd-text)!important; font-size:13.5px!important; line-height:1.3; } .directorist-archive-items .directorist-listing-single__info__list a{ position:relative; z-index:2; color:var(--myd-text)!important; text-decoration:none; } .directorist-archive-items .directorist-listing-single__info__list a:hover{ color:var(--myd-ink)!important; text-decoration:underline; text-underline-offset:3px; } /* Sistema de iconos: mismo tamaño, mismo color, sin discos de color. */ .directorist-archive-items .directorist-listing-single__info__list .directorist-icon-mask{ width:15px!important; height:15px!important; min-width:15px!important; flex:0 0 15px!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .directorist-archive-items .directorist-listing-single__info__list .directorist-icon-mask::after{ background-color:#98a0b8!important; -webkit-mask-size:contain; mask-size:contain; } /* 10 · Pie: CTA de ancho completo */ .directorist-archive-items .directorist-listing-single__meta{ position:static!important; display:flex!important; min-height:0!important; flex-wrap:nowrap; align-items:center; justify-content:flex-start; margin:auto -20px 0!important; padding:13px 20px!important; border-top:1px solid var(--myd-line)!important; background:linear-gradient(180deg,var(--myd-surface-2) 0%,var(--myd-surface-2) 100%)!important; } .directorist-archive-items .directorist-listing-single__meta__right{ display:flex; width:100%; flex:1 1 auto; align-items:center; justify-content:space-between; margin:0!important; padding:0!important; } .directorist-archive-items .directorist-listing-single__meta__right::after{ color:var(--myd-primary); content:"Ver empresa"; font-size:13.5px; font-weight:700; letter-spacing:-.01em; white-space:nowrap; } .directorist-archive-items .directorist-listing-single__meta__right::before{ order:2; width:16px; height:16px; background-color:var(--myd-btn); content:""; -webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat; transition:transform 200ms cubic-bezier(.2,.8,.3,1); } .directorist-archive-items .directorist-listing-card:hover .directorist-listing-single__meta__right::before{transform:translateX(4px);} /* 11 · Móvil */ @media (max-width:767px){ .directorist-archive-items .directorist-listing-single__thumb{height:var(--myd-card-plate)!important;flex-basis:var(--myd-card-plate);} .directorist-archive-items .directorist-thumnail-card.directorist-card-cover{ bottom:-34px; left:18px; width:68px!important; height:68px!important; padding:9px!important; border-radius:16px!important; } .directorist-archive-items .directorist-listing-single__meta__left{top:13px;left:18px;max-width:calc(100% - 114px);} .directorist-archive-items .directorist-listing-single__content{padding:var(--myd-card-body-top) 18px 0!important;} .directorist-archive-items .directorist-listing-title{font-size:var(--myd-card-title)!important;} .directorist-archive-items .directorist-listing-single__meta{margin:auto -18px 0!important;padding:12px 18px!important;} } /* ========================================================================== BUSCADOR, BARRA DE RESULTADOS Y PAGINACIÓN ========================================================================== */ .directorist-archive-contents .directorist-search-form { padding: 10px; border: 1px solid var(--myd-line); border-radius: var(--myd-r-lg); background: var(--myd-surface); box-shadow: var(--myd-shadow-1); } .directorist-archive-contents .directorist-listings-header { margin: 28px 0 20px; } .directorist-archive-contents .directorist-listings-header__left { color: var(--myd-muted); font-size: 14px; font-weight: 600; } .directorist-archive-contents .directorist-listings-header__left strong, .directorist-archive-contents .directorist-listings-header__left .directorist-count { color: var(--myd-ink); font-size: 18px; font-weight: 750; } .directorist-archive-contents .directorist-btn, .directorist-archive-contents .directorist-dropdown__toggle, .directorist-archive-contents .directorist-viewas__item { min-height: 44px; border-radius: var(--myd-r-sm) !important; } .directorist-pagination { display: flex; margin-top: 42px; flex-wrap: wrap; justify-content: center; gap: 8px; } .directorist-pagination .page-numbers { display: inline-flex; width: 44px; height: 44px; margin: 0; align-items: center; justify-content: center; border: 1px solid var(--myd-line); border-radius: var(--myd-r-sm) !important; background: var(--myd-surface); color: var(--myd-ink); font-weight: 700; } .directorist-pagination .page-numbers.current { border-color: var(--myd-primary); background: var(--myd-btn) !important; color: #ffffff !important; } @media (max-width: 767px) { .directorist-archive-contents .directorist-search-form { padding: 8px; border-radius: var(--myd-r-md); } .directorist-pagination { margin-top: 30px; gap: 6px; } } /* ========================================================================== MYDIRECTORY — FICHA DE EMPRESA (WAVE 2 · 2026-08-28) Sustituye a "Wave 3: shared single-listing layout repair" y "Wave 3B". Objetivo: landing profesional de empresa — identidad, confianza y contacto. ========================================================================== */ .single-at_biz_dir { background: linear-gradient(180deg, #f2f4fa 0, #f7f9fc 520px, var(--myd-surface) 100%); } .single-at_biz_dir .directory_listing_detail_area.single_area.section-padding-strict { padding: 40px 0 72px; } .single-at_biz_dir .page-area.section-padding-strict { padding-top: 40px; padding-bottom: 72px; } /* -------------------------------------------------------------------------- 1. MASTHEAD: banda de marca + azulejo de logo -------------------------------------------------------------------------- */ .single-at_biz_dir .listing-details-wrapper { position: relative; height: 188px; min-height: 188px; /* El masthead seguia el contenedor antiguo de 1140 y quedaba 42 px desalineado respecto al contenido. Sigue al contenedor actual. */ max-width: none; margin: 0 auto; padding: 0; overflow: visible; border: 0; border-radius: 24px 24px 0 0; background: linear-gradient(118deg, #12151a 0%, #1a1e24 58%, #232830 100%); box-shadow: none; } .single-at_biz_dir .listing-details-wrapper::before { position: absolute; inset: 0; content: ""; pointer-events: none; border-radius: inherit; background: radial-gradient(120% 160% at 88% 0%, rgba(253, 73, 86, .30), transparent 58%); } .single-at_biz_dir .listing-details-wrapper::after { display: none; } /* dList pinta el logo como background-image del contenedor: se contiene, no se recorta. */ .single-at_biz_dir .listing-details-wrapper .bg_image_holder { position: absolute !important; top: auto !important; bottom: -52px; left: 40px; z-index: 6; width: 132px; height: 132px; padding: 15px; box-sizing: border-box; overflow: hidden; border: 1px solid #e6e9f2; border-radius: 22px; background-color: var(--myd-surface); background-origin: content-box; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; box-shadow: 0 18px 44px rgba(22, 27, 49, .20); } /* Silueta de respaldo: hace visible un logo blanco o muy claro sobre el azulejo. */ .single-at_biz_dir .listing-details-wrapper .bg_image_holder::before { position: absolute; z-index: -1; inset: 15px; content: ""; background-image: inherit; background-position: center; background-repeat: no-repeat; background-size: contain; filter: brightness(0) saturate(0); opacity: .16; transform: scale(1.04); } .single-at_biz_dir .listing-details-wrapper .bg_image_holder img { display: none; } .single-at_biz_dir .listing-details-wrapper .content_above { position: absolute; top: 0; right: 0; left: 0; z-index: 7; } .single-at_biz_dir .listing-details-wrapper .directorist-listing-single__quick-actions, .single-at_biz_dir .listing-details-wrapper .listing_action_btns, .single-at_biz_dir .listing-details-wrapper .atbd_listing_action_area { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding: 18px 22px 0 0; transform: none !important; } .single-at_biz_dir .listing-details-wrapper .directorist-single-listing-action { min-height: 36px; margin: 0; padding: 0 13px; border: 1px solid rgba(255, 255, 255, .26); border-radius: 10px; background: rgba(255, 255, 255, .10); color: #ffffff; font-size: 13px; font-weight: 600; white-space: normal; box-shadow: none; backdrop-filter: blur(6px); } .single-at_biz_dir .listing-details-wrapper .directorist-single-listing-action:hover { border-color: rgba(255, 255, 255, .55); background: rgba(255, 255, 255, .20); color: #ffffff; } /* -------------------------------------------------------------------------- 2. PANEL DE IDENTIDAD -------------------------------------------------------------------------- */ .single-at_biz_dir .listing-details-contents { position: relative; z-index: 5; width: 100%; max-width: none; margin: 0 auto; overflow: hidden; border: 1px solid #e6e9f2; border-top: 0; border-radius: 0 0 24px 24px; background: var(--myd-surface); color: var(--myd-ink); box-shadow: 0 18px 48px rgba(22, 27, 49, .08); } .single-at_biz_dir .listing-details-contents::before { display: none; } .single-at_biz_dir .listing-details-contents .listing-info { padding: 86px 40px 32px; } .single-at_biz_dir .listing-details-contents .row > .col-lg-8.col-md-7 { width: 100%; max-width: 100%; flex: 0 0 100%; } .single-at_biz_dir .listing-details-contents .row > .col-lg-4.col-md-5 { display: none; } .single-at_biz_dir .single-listing-title { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 10px 14px; } .single-at_biz_dir .atbd_sub_title { max-width: 720px; margin: 14px 0 0; color: var(--myd-text); font-size: 18px; line-height: 1.6; } .single-at_biz_dir .directorist-listing-single-quickinfo .directorist-info-item-badges { display: none !important; } .single-at_biz_dir .single-listing-title .directorist-badge { min-height: 24px; padding: 4px 10px; border: 0; border-radius: 999px; background: var(--myd-surface-2); color: var(--myd-text); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; box-shadow: none; } .single-at_biz_dir .single-listing-title .directorist-badge { background: var(--myd-surface-2) !important; color: var(--myd-text) !important; border: 0 !important; } /* Un bloque sin contenido no se muestra. */ .single-at_biz_dir .directorist-single-wrapper > section.directorist-card-general-section:not(:has(.directorist-single-map)):not(:has(.directorist-single-tag-list)):not(:has(.directorist-listing-details__text)):not(:has(.directorist-single-info)):not(:has(img)) { display: none; } .single-at_biz_dir .directorist-listing-single-quickinfo, .single-at_biz_dir .directorist-listing-single-quickinfo .directorist-listing-single__info { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 10px; margin-top: 18px; text-align: left; } .single-at_biz_dir .directorist-listing-single-quickinfo .directorist-info-item { display: inline-flex; min-height: 36px; align-items: center; gap: 8px; padding: 7px 14px; border: 1px solid #e6e9f2; border-radius: 999px; background: var(--myd-surface-2); } .single-at_biz_dir .directorist-listing-single-quickinfo .directorist-info-item a { min-height: 0; padding: 0; border: 0; background: transparent; color: var(--myd-text) !important; font-size: 14px; font-weight: 600; } .single-at_biz_dir .directorist-listing-single-quickinfo .directorist-info-item a:hover { color: var(--myd-ink) !important; } /* -------------------------------------------------------------------------- 3. SISTEMA DE ICONOS -------------------------------------------------------------------------- */ .single-at_biz_dir .directorist-listing-single-quickinfo .directorist-icon-mask, .single-at_biz_dir .directorist-single-tag-list .directorist-icon-mask, .single-at_biz_dir .single-listing-title .directorist-badge .directorist-icon-mask { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; border-radius: 0 !important; background: transparent !important; } .single-at_biz_dir .directorist-listing-single-quickinfo .directorist-icon-mask::after, .single-at_biz_dir .directorist-single-tag-list .directorist-icon-mask::after, .single-at_biz_dir .single-listing-title .directorist-badge .directorist-icon-mask::after { width: 16px !important; height: 16px !important; background-color: #6b7490 !important; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; } /* -------------------------------------------------------------------------- 4. COMPOSICION DEL CUERPO -------------------------------------------------------------------------- */ .single-at_biz_dir .directorist-single-contents-area { margin-top: 40px; } .single-at_biz_dir .directorist-single-contents-area > .directorist-row { align-items: flex-start; row-gap: 32px; } @media (min-width: 901px) { .single-at_biz_dir .directorist-single-contents-area > .directorist-row > .directorist-col-lg-8 { width: 70%; max-width: 70%; flex: 0 0 70%; } .single-at_biz_dir .directorist-single-contents-area > .directorist-row > .directorist-col-lg-4 { width: 30%; max-width: 30%; flex: 0 0 30%; } } .single-at_biz_dir .directorist-single-wrapper { display: flex; flex-direction: column; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-single-info-web) { order: -1; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-listing-details__text) { order: 1; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-single-tag-list) { order: 2; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-single-map) { order: 3; } .single-at_biz_dir .directorist-single-wrapper > .directorist-card-general-section, .single-at_biz_dir .directorist-sidebar > .directorist-card, .single-at_biz_dir .directorist-review-container { overflow: hidden; margin-bottom: 22px; border: 1px solid #e9ecf5 !important; border-radius: 20px !important; background: var(--myd-surface) !important; box-shadow: var(--myd-e-1) !important; } .single-at_biz_dir .directorist-card__header, .single-at_biz_dir .directorist-widget__header { min-height: 0; padding: 20px 26px; border-bottom: 1px solid #eef0f6; background: var(--myd-surface); color: var(--myd-ink); } .single-at_biz_dir .directorist-card__header__title, .single-at_biz_dir .directorist-widget__header__title { margin: 0; color: var(--myd-ink); font-size: 19px; font-weight: 750; line-height: 1.3; letter-spacing: -.02em; } .single-at_biz_dir .directorist-card__body, .single-at_biz_dir .directorist-widget .directorist-card__body { padding: 26px; } .single-at_biz_dir .directorist-card__header-icon, .single-at_biz_dir .directorist-single-info__label-icon { display: inline-grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; margin-right: 10px; border-radius: 9px; background: #fff0f1; color: #fd4956; } /* Los titulos de seccion se renombraron en el Maquetador de Directorist (Wave 8): el reemplazo por CSS de la Wave 2 se elimina por innecesario. */ /* -------------------------------------------------------------------------- 5. BLOQUE DE CONVERSION Telefono y email ya eran enlaces tel:/mailto: ahora tambien lo parecen. -------------------------------------------------------------------------- */ .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-single-info-web) > .directorist-card__body .directorist-details-info-wrap { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .single-at_biz_dir .directorist-single-info-phone { order: 1; } .single-at_biz_dir .directorist-single-info-email { order: 2; } .single-at_biz_dir .directorist-single-info-web { order: 3; grid-column: 1 / -1; } .single-at_biz_dir .directorist-single-info-address { order: 4; grid-column: 1 / -1; } .single-at_biz_dir .directorist-single-info-zip { order: 5; grid-column: 1 / -1; } .single-at_biz_dir .directorist-single-info-phone, .single-at_biz_dir .directorist-single-info-email { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 0; padding: 16px 18px; border: 1px solid #e6e9f2; border-radius: 16px; background: var(--myd-surface-2); transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease; } .single-at_biz_dir .directorist-single-info-phone:hover, .single-at_biz_dir .directorist-single-info-email:hover { border-color: #fd4956; background: var(--myd-surface); box-shadow: 0 10px 26px rgba(253, 73, 86, .12); } .single-at_biz_dir .directorist-single-info-phone .directorist-single-info__value a, .single-at_biz_dir .directorist-single-info-email .directorist-single-info__value a { display: block; overflow: hidden; color: var(--myd-ink); font-size: 19px; font-weight: 750; letter-spacing: -.01em; white-space: nowrap; text-overflow: ellipsis; } .single-at_biz_dir .directorist-single-info-phone .directorist-single-info__value a::after, .single-at_biz_dir .directorist-single-info-email .directorist-single-info__value a::after { position: absolute; content: ""; inset: 0; } .single-at_biz_dir .directorist-single-info-phone:hover .directorist-single-info__value a, .single-at_biz_dir .directorist-single-info-email:hover .directorist-single-info__value a { color: #fd4956; } .single-at_biz_dir .directorist-single-info__label { display: flex; align-items: center; margin-bottom: 6px; color: var(--myd-muted); font-size: 11.5px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; } /* La sustitucion de texto por CSS que habia aqui (font-size:0 + ::after con «Teléfono», «Email», «Dirección», «Código postal») queda retirada: el rotulo real del Maquetador es el que se muestra. Wave 19. */ .single-at_biz_dir .directorist-single-info-address, .single-at_biz_dir .directorist-single-info-zip { display: flex; flex-direction: row; align-items: center; gap: 14px; min-height: 0; padding: 14px 0 0; border: 0; border-top: 1px solid #eef0f6; border-radius: 0; background: transparent; } .single-at_biz_dir .directorist-single-info-address .directorist-single-info__label, .single-at_biz_dir .directorist-single-info-zip .directorist-single-info__label { flex: 0 0 auto; min-width: 150px; margin-bottom: 0; } .single-at_biz_dir .directorist-single-info-address .directorist-single-info__value, .single-at_biz_dir .directorist-single-info-zip .directorist-single-info__value { color: var(--myd-text); font-size: 15.5px; font-weight: 600; } .single-at_biz_dir .directorist-single-info-web { min-height: 0; padding: 0; border: 0; background: transparent; } .single-at_biz_dir .directorist-single-info-web .directorist-single-info__label { display: none; } .single-at_biz_dir .directorist-single-info-web .directorist-single-info__value, .single-at_biz_dir .directorist-single-info-web a:not(.myd-web) { width: 100%; } .single-at_biz_dir .directorist-single-info-web a:not(.myd-web) { display: flex; min-height: 56px; align-items: center; justify-content: center; padding: 14px 24px; border-radius: 14px; background: var(--myd-btn); color: #ffffff; font-size: 16.5px; font-weight: 750; box-shadow: 0 12px 26px rgba(253, 73, 86, .24); transition: background 150ms ease, transform 150ms ease; } /* La etiqueta del boton la escribe el servidor (fragmento PHP Wave 22): ya no se sustituye texto con CSS. */ .single-at_biz_dir .directorist-single-info-web a:not(.myd-web):hover { background: #e4323f; transform: translateY(-1px); } /* -------------------------------------------------------------------------- 6. CONTENIDO EDITORIAL -------------------------------------------------------------------------- */ .single-at_biz_dir .directorist-details-info-wrap, .single-at_biz_dir .directorist-listing-details__text { display: block; width: 100%; min-width: 0; max-width: 100%; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-listing-details__text) .directorist-listing-details__text { max-width: 74ch; } .single-at_biz_dir .directorist-listing-details__text > p:first-child { margin: 0 0 22px; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--myd-ink); font-size: 19px; font-weight: 500; line-height: 1.65; } .single-at_biz_dir .directorist-listing-details__text p, .single-at_biz_dir .directorist-listing-details__text li { color: var(--myd-text); font-size: 16.5px; line-height: 1.72; } .single-at_biz_dir .directorist-listing-details__text p { margin: 0 0 18px; } .single-at_biz_dir .directorist-listing-details__text h2, .single-at_biz_dir .directorist-listing-details__text h3 { color: var(--myd-ink); letter-spacing: -.02em; overflow-wrap: anywhere; } .single-at_biz_dir .directorist-listing-details__text h2 { margin: 38px 0 14px; font-size: 26px; line-height: 1.25; } .single-at_biz_dir .directorist-listing-details__text h3 { margin: 28px 0 12px; font-size: 21px; line-height: 1.3; } .single-at_biz_dir .directorist-listing-details__text ul, .single-at_biz_dir .directorist-listing-details__text ol { display: block !important; margin: 0 0 22px; padding-left: 22px; columns: 1 !important; list-style-position: outside; } .single-at_biz_dir .directorist-listing-details__text li { width: auto !important; margin: 0 0 9px; float: none !important; } .single-at_biz_dir .directorist-listing-details__text img { max-width: 100%; height: auto !important; } .single-at_biz_dir .directorist-listing-details__text figure { width: 100%; margin: 28px 0 34px; overflow: hidden; border-radius: 18px; box-shadow: 0 16px 40px rgba(22, 27, 49, .12); } .single-at_biz_dir .directorist-listing-details__text table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; } .single-at_biz_dir .directorist-listing-details__text a, .single-at_biz_dir .directorist-single-info a, .single-at_biz_dir .directorist-contact-owner-form * { overflow-wrap: anywhere; word-break: normal; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-single-map) .directorist-card__body { padding: 0; } .single-at_biz_dir .directorist-single-map { width: 100%; max-width: 100%; height: 340px; border-radius: 0; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-single-map) .directorist-details-info-wrap { padding-bottom: 18px; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-single-map) .directorist-details-info-wrap > *:not(.directorist-single-map) { padding-left: 24px; padding-right: 24px; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-single-map:empty) { display: none; } /* -------------------------------------------------------------------------- 7. BARRA LATERAL CON JERARQUIA -------------------------------------------------------------------------- */ .single-at_biz_dir .directorist-sidebar { display: flex; flex-direction: column; position: sticky; top: 24px; } /* Wave 47: los widgets «Listados Etiquetas» y «Categorias» ya no se esconden aqui: los retira el servidor (bloque 28 del fragmento id 23). Esconder con CSS dejaba 80 enlaces invisibles que Google si rastreaba. */ .single-at_biz_dir .directorist-sidebar > .directorist-widget:has(.directorist-contact-owner-form) { order: -2; } .single-at_biz_dir .directorist-sidebar > .directorist-widget:has(.directorist-widget-listing) { order: 1; } .single-at_biz_dir .directorist-sidebar > .directorist-widget:has(.directorist-btn):not(:has(form)) { order: 3; } /* Wave 57: el titulo de este formulario ya no se sustituye por CSS (font-size:0 + content). Lo escribe el servidor en el bloque myd_pro_formulario del fragmento id 23, asi que el texto real esta en el HTML y las fichas Pro pueden poner el suyo propio. */ /* Una valoracion de 0 sobre 0 resenas no es informacion. */ .single-at_biz_dir .directorist-widget-listing__meta { display: none !important; } .single-at_biz_dir .directorist-widget-listing__single { min-width: 0; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid #eef0f6; } .single-at_biz_dir .directorist-widget-listing__single:last-child { border-bottom: 0; } .single-at_biz_dir .directorist-widget-listing__image { flex: 0 0 68px; } .single-at_biz_dir .directorist-widget-listing__image img { width: 68px; height: 68px !important; border-radius: 12px; object-fit: cover; } .single-at_biz_dir .directorist-widget-listing__content, .single-at_biz_dir .directorist-widget-listing__title, .single-at_biz_dir .directorist-widget-listing__title a { min-width: 0; overflow-wrap: anywhere; } .single-at_biz_dir .directorist-widget-listing__title a { color: var(--myd-ink); font-size: 15px; font-weight: 650; line-height: 1.35; } .single-at_biz_dir .directorist-widget-listing__title a:hover { color: #fd4956; } .single-at_biz_dir .directorist-sidebar .directorist-form-element { width: 100%; max-width: 100%; min-height: 48px; box-sizing: border-box; border: 1px solid #e6e9f2; border-radius: 12px; background: var(--myd-surface-2); color: var(--myd-ink); font-size: 15px; } .single-at_biz_dir .directorist-sidebar .directorist-form-element:focus { outline: none; border-color: #fd4956; box-shadow: 0 0 0 3px rgba(253, 73, 86, .14); } .single-at_biz_dir .directorist-sidebar .directorist-btn, .single-at_biz_dir .directorist-sidebar button[type="submit"], .single-at_biz_dir .directorist-sidebar input[type="submit"] { width: 100%; min-height: 50px; border: 0; border-radius: 13px; background: #12151a; color: #ffffff; font-size: 15.5px; font-weight: 700; } .single-at_biz_dir .directorist-sidebar .directorist-btn:hover, .single-at_biz_dir .directorist-sidebar button[type="submit"]:hover { background: #12151a; color: #ffffff; } .single-at_biz_dir .directorist-sidebar .directorist-widget__listing-contact, .single-at_biz_dir .directorist-sidebar .directorist-contact-owner-form, .single-at_biz_dir .directorist-sidebar .dgr_show_recaptcha { max-width: 100%; overflow: hidden; } .single-at_biz_dir .directorist-sidebar .g-recaptcha { width: 304px; height: 62px; transform: scale(.78); transform-origin: left top; } .single-at_biz_dir .directorist-review-container { margin: 26px 0 0; } /* -------------------------------------------------------------------------- 8. RESPONSIVE -------------------------------------------------------------------------- */ @media (max-width: 900px) { .single-at_biz_dir .directorist-single-contents-area > .directorist-row > .directorist-col-lg-8, .single-at_biz_dir .directorist-single-contents-area > .directorist-row > .directorist-col-lg-4 { width: 100%; max-width: 100%; flex: 0 0 100%; } .single-at_biz_dir .directorist-sidebar { position: static; margin-top: 0; } } @media (max-width: 767px) { .single-at_biz_dir .directory_listing_detail_area.single_area.section-padding-strict { padding: 22px 0 48px; } .single-at_biz_dir .listing-details-wrapper { height: 138px; min-height: 138px; border-radius: 18px 18px 0 0; } .single-at_biz_dir .listing-details-wrapper .bg_image_holder { left: 20px; bottom: -40px; width: 96px; height: 96px; padding: 11px; border-radius: 18px; } .single-at_biz_dir .listing-details-wrapper .bg_image_holder::before { inset: 11px; } .single-at_biz_dir .listing-details-wrapper .directorist-listing-single__quick-actions, .single-at_biz_dir .listing-details-wrapper .listing_action_btns, .single-at_biz_dir .listing-details-wrapper .atbd_listing_action_area { padding: 14px 14px 0 0; } .single-at_biz_dir .listing-details-wrapper .directorist-single-listing-action { min-height: 34px; padding: 0 10px; font-size: 12px; } .single-at_biz_dir .listing-details-contents { border-radius: 0 0 18px 18px; } .single-at_biz_dir .listing-details-contents .listing-info { padding: 62px 20px 26px; } .single-at_biz_dir .atbd_sub_title { font-size: 16px; } .single-at_biz_dir .directorist-single-contents-area { margin-top: 28px; } .single-at_biz_dir .directorist-card__header, .single-at_biz_dir .directorist-widget__header, .single-at_biz_dir .directorist-card__body, .single-at_biz_dir .directorist-widget .directorist-card__body { padding: 20px; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-single-map) .directorist-card__body { padding: 0; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-single-map) .directorist-details-info-wrap > *:not(.directorist-single-map) { padding-left: 20px; padding-right: 20px; } .single-at_biz_dir .directorist-single-wrapper > section:has(.directorist-single-info-web) > .directorist-card__body .directorist-details-info-wrap { grid-template-columns: 1fr; } .single-at_biz_dir .directorist-single-info-web { grid-column: auto; } .single-at_biz_dir .directorist-single-info-phone .directorist-single-info__value a, .single-at_biz_dir .directorist-single-info-email .directorist-single-info__value a { font-size: 17.5px; } .single-at_biz_dir .directorist-listing-details__text > p:first-child { font-size: 17.5px; } .single-at_biz_dir .directorist-listing-details__text h2 { font-size: 23px; } .single-at_biz_dir .directorist-listing-details__text h3 { font-size: 19px; } .single-at_biz_dir .directorist-single-map { height: 260px; } } @media (prefers-reduced-motion: reduce) { .single-at_biz_dir .directorist-single-info-phone, .single-at_biz_dir .directorist-single-info-email, .single-at_biz_dir .directorist-single-info-web a:not(.myd-web) { transition: none; } } /* ========================================================================== MYDIRECTORY — HOME (WAVE 3 · 2026-08-28) Rediseño visual de la portada. No altera estructura de Elementor, contenido, enlaces ni funcionamiento: solo presentación. ========================================================================== */ /* -- 1. RITMO VERTICAL ---------------------------------------------------- */ body.home .elementor-top-section { padding-top: var(--myd-section-y) !important; padding-bottom: var(--myd-section-y) !important; } body.home .elementor-top-section:first-of-type { padding: 0 !important; } body.home .elementor-widget-spacer .elementor-spacer { height: 24px !important; } /* -- 2. HERO -------------------------------------------------------------- */ body.home .elementor-top-section:first-of-type > .elementor-background-overlay { opacity: 1 !important; background: linear-gradient(100deg, rgba(10,14,30,.94) 0%, rgba(10,14,30,.78) 34%, rgba(10,14,30,.30) 72%, rgba(10,14,30,.18) 100%) !important; } body.home .elementor-top-section:first-of-type > .elementor-container { padding: 74px 0 70px !important; } /* WAVE 74 · En portatiles el buscador caia por debajo del pliegue: el heroe medía 845 px y el buscador empezaba en el 701. En pantallas cortas se comprime el heroe para que el buscador entre en la primera pantalla. */ @media (min-width: 1025px) and (max-height: 840px) { body.home .elementor-top-section:first-of-type > .elementor-container { padding: 28px 0 28px !important; } body.home .elementor-top-section:first-of-type .elementor-inner-section { padding-bottom: 12px !important; } } /* WAVE 74b · En pantallas aun mas cortas (portatiles de 13") hace falta apretar tambien la tarjeta de captacion para que el buscador entre. */ @media (min-width: 1025px) and (max-height: 780px) { body.home .elementor-top-section:first-of-type > .elementor-container { padding: 18px 0 18px !important; } body.home .myd-company-card { padding: 18px 20px 20px !important; } body.home .myd-company-badge { margin-bottom: 10px !important; } body.home .myd-company-card h2 { margin-bottom: 8px !important; } body.home .myd-company-card > p { margin-bottom: 12px !important; } body.home .myd-company-list { gap: 7px !important; margin-bottom: 14px !important; } body.home .myd-company-list li { margin-bottom: 4px !important; } } /* WAVE 74c · Por debajo de 700 px de alto el distintivo decorativo de la tarjeta se retira: es lo unico que sobra para que el buscador entre. */ @media (min-width: 1025px) and (max-height: 700px) { body.home .myd-company-badge { display: none !important; } body.home .elementor-top-section:first-of-type > .elementor-container { padding: 12px 0 12px !important; } body.home .elementor-top-section:first-of-type > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-spacer .elementor-spacer { height: 4px !important; } } body.home .elementor-top-section:first-of-type .elementor-inner-section { margin-bottom: 0 !important; } body.home .elementor-top-section:first-of-type .elementor-inner-section .elementor-spacer { height: 0 !important; } body.home .elementor-top-section:first-of-type > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-spacer .elementor-spacer { height: 26px !important; } body.home .elementor-top-section:first-of-type .elementor-widget-heading:first-child .elementor-heading-title { color: #ff8a93 !important; font-size: 12.5px !important; font-weight: 750 !important; letter-spacing: .18em !important; text-transform: uppercase !important; } body.home h1.elementor-heading-title { max-width: 15ch !important; margin-top: 14px !important; color: #ffffff !important; font-size: clamp(38px, 4.4vw, 58px) !important; font-weight: 750 !important; line-height: 1.04 !important; letter-spacing: -.035em !important; } body.home .elementor-top-section:first-of-type .elementor-widget-text-editor p { max-width: 46ch !important; color: rgba(255,255,255,.78) !important; font-size: 18.5px !important; line-height: 1.6 !important; } body.home .myd-company-card { padding: 26px 28px 28px !important; border: 1px solid rgba(255,255,255,.16) !important; border-radius: 22px !important; background: rgba(255,255,255,.07) !important; box-shadow: 0 26px 60px rgba(6,10,24,.35) !important; backdrop-filter: blur(18px) saturate(1.2) !important; -webkit-backdrop-filter: blur(18px) saturate(1.2) !important; } body.home .myd-company-card::before { display: none !important; } body.home .myd-company-badge { border: 1px solid rgba(253,73,86,.35) !important; background: rgba(253,73,86,.20) !important; color: #ffb3b8 !important; font-size: 11.5px !important; letter-spacing: .1em !important; } body.home .myd-company-card h2 { margin-bottom: 10px !important; color: #fff !important; font-size: 25px !important; letter-spacing: -.02em !important; } body.home .myd-company-card p { margin-bottom: 20px !important; color: rgba(255,255,255,.72) !important; font-size: 15.5px !important; line-height: 1.6 !important; } body.home .myd-company-list { margin-bottom: 22px !important; } body.home .myd-company-list li { margin-bottom: 10px !important; color: rgba(255,255,255,.92) !important; font-size: 15px !important; font-weight: 600 !important; } /* Un solo acento: el visto de la tarjeta B2B era el unico verde de la portada. */ body.home .myd-company-list li::before { color: var(--myd-primary) !important; background: var(--myd-primary-soft) !important; } body.home .myd-btn-primary { min-height: 52px !important; border: 0 !important; border-radius: 13px !important; background: var(--myd-btn) !important; color: #fff !important; font-size: 16px !important; font-weight: 750 !important; box-shadow: 0 14px 30px rgba(253,73,86,.32) !important; } body.home .myd-btn-primary:hover { background: #e4323f !important; } /* -- 3. BUSCADOR ---------------------------------------------------------- */ body.home .elementor-widget-search_form .directorist-search-contents { padding: 0 !important; } body.home .directorist-search-form { padding: 9px !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 20px !important; background: var(--myd-surface) !important; box-shadow: 0 30px 70px rgba(6,10,24,.34) !important; } body.home .directorist-search-form-wrap, body.home .directorist-search-form__wrap, body.home .directorist-with-search-border, body.home .directorist-search-form__box { width: 100% !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.home .directorist-search-form__box { display: flex !important; align-items: center !important; gap: 10px !important; } body.home .directorist-search-form-top { flex: 1 1 auto !important; min-width: 0 !important; } body.home .directorist-search-form-action { flex: 0 0 auto !important; } body.home .directorist-search-form-top > * { padding-left: 18px !important; padding-right: 18px !important; } body.home .directorist-search-form-top > *:first-child { padding-left: 12px !important; } body.home .directorist-search-form-top > * + * { border-left: 1px solid #eef0f6 !important; } body.home .directorist-search-form-top .directorist-search-field, body.home .directorist-search-form-top > div, body.home .directorist-search-form-top input, body.home .directorist-search-form-top .directorist-select, body.home .directorist-search-form-top select { min-height: 56px !important; } body.home .directorist-search-form-top input, body.home .directorist-search-form-top .directorist-select, body.home .directorist-search-form-top select { color: var(--myd-ink) !important; font-size: 15.5px !important; } body.home .directorist-search-form-top input::placeholder { color: var(--myd-muted) !important; } body.home .directorist-search-form-action .directorist-btn, body.home .directorist-search-form-action button { min-height: 56px !important; padding: 0 30px !important; border: 0 !important; border-radius: 14px !important; background: var(--myd-btn) !important; color: #fff !important; font-size: 16px !important; font-weight: 750 !important; box-shadow: 0 12px 26px rgba(253,73,86,.30) !important; } body.home .directorist-search-form-action .directorist-btn:hover { background: #e4323f !important; } body.home .directorist-listing-category-top { margin-top: 22px !important; } body.home .directorist-listing-category-top ul { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 9px !important; } body.home .directorist-listing-category-top li { margin: 0 !important; } body.home .directorist-listing-category-top a { display: inline-flex !important; min-height: 38px !important; align-items: center !important; gap: 8px !important; padding: 8px 15px !important; border: 1px solid rgba(255,255,255,.22) !important; border-radius: 999px !important; background: rgba(255,255,255,.10) !important; color: #fff !important; font-size: 14px !important; font-weight: 600 !important; backdrop-filter: blur(8px) !important; transition: background 150ms ease, border-color 150ms ease; } body.home .directorist-listing-category-top a:hover { border-color: rgba(255,255,255,.45) !important; background: rgba(255,255,255,.20) !important; } /* -- 4. CABECERAS DE SECCION ---------------------------------------------- */ body.home .section-title { max-width: 720px; margin: 0 auto 38px !important; text-align: center; } body.home .section-title h2 { margin: 0 !important; color: var(--myd-ink) !important; font-size: clamp(30px, 3vw, 42px) !important; font-weight: 750 !important; line-height: 1.1 !important; letter-spacing: -.032em !important; } body.home .section-title p { max-width: 620px !important; margin: 12px auto 0 !important; color: var(--myd-muted) !important; font-size: 17.5px !important; line-height: 1.6 !important; } /* -- 5. BOTONES ----------------------------------------------------------- */ body.home .elementor-widget-button .elementor-button { display: inline-flex !important; min-height: 54px !important; align-items: center !important; justify-content: center !important; padding: 0 30px !important; border-radius: 14px !important; font-size: 16px !important; font-weight: 750 !important; letter-spacing: 0 !important; box-shadow: none !important; } body.home [data-id="35cba27"] .elementor-button { border: 1px solid #d7dce9 !important; background: var(--myd-surface) !important; color: var(--myd-ink) !important; } body.home [data-id="35cba27"] .elementor-button:hover { border-color: #12151a !important; background: var(--myd-surface) !important; color: var(--myd-ink) !important; } body.home [data-id="20a3f178"] .elementor-button, body.home [data-id="9435d16"] .elementor-widget-button:last-of-type .elementor-button { border: 0 !important; background: var(--myd-btn) !important; color: #fff !important; box-shadow: 0 12px 26px rgba(253,73,86,.26) !important; } body.home [data-id="9435d16"] .elementor-widget-button:first-of-type .elementor-button { border: 1px solid rgba(255,255,255,.55) !important; background: transparent !important; color: #fff !important; } body.home [data-id="9435d16"] .elementor-widget-button:first-of-type .elementor-button:hover { border-color: #fff !important; background: rgba(255,255,255,.14) !important; color: #fff !important; } /* -- 6. COMO PUBLICAR ------------------------------------------------------ */ body.home [data-id="20a3f178"] .elementor-inner-section > .elementor-container { min-height: 0 !important; } body.home [data-id="20a3f178"] .elementor-inner-section + .elementor-inner-section { margin-top: 34px !important; } body.home .block-single { height: 100%; padding: 34px 28px 30px !important; border: 1px solid #e6e9f2 !important; border-radius: 20px !important; background: var(--myd-surface) !important; box-shadow: 0 1px 2px rgba(22,27,49,.04), 0 10px 30px rgba(22,27,49,.05) !important; text-align: center; transition: transform 180ms ease, box-shadow 180ms ease; } body.home .block-single:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(22,27,49,.10) !important; } body.home .block-single__image { height: auto !important; margin-bottom: 18px !important; } body.home .block-single__image img { width: 76px !important; height: 76px !important; object-fit: contain !important; } body.home .block-single__title { margin: 0 0 10px !important; color: var(--myd-ink) !important; font-size: 19px !important; font-weight: 750 !important; letter-spacing: -.015em !important; } body.home .block-single__text { margin: 0 !important; color: var(--myd-muted) !important; font-size: 15.5px !important; line-height: 1.62 !important; } /* -- 7. PLANES ------------------------------------------------------------ */ body.home .myd-plans-section { padding: 0 !important; background: transparent !important; } /* -- 8. CATEGORIAS -------------------------------------------------------- */ body.home .directorist-categories__single--style-one { position: relative !important; height: auto !important; min-height: 0 !important; aspect-ratio: 4 / 3; overflow: hidden !important; border: 0 !important; border-radius: 18px !important; box-shadow: 0 1px 2px rgba(22,27,49,.05), 0 14px 34px rgba(22,27,49,.10) !important; } body.home .directorist-categories__single--style-one img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 420ms cubic-bezier(.2,.7,.3,1); } body.home .directorist-categories__single--style-one:hover img { transform: scale(1.05); } body.home .directorist-categories__single--style-one::after { position: absolute; z-index: 1; content: ""; inset: 0; pointer-events: none; background: linear-gradient(to top, rgba(9,12,26,.86) 0%, rgba(9,12,26,.42) 40%, rgba(9,12,26,.06) 72%); } body.home .directorist-categories__single__content { position: absolute !important; z-index: 2 !important; inset: auto 0 0 0 !important; display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 14px !important; padding: 22px !important; background: transparent !important; } body.home .directorist-categories__single__content h4, body.home .directorist-categories__single__content .directorist-categories__single__title, body.home .directorist-categories__single__content a { color: #fff !important; font-size: 18.5px !important; font-weight: 750 !important; letter-spacing: -.02em !important; } body.home .directorist-categories__single__content p, body.home .directorist-categories__single__content span { color: rgba(255,255,255,.72) !important; font-size: 13.5px !important; font-weight: 600 !important; } body.home .directorist-categories__single__content .directorist-icon-mask, body.home .directorist-categories__single .directorist-categories__single__icon { width: 42px !important; height: 42px !important; flex: 0 0 42px !important; border: 1px solid rgba(255,255,255,.28) !important; border-radius: 50% !important; background: rgba(255,255,255,.16) !important; color: #fff !important; box-shadow: none !important; backdrop-filter: blur(8px) !important; } /* -- 9. PROVINCIAS DESTACADAS --------------------------------------------- */ body.home .directorist-location__single--img { position: relative !important; height: auto !important; aspect-ratio: 5 / 4; overflow: hidden !important; border: 0 !important; border-radius: 18px !important; box-shadow: 0 1px 2px rgba(22,27,49,.05), 0 14px 34px rgba(22,27,49,.10) !important; } body.home .directorist-location__single__img { position: absolute !important; inset: 0 !important; height: 100% !important; } body.home .directorist-location__single__img img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 420ms cubic-bezier(.2,.7,.3,1); } body.home .directorist-location__single--img:hover .directorist-location__single__img img { transform: scale(1.05); } body.home .directorist-location__single--img::after { position: absolute; z-index: 1; content: ""; inset: 0; pointer-events: none; background: linear-gradient(to top, rgba(9,12,26,.94) 0%, rgba(9,12,26,.62) 30%, rgba(9,12,26,.18) 58%, rgba(9,12,26,0) 82%); } body.home .directorist-location__content { position: absolute !important; z-index: 2 !important; inset: auto 0 0 0 !important; display: block !important; height: auto !important; padding: 20px !important; background: transparent !important; text-align: left !important; } body.home .directorist-location__content h4, body.home .directorist-location__content a { color: #fff !important; font-size: 18px !important; font-weight: 750 !important; letter-spacing: -.02em !important; } body.home .directorist-location__content p, body.home .directorist-location__content span { margin-top: 2px !important; color: rgba(255,255,255,.70) !important; font-size: 13.5px !important; font-weight: 600 !important; } /* -- 10. INDICE DE PROVINCIAS --------------------------------------------- */ body.home .atbdp-text-list { padding: 26px !important; border: 1px solid #e6e9f2 !important; border-radius: 20px !important; background: var(--myd-surface) !important; box-shadow: 0 1px 2px rgba(22,27,49,.04), 0 10px 30px rgba(22,27,49,.05) !important; } body.home .atbdp-text-list .directorist-row { margin: 0 !important; row-gap: 2px !important; } body.home .atbdp-text-list .directorist-row > * { margin-top: 0 !important; } body.home .atbdp-text-list .directorist-taxonomy-list-one { padding: 0 !important; } body.home .atbdp-text-list .directorist-taxonomy-list { height: 100%; } body.home .atbdp-text-list .directorist-taxonomy-list__card { display: flex !important; min-height: 44px !important; align-items: center !important; padding: 9px 12px !important; border-radius: 10px !important; color: var(--myd-text) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.3 !important; transition: background 140ms ease, color 140ms ease; } body.home .atbdp-text-list .directorist-taxonomy-list__card:hover { background: var(--myd-surface-2) !important; color: var(--myd-ink) !important; } body.home .atbdp-text-list .directorist-taxonomy-list__name { display: flex !important; width: 100% !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; } body.home .atbdp-text-list .directorist-taxonomy-list__count { flex: 0 0 auto !important; color: #8a92ab !important; font-size: 13px !important; font-weight: 650 !important; } /* -- 11. EMPRESAS COLABORADORAS ------------------------------------------- */ body.home [data-id="1ab5bd1"] .elementor-divider__text { color: var(--myd-muted) !important; font-size: 11.5px !important; font-weight: 750 !important; letter-spacing: .16em !important; } body.home [data-id="1ab5bd1"] .elementor-divider-separator { border-top-color: #e6e9f2 !important; } body.home .e-widget-swiper .swiper-slide figure, body.home .e-widget-swiper .swiper-slide .elementor-carousel-image { display: flex !important; height: 168px !important; align-items: center !important; justify-content: center !important; padding: 18px !important; box-sizing: border-box !important; border: 1px solid #e6e9f2 !important; border-radius: 16px !important; background-color: var(--myd-surface) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; } body.home .e-widget-swiper .swiper-slide img { width: auto !important; max-height: 100% !important; object-fit: contain !important; } body.home .e-widget-swiper .elementor-image-carousel-caption { margin-top: 12px !important; color: var(--myd-muted) !important; font-size: 13.5px !important; font-weight: 650 !important; } body.home .e-widget-swiper .swiper-pagination-bullet-active { background: var(--myd-btn) !important; } /* -- 12. BLOG ------------------------------------------------------------- */ body.home .blog-posts.row { row-gap: 26px !important; } body.home .blog-posts__single { height: 100% !important; overflow: hidden !important; border: 1px solid #e6e9f2 !important; border-radius: 20px !important; background: var(--myd-surface) !important; box-shadow: 0 1px 2px rgba(22,27,49,.04), 0 10px 30px rgba(22,27,49,.05) !important; transition: transform 180ms ease, box-shadow 180ms ease; } body.home .blog-posts__single:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(22,27,49,.11) !important; } body.home .blog-posts__single > img { display: block !important; width: 100% !important; height: 212px !important; object-fit: cover !important; } body.home .blog-posts__single__contents { padding: 22px !important; } body.home .blog-posts__single__contents h3, body.home .blog-posts__single__contents h4, body.home .blog-posts__single__contents .blog-posts__single__title { margin: 0 0 10px !important; font-size: 18px !important; font-weight: 750 !important; line-height: 1.35 !important; letter-spacing: -.015em !important; } body.home .blog-posts__single__contents a { color: var(--myd-ink) !important; } body.home .blog-posts__single:hover .blog-posts__single__contents a { color: #fd4956 !important; } body.home .blog-posts__single__contents p { display: -webkit-box !important; overflow: hidden !important; color: var(--myd-muted) !important; font-size: 15px !important; line-height: 1.6 !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } body.home .blog-posts__single__meta, body.home .blog-posts__single__contents .post-meta { color: #8a92ab !important; font-size: 13px !important; } /* -- 13. CIERRE SOBRE FOTOGRAFIA ------------------------------------------ */ body.home [data-id="9435d16"] > .elementor-background-overlay { opacity: 1 !important; background: linear-gradient(180deg, rgba(9,12,26,.72), rgba(9,12,26,.86)) !important; } body.home [data-id="9435d16"] .section-title h2 { color: #fff !important; font-size: clamp(28px, 2.8vw, 40px) !important; } body.home [data-id="9435d16"] .section-title p { color: rgba(255,255,255,.74) !important; } /* -- 14. PIE (global) ----------------------------------------------------- */ footer.footer-three .widget-title { margin-bottom: 18px !important; color: #fff !important; font-size: 15.5px !important; font-weight: 750 !important; letter-spacing: -.005em !important; } footer.footer-three a { color: rgba(255,255,255,.66) !important; font-size: 15px !important; font-style: normal !important; transition: color 140ms ease; } footer.footer-three a:hover { color: #fff !important; } footer.footer-three em, footer.footer-three i { font-style: normal !important; } footer.footer-three p { color: rgba(255,255,255,.60) !important; font-size: 15px !important; line-height: 1.65 !important; } footer.footer-three li { margin-bottom: 10px !important; } footer.footer-three .widget_media_image img { width: auto !important; max-width: 100% !important; height: auto !important; } footer.footer-three .footer-bottom { border-top: 1px solid rgba(255,255,255,.10) !important; } footer.footer-three .footer-bottom--content { color: rgba(255,255,255,.50) !important; font-size: 14px !important; } footer.footer-three .footer-bottom--content a { color: rgba(255,255,255,.72) !important; font-size: 14px !important; } /* -- 15. CABECERA FIJA (global) ------------------------------------------- */ .header-area.sticky, .header-area.is-sticky, .sticky-header, .header-sticky, .navbar-area.sticky, .navbar.sticky { background: rgba(255,255,255,.94) !important; box-shadow: 0 1px 0 rgba(22,27,49,.08), 0 10px 30px rgba(22,27,49,.06) !important; backdrop-filter: saturate(1.4) blur(14px) !important; -webkit-backdrop-filter: saturate(1.4) blur(14px) !important; } /* -- 16. RESPONSIVE ------------------------------------------------------- */ @media (max-width: 1024px) { body.home .elementor-top-section { padding-top: var(--myd-section-y) !important; padding-bottom: var(--myd-section-y) !important; } body.home .elementor-top-section:first-of-type > .elementor-container { padding: 56px 0 52px !important; } body.home .section-title { margin-bottom: 30px !important; } /* El buscador se apila: en tablet la fila de tres campos rompe el boton. */ body.home .directorist-search-form__box { flex-direction: column !important; align-items: stretch !important; gap: 6px !important; } body.home .directorist-search-form-top { display: flex !important; flex-direction: column !important; align-items: stretch !important; } body.home .directorist-search-form-top > * + * { border-left: 0 !important; border-top: 1px solid #eef0f6 !important; } body.home .directorist-search-form-top > * { padding-left: 12px !important; padding-right: 12px !important; } body.home .directorist-search-form-action, body.home .directorist-search-form-action__submit, body.home .directorist-search-form-action .directorist-btn { width: 100% !important; } } @media (max-width: 767px) { body.home .elementor-top-section { padding-top: var(--myd-section-y) !important; padding-bottom: var(--myd-section-y) !important; } /* En movil el buscador va inmediatamente despues del titular y la tarjeta B2B baja por debajo. Con display:contents, sin mover nada en Elementor. */ body.home .elementor-top-section:first-of-type > .elementor-container > .elementor-column > .elementor-widget-wrap { display: flex !important; flex-direction: column !important; } body.home .elementor-top-section:first-of-type .elementor-inner-section, body.home .elementor-top-section:first-of-type .elementor-inner-section > .elementor-container { display: contents !important; } body.home .elementor-top-section:first-of-type .elementor-inner-section > .elementor-container > .elementor-column:nth-child(1) { order: 1 !important; } body.home .elementor-top-section:first-of-type > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-search_form { order: 2 !important; margin-top: 26px !important; } body.home .elementor-top-section:first-of-type .elementor-inner-section > .elementor-container > .elementor-column:nth-child(2) { order: 3 !important; margin-top: 30px !important; } body.home .elementor-top-section:first-of-type > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-spacer { display: none !important; } body.home .elementor-top-section:first-of-type > .elementor-container { padding: 44px 0 !important; } body.home h1.elementor-heading-title { max-width: none !important; font-size: clamp(32px, 9vw, 42px) !important; } body.home .elementor-top-section:first-of-type .elementor-widget-text-editor p { font-size: 16.5px !important; } body.home .myd-company-card { padding: 20px !important; } body.home .myd-company-card h2 { font-size: 21px !important; margin-bottom: 8px !important; } body.home .myd-company-card p { margin-bottom: 16px !important; font-size: 14.5px !important; } body.home .myd-company-badge { margin-bottom: 14px !important; } body.home .myd-company-list { margin-bottom: 16px !important; } body.home .myd-company-list li { margin-bottom: 7px !important; font-size: 14.5px !important; } body.home .myd-btn-primary { min-height: 48px !important; font-size: 15.5px !important; } body.home .directorist-search-form { padding: 8px !important; border-radius: 16px !important; } body.home .directorist-listing-category-top ul { justify-content: flex-start !important; } body.home .section-title h2 { font-size: clamp(26px, 7vw, 32px) !important; } body.home .section-title p { font-size: 16px !important; } body.home .block-single { padding: 26px 22px !important; } body.home .atbdp-text-list { padding: 14px !important; } body.home .blog-posts__single > img { height: 190px !important; } body.home .e-widget-swiper .swiper-slide figure { height: 130px !important; } } /* ========================================================================== MYDIRECTORY — CABECERA DE PÁGINA (WAVE 5 · 2026-08-29) Superficies: /empresas/, categorías, localidades, blog, artículo, planes, registro, contacto, FAQ y páginas informativas. Sustituye la banda roja plana del tema por una banda de marca navy coherente con el masthead de la ficha (Wave 2). ========================================================================== */ /* 1 · Banda */ section.header-breadcrumb{position:relative;overflow:hidden} /* El tema pinta el rojo con un