/* =========================
   PINTEREST SECTION
========================= */

.pin-header{
    text-align:center;
    padding:20px;
}

.pin-header h1{
    font-size:2.8rem;
    color:#5c3cfd;
    margin-bottom:10px;
}

.pin-header p{
    font-size:1.5rem;
    line-height:1.4;
    max-width:700px;
    margin:auto;
}
/* cada entrada */
.pin-entry {
  margin-bottom: 40px;
}

.pin-card{
    background:#dff9ff;

    border-top:2px solid #fff;
    border-left:2px solid #fff;

    border-right:2px solid #5a4db0;
    border-bottom:2px solid #5a4db0;

    padding:15px;
    display:flex;
    gap:15px;
}

.pin-card:hover {
  transform: scale(1.01);
}

/* imagen */
.pin-card img{
    width:220px;
    border:2px solid white;
    outline:2px solid #8a78ff;
}

/* texto */
.pin-text h2{
    font-size:1.8rem;
}

.pin-date{
    font-size:1rem;
}

.pin-text p{
    font-size:1.4rem;
    line-height:1.5;
}

.pin-text small{
    font-size:1.1rem;
}

/* footer */
.pin-footer {
  margin-top: 60px;
  font-size: 0.8rem;
  opacity: 0.6;
}

/* =========================
   ICONO PINTEREST
========================= */

.pin-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 15px;
  text-decoration: none;
  color: #d6d6d6;
  font-size: 0.85rem;
  opacity: 0.8;
  transition: 0.2s ease;
}

.pin-icon:hover {
  opacity: 1;
  transform: scale(1.03);
}

.pin-icon img {
  width: 22px;
  height: 22px;
  border-radius: 4px;
}

.pin-card img{
    width:280px;
    max-width:100%;
}

/* =========================
        DOS PINS
========================= */

.pin-grid{
    display:flex;
    gap:25px;
    margin-bottom:25px;
}

.pin-grid .pin-entry{
    flex:1;
    margin-bottom:0;
}