body {
    background-color: #dedede;
    font-family: 'Quicksand', sans-serif;
    text-decoration: none;
}

.title {
    text-align: center;
}

.title_border {
    height: 2px;
    width: 100px;
    margin: 0px auto;
    background-color: grey;
    margin-bottom: 37px;
    margin-top: 6px auto 37px;
}

.inner {
    background-color: white;
    padding: 22px;
    border-top: 5px solid #0088ee;
    overflow: auto;
}

.mt3 {
    margin-top: 3em;
}

.mt1 {
    margin-top: 1em;
}

.fab {
    padding: 7px;
    min-width: 33px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

.fa {
    padding: 7px;
    min-width: 33px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

.center {
    text-align: center;
}

/* Redes sociales */
.fa-instagram,
.fa-linkedin,
.fa-envelope,
.fa-twitter,
.fa-discord,
.fa-key,
.fa-flag {
    background: grey;
    color: white !important;
}

.cus-icon {
    border-bottom: 1px solid grey;
}
.cus-icon:hover {
    border-bottom: 1px solid white;
}

header {
    background: white;
    padding: 12px;
    margin-bottom: 50px;
    height: 50px;
}

footer {
    padding: 12px;
    margin-top: 22px;
    text-align: center;
    height: 50px;
    width: 100%;
    overflow: hidden;
}

.cusicon {
    background-color: grey;
    padding: 7px;
    min-width: 32px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    padding-top: 4px;
    padding-bottom: 5px;
}
.cusicon img {
    height: 19px;
    vertical-align: -3px;
}

/* Responsivo */
@media screen and (max-width: 768px) {
  .title {
    font-size: 21px;
  }
  .title_border {
    height: 2px;
    width: 53px;
    margin: 0px auto;
    background-color: grey;
    margin-bottom: 20px;
  }
  p {
    font-size: 15px;
  }
}
@media (min-width: 576px) {
  .container { max-width: 460px; }
}
@media (min-width: 768px) {
  .container { max-width: 460px; }
}
@media (min-width: 992px) {
  .container { max-width: 460px; }
}
@media (min-width: 1200px) {
  .container { max-width: 460px; }
}
@media (max-width: 576px) {
  .container { max-width: 460px !important; }
}
@media (max-width: 460px) {
  .container { max-width: 100% !important; }
}

/* --- FIX tachado del título/glitch --- */
#glitch,
#glitch .text,
#glitch .dud,
h2.title,
h2.title * {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Enlaces dentro del contenido principal */
.inner a,
.inner a:hover,
.inner a:focus {
  text-decoration: none !important;
}

/* Iconos personalizados (PNG) */
.social-icons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.social-logo {
  width: 48px;          /* ancho fijo */
  height: 48px;         /* alto fijo */
  border-radius: 50%;   /* los hace circulares */
  background: #fff;     /* fondo blanco para consistencia */
  padding: 6px;         /* margen interno */
  object-fit: contain;  /* mantiene proporciones del logo */
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
}

.social-logo:hover {
  transform: scale(1.1);
}