/* ================ ESTILOS PERSONALIZADOS */
@font-face {
  font-family: "SamsungSharp Bold";
  src: url(../fonts/SamsungSharpSans-Bold.eot);
  src: url(../fonts/SamsungSharpSans-Bold.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/SamsungSharpSans-Bold.woff2) format("woff2"),
    url(../fonts/SamsungSharpSans-Bold.woff) format("woff"),
    url(../fonts/SamsungSharpSans-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SamsungSharp Regular";
  src: url(../fonts/SamsungSharpSans-Regular.eot);
  src: url(../fonts/SamsungSharpSans-Regular.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/SamsungSharpSans-Regular.woff2) format("woff2"),
    url(../fonts/SamsungSharpSans-Regular.woff) format("woff"),
    url(../fonts/SamsungSharpSans-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SamsungSharp Medium";
  src: url(../fonts/SamsungSharpSans-Medium.eot);
  src: url(../fonts/SamsungSharpSans-Medium.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/SamsungSharpSans-Medium.woff2) format("woff2"),
    url(../fonts/SamsungSharpSans-Medium.woff) format("woff"),
    url(../fonts/SamsungSharpSans-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "SamsungSharp Regular";
  src: url(../fonts/SamsungOne-400C.eot);
  src: url(../fonts/SamsungOne-400C.eot?#iefix) format("embedded-opentype"),
    url(../fonts/SamsungOne-400C.woff2) format("woff2"),
    url(../fonts/SamsungOne-400C.woff) format("woff"),
    url(../fonts/SamsungOne-400C.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

.preventa {
  width: 100%;
  display: block;
  margin: auto;
}
html {
  scroll-behavior: smooth;
  /*Comenta la línea (o dale el valor 'auto' a scroll behavior )
       para probar la diferencia con y sin scroll suavizado*/
}
.landing {
  overflow-x: hidden;
}
.landing {
  position: relative;
}

#landing-ss h1,
h2,
h3,
h4,
h5,
h5 {
  font-family: "SamsungSharp Bold", sans-serif;
}

#landing-ss #portada-samsung .contenedor-samsung {
  max-width: 70%;
  display: block;
  margin: auto;
}

/* PORTADA DESKTOP*/

#landing-ss #portada-samsung .portada-samsung-desktop {
  background-image: url(../img/bg.webp);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}

#landing-ss #portada-samsung .portada-samsung-desktop .logo-samsung {
  display: block;
  text-align: right;
}

/* CABECERA DESKTOP*/

#landing-ss #portada-samsung .boton-nav-portada {
  padding: 10px; /*espacio alrededor texto*/
  color: #ffffff; /*color texto*/
  text-decoration: none; /*decoración texto*/
  font-family: "SamsungSharp Bold";
  text-align: left;
}

#landing-ss #portada-samsung .boton-portada-compra {
  display: block;
  text-align: left;
  margin-top: 8%;
  margin-bottom: 10%;
}

#landing-ss #portada-samsung .activo {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 14px;
  color: #fff;
  border-bottom: 5px;
}

#landing-ss #portada-samsung .inactivo {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 14px;

  text-decoration: none;
  transition: 0.5s;
  color: rgba(234, 240, 246, 0.4);
}

#landing-ss #portada-samsung .inactivo:hover {
  color: #fff;
}

#landing-ss .nav-samsung {
  display: block;
  margin-top: 2%;
  text-align: right;
}

#landing-ss separador-samsung {
  font-family: sans-serif;
  color: #fff;
}

/* CONTENIDO PORTADA DESKTOP*/

#landing-ss #portada-samsung .preventa {
  display: block;
  margin-top: 1%;
}

#landing-ss #portada-samsung h1 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 450%;
  text-align: left;
  color: #fff;
}

#landing-ss #portada-samsung .img-portada-desktop {
  display: block;
  margin-left: -100px;
  max-width: 150%;
}

#landing-ss #portada-samsung .boton-compra-samsung {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transition: 0.5s;
  color: #fff;
  border: 1px solid #838882;
  background-color: #838882;
  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss #portada-samsung .boton-compra-samsung:hover {
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
}

#landing-ss #portada-samsung .boton-ver-mas-samsung {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transition: 0.5s;
  color: #fff;
  border: 1px solid #fff;
  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss #portada-samsung .boton-ver-mas-samsung:hover {
  color: #838882;
  border: 1px solid #838882;
}

#landing-ss #portada-samsung .promo-samsung {
  display: block;
  text-align: left;
  margin-top: 5%;
}

/* BOTONERA NAVEGACIÓN DESKTOP */

#landing-ss #navegacion-specs .boton-ver-mas-samsung-subida {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transform: scale(var(--escala, 1));
  transition: 0.5s;
  color: #000;
  border: 1px solid #000;
  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss #navegacion-specs .boton-ver-mas-samsung-subida:hover {
  color: #fff;
  border: 1px solid #000;
  background-color: #000;
}

