:root{ --fieldset_color: #043E8A;--fieldset_background: #FFFFFF;--input_color: #043E8A;--input_border_color: #527AFF;--input_background: #FFFFFF;--button_color: #043E8A;--button_border_color: #043E8A;--button_background: #527AFF; } fieldset{ width: 100%; background: var(--fieldset_background) border-color: var(--fieldset_color); text-align: left; margin: 20px 0; } fieldset legend{ color: var(--fieldset_color); border: none; line-height: 1; font-size: 1.7em; } input, select, textarea{ color: var(--input_color); background: var(--input_background); border: 1px solid var(--input_border_color); border-radius: 3px; padding: 3px 7px; font-size: 1em; } input[type="submit"], button, .btn, .botones a, a.btn{ border-radius: 3px; width: fit-content; color: var(--button_color); background: var(--button_background); border: 1px solid var(--button_border_color); padding: 3px 7px; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: center; gap: 8px; transition: all 0.2s ease-in-out 0s; width: 100%; cursor: pointer; font-size: initial; } input[type="submit"]:hover, button:hover, .btn:hover, .botones a:hover, a.btn:hover{ color: var(--button_background); background: var(--button_color); cursor: pointer; } input[type="submit"].disabled, button.disabled, .btn.disabled, .botones a.disabled { background: #ccc; border: 1px solid #424242; color: #424242 !important; cursor: no-drop; } input[type="submit"].disabled:hover, button.disabled:hover, .btn.disabled:hover, .botones a.disabled:hover { background: #424242; border: 1px solid #ccc; color: #ccc !important; cursor: no-drop; } .btn .fa { width: 24px; text-align: center; } input[type="range"] { -webkit-appearance: none; width: 100%; height: 10px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } input[type="range"]:hover { opacity: 1; } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 15px; height: 15px; background: var(--button_color); cursor: pointer; } input[type="range"]::-moz-range-thumb { width: 15px; height: 15px; background: var(--button_color); cursor: pointer; } .acepto_form__txt, .acepto_envios__txt{ font-size: 0.7em; line-height: 1.2; display:none; } .botones { margin: 8px auto; padding:0; list-style: none; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 8px; } .botones .btn, .botones a.btn{ justify-content: left; } label{ display: block; margin-top: 5px; } label.check, label.radio{ display: initial; } @media (max-width: 768px) { .evento .container{ flex-direction: column; } #inscripcion_evento{ width: 100%; } #inscripcion_evento input, #inscripcion_evento textarea{ width: 90%; } .eventoPonentes .ponente .ponenteFoto{ padding-right: 0; } .eventoPonentes .ponente .ponenteTexto{ padding-left: 16px; padding-right: 16px; } #eventos.widget .evento{ width: 100%; } .evento.detalleList{ flex-direction: column; } .evento .opcionesEvento{ min-width: 100%; } .evento .opcionesEvento .botones{ position: initial; } .evento h2{ margin-top: 0; } .textosEvento { margin-right: 0; } .eventoProgramaDia .textoPonencia{ width: 100%; } .eventoProgramaDia .ponencia { flex-direction: column; gap: 8px; } .formwizard{ width: 100%; } #formTienda.tabla{ display: table; } }