* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

p {
  margin: 5px 10px; }

h2 {
  color: white; }

td {
  padding: 10px; }

h1 {
  color: black;
  background-color: #ffffff;
  animation: H1 1s 0s; }

@keyframes H1 {
  from {
    margin-left: 100%;
    width: 300px; }
  to {
    margin-left: 0%;
    width: 100%; } }

header {
  background-color: black; }
  header nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #ffffffa1; }
    header nav div a img {
      width: 100px;
      height: 60px;
      border-radius: 20px;
      border: 3px solid black;
      box-shadow: 2px 2px 10px;
      transition-duration: 0.5s; }
    header nav div a img:hover {
      transform: rotateY(20deg); }
  header div #paginaDeInicio {
    color: black;
    text-align: center;
    font-size: 30px;
    margin: 0;
    background-color: #ffffff; }

main {
  background-attachment: fixed;
  text-align: center;
  /*-background-image: url(../img/capacitor.jpg);-*/
  background-color: #a1a1a1;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #000000;
  background-image: linear-gradient(0deg, #2f2f2f 0%, #3e3e3e 53%, #999999 100%); }
  main section {
    width: 90%;
    padding: 20px;
    margin: 0px auto 40px auto;
    background-color: #cccaca57;
    border-radius: 5px;
    box-shadow: 5px -3px 13px;
    border: 2px solid black; }
    main section div .mb-3 .form-label {
      color: white; }
    main section div .mb-3 input {
      border: 1.8px solid black; }
    main section div .mb-3 textarea {
      border: 1.8px solid black; }
    main section div .mb-3 .botones {
      padding: 0px 5px 0px 5px;
      transition-duration: 0.4s; }
    main section div .mb-3 .botones:hover {
      color: white;
      background-color: blue; }
    main section .botones .botones:hover {
      color: white;
      background-color: blue; }
  main div h2 {
    margin: 25px 10px 35px 10px; }
  main p {
    color: white;
    text-align: center;
    font-size: 1.3rem;
    box-shadow: 5px 10px 13px black; }
  main div iframe {
    box-shadow: 5px -3px 13px;
    border: 2px solid black; }
  main .diploma {
    box-shadow: 5px -3px 13px;
    border: 2px solid black; }
  main section img {
    margin: 10px; }
  main .algunasReparaciones {
    color: black;
    margin: 20px;
    font-size: 20px;
    text-align: center; }
    main .algunasReparaciones ul {
      width: 100%;
      text-align: center; }
      main .algunasReparaciones ul li {
        color: white;
        margin: 10PX;
        list-style: none;
        box-shadow: 5px 2px 13px black; }
    main .algunasReparaciones p {
      color: white;
      margin: 10px; }
      main .algunasReparaciones p #contactoPrecios {
        color: black; }
  main .redes {
    display: inline-block;
    margin-top: auto;
    margin: 20px; }
    main .redes p {
      color: white;
      font-size: 20px;
      margin: 10px;
      box-shadow: 5px 2px 13px black; }
  main .imagenesRedes a .imgFacebook {
    border: 3px solid black;
    width: 150px;
    border-radius: 15px;
    transition-duration: 0.5s; }
  main .imagenesRedes a .imgFacebook:hover {
    width: 175px;
    height: 175px; }
  main .imagenesRedes a img {
    width: 150px;
    border-radius: 15px;
    transition-duration: 0.5s; }
  main .imagenesRedes a img:hover {
    width: 180px;
    height: 180px; }
  main #contactoPrecios {
    color: black; }
  main .precios {
    color: white; }
  main .tablaPrecios {
    margin: 40px 40px 40px 0px;
    text-align: center;
    width: 100%;
    color: white; }
    main .tablaPrecios tr td {
      border: 1px solid black; }
    main .tablaPrecios tr th {
      color: black;
      background-color: white;
      border: 3px solid black; }
  main .imgsIndex {
    display: grid;
    grid-template-columns: repeat 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "samsung auriculares lavarropas"
 "xiaomi focos lintern"; }
    main .imgsIndex .focos {
      grid-area: focos; }
      main .imgsIndex .focos h2 {
        color: black;
        background-color: white;
        margin: 0; }
      main .imgsIndex .focos img {
        box-shadow: 5px 0px 13px;
        border: 2px solid black; }
    main .imgsIndex .lavarropas {
      grid-area: lavarropas; }
      main .imgsIndex .lavarropas h2 {
        color: black;
        background-color: white;
        margin: 0; }
      main .imgsIndex .lavarropas img {
        box-shadow: 5px 0px 13px;
        border: 2px solid black; }
    main .imgsIndex .auriculares {
      grid-area: auriculares; }
      main .imgsIndex .auriculares h2 {
        color: black;
        background-color: white;
        margin: 0; }
      main .imgsIndex .auriculares img {
        box-shadow: 5px 0px 13px;
        border: 2px solid black; }
    main .imgsIndex .xiaomi {
      grid-area: xiaomi; }
      main .imgsIndex .xiaomi h2 {
        color: black;
        background-color: white;
        margin: 0; }
      main .imgsIndex .xiaomi img {
        box-shadow: 5px 0px 13px;
        border: 2px solid black; }
    main .imgsIndex .samsung {
      grid-area: samsung; }
      main .imgsIndex .samsung h2 {
        color: black;
        background-color: white;
        margin: 0; }
      main .imgsIndex .samsung img {
        box-shadow: 5px 0px 13px;
        border: 2px solid black; }
    main .imgsIndex .lintern {
      grid-area: lintern; }
      main .imgsIndex .lintern h2 {
        color: black;
        background-color: white;
        margin: 0; }
      main .imgsIndex .lintern img {
        width: 280px;
        height: 322px;
        box-shadow: 5px 0px 13px;
        border: 2px solid black; }
  main #carouselExampleIndicators .carousel-inner .carousel-item .d-blocke {
    width: 256px;
    height: 320px;
    box-shadow: 5px -3px 13px;
    border: 2px solid black; }