#landing-ss #navegacion-specs {
  background-color: #fff;
  padding-bottom: 5%;
}

#landing-ss #navegacion-specs .contenedor-paralax {
  display: block;
  margin: auto;
  max-width: 60%;
  text-align: center;
}

#landing-ss #navegacion-specs {
  display: block;
  margin: auto;
  bottom: 50%;
}

#landing-ss #navegacion-specs {
  display: block;
  margin: auto;
  margin-top: 15%;
}

#landing-ss #navegacion-specs h2 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 600%;
  line-height: normal;
  text-align: left;
  color: #fff;
}

#landing-ss #navegacion-specs .botonera-specs {
  display: block;
  margin-top: 0-1%;
}

#landing-ss #navegacion-specs p {
  display: block;
  text-align: left;
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 150%;
  color: #000;
  margin-left: 1%;
}

#landing-ss #navegacion-specs .botonera-specs {
  display: block;
  width: 100%;
}

#landing-ss #navegacion-specs .botonera-specs .boton-nav-spec {
  padding: 10px; /*espacio alrededor texto*/
  transition: 0.5s;
  color: #838882;
  text-decoration: none; /*decoración texto*/
  font-family: "SamsungSharp Bold";
  text-align: left;
  font-size: 130%;
}

#landing-ss #navegacion-specs .botonera-specs .btn-zoom {
  transform: scale(var(--escala, 1));
  transition: transform 0.5s;
}

#landing-ss #navegacion-specs .botonera-specs .btn-zoom:hover {
  --escala: 1.5;
  cursor: pointer;
}

#landing-ss #navegacion-specs .botonera-specs .boton-nav-spec:hover {
  padding: 10px; /*espacio alrededor texto*/
  transition: 0.5s;
  color: #fff;
  text-decoration: none; /*decoración texto*/
  font-family: "SamsungSharp Bold";
  text-align: left;
  font-size: 130%;
}

/*SECCIÓN DISEÑO DESKTOP*/

#landing-ss #diseno-galaxy .boton-ver-mas-samsung-bajar {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transform: scale(var(--escala, 1));
  transition: 0.5s;
  color: #838882;
  border: 1px solid #838882;

  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss #diseno-galaxy .boton-ver-mas-samsung-bajar:hover {
  color: #000;
  border: 1px solid #fff;
  background-color: #fff;
}

#landing-ss #diseno-galaxy .boton-ver-mas-samsung {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transform: scale(var(--escala, 1));
  transition: 0.5s;
  color: #838882;
  border: 1px solid #838882;
  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss #diseno-galaxy .boton-ver-mas-samsung:hover {
  color: #000;
  border: 1px solid #fff;
  background-color: #fff;
}

#landing-ss #diseno-galaxy {
  display: block;
  margin: auto;
}

#landing-ss #diseno-galaxy .contenedor-paralax {
  display: block;
  margin: auto;
  max-width: 60%;
  text-align: center;
}

#landing-ss #diseno-galaxy .img-diseno-celulares-paralax .titulos-spec-diseno {
  display: block;
  margin: auto;
  margin-top: 25%;
}

#landing-ss #diseno-galaxy .img-diseno-celulares-paralax h3 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 80%;
  line-height: normal;
  letter-spacing: 5px;
  text-align: left;
  color: #fff;
}

#landing-ss #diseno-galaxy .img-diseno-celulares-paralax h2 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 420%;
  line-height: normal;
  text-align: left;
  color: #fff;
  margin-top: -24%;
}

#landing-ss #diseno-galaxy .img-diseno-celulares-paralax p {
  font-family: "SamsungSharp Regular", sans-serif;
  font-size: 120%;
  line-height: normal;
  text-align: left;
  color: #fff;
  margin-bottom: 5%;
}

#landing-ss
  #diseno-galaxy
  .img-diseno-celulares-paralax
  .img-specs-diseno-galaxy {
  display: block;
  margin: auto;
  margin-top: 1%;
}

video::-webkit-media-controls {
  display: none;
}

#landing-ss #diseno-galaxy #colores-s22 h4 {
  font-family: "SamsungSharp bold", sans-serif;
  font-size: 280%;
  line-height: normal;
  text-align: left;
  color: #fff;
}

#landing-ss #diseno-galaxy #colores-s22 h3 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 80%;
  line-height: normal;
  letter-spacing: 5px;
  text-align: left;
  color: #fff;
}

#landing-ss #diseno-galaxy #colores-s22 p {
  font-family: "SamsungSharp Regular";
  font-size: 110%;
  line-height: normal;
  text-align: left;
  color: #fff;
}

/* CÁMARA */

#landing-ss #camara .boton-ver-mas-samsung-bajada {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transform: scale(var(--escala, 1));
  transition: 0.5s;
  color: #b0b0b0;
  border: 1px solid #b0b0b0;

  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss #camara .boton-ver-mas-samsung-bajada:hover {
  color: #000;
  border: 1px solid #fff;
  background-color: #fff;
}

