/*//////////// Fondo negro ////////////*/
body{
    background-color: #000;
}

.c_302-2 {
    background-color: #000;
}

/*//////////// Texto blanco ////////////*/
ul > li{
    color: #fff;
}

h2 span{
    color: #fff;
}

p{
    color:#fff;
}

h2.headline-copy{
    color:#fff !important;
}

/*//////////// Botón rimario ////////////*/
a.primary-link {
    background-color: #fff !important ;
    border-radius: 25px !important;
    color: #000 !important;
    border-color: #000 !important;
}

.c_302-2 .text-container .primary-link:after{
    color:#000 !important;
}

a.primary-link:hover,
a.primary-link:focus {
  background-color: #f2f2f2 !important; /* Gris muy claro */
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-1px);
}

a.primary-link:active {
  background-color: #e6e6e6 !important; /* Un tono más oscuro al presionar */
  transform: translateY(0);
}


a.tertiary-link{
    color:#fff !important;
}

/*//////////// Texto centrado en mobile ////////////*/
@media (max-width: 767px) {
  .text-container {
    text-align: center !important;
  }

  .text-container .headline-copy,
  .text-container .body-copy,
  .text-container .compare-cta
  {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .text-container .body-copy p {
    display: inline-block;
    text-align: center !important;
  }
}


@media (min-width: 768px) {
  #container > div.freeEditorial.freeEditorialParsys.parsys > div:nth-child(2) > div > div {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  #container > div.freeEditorial.freeEditorialParsys.parsys > div:nth-child(3) > div > div > div > div > div.c_243.edge.mobile > div > div.wrapper.bg-none.position-right-middle.position-mobile-top {
    text-align: center;
  }
}



div > div.heading-group > h2 > span{
    font-family: Nissan Bold; 
}