:root {
    --morado: #C449F8;
    --moradodegradado: #a533ff;
    --azul: #0098FF;
    --naranjaoscuro: #f39200;
    --naranjaclaro: #E8B71C;
    --naranjabrillante: #cf905a;
    --rojo: #be1622;
}

body {
	background-color: black;
}

main.main {
    background-color: black;
}

.center {
    text-align: center;
}

.contenedor.add {
    padding: 1rem 0;
    height: 85vh;
    font-family: 'Futura';
}

.botones {
    border-radius: 99em;
    height: 50px;
    font-size: 18px;
    width: 150px;
    height: 40px;
}

#botonIrACtv1, #botonIrACtv2, #botonIrACtv3 {
  width: 180px;
}

input.boton-morado {
    background: linear-gradient(145deg, var(--moradodegradado) 20%, var(--azul) 100%);
}

input.boton-morado:hover {
  background: linear-gradient(145deg, var(--azul) 20%, var(--moradodegradado) 100%);
  transition: 3.7s;
}

input.boton-naranja, button.boton-naranja, #botonIrAPrinc1, #botonIrAPrinc2, #botonIrAPrinc3 {
    background: linear-gradient(145deg, var(--naranjaoscuro) 20%, var(--naranjaclaro) 100%);
}

#botonIrAPrinc1, #botonIrAPrinc2, #botonIrAPrinc3 {
    position: relative;
    right: -50px;
}

input.boton-naranja:hover, button.boton-naranja:hover, #botonIrAPrinc1:hover, #botonIrAPrinc2:hover, #botonIrAPrinc3:hover {
    background: linear-gradient(145deg, var(--naranjaclaro) 20%, var(--naranjaoscuro) 100%);
}

.botonircalculadora {
    background: linear-gradient(90deg, var(--naranjaoscuro) 40%, var(--naranjaclaro) 100%);
    box-shadow: 0px 0px 8px 10px rgba(243, 146, 0, 0.5);
    font-size: 18px;
    height: 45px;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem auto 0;
}

.botonircalculadora:hover {
    background: linear-gradient(145deg, var(--naranjaclaro) 20%, var(--naranjaoscuro) 100%);
}

#botonNewCalcular {
    width: 150px;
    box-shadow: 0px 0px 8px 10px rgba(100, 100, 100, 0.5);
    padding: 0;
    height: 40px;
    z-index: 20;
    position: relative;
}

.inputs {
    border-radius: 99em;
    width: 110px;
    height: 40px;
    font-size: 15px;
    text-align: center;
    text-align: left;
}

input.input-morado {
    background: linear-gradient(black, black) padding-box,
              linear-gradient(145deg, var(--morado) 20%, var(--azul) 100%) border-box;
    border-radius: 50em;
    border: 1px solid transparent;
    margin: auto;
}

input.input-naranja {
    background: linear-gradient(black, black) padding-box,
              linear-gradient(145deg, var(--naranjaoscuro) 20%, var(--naranjaclaro) 100%) border-box;
    border-radius: 50em;
    border: 1px solid transparent;
}

.vcentrado {
    display: flex;
    flex-direction: column;
}

.rojo {
    color: var(--naranjaoscuro);
    cursor: text;
}

table tr.cabeceratabla {
    background: linear-gradient(145deg, var(--naranjaoscuro) 20%, var(--naranjaclaro) 100%);
    background-attachment: fixed;
    font-family: 'Futura';
}

table tr.cabeceratabla th {
    font-weight: 500;
    height: 35px;
    font-family: 'Futura';
    text-align: center;
}

table tr.cabeceratabla th:first-child {
  border-top-left-radius: 99em;
  border-bottom-left-radius: 99em;
}

table tr.cabeceratabla th:last-child {
  border-top-right-radius: 99em;
  border-bottom-right-radius: 99em;
}

.table-post.table-target th, .table-post.table-target td {
    width: 14%;
    text-align: center;
    font-family: 'Futura';
}

.tableborder {
    height: 1px;
    background: linear-gradient(145deg, var(--morado) 20%, var(--azul) 100%);
    background-attachment: fixed;
    padding: 0;
}

.tablebordernegra {
    height: 1px;
    background: black;
    background-attachment: fixed;
    padding: 0;
}

.tablebordertop-naranja {
    border-top: 1px solid var(--naranjaclaro);
}