#landing-ss #camara .boton-ver-mas-samsung-subida {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transform: scale(var(--escala, 1));
  transition: 0.5s;
  color: #b0b0b0;
  border: 1px solid #b0b0b0;
  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss #camara .boton-ver-mas-samsung-subida:hover {
  color: #000;
  border: 1px solid #fff;
  background-color: #fff;
}

#landing-ss #camara {
  display: block;
  margin: auto;
  background-color: #212121;
  width: 100%;
}

#landing-ss #camara .contenedor-paralax {
  display: block;
  margin: auto;
  max-width: 60%;
  text-align: center;
}

#landing-ss #camara .contenedor-paralax h4 {
  font-family: "SamsungSharp bold", sans-serif;
  font-size: 280%;
  line-height: normal;
  text-align: left;
  color: #fff;
}

#landing-ss #camara .contenedor-paralax h3 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 80%;
  line-height: normal;
  letter-spacing: 5px;
  text-align: center;
  color: #fff;
}

#landing-ss #camara .contenedor-paralax p {
  font-family: "SamsungSharp Regular";
  font-size: 110%;
  line-height: normal;
  text-align: left;
  color: #fff;
}

#landing-ss #camara h5 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 420%;
  line-height: normal;
  text-align: center;
  color: #fff;
}

#landing-ss #camara h7 {
  font-family: "SamsungSharp bold", sans-serif;
  font-size: 280%;
  line-height: normal;
  text-align: left;
  color: #fff;
}

#landing-ss #camara h6 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 80%;
  line-height: normal;
  letter-spacing: 5px;
  text-align: left;
  color: #fff;
}

#landing-ss #camara .parrafo-cam {
  text-align: left;
}

#landing-ss #rendimiento .contenedor-paralax h3 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 80%;
  line-height: normal;
  letter-spacing: 5px;
  text-align: center;
  color: #000;
}

#landing-ss #rendimiento .contenedor-paralax p {
  font-family: "SamsungSharp Regular";
  font-size: 110%;
  line-height: normal;
  text-align: left;
  color: #000;
}

#landing-ss #rendimiento {
  display: block;
  margin: auto;
  max-width: 60%;
  text-align: center;
}

#landing-ss #rendimiento {
  display: block;
  margin: auto;
  margin-top: 10%;
}

#landing-ss #rendimiento h5 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 420%;
  line-height: normal;
  text-align: center;
  color: #000;
}

#landing-ss #rendimiento .contenedor-paralax p {
  font-family: "SamsungSharp Regular";
  font-size: 110%;
  line-height: normal;
  text-align: center;
  color: #000;
}

#landing-ss #rendimiento .boton-ver-mas-samsung-subida {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transform: scale(var(--escala, 1));
  transition: 0.5s;
  color: #fff;
  border: 1px solid #fff;
  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss #rendimiento .boton-ver-mas-samsung-subida:hover {
  color: #000;
  border: 1px solid #fff;
  background-color: #fff;
}

#landing-ss #paralax-ss h3 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 80%;
  line-height: normal;
  letter-spacing: 5px;
  text-align: center;
  color: #fff;
}

#landing-ss #paralax-ss h4 {
  font-family: "SamsungSharp bold", sans-serif;
  font-size: 420%;
  line-height: normal;
  text-align: center;
  color: #fff;
}

#landing-ss #paralax-ss p {
  display: block;
  text-align: left;
  font-family: "SamsungSharp Medium", sans-serif;
  font-size: 110%;
  color: #fff;

  text-align: center;
}

#landing-ss #paralax-ss {
  background-image: url(../img/bg-fondo.webp);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 10%;
  padding-bottom: 25%;
}

#landing-ss #paralax-ss .boton-camara {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transform: scale(var(--escala, 1));
  transition: 0.5s;
  color: #838882;
  border: 1px solid #838882;

  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss #paralax-ss .boton-camara:hover {
  color: #000;
  border: 1px solid #fff;
  background-color: #fff;
}

#landing-ss #paralax-ss .boton-camara-1 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transform: scale(var(--escala, 1));
  transition: 0.5s;
  color: #838882;
  border: 1px solid #838882;

  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss #paralax-ss .boton-camara-1:hover {
  color: #000;
  border: 1px solid #fff;
  background-color: #fff;
}

#landing-ss .boton-camara-1 {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transform: scale(var(--escala, 1));
  transition: 0.5s;
  color: #838882;
  border: 1px solid #838882;

  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss .boton-camara-1:hover {
  color: #000;
  border: 1px solid #fff;
  background-color: #fff;
}

#landing-ss .boton-camara {
  font-family: "SamsungSharp Bold", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transform: scale(var(--escala, 1));
  transition: 0.5s;
  color: #838882;
  border: 1px solid #838882;

  padding: 15px;
  border-radius: 5px;
  letter-spacing: 3px;
}

#landing-ss .boton-camara:hover {
  color: #000;
  border: 1px solid #fff;
  background-color: #fff;
}