/* assets/css/contact-card.css */

/* ===== Sección de contacto / texto introductorio ===== */
.wrap-contact{
  max-width:1200px;
  margin:0 auto;
  padding:3rem 1rem 4rem;
  position:relative;
}

.wrap-contact .contact-desc{
  margin-top:-.5rem;
  margin-bottom:2rem;
  color:var(--muted);
  max-width:680px;
}

/* Contenedor centrado de la tarjeta */
.presentation{
  position:relative;
  width:100%;
  min-height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}

/* Tarjeta de identificación / contacto
   - Color crema original
   - Sombra física para destacar
   - Sin animaciones, sin giro, sin pseudo-elementos dinámicos
*/
.id-card{
  background:#F8F4E4; /* mantener el color exacto */
  border-radius:10px;
  border:1px solid rgba(0,0,0,.07);
  box-shadow:
    0 48px 96px rgba(0,0,0,.8),
    0 16px 32px rgba(0,0,0,.6),
    0 2px 4px rgba(0,0,0,.4);

  color:#000;
  line-height:1.5;
  padding:32px;
  max-width:640px;
  width:100%;
}

/* Layout interno de la tarjeta:
   Izquierda (logo) / Derecha (datos)
*/
.id-card-layout{
  display:flex;
  align-items:flex-start;
  gap:35px;
}

/* Columna izquierda con logotipo NOVOWIT */
.card-left img{
  width:200px;
  height:auto;
  display:block;
  border-radius:4px;
  object-fit:contain;

  /* ↓ añadido para bajar el logo un poco */
  margin-top:16px;
}

/* Columna derecha con datos personales / contacto */
.card-right{
  border-left:1px solid rgba(0,0,0,.15);
  padding-left:24px;
  flex:1;
  min-width:0;
  color:#000;
}

.contact-name{
  margin:0 0 14px 0;
  font-size:20pt;
  line-height:1.35;
  font-weight:700;
  color:#000;
}

.cargo{
  font-size:15px;
  line-height:1.6;
  margin:0 0 18px 0;
  color:#1b3b1b;
  font-style:italic;
  font-weight:bold;
}

.contacto-block{
  font-size:15px;
  line-height:1.6;
  margin:0;
  color:#333;
}
.contacto-block a{
  color:#333;
  text-decoration:none;
}
.contacto-block a:hover{
  color:#000;
  text-decoration:none;
}

/* ===== Responsive / móvil ===== */
@media (max-width:520px){
  .presentation{
    min-height:420px;
  }

  .id-card{
    max-width:90vw;
    padding:24px;
  }

  .id-card-layout{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:20px;
  }

  .card-right{
    border-left:none;
    padding-left:0;
    border-top:1px solid rgba(0,0,0,.15);
    padding-top:18px;
    text-align:center;
  }

  .contact-name{
    font-size:16pt;
  }

  .cargo{
    font-size:13px;
  }

  .contacto-block{
    font-size:13px;
  }
}