.tableborderbottom-naranja {
    background: linear-gradient(145deg, var(--naranjaoscuro) 20%, var(--naranjaclaro) 100%);
}

table tr.fondomorado {
    background: linear-gradient(145deg, var(--moradodegradado) 20%, var(--azul) 100%);
}

table tr.fondomorado td {
    border: 0.1px solid black;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}

table tr.fondonaranja {
    background: linear-gradient(145deg, var(--naranjaoscuro) 20%, var(--naranjaclaro) 100%);
}

table tr.fondonaranja td {
    border: 0.1px solid black;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}

#tv1grps {
    width: 150px;
    padding: 0 8px 0 25px;
    margin: 0 0 0 15px;
    color: white;
}

table th {
    font-weight: 400;
}

.form-control {
    color: white;
}

#periodo_id {
    color: black;
}

table tr.fondomorado td:first-child {
  border-top-left-radius: 99em;
  border-bottom-left-radius: 99em;
}

table tr.fondomorado td:last-child {
  border-top-right-radius: 99em;
  border-bottom-right-radius: 99em;
}

table tr.fondonaranja td:first-child {
  border-top-left-radius: 99em;
  border-bottom-left-radius: 99em;
}

table tr.fondonaranja td:last-child {
  border-top-right-radius: 99em;
  border-bottom-right-radius: 99em;
}

.tablenegra {
    height: 1px;
}

.color-tv {
    color: var(--naranjaoscuro);
}

.color-online {
    color: var(--morado);
}

.color-duplicacion {
    color: var(--rojo);
}

.dinegro {
    position: absolute;
    bottom: 30px;
    right: 185px;
}

.botonnegro {
    background: black;
    color: var(--naranjaoscuro);
    box-shadow: 0px 0px 8px 10px rgba(100, 100, 100, 0.5);
    width: 150px;
    height: 40px;
    border-color: var(--naranjaoscuro);
}

.botonnegro:hover {
    background: black;
    color: var(--naranjabrillante);
    box-shadow: 0px 0px 8px 10px rgba(100, 100, 100, 0.5);
    width: 150px;
    height: 40px;
}

.botonnegroSinSombra {
    background: black;
    color: var(--naranjaoscuro);
    width: 150px;
    height: 40px;
    font-size: 14px!important;
    border: 1px solid var(--naranjaoscuro);
}

.botonnegroSinSombra:hover {
    background: black;
    color: var(--naranjabrillante);
    width: 150px;
    height: 40px;
    font-size: 14px!important;
}

.containerVennOcultoFlecha {
    background-color: #C449F8;
    height: 31px;
    line-height: 11px;
    position: relative;
    margin-top: 102px;
    left: -15px;
    padding-top: 3px;
}

.containerVennOcultoFlecha:after {
    color: #C449F8;
    border-left: 20px solid;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    display: inline-block;
    content: '';
    position: absolute;
    right: -20px;
    top: -10px;
}

.blocktext{
	color: white;
    font-size: 12px;
}

.izquierda.divnegro {
    z-index: 55555;
    bottom: 70px;
}

.bloqueGrps .inputGrps {
    padding: 15px 0 15px 15px;
}

@media screen and (max-width: 1400px) {
  .izquierda.divnegro {
    bottom: -80px;
  }
}

.padding0 {
    padding: 0;
}

.height1 {
    height: 1px;
}

.texto-impresiones {
    padding: 15px 0;
    color: white;
    height: 170px;
    align-content: center;
}

.icon-button-save {
    margin-bottom: 3rem;
}

.w190 {
    width: 190px;
}

.w150 {
    width: 150px;
}

.netflix {
    width: 28px;
    margin: 0 auto 14px;
}

.amazon {
    height: 40px;
    margin: 10px auto 14px;
}

.disney {
    height: 50px;
    margin: 5px auto 9px;
    position: relative;
    bottom: 15px;
}

.youtube {
    height: 40px;
    margin: 10px auto 12px;
}

.logos {
    display: flex;
    margin-top: 13rem;
    align-items: center;
}

.f25 {
    font-size: 18px;
}

.f16 {
    font-size: 16px;
}

.f22 {
    font-size: 15px;
}

.f20 {
    font-size: 13px;
}

.fh25 {
    font-size: 18px;
    font-family: 'Futura-heavy'!important;
}

.fh22 {
    font-size: 15px;
    font-family: 'Futura-heavy'!important;
}

