*{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family:Arial,sans-serif;
    }

    body{
      background-color:#f4f6f9;
      min-height:100vh;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      padding:20px;
    }

    /* CONTENEDOR PRINCIPAL */

    .contenedor{
      width:100%;
      max-width:900px;
      background:white;
      border-radius:20px;
      box-shadow:0 4px 10px rgba(0,0,0,0.1);
      overflow:hidden;
    }

    .encabezado{
      background-color:#000;
      color:white;
      text-align:center;
      padding:20px;
      font-size:28px;
      font-weight:bold;
    }

    .formulario{
      padding:30px;
    }

    .grupo{
      margin-bottom:20px;
    }

    label{
      display:block;
      margin-bottom:8px;
      font-weight:bold;
      color:#333;
    }

    input,
    textarea{
      width:100%;
      padding:12px;
      border:1px solid #ccc;
      border-radius:10px;
      font-size:16px;
    }

    textarea{
      resize:vertical;
      min-height:100px;
    }

    button{
      background-color:#000;
      color:white;
      border:none;
      padding:12px 25px;
      border-radius:10px;
      font-size:16px;
      cursor:pointer;
      transition:0.3s;
    }

    button:hover{
      background-color:#1f45c0;
    }

    /* SIDEBAR */

    .sidebar{
      position:fixed;
      left:20px;
      top:50%;
      transform:translateY(-50%);
      display:flex;
      flex-direction:column;
      gap:20px;
      z-index:1000;
    }

    .icono{
      width:55px;
      height:55px;
      background:white;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      text-decoration:none;
      color:#333;
      font-size:24px;
      box-shadow:0 4px 10px rgba(0,0,0,0.15);
      transition:0.3s;
    }

    .icono:hover{
      transform:scale(1.1);
      background:#000;
      color:white;
    }

    /* FOOTER */

    .footer{
      width:100%;
      text-align:center;
      padding:20px 10px;
      font-size:12px;
      color:#888;
      background:#f0f0f0;
      border-top:1px solid #ddd;
      margin-top:40px;
    }

    /* RESPONSIVE */

    @media(max-width:768px){

      .sidebar{
        flex-direction:row;
        left:50%;
        top:auto;
        bottom:20px;
        transform:translateX(-50%);
      }

      body{
        padding-bottom:100px;
      }

    }
    .contacto-texto{
  position:fixed;
  left:8px;
  top:200px;
  
  width:160px;
  
  background:white;
  padding:15px 10px;
  
  border-radius:18px;
  
  box-shadow:0 4px 12px rgba(0,0,0,0.12);

  text-align:center;

  display:flex;
  flex-direction:column;
  gap:4px;

  z-index:1000;
}

.contacto-texto span{
  font-size:14px;
  color:#666;
}

.contacto-texto strong{
  font-size:18px;
  color:#000;
}
.boton-volver{
  position:fixed;

  top:20px;
  left:20px;

  background:#000;
  color:white;

  text-decoration:none;

  padding:12px 20px;

  border-radius:14px;

  font-size:15px;
  font-weight:bold;

  box-shadow:0 4px 10px rgba(0,0,0,0.15);

  transition:0.3s;

  z-index:1000;
}

.boton-volver:hover{
  background:#1f45c0;
  transform:translateY(-2px);
}

/* MÓVIL */

@media(max-width:768px){

  .boton-volver{
    top:15px;
    left:15px;

    padding:10px 16px;

    font-size:14px;

    border-radius:12px;
  }

}
/* RESPONSIVE */

@media(max-width:768px){

  body{
    padding:15px;
    padding-bottom:170px;
  }

  .contenedor{
    width:100%;
    border-radius:16px;
  }

  .encabezado{
    font-size:22px;
    padding:18px;
  }

  .formulario{
    padding:20px;
  }

  input,
  textarea{
    font-size:15px;
  }

  button{
    width:100%;
    padding:14px;
  }

  /* TEXTO REDES */

  .contacto-texto{
    position:fixed;

    top:auto;
    left:50%;
    bottom:110px;

    transform:translateX(-50%);

    width:220px;

    padding:12px;

    border-radius:16px;

    font-size:14px;
  }

  .contacto-texto strong{
    font-size:16px;
  }

  /* REDES */

  .sidebar{
    flex-direction:row;

    left:50%;
    top:auto;
    bottom:25px;

    transform:translateX(-50%);

    background:white;

    padding:12px 18px;

    border-radius:30px;

    box-shadow:0 4px 12px rgba(0,0,0,0.15);

    gap:15px;
  }

  .icono{
    width:50px;
    height:50px;
    font-size:22px;
  }

}