:root { --accent: #00c9ff; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2); } 25% { box-shadow: -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1); } 50% { box-shadow: -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2); } 75% { box-shadow: 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff } /* Ocultar header en páginas 404 */ body.error404 header { display: none !important; } /* fin */ .header-search>i{ color:#fffcd3 !important; font-size:24px !important; } .header-search>input{ color:#fffcd3 !important; font-family: sculpin,sans-serif; font-weight:300 !important; } .header-search > input::placeholder { color: #fffcd3 !important; font-family: sculpin, sans-serif; font-weight: 300 !important; opacity: 1 !important; } .i-nav>ul>li{ font-family:brevier, sans-serif !important; font-weight:500 !important; color:#fffcd3 !important; text-transform:uppercase !important; letter-spacing:0.5px !important; margin-left:16px !important; margin-right:16px !important; font-size:14px !important; transform: scaleY(0.92) !important; } .i-nav li a{ color:#fffcd3 !important; } .header .user-area>a{ font-family:brevier, sans-serif !important; font-weight:500 !important; color:#fffcd3 !important; transform: scaleY(0.92) !important; opacity: .8 !important; } .header-scroll.header-scroll-dark-skin .user-area>span, .header.header-dark-skin .user-area>i.user-area-icon, .header.header-scroll.header-scroll-dark-skin .user-area>i.user-area-icon{ color:#fffcd3 !important; } .user-area .user-profile-name{ font-family:brevier, sans-serif !important; font-weight:500 !important; color:#fffcd3 !important; transform: scaleY(0.92) !important; } .header .user-area{ margin-right:40px !important; } .container-fluid{ padding-right:25px !important; padding-left:25px !important; } .header-button a{ padding:15px 30px !important; font-family:brevier, sans-serif !important; font-weight:500 !important; color:#fff !important; transform: scaleY(0.92) !important; border:1px solid #03C9FF !important; background-color:#03C9FF !important; } .header-button a:hover{ color:#000 !important; border:1px solid #FF4B00 !important; background-color:#FF4B00 !important; } .button-1{ color:#fffcd3 !important; border:1px solid #fffcd3 !important; background:transparent !important; } .button-1:hover{ color:#fff !important; border:1px solid #00C9FF !important; background:#00C9FF !important; } .c27-main-header.header.header-dark-skin:not(.header-scroll) .header-skin{ background:linear-gradient( to bottom, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0) 100% ); border:none !important; } /* BASIC FORM */ .mylisting-basic-form.featured-light .fs-tabs .nav-tabs>li.active>a{ border-radius:5px 5px 0px 0px; background:#FF4B00 !important; color:#000; font-family:brevier, sans-serif !important; font-weight:500 !important; font-size:15px; opacity:1; } .mylisting-basic-form.featured-light .fs-tabs .nav-tabs>li.active>a, .mylisting-basic-form.featured-light .fs-tabs .nav-tabs>li.active>a i{ color:#000; } .mylisting-basic-form.featured-light .fs-tabs .nav-tabs>li>a{ border-radius:5px 5px 0px 0px; color:#FFFCD3; font-family:brevier, sans-serif !important; font-weight:500 !important; font-size:15px; opacity:0.5; } .nav-tabs>li>a:hover{ border-color:rgba(255, 252, 211, 0.5); } .fs-tabs ul li a i{ padding-right:12px; padding-left:2px; } /**/ .featured-search .fs-tabs .tab-content .form-group label{ font-family:"inter-24pt", sans-serif !important; color:#484848 !important; } .select2-container--default .select2-results>.select2-results__options{ font-family:"inter-24pt", sans-serif !important; color:#484848; } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true]{ font-family:"inter-24pt", sans-serif !important; } .ml-basicform-summary{ font-family:"inter-24pt", sans-serif !important; } .explore-filter input:focus, .md-group input:focus, .md-group input:required:valid, .md-group select:required:valid{ font-family:"inter-24pt", sans-serif !important; } .button-2{ background:#FF4B00; color:#000; font-family:brevier, sans-serif !important; font-weight:500 !important; font-size:15px; } .button-2:hover{ background:#3DC6FE; color:#000; opacity:1; } /* ========================================================= ARTISTAS LOS LAGOS CONTADORES POR DISCIPLINA ========================================================= */ /* --------------------------------------------------------- CONTENEDOR GENERAL --------------------------------------------------------- */ .conteo-disciplina { display: inline-flex; align-items: center; justify-content: flex-start; /* * El fondo se adapta al contenido */ width: fit-content; max-width: 265px; /* * Fondo naranjo/rosado * para Teatro, Marionetas, Circo * y Narración Oral */ background: #fff7f5; /* * Forma de píldora */ border-radius: 30px; /* * Espacio interior */ padding: 8px 14px; /* * No permitir salto de línea */ white-space: nowrap; overflow: hidden; /* * Tipografía */ font-family: "inter-24pt", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.2; letter-spacing: 0; /* * Color del texto */ color: #FF5722; } /* --------------------------------------------------------- ELEMENTOS --------------------------------------------------------- */ .conteo-disciplina-item { display: inline-flex; align-items: center; white-space: nowrap; font-family: "inter-24pt", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; color: inherit; } /* --------------------------------------------------------- NÚMEROS --------------------------------------------------------- */ .conteo-disciplina-item strong { margin-right: 3px; font-family: "inter-24pt", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; color: inherit; } /* --------------------------------------------------------- SEPARADORES --------------------------------------------------------- */ .conteo-separador { display: inline-block; margin-left: 6px; margin-right: 6px; font-family: "inter-24pt", sans-serif !important; font-size: 12px !important; font-weight: 400 !important; color: inherit; opacity: 0.45; } /* ========================================================= DANZA ========================================================= */ .conteo-danza { background: #3CC6FE14 !important; color: #3CC6FE !important; } /* ========================================================= ÓPERA ========================================================= */ .conteo-opera { background: #3CC6FE14 !important; color: #3CC6FE !important; } /* ========================================================= DISEÑO ESCÉNICO ========================================================= */ .conteo-diseno-escenico { background: #3CC6FE14 !important; color: #3CC6FE !important; } .tarjeta-disciplina { display: flex !important; flex-direction: column !important; } .tarjeta-disciplina > .elementor-element:last-child { margin-top: auto !important; } /**/ .mylisting-basic-form.featured-light li .lt-icon img, .mylisting-basic-form:not(.transparent) li.active .lt-icon img{ filter:none !important; } .lt-icon img{ height:25px !important; } /* ========================================================= BASIC FORM — ICONOS DE LOS TABS ARTISTAS / COMPAÑÍAS / TEATRO ========================================================= */ /* ========================================================= TABS INACTIVOS #FFFCD3 + opacity 0.5 ========================================================= */ .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li > a img[src*="person_42dp_FFFDD3"], .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li > a img[src*="groups_42dp_FFFDD3"], .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li > a img[src*="theater_9500413"] { opacity: 0.5 !important; filter: brightness(0) saturate(100%) invert(88%) sepia(18%) saturate(500%) hue-rotate(5deg) brightness(105%) contrast(100%) !important; } /* ========================================================= TABS ACTIVOS NEGRO + opacity 1 ========================================================= */ .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li.active > a img[src*="person_42dp_FFFDD3"], .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li.active > a img[src*="groups_42dp_FFFDD3"], .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li.active > a img[src*="theater_9500413"] { opacity: 1 !important; filter: brightness(0) saturate(100%) !important; } /* ========================================================= HOVER MANTENER EL MISMO ESTADO SEGÚN ESTÉ ACTIVO O INACTIVO ========================================================= */ .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li > a:hover img[src*="person_42dp_FFFDD3"], .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li > a:hover img[src*="groups_42dp_FFFDD3"], .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li > a:hover img[src*="theater_9500413"] { opacity: 0.5 !important; filter: brightness(0) saturate(100%) invert(88%) sepia(18%) saturate(500%) hue-rotate(5deg) brightness(105%) contrast(100%) !important; } .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li.active > a:hover img[src*="person_42dp_FFFDD3"], .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li.active > a:hover img[src*="groups_42dp_FFFDD3"], .mylisting-basic-form.featured-light .fs-tabs .nav-tabs > li.active > a:hover img[src*="theater_9500413"] { opacity: 1 !important; filter: brightness(0) saturate(100%) !important; } /**/ .lf-item-info-2 h4{ font-family:brevier, sans-serif; font-size:18px; font-weight:500 !important; } .lf-head-btn{ font-family:"inter-24pt", sans-serif !important;} .i-dropdown li a{ color:#000000 !important; font-weight:500 !important; letter-spacing:0px;} /* ========================================================= ARTISTAS LOS LAGOS Mostrar contenido Elementor en páginas de Add Listing ========================================================= */ body.page-id-642:not(.elementor-editor-active) .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]), body.page-id-662:not(.elementor-editor-active) .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]), body.page-id-671:not(.elementor-editor-active) .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) { display: block !important; } /* ========================================================= ARTISTAS LOS LAGOS Botón después de enviar una ficha/obra ========================================================= */ .allagos-continuar-registro { margin-top: 10px; text-align: center; } .allagos-btn-volver-registro { display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; background: #03C9FF; color: #ffffff !important; font-family: "brevier", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.2; text-decoration: none !important; border-radius: 4px; transition: background-color 0.25s ease, transform 0.25s ease; } .allagos-btn-volver-registro:hover { background: #000000; color: #ffffff !important; transform: translateY(-1px); } .c27-listing-submitted-notice{ margin-top:10px !important; margin-bottom:10px !important; } /* ========================================= ESTADO DE REGISTRO — ARTISTAS LOS LAGOS ========================================= */ /* ========================================= ESTADO DE REGISTRO — ARTISTAS LOS LAGOS ========================================= */ .allagos-registro { font-family: "inter-24pt", sans-serif !important; color: #000000; text-align: center; } /* ========================================= TÍTULO PRINCIPAL ========================================= */ .allagos-registro h2 { margin: 0 0 18px; font-family: "sculpin", sans-serif !important; font-size: 36px; font-weight: 600; line-height: 1.15; color: #000000; } /* ========================================= BAJADA DE TEXTO ========================================= */ .allagos-registro > p { margin: 0 0 24px; font-family: "inter-24pt", sans-serif !important; font-size: 18px; font-weight: 400; line-height: 1.5; color: #000000; } /* ========================================= BOTONES ========================================= */ .allagos-registro-botones { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; } .allagos-registro .allagos-btn { display: inline-flex; align-items: center; justify-content: center; padding: 13px 24px; font-family: "brevier", sans-serif !important; transform: scaleY(0.92) !important; font-size: 16px; font-weight: 500; line-height: 1.2; text-decoration: none !important; background: #03C9FF; color: #ffffff !important; border-radius: 4px; transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease; } .allagos-registro .allagos-btn:hover { background: #000000; color: #ffffff !important; transform: scaleY(0.92) translateY(-1px) !important; } /* ========================================= SEPARACIÓN ENTRE BLOQUES ========================================= */ .allagos-nuevas-fichas { margin-top: 45px; } .allagos-registro-obras { margin-top: 45px; } /* ========================================= TÍTULOS SECUNDARIOS ========================================= */ .allagos-registro h3 { margin: 0 0 14px; font-family: "sculpin", sans-serif !important; font-size: 24px; font-weight: 600; line-height: 1.2; color: #000000; } /* ========================================= TEXTOS SECUNDARIOS ========================================= */ .allagos-nuevas-fichas p, .allagos-registro-obras p { margin: 0 auto 20px; max-width: 700px; font-family: "inter-24pt", sans-serif !important; font-size: 17px; font-weight: 400; line-height: 1.5; color: #000000; } /* ========================================= LISTADO DE FICHAS ========================================= */ .allagos-fichas { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 800px; margin: 25px auto 0; } .allagos-ficha { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; background: #f5f5f5; border-radius: 4px; text-align: left; } .allagos-ficha-info { display: flex; flex-direction: column; gap: 4px; } .allagos-ficha-info strong { font-family: "inter-24pt", sans-serif !important; font-size: 18px; font-weight: 600; color: #000000; } .allagos-ficha-info span { font-family: "inter-24pt", sans-serif !important; font-size: 15px; font-weight: 400; color: #555555; } /* ========================================= ESTADOS ========================================= */ .allagos-ficha-status { flex-shrink: 0; font-family: "inter-24pt", sans-serif !important; font-size: 15px; font-weight: 500; } .estado-pendiente { color: #000000; } .estado-publicada { color: #03C9FF; } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .allagos-registro h2 { font-size: 30px; } .allagos-registro > p { font-size: 17px; } .allagos-registro-botones { flex-direction: column; align-items: center; } .allagos-registro .allagos-btn { width: 100%; max-width: 320px; } .allagos-ficha { flex-direction: column; align-items: center; text-align: center; } .allagos-ficha-status { margin-top: 4px; } } /*FIN ESTADO*/ .i-section{padding-top: 30px !important; } /* Ocultar Pending Payment del filtro desplegable */ .select2-results__option[id*="status=pending_payment"] { display: none !important; } /* Ocultar la tarjeta Pending Payment del dashboard */ .stat-card-status-pending-payment { display: none !important; } /*//////////////////////////*/ /* ========================================================= ARTISTAS LOS LAGOS DASHBOARD + MIS FICHAS ========================================================= */ /* ========================================================= 1. PENDING PAYMENT ========================================================= */ /* Ocultar "Pending Payment" del desplegable de estados */ .select2-results__option[id*="status=pending_payment"] { display: none !important; } /* Ocultar la tarjeta "Pending Payment" del dashboard */ .stat-card-status-pending-payment { display: none !important; } /* ========================================================= 2. PROMOTE Y STATS ========================================================= */ /* * Estas dos acciones serán eliminadas mediante JavaScript. * No usamos display:none aquí para evitar que MyListing * conserve espacios dentro de la distribución. */ /* ========================================================= 3. CONTENEDOR DE ACCIONES DE CADA FICHA ========================================================= */ ul.job-dashboard-actions { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: flex-start !important; width: 100% !important; max-width: 520px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; } /* ========================================================= 4. CUATRO ACCIONES QUE QUEREMOS CONSERVAR ========================================================= */ /* * Editar * Dar de baja * Duplicar * Eliminar */ ul.job-dashboard-actions > li.cts-listing-action-edit, ul.job-dashboard-actions > li.cts-listing-action-status, ul.job-dashboard-actions > li.cts-listing-action-duplicate, ul.job-dashboard-actions > li.cts-listing-action-delete { display: block !important; width: 50% !important; float: none !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } /* ========================================================= 5. ENLACES DE LAS ACCIONES ========================================================= */ ul.job-dashboard-actions > li.cts-listing-action-edit a, ul.job-dashboard-actions > li.cts-listing-action-status a, ul.job-dashboard-actions > li.cts-listing-action-duplicate a, ul.job-dashboard-actions > li.cts-listing-action-delete a { display: block !important; width: 100% !important; text-align: center !important; } /* ========================================================= 6. ESPACIADO ENTRE LAS DOS FILAS ========================================================= */ ul.job-dashboard-actions > li.cts-listing-action-duplicate, ul.job-dashboard-actions > li.cts-listing-action-delete { margin-top: 20px !important; } /* ========================================================= 7. RESPONSIVE ========================================================= */ @media (max-width: 767px) { ul.job-dashboard-actions { max-width: 100% !important; } ul.job-dashboard-actions > li.cts-listing-action-edit, ul.job-dashboard-actions > li.cts-listing-action-status, ul.job-dashboard-actions > li.cts-listing-action-duplicate, ul.job-dashboard-actions > li.cts-listing-action-delete { width: 50% !important; } } /*////////////////*/ @media (min-width: 768px) { /* Tus fichas */ .my-listings-tab-con > .mlduo-welcome-message { width: 33.33333333% !important; max-width: 33.33333333% !important; } /* Buscar tus fichas */ .my-listings-tab-con > .search-my-listings { width: 22.22222222% !important; max-width: 22.22222222% !important; } /* Todos los Tipos de ficha */ .my-listings-tab-con > .sort-my-listings { width: 22.22222222% !important; max-width: 22.22222222% !important; } } .info.expires-at { display: none !important; } /* ========================================================= COLORES DE LOS 4 BLOQUES DEL DASHBOARD ========================================================= */ /* 1. PUBLICADA */ .stat-card-status-publish .mlduo-stat-box, .stat-card-status-published .mlduo-stat-box { background: #3DC6FE !important; } /* 2. PENDIENTE DE APROBACIÓN */ .stat-card-status-pending .mlduo-stat-box, .stat-card-status-pending-approval .mlduo-stat-box, .stat-card-status-pending-approve .mlduo-stat-box { background: #FF4B00 !important; } /* 3. EN PAUSA */ .stat-card-status-unpublished .mlduo-stat-box, .stat-card-status-unpublish .mlduo-stat-box { background: #0378a6 !important; } /* 4. DADA DE BAJA */ .stat-card-status-expired .mlduo-stat-box { background: #4b7340 !important; } /* ARTISTAS LOS LAGOS — Iconos de información personal */ .allagos-info-personal .details-block-content > li > i { color: #35BDF0 !important; background-color: #E8F7FD !important; border-radius: 50%; } /* ARTISTAS LOS LAGOS — Información personal */ /* Dos columnas en escritorio */ .allagos-info-personal .details-block-content { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; row-gap: 24px; } /* Alinear icono y contenido */ .allagos-info-personal .details-block-content > li { display: flex; align-items: flex-start; gap: 12px; margin: 0 !important; min-width: 0; max-width: 100%; } /* Iconos celestes */ .allagos-info-personal .details-block-content > li > i { flex-shrink: 0; color: #35BDF0 !important; background-color: #E8F7FD !important; border-radius: 50%; } /* Evitar que los textos y enlaces se salgan */ .allagos-info-personal .details-block-content > li > div, .allagos-info-personal .details-block-content > li p, .allagos-info-personal .details-block-content > li a { min-width: 0; max-width: 100%; overflow-wrap: anywhere; word-break: normal; } /* Una columna en celulares */ @media (max-width: 767px) { .allagos-info-personal .details-block-content { grid-template-columns: 1fr; row-gap: 22px; } } /* ========================================== ARTISTAS LOS LAGOS — Perfil del artista ========================================== */ /* Iconos en azul y círculos celestes */ .allagos-perfil-artista .details-block-content > li > i { color: #35BDF0 !important; background-color: #E8F7FD !important; border-radius: 50%; } /* Espaciado entre los datos */ .allagos-perfil-artista .details-block-content > li { margin-bottom: 20px !important; } /* Biografía: mantener una lectura cómoda */ .allagos-perfil-artista .details-block-content > li p { line-height: 1.6; max-width: 100%; overflow-wrap: anywhere; } /* Evitar desbordamientos */ .allagos-perfil-artista .details-block-content > li > div, .allagos-perfil-artista .details-block-content > li p, .allagos-perfil-artista .details-block-content > li a { min-width: 0; max-width: 100%; overflow-wrap: anywhere; } /* Palabras clave como etiquetas */ .allagos-keyword-list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; } .allagos-keyword-chip { display: inline-flex; align-items: center; max-width: 100%; padding: 6px 12px; border-radius: 20px; background-color: #E8F7FD !important; color: #168DB8 !important; font-size: 14px; font-weight: 500; line-height: 1.4; text-decoration: none; overflow-wrap: anywhere; } a.allagos-keyword-chip:hover { background-color: #D5F1FC !important; color: #168DB8 !important; } /* ARTISTAS LOS LAGOS — Datos adicionales */ .allagos-datos-adicionales .details-block-content > li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px !important; min-width: 0; } /* Iconos */ .allagos-datos-adicionales .details-block-content > li > i { flex-shrink: 0; color: #35BDF0 !important; background-color: #E8F7FD !important; border-radius: 50%; } /* Evitar desbordamientos */ .allagos-datos-adicionales .details-block-content > li > span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; } /* Ajuste móvil */ @media (max-width: 767px) { .allagos-datos-adicionales .details-block-content > li { margin-bottom: 16px !important; } } /* ARTISTAS LOS LAGOS — Portafolio / Dossier */ /* ARTISTAS LOS LAGOS — Portafolio / Dossier */ .allagos-dossier .pf-body { padding-top: 8px; } /* Icono del bloque */ .allagos-dossier i, .allagos-dossier .mi, .allagos-dossier .fa { color: #35BDF0; } /* Enlaces del archivo */ .allagos-dossier a { color: #168DB8; font-weight: 600; text-decoration: none; } .allagos-dossier a:hover { color: #087CA6; text-decoration: underline; } /* Ocultar nombre e icono del archivo */ .allagos-dossier li.file .file-icon, .allagos-dossier li.file .file-name { display: none !important; } /* Fila del archivo */ .allagos-dossier li.file { display: flex !important; align-items: center; justify-content: flex-start; gap: 16px; padding: 8px 0; border: 0 !important; } /* Botón Descargar dossier */ .allagos-dossier .file-link.allagos-dossier-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 14px 28px; border-radius: 12px; background: #35BDF0 !important; color: #FFFFFF !important; font-size: 17px; font-weight: 700; line-height: 1.3; text-decoration: none !important; cursor: pointer; transition: background .2s ease; } .allagos-dossier .file-link.allagos-dossier-button:hover { background: #168DB8 !important; color: #FFFFFF !important; text-decoration: none; } .allagos-dossier .file-link.allagos-dossier-button i { color: #FFFFFF !important; font-size: 18px; } /* Móvil */ @media (max-width: 767px) { .allagos-dossier .file-link.allagos-dossier-button { width: 100%; box-sizing: border-box; font-size: 16px; } } /* Créditos de la imagen en la portada de Obras */ .price-or-date .value{ font-size:12px !important; font-weight:300 !important; font-family:"inter-24pt", sans-serif !important; background:rgba(0, 0, 0, 0.3) !important; padding:3px 7px !important; border-radius:5px !important; } /* Iconos de títulos de bloques: Obras */ .single-job_listing .profile-body .block-title i, .single-job_listing .profile-body .element .title-style-1 i { box-sizing: border-box !important; color: #35BDF0 !important; background-color: #E8F7FD !important; border-radius: 50% !important; width: 40px !important; height: 40px !important; min-width: 40px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin-right: 10px !important; line-height: 1 !important; font-size: 16px !important; text-align: center !important; vertical-align: middle !important; } /* Centrar verticalmente los títulos con sus iconos */ .single-job_listing .profile-body .block-title, .single-job_listing .profile-body .element .title-style-1 { display: flex !important; align-items: center !important; gap: 10px; } .single-job_listing .profile-body .block-title i, .single-job_listing .profile-body .element .title-style-1 i { flex: 0 0 40px !important; margin: 0 10px 0 0 !important; } /**/ .has-logo.no-tagline.has-info-fields .lf-item-info-2{ padding:36px 15px 1px !important; } /* HEADER INTERNO: imagen de fondo */ body:not(.home):not(.front-page) .c27-main-header .header-skin { background-image: url("https://artistasloslagos.cl/wp-content/uploads/2026/09/fondo-header-aloslagos-1.jpg") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border: none !important; } /* Mantener la imagen cubriendo el fondo del header */ body:not(.home):not(.front-page) .c27-main-header { background-color: transparent !important; } /* INICIO: conservar el degradado original */ body.home .c27-main-header.header.header-dark-skin:not(.header-scroll) .header-skin, body.front-page .c27-main-header.header.header-dark-skin:not(.header-scroll) .header-skin { background: linear-gradient( to bottom, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0) 100% ) !important; border: none !important; } /* Color del elemento activo del menú principal */ .c27-main-header .main-menu > li.current-menu-item > a, .c27-main-header .main-menu > li.current_page_item > a, .c27-main-header .main-menu > li.current-menu-ancestor > a { color: #FF5A1F !important; } /* Indicador inferior del elemento activo, si el tema lo utiliza */ .c27-main-header .main-menu > li.current-menu-item > a::after, .c27-main-header .main-menu > li.current_page_item > a::after, .c27-main-header .main-menu > li.current-menu-ancestor > a::after { background-color: #FF5A1F !important; } /* Hover del menú principal */ .c27-main-header .main-menu > li > a:hover { color: #ff5a1f !important; } .c27-main-header .main-menu > li > a:hover::after { background-color: #ff5a1f !important; } .main-nav .i-dropdown:before, ul.dropdown-menu:before{ background:#ff5a1f !important; } .explore-head .explore-types>div:after{ background:#ff5a1f !important; } .explore-head .explore-types .type-info img{ height:26px !important; filter:none !important; } .finder-title h2{ font-family: sculpin, sans-serif !important; font-weight: 500 !important; } .explore-head .explore-types .type-info>h4{ font-family:brevier, sans-serif !important; font-weight:500 !important; transform: scaleY(0.92) !important; font-size:16px !important; } /* ========================================================= ARTISTAS LOS LAGOS CONTADORES POR PROVINCIA ========================================================= */ /* --------------------------------------------------------- CONTENEDOR GENERAL --------------------------------------------------------- */ .conteo-provincia { display: inline-flex; align-items: center; justify-content: flex-start; /* * El fondo se adapta al contenido */ width: fit-content; max-width: 265px; /* * Fondo naranjo/rosado por defecto */ background: #fff7f5; /* * Forma de píldora */ border-radius: 30px; /* * Espacio interior */ padding: 8px 14px; /* * No permitir salto de línea */ white-space: nowrap; overflow: hidden; /* * Tipografía */ font-family: "inter-24pt", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.2; letter-spacing: 0; /* * Color del texto */ color: #FF5722; } /* --------------------------------------------------------- ELEMENTOS --------------------------------------------------------- */ .conteo-provincia-item { display: inline-flex; align-items: center; white-space: nowrap; font-family: "inter-24pt", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; color: inherit; } /* --------------------------------------------------------- NÚMEROS --------------------------------------------------------- */ .conteo-provincia-item strong { margin-right: 3px; font-family: "inter-24pt", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; color: inherit; } /* --------------------------------------------------------- SEPARADORES --------------------------------------------------------- */ .conteo-provincia .conteo-separador { display: inline-block; margin-left: 6px; margin-right: 6px; font-family: "inter-24pt", sans-serif !important; font-size: 12px !important; font-weight: 400 !important; color: inherit; opacity: 0.45; } /* ========================================================= LLANQUIHUE - CELESTE ========================================================= */ .conteo-provincia.conteo-llanquihue { background: #3CC6FE14 !important; color: #3CC6FE !important; } /* ========================================================= CHILOÉ - NARANJO/ROSADO ========================================================= */ .conteo-provincia.conteo-chiloe { background: #fff7f5 !important; color: #FF5722 !important; } /* ========================================================= PALENA - CELESTE ========================================================= */ .conteo-provincia.conteo-palena { background: #3CC6FE14 !important; color: #3CC6FE !important; } /* ========================================================= OSORNO - NARANJO/ROSADO ========================================================= */ .conteo-provincia.conteo-osorno { background: #fff7f5 !important; color: #FF5722 !important; } /**/ .header-search{ width:260px !important; }