.fh20 {
    font-size: 13px;
    font-family: 'Futura-heavy'!important;
}

.text-right, .right {
    text-align: right;
}

.text-left, .left {
    text-align: left;
}

#grps-simulation {
    padding: 0;
}

.pr30 {
    padding-right: 30px;
}

.pr10 {
    paddin-right: 10px;
}

.pt10 {
    padding-top: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml0 {
    margin-left: 0;
}

.mb0 {
    margin-bottom: 0;
}

.mb30 {
    margin-bottom: 30px;
}

.mb2r, .m2r {
    margin-bottom: 2rem;
}

.mb5r {
    margin-bottom: 5rem;
}

.mt5r {
    margin-top: 5rem;
}

.mt6r {
    margin-top: 6rem;
}

.b20 {
    bottom: 20px;
}

.highcharts-color-0 {
    background: linear-gradient(145deg, #f00 20%, #c00 100%);
}

.inicial {
    width: 95%;
    max-width: 140rem;
    min-height: 820px;
    height: auto;
    overflow: hidden;
}

#metodologia {
    background: #222;
    opacity: .9;
    margin: 2rem 4rem;
    width: 50%;
    position: absolute;
    left: 20%;
}

#detalleSegmentos1, #detalleSegmentos2, #detalleSegmentos3 {
    background: #111;
    opacity: 1;
    margin: 0 4rem;
    width: 100%;
    height: 400px;
    position: absolute;
    left: 10%;
    z-index: 1040;
}

li::marker {
  color: var(--naranjaoscuro);
}

li li::marker {
  color: white;
}

#metodologia summary > svg, #metodologia2 summary > svg {
    width: 8px;
    top: 2px;
    position: relative;
}

#metodologia summary > path, #metodologia2 summary > svg {
  fill:  var(--naranjaoscuro);
}

#metodologia details[open] summary > svg, #metodologia2 details[open] summary > svg {
    transform: rotate(90deg);
    transition: .25s transform ease;
}

#metodologia2 .contenedor ul li details ul ul li:last-child {
    list-style-type: none;
}

.dere {
    transform: translateX(0%)!important;
    transition: 1s transform ease;
    transition-duration: 1.3s;
}

.izda {
    transform: translateX(-100%)!important;
    transition: 1s transform ease!important;
    transition-duration: 1.3s;
}

.abajo {
    transform: translateY(0%)!important;
    transition: 1s transform ease;
    transition-duration: 1.3s;
}

.arriba {
    transform: translateY(-100%)!important;
    transition: 1s transform ease!important;
    transition-duration: 1.3s;
}

.contenedorpadre {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.container1 {
    width: 100%;
    min-width: 100%;
}

.container2 {
    transform: translateX(100%);
    text-align: center;
    width: 100%;
    min-width: 100%;
    margin-right: 0;
    padding-left: 100px;
    margin-left: 10px;
}

#containerVenn, #containerVenn2 {
    width: 300px;
    height: 350px;
}

/*
#venn-graph-semana-1-graphic-core-bar, #venn-graph-semana-2-graphic-core-bar, #venn-graph-semana-3-graphic-core-bar {
    padding-left: 50px;
}
*/

.container1 > div.venn-graph-container {
    left: 33%;
}

.container1  div.venn-graph-container-oculto {
    height: 280px;
    left: 0%;
}

.container2 > div.venn-graph-container {
    height: 300px;
    vertical-align: bottom;
    position: relative;
}

.container2 .venn-graph-container:nth-child(odd) {
    float: left;
}

.container2 .venn-graph-container:nth-child(even) {
    float: left;
}

.container2 > div.venn-graph-container > div {
    position: absolute!important;
    bottom: 0;
}

.venn-graph-container {
    left: 20%;
}

#venn-graph-semana-1-graphic-core-bar, #venn-graph-semana-1-graphic-core-bar2,
#venn-graph-semana-2-graphic-core-bar, #venn-graph-semana-2-graphic-core-bar2,
#venn-graph-semana-3-graphic-core-bar, #venn-graph-semana-3-graphic-core-bar2 {
    left: 0;
}

g.highcharts-legend.highcharts-no-tooltip g.highcharts-legend-item.highcharts-column-series.highcharts-color-undefined text {
    fill: white!important;
    font-size: 12px!important;
}

