/* Estilos para página individual de experiencia (template de plugin) */
.experiencia-single-container {
    padding: 0;
    margin: 0;
    max-width: 100vw;
    width: 100vw;
    overflow-x: hidden;
}

.experiencia-single-plugin {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Banner imagen de 100vh */
.experiencia-banner-image {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 0;
}

/* Contenedor del título */
.experiencia-title-container {
    width: 100%;
    text-align: center;
    padding: 40px 20px;
    background-color: #fff;
}

.experiencia-title {
    font-size: 2rem;
    font-family: "Samas", Sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    font-weight: 400;
    color: #000;
}

/* Contenido completo */
.experiencia-full-content {
    max-width: 800px;
    margin: 0 auto 60px auto;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

.experiencia-full-content p {
    margin-bottom: 20px;
}

.experiencia-full-content h2,
.experiencia-full-content h3,
.experiencia-full-content h4 {
    font-family: "Samas", Sans-serif;
    color: #000;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* Eliminar márgenes y paddings adicionales */
body.single-experiencia {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* Responsive */
@media (max-width: 767px) {
    .experiencia-title {
        font-size: 2.5rem;
    }

    .experiencia-full-content {
        margin: 40px auto;
        padding: 0 15px;
    }
}