#eventos{ display: flex; flex-direction: column; gap: 64px; } .evento{ border-bottom: 1px solid var(--color_borde); } .evento h2 { text-transform: uppercase; font-size: 1.8em; } #formInscripcion h3 { margin-bottom: 0; } .evento .container{ gap: 8px; } .evento .opcionesEvento{ min-width: 270px; display: flex; flex-direction: column; gap: 16px; } .textosEvento { display: flex; flex-wrap: wrap; flex-direction: column; vertical-align: top; gap: 16px; margin-right: 8px; } .precioEvento{ display: inline-table; border: 1px solid darkgrey; margin: 10px 10px 0 0; min-width: 250px; max-width: 45%; } .precioEvento.fechaActual{ border: 1px solid green; box-shadow: 0px 0px 5px rgba(0,0,0,0.7); } .precioEvento.fechaPasada{ opacity: .3; } .precioEvento .fechaPrecio{ display: block; padding: 10px; color: #fff; background: grey; white-space: nowrap; } .precioEvento table{ padding: 10px; } .precioEvento.fechaActual b.fechaPrecio{ background: green; } .precioTotal { font-size: 1.3em; font-weight: bold; color: green; } .evento .fecha{ background: url(/imagenes/eventos/fecha_calendario.png) center center no-repeat; height: 160px; color: var(--item_borde_color); padding-top: 16px; display: flex; align-items: center; justify-content: center; gap: 8px; } .evento .dia { display: block; font-size: 2.3em; line-height: 1; } .evento .fecha .mes{ text-transform: uppercase; } .evento .botones { margin: auto auto 20px !important; width: 100%; position: sticky; bottom: 0px; background: var(--color_pagina); } .botones .btn{ text-transform: uppercase; padding: 8px 8px; width: 100%; color: #fff; border: none; } #eventos.widget{ flex-direction: row; flex-wrap: wrap; gap: 16px; } #eventos.widget .evento{ border: 1px solid var(--color_borde); width: calc(50% - 8px); } a.eventoWidgetIMG { display: flex; height: 100%; min-height: 270px; } #eventos.widget .evento .botones{ flex-wrap: wrap; justify-content: left; } .btn.inscripcionexterna{ background: #FF5200; } .btn.inscripcionexterna:hover{ background: #EE9273; } .btn.inscripcion{ background: #FF5200; } .btn.inscripcion:hover{ background: #EE9273; } .btn.inscripcionpdf{ background: #5C52DC; } .btn.inscripcionpdf:hover{ background: #8982E6; } .btn.justificante{ background: #3AD530; } .btn.justificante:hover{ background: #8AD17E; } .btn.inscrito{ background: #3AD530; cursor: default; } .btn.pagopasarela{ background: #2AB0E2; } .btn.pagopasarela:hover{ background: #88D2ED; } .btn.factura{ background: #0E842B; } .btn.factura:hover{ background: #CBF9D6; } .evento header{ margin-bottom: 24px; } .evento header h2, .evento header h3{ margin: 0; } .evento .dato{ background: #dedede; padding: 10px; } .evento .dato .datoEvento{ display: block; color: var(--item_borde_color); font-size: 1.3em; text-transform: uppercase; } #inscripcion_evento{ width: 80%; margin: 0 auto; } #inscripcion_evento input, #inscripcion_evento textarea{ width: 100%; } #inscripcion_evento input[type="checkbox"], #inscripcion_evento input[type="radio"]{ width: initial; } #inscripcion_evento input[type="tel"]{ padding: 8px 6px 8px 52px; } fieldset.sectionwrap { display: block; float: none; } .programmeEvent .menuSite { border-bottom: 1px solid var(--color_enlace); } .programmeEvent .menuSite li a:hover{ border-bottom: 2px solid var(--color_enlace) !important; } .programmeEvent .menuSite li.on a{ border-bottom: 2px solid var(--color_enlace) !important; } .programmeEvent .menuSite li a{ background: var(--color_pagina); border-bottom: 2px solid var(--color_pagina); color: var(--color_enlace); } .eventoPrograma{ margin: 48px 0; } .eventoProgramaDia{ margin-top: 24px; } .eventoProgramaDia .ponencia{ border-bottom: 1px solid var(--color_borde); padding: 16px 0; flex-wrap: nowrap; } .eventoProgramaDia .hora{ width: 120px; } .eventoProgramaDia .textoPonencia{ width: calc(100% - 240px); } .eventoProgramaDia .icono{ margin-left: auto; text-align: center; cursor: pointer; width: 60px; color: var(--color_enlace); opacity: 0.6; } .eventoProgramaDia .hora, .eventoProgramaDia .titulo{ font-weight:bold; } .eventoProgramaDia .icono:hover{ opacity: 1; } .confirmarInscripcion { padding: 10px; margin: 20px 0 20px auto; } .eventoPonentes .ponente{ background: rgba(255, 255, 255, 0.7); margin-top: 24px; margin-bottom: 24px; border: 1px solid var(--color_borde); } .eventoPonentes .ponente .ponenteFoto{ padding-right: 24px; } .eventoPonentes .ponente .ponenteFoto img{ width: 100%; }