g.highcharts-legend.highcharts-no-tooltip g.highcharts-legend-item.highcharts-bar-series.highcharts-color-undefined text,
g.highcharts-legend.highcharts-no-tooltip g.highcharts-legend-item.highcharts-bar-series.highcharts-color-0 text,
g.highcharts-legend.highcharts-no-tooltip g.highcharts-legend-item.highcharts-bar-series.highcharts-color-1 text,
g.highcharts-legend.highcharts-no-tooltip g.highcharts-legend-item.highcharts-bar-series.highcharts-color-2 text,
g.highcharts-legend.highcharts-no-tooltip g.highcharts-legend-item.highcharts-bar-series.highcharts-color-3 text {
    fill: white!important;
    font-size: 10px!important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.fpeque {
    font-weight: 300;
    font-size: 15px;
    right: -15px;
}

.tabla-resultados-original-semana {
    margin: 1rem 3rem 0rem 5rem;
    background: black;
    align-items: center;
}

.tabla-resultados-original-semana .divTexto {
    margin-top: 5rem;
    font-size: 11px;
}

.targetIdentificador {
  color: black;
  margin-left: 10px;
}

::placeholder {
  color: #aaa;
  font-size: 15px;
}

#principal-simulation {
  bottom: 41px;
  z-index: 1000;
}

#tabla-resultados-original-semana1, #tabla-resultados-original-semana2, #tabla-resultados-original-semana3 {
  margin: 1rem 3rem 0rem 5rem;
}

.primero1, .primero2, .primero3,
.segundo1, .segundo2, .segundo3 {
  width: 33%;
}

 .divmetodologia {
    bottom: 70px;
}

.divtextometodologia {
    color: white;
    padding: 1rem;
}

.marginAlineadoCentro {
    margin: 2rem 0 0 0;
    display: flex;
    align-items: center;
}

.textDataDeterministica {
    margin: 2rem 0 0 0;
    display: flex;
    align-items: center;
    padding: 0;
}

.detalleSegmentos1, .detalleSegmentos2, .detalleSegmentos3 {
    width: fit-content;
    line-height: 25px;
}

.detalleSegmentos1:hover, .detalleSegmentos2:hover, .detalleSegmentos3:hover {
    width: fit-content;
}

.containerDetalleSegmentos1, .containerDetalleSegmentos2, .containerDetalleSegmentos3 {
  padding-right: 30px;
  bottom: -36px;
}

.mt0 {
    margin-top: 0;
}

.container-graph-cobertura1, .container-graph-cobertura2, .container-graph-cobertura3  {
    display: grid;
    overflow: hidden;
    flex-direction: column;
    height: 280px;
    text-align: center;
    grid-auto-flow: row;
}

.irCoberturaExclusiva, .irCoberturaTotal {
    bottom: 0;
    position: fixed;
    cursor: pointer;
    left: 24%;
    color: var(--naranjaoscuro);
    width: 200px;
    font-size: 15px !important;
    background-color: black;
    border: 1px solid var(--naranjaoscuro);
    border-radius: 99px;
    height: 40px;
    line-height: 35px;
    font-family: 'Futura-heavy';
}

.irCoberturaExclusiva:hover, .irCoberturaTotal:hover {
    color: var(--naranjabrillante);
    height: 40px;
    text-decoration: none;
    border-color: #285e8e;
}

