/* =========================================
   🎨 About Me - Fun & Youthful Overrides
   ========================================= */

#sobre-mi {
    background-color: var(--art-marfil);
    background-image: 
        radial-gradient(var(--art-ocre) 1px, transparent 1px),
        radial-gradient(var(--art-teja) 1px, transparent 1px);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
    /* Overriding the previous graphite effect for a cleaner look */
}

#sobre-mi::before, #sobre-mi::after {
    display: none; /* Remove the heavy graphite effects */
}

.about-header-modern h2 {
    color: var(--art-teja);
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.about-subtitle-modern {
    color: var(--art-marron);
    font-weight: 500;
    font-size: 1.2rem;
}

/* Polaroid Style Gallery */
.artwork-preview.polaroid {
    border: 8px solid white;
    border-bottom: 25px solid white;
    box-shadow: var(--shadow-soft);
    transform: rotate(-2deg);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.artwork-preview.polaroid:nth-child(even) {
    transform: rotate(2deg);
}

.artwork-preview.polaroid:hover {
    transform: scale(1.05) rotate(0deg);
    box-shadow: var(--shadow-deep);
    z-index: 10;
}

/* Bio Card - Sketchbook Style */
.bio-content-card {
    background: white;
    border: 2px dashed var(--art-ocre);
    border-radius: 15px;
    box-shadow: var(--shadow-soft);
    padding: 2rem;
    position: relative;
}

.bio-content-card::before {
    /* Tape effect */
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 30px;
    background-color: rgba(225, 173, 1, 0.3); /* Translucent Mostaza */
    transform: translateX(-50%) rotate(-2deg);
}

.bio-intro h3 {
    color: var(--art-teja);
    font-size: 2rem;
}

.bio-age {
    color: var(--art-marron);
    font-weight: 600;
    background: var(--art-mostaza);
    color: white;
    padding: 2px 10px;
    border-radius: 20px;
    display: inline-block;
    font-size: 0.9rem;
}

.bio-text p {
    color: var(--art-marron);
    font-size: 1.05rem;
}

.bio-text strong {
    color: var(--art-teja);
}

/* Fun Tags */
.specialty-tag {
    background: white !important;
    border: 2px solid var(--art-teja) !important;
    color: var(--art-teja) !important;
    border-radius: 25px !important;
    font-weight: bold !important;
    padding: 8px 15px !important;
    box-shadow: 3px 3px 0px var(--art-mostaza) !important;
    transition: transform 0.2s ease !important;
}

.specialty-tag:hover {
    transform: translate(-2px, -2px);
    box-shadow: 5px 5px 0px var(--art-mostaza) !important;
}

/* Timeline Fun */
.timeline-dot {
    background: var(--art-mostaza) !important;
    border: 3px solid white !important;
    box-shadow: 0 0 0 3px var(--art-teja) !important;
}

.timeline-line {
    background: var(--art-ocre) !important;
    opacity: 0.5;
}

.timeline-year {
    color: var(--art-teja) !important;
    font-weight: 800 !important;
}

.timeline-event {
    color: var(--art-marron) !important;
}