/* Estilos Base = global. Disponibles en la totalidad de las páginas */ /* Pendiente de organizar en estilos para web, mtv y otros porque por ahora son de wen básicamente*/ /* Personalización de variables de bulma */ :root { /* Variables que tenías en "variables" */ --bulma-primary: #00d1b2; --bulma-size-1: 6rem; } /* Si quieres que se apliquen cuando el navegador esté en modo oscuro */ @media (prefers-color-scheme: dark) { :root { --bulma-primary: #fed; --bulma-scheme-main: #011; } } /* O si prefieres activarlo mediante una clase manual en el body como */ .theme-alt { --bulma-primary: #fed; --bulma-scheme-main: #011; } /* End Personalización de variables de bulma */ /* Collapsible elements using Alpine js */ .collapsible { height: 0; opacity: 0; overflow: hidden; transition: all .4s; pointer-events: none; } .collapsible.is-open { opacity: 1; pointer-events: auto; } .crop-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .text-fullwidth { width: 100%; } .thumb { width: 120px; padding-right: 2px; } .thumb-small { width: 80px; padding-right: 2px; } .thumb-medium { width: 240px; /* padding-right: 2px; */ } .thumb-big { width: 360px; padding-right: 2px; } #map-container { position: absolute; top: 0; bottom: 0; width: 100%; } /* .help-icon { --icon-url: url('/static/web/assets/ux/help.svg'); display: inline-block; width: var(--help-icon-size); height: var(--help-icon-size); margin-left: 0.5rem; padding: 0; background-color: var(--help-icon-color); -webkit-mask: var(--icon-url) no-repeat center; mask: var(--icon-url) no-repeat center; border-radius: calc(var(--help-icon-size) / 2); cursor: pointer; } */ .help-icon { display: inline-block; width: 24px; height: 24px; margin-left: 0.5rem; padding: 0; background: #3488ce url('/static/web/assets/ux/help.svg') no-repeat center; background-size: contain; border-radius: 20px; cursor: pointer; text-indent: -9999px; /* Oculta texto alternativo */ overflow: hidden; } .info-icon { display: inline-block; width: 24px; height: 24px; margin-left: 0.5rem; padding: 0; background: #3488ce url('/static/web/assets/ux/info.svg') no-repeat center; background-size: contain; border-radius: 20px; cursor: pointer; text-indent: -9999px; /* Oculta texto alternativo */ overflow: hidden; } .warning-icon { display: inline-block; width: 24px; height: 24px; margin-left: 0.5rem; padding: 0; background: #ffffff url('/static/web/assets/ux/warning-yellow.svg') no-repeat center; background-size: contain; /* border-radius: 20px; */ cursor: pointer; text-indent: -9999px; /* Oculta texto alternativo */ overflow: hidden; } .checked-icon { display: inline-block; width: 24px; height: 24px; margin-left: 0.5rem; padding: 0; background: #ffffff url('/static/web/assets/ux/check-mark.svg') no-repeat center; background-size: contain; /* border-radius: 20px; */ cursor: pointer; text-indent: -9999px; /* Oculta texto alternativo */ overflow: hidden; } /* Clases para links deshabilitados */ .disabled-link { cursor: not-allowed; opacity: 0.6; pointer-events: none; text-decoration: none; } /* Clases para elementos deshabilitados */ .is-disabled { cursor: not-allowed; opacity: 0.5; pointer-events: none; } /* formularios */ .form-field { margin: 5px 0; } .form-field-subject { margin: 5px 0; min-width: 350px; } .warning-box { background-color: #eec; color: #842; } /* tr:nth-child(even) { background-color: #D6EEEE; } */ table.table-h-zebra tr:nth-child(even) { background-color: #D6EEEE; } /* Estilo para opciones deshabilitadas en filtros de contenidos */ select option:disabled { color: #999; font-style: italic; } /* Opcional: opciones con conteo cero pero no deshabilitadas */ select option[data-count="0"] { color: #ccc; }