@media only screen and (max-width: 600px) {
  form {
    text-align: center;
  }

    .inicial {
        height: auto;
    }

    .margin0 {
        margin: 0!important;
    }

    .logohome img {
        width: 275px;
    }

    .seccion {
        padding: 1rem 3rem 2rem 3rem;
    }

  .contenedor.add {
    padding: 1rem 0;
    height: auto;
    font-family: 'Futura';
  }

  .proyectos.form {
    min-height: inherit;
  }

    .fh22 {
        font-size: 13px;
    }
    .f22 {
        font-size: 13px;
    }

  .row.col-md-12.col-lg-12.left.pt10 {
    float: none;
    text-align: center;
    padding-top: 25px;
  }

  .form-group > .row.col-md-12.alignBottom.marginBottom5.padding0 {
    display: inline-block;
  }

  #periodo_id {
    margin: auto;
  }

  .labelCampo {
    float: none;
  }

  .texto-impresiones {
    height: 50px;
  }

  .izquierda.divnegro {
    display: none;
  }

  .bloqueImpresiones div.ultimoDisney {
    margin-bottom: 50px;
  }

  .disney {
    bottom: 0;
  }

  .icon-button-save {
    text-align: center;
    margin-bottom: 0;
  }

  #principal-simulation {
    bottom: -30px;
    padding: 0;
    text-align: center;
    z-index: 1000;
  }

  .targetIdentificador {
    margin: auto;
  }

  section.container1 {
    margin: 0;
  }

  .contenedorpadre section.container1 div {
    margin: 0 0 10px 0;
    padding: 0 8px 0 5px;
      text-align: center;
  }

    .container1  div.venn-graph-container-oculto {
      height: 280px;
      bottom: 20px;
    }

    .venn-graph-container {
        left: 14%
    }

    .divResultaados table tbody tr {
        font-size: 13px!important;
    }

  .container1 #tabla-resultados-original-semana1,
  .container1 #tabla-resultados-original-semana2,
  .container1 #tabla-resultados-original-semana3 {
    margin: 0;
  }

  .container1 #tabla-resultados-original-semana1 table,
  .container1 #tabla-resultados-original-semana2 table,
  .container1 #tabla-resultados-original-semana3 table {
    table-layout: fixed;
    width: 100%;
  }

  .container1 #tabla-resultados-original-semana1 table th,
  .container1 #tabla-resultados-original-semana2 table th,
  .container1 #tabla-resultados-original-semana3 table th {
    font-size: 2.8vw;
  }

  .table-post.table-target th, .table-post.table-target td {
      width: 14%;
      max-width: 14%;
      text-align: center;
      font-family: 'Futura';
  }

  .container2 {
    padding: 0;
    margin-left: 0;
  }

  .container2 .tabla-resultados-original-semana,
  .container2 .tabla-resultados-original-semana > div,
  .container2 .tabla-resultados-original-semana > div > div {
    padding: 0;
  }

  .container2 .tabla-resultados-original-semana > div > div > table {
    table-layout: fixed;
  }

  .container2 .tabla-resultados-original-semana table th,
  .container2 .tabla-resultados-original-semana table th,
  .container2 .tabla-resultados-original-semana table th {
    font-size: 2.8vw;
  }

  #venn-graph-semana-1-graphic-core-bar, #venn-graph-semana-2-graphic-core-bar, #venn-graph-semana-3-graphic-core-bar,
  #venn-graph-semana-1-graphic-core-bar2, #venn-graph-semana-2-graphic-core-bar2, #venn-graph-semana-3-graphic-core-bar2 {
      width: 50%;
  }

  .primero1, .primero2, .primero3,
  .segundo1, .segundo2, .segundo3 {
    width: 50%;
  }

  .primero1, .primero2, .primero3 {
    float: left;
  }

  .segundo1, .segundo2, .segundo3 {
    float: right;
  }

  .title-grafics-pink {
    text-align: left;
    position: relative;
    top: 10px;
    margin-bottom: 1rem;
    padding: 5px 10px;
  }

  .tabla-grafico {
    display: flex;
    justify-content: space-around;
  }

  #tabla-resultados-original-semana1, #tabla-resultados-original-semana2, #tabla-resultados-original-semana3 {
    margin: 0 15px 0 14px;
  }

    #botonIrAPrinc1, #botonIrAPrinc2, #botonIrAPrinc3 {
        margin-top: 0;
    }

    .divmetodologia {
        bottom: 160px;
        text-align: center !important;
    }

    .divtextometodologia {
        padding: 1rem 2rem;
    }

    .marginAlineadoCentro {
        margin: 5px 0 0 0;
    }

    .textDataDeterministica {
        margin: 0!important;
    }

    #containerVenn, #containerVenn2 {
        width: 250px;
        height: 300px;
    }

    .container2 > div.venn-graph-container {
        height: 260px;
    }

    #detalleSegmentos1, #detalleSegmentos2, #detalleSegmentos3 {
        left: 0;
        margin: 0;
        top: 100px;
        height: 350px;
    }

    #divDetalleSegmentos1 > div.highcharts-container, #divDetalleSegmentos2 > div.highcharts-container, #divDetalleSegmentos3 > div.highcharts-container {
        height: 300px!important;
    }

    #divDetalleSegmentos1 > div.highcharts-container > svg, #divDetalleSegmentos1 > div.highcharts-container > svg, #divDetalleSegmentos1 > div.highcharts-container > svg {
        height: 320px;
        position: relative;
        top: -20px;
    }

    .highcharts-legend.highcharts-no-tooltip {
        transform: translate(82px, 215px);
    }

    .m0m {
        margin: 0;
    }

    div.containerVennOcultoFlecha {
        background-color: #C449F8;
        height: 42px;
        line-height: 20px;
        position: relative;
        left: 43%;
        margin: 0 0 40px 33%;
        align-content: center;
    }

    div.containerVennOcultoFlecha .blocktext {
        font-size: 11px;
        display: flow;
    }

    div.containerVennOcultoFlecha:after {
        color: #C449F8;
        border-left: 20px solid;
        border-top: 70px solid transparent;
        border-bottom: 70px solid transparent;
        display: inline-block;
        content: '';
        position: relative;
        right: 0;
        top: -39px;
        rotate: 90deg;
    }

    #containerVennOculto-1, #containerVennOculto-2, #containerVennOculto-3,
    #containerVennOculto2-1, #containerVennOculto2-2, #containerVennOculto2-3 {
        left: 10%;
    }

    #containerVennOculto-1 .highcharts-title, #containerVennOculto-2 .highcharts-title, #containerVennOculto-3 .highcharts-title,
    #containerVennOculto-2 .highcharts-title, #containerVennOculto2-2 .highcharts-title, #containerVennOculto2-3 .highcharts-title {
        transform: translate(0px, 10px);
    }

    .containerDetalleSegmentos1 {
        bottom: 0;
        text-align: center !important;
    }

    .irCoberturaExclusiva {
        left: 14%;
    }

    .irCoberturaTotal {
        left: 27%;
        bottom: 15px;
    }

    #botonIrAPrinc1, #botonIrAPrinc2, #botonIrAPrinc3 {
      position: fixed;
      right: 130px;
      top: 520px;
    }

}