footer {
  background-color: #171819;
  color: white;
  margin-top: auto; }
  footer div {
    display: flex;
    justify-content: center; }
    footer div a img {
      background-color: white;
      border-radius: 25px;
      height: 50px;
      width: 50px;
      margin: 10px;
      transition-duration: 0.5s;
      color: white;
      box-shadow: 2px 2px 10px gray; }
  footer div a {
    text-decoration: none; }
    footer div a .copyr {
      background-color: black;
      color: white;
      border: 0px;
      box-shadow: 2px -2.3px 10px gray;
      border-radius: 5px; }

@media screen and (max-width: 1349px) {
  main .imgsIndex {
    display: grid;
    grid-template-columns: repeat 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "samsung  lavarropas"
 "xiaomi focos "
 "auriculares lintern"; }
    main .imgsIndex .focos {
      grid-area: focos; }
    main .imgsIndex .lavarropas {
      grid-area: lavarropas; }
    main .imgsIndex .auriculares {
      grid-area: auriculares; }
      main .imgsIndex .auriculares img {
        width: 280px;
        height: 319px; }
    main .imgsIndex .xiaomi {
      grid-area: xiaomi; }
    main .imgsIndex .samsung {
      grid-area: samsung; }
    main .imgsIndex .lintern {
      grid-area: lintern; }
      main .imgsIndex .lintern img {
        width: 280px;
        height: 319px; }
  footer div h3 {
    color: black;
    background-color: #ffffff;
    border: 3px solid black;
    text-align: center;
    margin: 0; } }

@media screen and (max-width: 1235px) {
  main .imgsIndex {
    display: grid;
    grid-template-columns: repeat 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "samsung  lavarropas"
 "xiaomi focos "
 "auriculares lintern"; }
    main .imgsIndex .focos {
      grid-area: focos; }
    main .imgsIndex .lavarropas {
      grid-area: lavarropas; }
    main .imgsIndex .auriculares {
      grid-area: auriculares; }
      main .imgsIndex .auriculares img {
        width: 280px;
        height: 319px; }
    main .imgsIndex .xiaomi {
      grid-area: xiaomi; }
      main .imgsIndex .xiaomi h2 {
        font-size: 1.9rem; }
    main .imgsIndex .samsung {
      grid-area: samsung; }
    main .imgsIndex .lintern {
      grid-area: lintern; }
      main .imgsIndex .lintern img {
        width: 280px;
        height: 319px; }
  footer div h3 {
    color: black;
    background-color: #ffffff;
    border: 3px solid black;
    text-align: center;
    margin: 0; } }

@media screen and (max-width: 903px) {
  main .imgsIndex {
    display: grid;
    grid-template-columns: repeat 1fr;
    grid-template-rows: auto;
    grid-template-areas: "samsung "
 "lavarropas"
 "xiaomi"
 "focos "
 "auriculares"
 "lintern"; }
  main .focos {
    grid-area: focos; }
    main .focos img {
      width: 310px;
      height: 410px; }
  main .lavarropas {
    grid-area: lavarropas; }
    main .lavarropas img {
      width: 310px;
      height: 410px; }
  main .auriculares {
    grid-area: auriculares; }
    main .auriculares img {
      width: 310px;
      height: 410px; }
  main .xiaomi {
    grid-area: xiaomi; }
    main .xiaomi h2 {
      font-size: 1.9rem; }
    main .xiaomi img {
      width: 310px;
      height: 410px; }
  main .samsung {
    grid-area: samsung; }
    main .samsung img {
      width: 310px;
      height: 410px; }
  main .lintern {
    grid-area: lintern; }
    main .lintern img {
      width: 310px;
      height: 410px; }
  main div div iframe {
    width: 280px;
    height: 320px;
    text-align: center; }
  main main div img {
    width: 280px;
    height: 210px;
    margin: 0; }
  main .imagenesRedes a img {
    height: 150px; }
  div img {
    width: 280px;
    height: 210px;
    margin: 0; }
  footer div h3 {
    font-size: calc(1.3rem);
    background-color: black;
    color: #ffffff;
    border: 3px solid #ffffff; } }