/* =================================================================
   EXPERIENCIA
================================================================= */
.experiencia { background: var(--cream); overflow: hidden; }
.experiencia::before {
    content: '30'; position: absolute; top: 5%; right: 5%;
    font-family: var(--serif); font-size: 18rem; font-weight: 300;
    color: var(--sand); opacity: 0.3; line-height: 1; pointer-events: none;
}
.experiencia-grid {
    display: grid; grid-template-columns: 1fr 1.2fr;
    gap: 5rem; align-items: center; position: relative; z-index: 2;
}
.experiencia-text p { font-size: 1.05rem; color: var(--text-soft); margin-bottom: 1.5rem; line-height: 1.85; }
.experiencia-quote {
    font-family: var(--serif); font-style: italic;
    font-size: 1.4rem; color: var(--teal-dark);
    border-left: 3px solid var(--orange);
    padding: 0.5rem 0 0.5rem 1.5rem; margin: 2rem 0;
}
.experiencia-img {
    width: 100%; height: 600px;
    background-size: cover; background-position: center;
    border-radius: 4px; box-shadow: 0 20px 60px rgba(31,68,72,0.2);
}

/* Responsive — experiencia */
@media (max-width: 1024px) {
    .experiencia-grid { grid-template-columns: 1fr; gap: 3rem; }
}
@media (max-width: 768px) {
    .experiencia::before { font-size: 10rem; }
    .experiencia-img { height: 400px; }
}