@media only screen and (min-width: 600px) and (max-width: 1300px) {
  .contenedor.add {
    padding: 4rem 0;
  }

    .inicial {
        height: auto;
    }

  .proyectos.form {
    min-height: inherit;
  }

  .bloqueGrps {
    display: flex;
    flex-direction: column;
  }

  .bloqueGrps .pad15_30 {
    float: left;
  }

  .bloqueGrps .inputGrps {
    padding: 0;
  }

  .tv1grps {
    left: 15px;
    position: relative;
  }

  .bloqueImpresiones {
    text-align: center;
  }

  .texto-impresiones {
    height: 60px;
  }

  .bloqueImpresiones div.ultimoDisney {
    margin-bottom: 50px;
  }

  .disney {
    bottom: 0;
  }

  .icon-button-save {
    text-align: center;
  }

  .izquierda.divnegro {
    display: none;
  }

    #principal-simulation {
        bottom: 0;
    }

    #tabla-resultados-original-semana1, #tabla-resultados-original-semana2, #tabla-resultados-original-semana3 {
      margin: 1rem 0;
    }

    .container2 {
        padding: 0 0 0 2rem;
    }

    .container2 .venn-graph-container {
        width: 45%;
    }

    .container2 .venn-graph-container:nth-child(odd) {
        float: left;
    }

    .container2 .venn-graph-container:nth-child(even) {
        float: right;
    }

    .divIrAPrinc {
        float: right;
        position: relative;
        right: 110px;
    }

    .divIrAPrinc > div {
        margin: 0;
        display: flex;
        align-items: center;
    }

    #principal-simulation {
        padding-top: 3rem;
    }

    .divResultaados {
        margin-bottom: 10rem;
    }

    .contenedorpadre {
        padding-top: 2rem;
    }

    #botonIrAPrinc1, #botonIrAPrinc2, #botonIrAPrinc3 {
        margin-top: 0;
        position: relative;
        right: 50px;
        bottom: 50px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1100px) {
    #botonIrAPrinc1, #botonIrAPrinc2, #botonIrAPrinc3 {
        right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 968px) {
    div.venn-graph-container {
        left: 0%!important;
    }
    #detalleSegmentos1, #detalleSegmentos2, #detalleSegmentos3 {
      top: 100px;
    }
    .irCoberturaExclusiva, .irCoberturaTotal {
        left: 35%;
    }
    .mt5r {
        margin-top: 0;
    }
    .col-xs-10.col-sm-9.margin0 {
        margin-bottom: 25px;
    }
    .textoIrA3Media {
        width: 47%;
    }
}