/*GENERAL*/
div#opta-widgets-motor-contenido {width:100% !important}
#opta-widgets-motor-detalle .opta-menu .opta-opcion:first-child{border-left:none;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-opcion,
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-clasificaciones-carpetas .prueba,
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-clasificaciones-carpetas .prueba:hover{color:#fff}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-linea-menu li{width:25% !important;background:#333;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-linea-menu{background:transparent;display:flex;flex-direction:row;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-linea-menu #opta-menu-opcion-1{order:1;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-linea-menu #opta-menu-opcion-4{order:2;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-linea-menu #opta-menu-opcion-2{order:3;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-linea-menu #opta-menu-opcion-3{order:4;display:none;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-linea-menu .opta-opcion.activa{display:block !important;}
#opta-widgets-motor-detalle .opta-resultados-carpetas .prueba{font-family:Roboto;font-weight:300;font-size:1.4rem;}
#opta-widgets-motor-detalle table {border-collapse: collapse;}
#opta-widgets-motor-detalle .opta-clasificaciones-carpetas .prueba {font-size:1.4rem;font-weight:300;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-linea-menu * {font-family: Roboto;font-weight: 300;}

#opta-widgets-motor-detalle div[class*="linea-25"],
#opta-widgets-motor-detalle .opta-directo-situacion .opta-linea-det {border-left: 1px solid rgb(204, 204, 204);border: 1px solid rgb(204, 204, 204);border-top: 0px;display:table;width:100%;}
#opta-widgets-motor-detalle div[id^="opta-menu"] div[class*="datos-puesto"]{display:table-cell;float:none;vertical-align:top;}

#opta-widgets-motor-contenedor table td {border-right:0.1rem solid #CCC !important;border-bottom: 0.1rem solid #CCC !important;}
#opta-widgets-motor-contenedor table tr {border: 0.1rem solid #CCC !important;}
#opta-widgets-motor-detalle .opta-calendario .opta-gpremio .opta-pais,
#opta-widgets-motor-detalle .opta-resultados-prueba-detalle .opta-res-datos-pais,
#opta-widgets-motor-detalle .opta-directo-situacion .opta-datos-pais{display:none;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-calendario .opta-linea-det .opta-gpremio,
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-calendario .opta-linea-det .opta-circuito{width:35%;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-calendario .opta-linea-det .opta-fecha{width:30%;min-width:9rem;font-size:1.2rem;}
#opta-widgets-motor-detalle .opta-celda{word-break: break-word !important;}

/*CALENDARIO Y CLASIFICACION*/
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-calendario .opta-linea-cab td:not(:last-child),
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-calendario .opta-linea-det td{padding-left:.5rem;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-clasificaciones-carpetas .opta-linea-carpetas{background:#333;}
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-opcion.activa,
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-calendario .opta-jornada,
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-clasificaciones-pruebas .opta-clf-datos-puesto,
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-clasificaciones-pruebas .opta-clf-datos-puntos,
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-clasificaciones-carpetas .prueba.active,
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-resultados-prueba-detalle .opta-res-datos-puesto{background:#db3444;color:#fff;}

/*RESULTADOS Y DIRECTO*/
#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-gran-premio .opta-gran-premio-nombre{background:#333;font-weight: 300;}
#opta-widgets-motor-detalle .opta-resultados-carpetas #opta-resultados-carpetas-detalle .opta-linea-carpetas,
#opta-widgets-motor-detalle .opta-directo-carpetas #opta-directo-carpetas-detalle .opta-linea-carpetas,
#opta-widgets-motor-detalle .opta-directo-narracion .opta-linea-det .opta-vuelta{background:#666;}
#opta-widgets-motor-detalle .opta-resultados-carpetas #opta-resultados-carpetas-detalle .opta-linea-carpetas li{color:#fff;border-bottom:none;}
#opta-widgets-motor-detalle .opta-resultados-carpetas #opta-resultados-carpetas-detalle .opta-linea-carpetas .prueba.active,
#opta-widgets-motor-detalle .opta-directo-carpetas #opta-directo-carpetas-detalle .opta-linea-carpetas .prueba.active,
#opta-widgets-motor-detalle .opta-directo-situacion .opta-linea-det .opta-datos-puesto{background:#db3444;color:#fff;}

@media (max-width: 875px) {
	/*CLASIFICACION*/
	#opta-widgets-motor-detalle .opta-clasificaciones-carpetas #opta-clasificaciones-carpetas-detalle{overflow-y:hidden;width:100%;overflow-x:scroll;}
	#opta-widgets-motor-detalle .opta-clasificaciones-carpetas #opta-clasificaciones-carpetas-detalle .opta-linea-carpetas{width: 87.5rem;}
}

@media (max-width: 525px) {
	#opta-widgets-motor-detalle div[id^="opta-menu"] .opta-linea-menu{flex-direction:column;}
	#opta-widgets-motor-detalle .opta-menu .opta-linea-menu li.opta-opcion{width:100% !important;border-left:none;border-top:2px solid #FFF}
     
     /*RESULTADOS*/
	#opta-widgets-motor-detalle .opta-resultados-carpetas #opta-resultados-carpetas-detalle{overflow-y:hidden;width:100%;overflow-x:scroll;}
	#opta-widgets-motor-detalle .opta-resultados-carpetas #opta-resultados-carpetas-detalle .opta-linea-carpetas{width:52.2rem;}
}

 /*--rediseño--*/

     /*DIRECTO*/
.gridBox .cell div#opta-widgets-motor-detalle {font-size: 1.4em;font-family: 'Roboto','arial',sans-serif;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-linea-det, .gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-datos-piloto, .gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-datos-equipo, .gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-linea-det {border: none;padding: .2rem 0rem;font-size: 1.6rem;}
.gridBox .cell .opta-celda.opta-datos-puesto {position: relative;border-radius: 10rem;left: -1rem;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-linea-det .opta-datos-puesto {background: transparent;color: #fff;border: .2rem solid #db3444;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-scroll-detalle {max-height: 100%;}
.gridBox .cell #opta-widgets-motor-detalle .scroll-pane {overflow-x: hidden;background: #4e4e4e;color: #fff;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-carpetas .prueba {padding: .8rem 1.2rem;border-right: none;font-size: 2rem;}
.gridBox .cell #opta-widgets-motor-detalle .opta-linea-cab div[class*="datos-puesto"] {display: none;}
.gridBox .cell #prueba-detalle95 .opta-celda.opta-datos-piloto.opta-texto-cab ,.gridBox .cell #prueba-detalle95 .opta-celda.opta-datos-equipo.opta-texto-cab {width: 43%;font-size: 2rem;font-weight: 300;color: #fff;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-linea-cab {padding: 1em 0em .8em 0em;box-shadow: 0rem .1rem .3rem #3c3c3cd4;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-titulo ,.gridBox .cell #opta-widgets-motor-detalle .opta-directo-narracion .opta-titulo{font-size: 2.4rem; font-weight: 400;margin: 1em 0em;background: transparent;color: #db3444;}

.gridBox .cell #opta-widgets-motor-detalle div[id^="opta-menu"] .opta-gran-premio .opta-gran-premio-nombre {background: #333;font-weight: 300;font-size: 1.6em;padding: 1em 2em;margin: 0;}
.gridBox .cell #opta-widgets-motor-detalle .opta-gran-premio .opta-gran-premio-nombre:before {display: inline-block;content: "";width: 0;height: 0;border-style: solid;border-width: 1.8em 0 1.8em 4em;border-color: transparent transparent transparent #db3444;position: absolute;left: -1em; top: 2.8em; animation: venir .8s alternate forwards;animation-iteration-count: 6;transition: .3s all;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-linea-det .opta-datos-puesto {font-weight: 600;transform: rotate(9deg) perspective(17px);transition: .2s all;text-shadow: .1rem .1rem .1rem #1f1f1f;font-size: 1.8rem;vertical-align: middle;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-linea-det {box-shadow: 0rem .2rem .1rem #31313157;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-narracion .opta-detalle {overflow-x: hidden;background: #e6e6e6;color: #000;border: .2rem solid #db3444;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-narracion .opta-comentario {border-bottom:none;font-size: 1.4rem;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-narracion .opta-linea-det .opta-vuelta {background: #4e4e4e;font-size: 1.2rem;padding: 0.2em .8em;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-narracion .opta-linea-det {line-height: 2em;border:none;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-narracion .opta-scroll-detalle {max-height: 40em;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-narracion .opta-titulo:before {content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 0 1em .8em 1em;border-color: transparent transparent #db3444 transparent;position: relative;top: 2.1em;left: 50%;margin-left: -1em;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-narracion .opta-linea-det:nth-child(even) {background: #d6d6d6;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-narracion .opta-comentario {width: 88%;}
/*CLASIFICACION*/
.gridBox .cell #opta-widgets-motor-detalle .opta-clasificaciones-carpetas {margin-bottom: .4rem;}
.gridBox .cell #opta-widgets-motor-detalle .opta-linea-25-borde, .gridBox .cell #opta-widgets-motor-detalle .opta-motor-detalle-equipo {border: none;font-size: 1.6rem;}
.gridBox .cell #opta-widgets-motor-detalle .opta-linea-25-borde {background: #d6d6d6;}
.gridBox .cell #opta-widgets-motor-detalle .opta-linea-25-borde{padding: 0.8rem 0rem;}
.gridBox .cell ul.opta-linea-carpetas {display: flex; flex-wrap: wrap;justify-content: space-between;}
.gridBox .cell ul.opta-linea-carpetas li {text-align: center;}
.gridBox .cell #opta-widgets-motor-detalle .opta-clasificaciones-carpetas .prueba{border: none;padding: 1rem 1.2em;transition: .2s all;}
.gridBox .cell #opta-widgets-motor-detalle .opta-clasificaciones-carpetas .prueba:hover{background: #db3444;}
.gridBox .cell #opta-widgets-motor-detalle .opta-clasificaciones-pruebas .opta-clf-datos-pais {margin-right: 1.4rem;}
.gridBox .cell #opta-widgets-motor-detalle div[id^="opta-menu"] .opta-clasificaciones-pruebas .opta-clf-datos-puesto {box-shadow: -.1rem -.1rem .1rem #3e3e3e;}
.gridBox .cell #opta-widgets-motor-detalle div[id^="opta-menu"] .opta-clasificaciones-pruebas .opta-clf-datos-puntos{box-shadow: .1rem -.1rem .1rem #3e3e3e;background: #fff;color: #333;}
@keyframes venir {
    0% {left:-3rem;}
    100% {left:-1rem;}
}
.gridBox .cell #opta-widgets-motor-detalle .opta-linea-25-borde:hover{background: #d6d6d6;}
.gridBox .cell #opta-widgets-motor-detalle .opta-linea-25-borde {padding: 0.8rem 0rem;border-bottom: 1rem solid #fff;}
/*CALENDARIO*/
.gridBox .cell #opta-widgets-motor-contenedor table td {border: none;}
.gridBox .cell #opta-widgets-motor-detalle div[id^="opta-menu"] .opta-calendario .opta-linea-cab td:not(:last-child), .gridBox .cell #opta-widgets-motor-detalle div[id^="opta-menu"] .opta-calendario .opta-linea-det td {padding: .8rem 1.6rem;font-size: 1.6rem;}
.gridBox .cell .opta-calendario tr.opta-linea-det:nth-of-type(odd) {background: #d6d6d6;}
.gridBox .cell #opta-widgets-motor-contenedor table tr {border: none;}
#opta-widgets-motor-detalle .opta-calendario .opta-horarios-fecha {padding-left: 1.2rem;}
.gridBox .cell #opta-widgets-motor-detalle .opta-linea-18 { background: #333333;color: #fff;padding: 1rem;font-size: 1.6rem;}
.gridBox .cell #opta-widgets-motor-contenedor table td {border-right: none !important;border-bottom: none !important;}
.gridBox .cell #opta-widgets-motor-contenido #opta-calendario td.opta-horarios {border: .1rem solid #db3444;border-right: .1rem solid #db3444!important;border-bottom: .1rem solid #db3444!important;}
.gridBox .cell table#horarios {background: #d00014;}
.gridBox .cell #opta-widgets-motor-detalle .opta-calendario .opta-horas {filter: brightness(50%);transform: scale(1.3);transition: all .2s;}
.gridBox .cell #opta-widgets-motor-detalle .opta-calendario .opta-horas:hover {filter: brightness(70%);transform: scale(1.5);}
.gridBox .cell #horarios tbody {opacity: .8;}
.gridBox .cell .opta-linea-18.opta-horarios-titulo:before {content: "";display:inline-block;position: relative;width: 0;height: 0;border-style: solid;border-width: 1rem 2rem 0 2rem;border-color: #e4e4e4 transparent transparent transparent;top: -1.6rem;left: 13%;}
/*Responsive*/
/* tablet */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  {
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-datos-puesto {width: 6%;}
}

/* mobile */
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) { 
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-narracion .opta-comentario {width: 100%;}
.gridBox .cell #opta-widgets-motor-detalle .opta-gran-premio .opta-gran-premio-nombre:before {display: none;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-linea-det {display: flex;flex-flow: row nowrap;justify-content: space-around;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-situacion .opta-linea-det .opta-datos-puesto {top: 1rem;border: none;color: #db3444;font-size: 3.4rem;left: .1rem;}
.gridBox .cell #opta-widgets-motor-detalle .opta-directo-narracion .opta-vuelta {width: 100%;}
.gridBox .cell div#opta-widgets-motor-contenido{width: 100%!important;}
.gridBox .cell ul.opta-linea-carpetas {justify-content: space-around;width: auto!important;}
.gridBox .cell #opta-widgets-motor-detalle div[id^="opta-menu"] .opta-clasificaciones-pruebas .opta-clf-datos-puesto{width: 50%;margin: 0 auto;font-size: 2.6rem;padding: 1rem 0rem;}
.gridBox .cell #opta-widgets-motor-detalle .opta-clasificaciones-pruebas .opta-clf-datos-piloto {padding-left: 0;text-align: center;border-left: none;width: 100%;font-size: 2rem;font-weight: 600;}
.gridBox .cell #opta-widgets-motor-detalle .opta-motor-detalle-equipo {float: none;width: 100%;padding-left: 0;text-align: center;}
.gridBox .cell #opta-widgets-motor-detalle .opta-linea-25-borde{display: flex;flex-flow: column nowrap;margin-bottom: 1.2rem;}
.gridBox .cell #opta-widgets-motor-detalle div[id^="opta-menu"] .opta-clasificaciones-pruebas .opta-clf-datos-puntos {width: 100%;background: #d6d6d6;color: #333333;font-weight: 600;}
.gridBox .cell  #opta-calendario td{width: auto;}
.gridBox .cell #opta-widgets-motor-detalle div[id^="opta-menu"] .opta-calendario .opta-linea-cab td:not(:last-child), .gridBox .cell #opta-widgets-motor-detalle div[id^="opta-menu"] .opta-calendario .opta-linea-det td {padding: .8rem .6rem;}
    
.gridBox .cell #opta-widgets-motor-detalle .opta-calendario .opta-horarios-fecha {text-align: center;font-size: 1.8rem;font-weight: 600;}
.gridBox .cell #opta-widgets-motor-detalle .opta-resultados-prueba-detalle .opta-res-datos-puesto {
    flex-grow: 2!important;
    height: 50%!important;
}
.gridBox .cell #opta-widgets-motor-detalle #opta-resultados-detalle .opta-linea-25-borde {
    display: flex!important;
    flex-flow: row wrap!important;
    margin-bottom: 1.2rem!important;
}
}