/* Contenedor principal */
    .container {
        display: flex;
        align-items: center;
        gap: 15px; /* Espacio entre las viñetas y el texto */
        margin: 170px 0 0 0;
    }

    /* Contenedor de las viñetas */
    .bullets {
        position: relative;
        width: 20px; /* Ancho del área de las viñetas */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* Puntos */
    .dots {
        display: grid;
        grid-template-columns: repeat(3, 4px); /* Tres columnas */
        grid-template-rows: repeat(6, 4px);   /* Seis filas */
        gap: 3px; /* Espaciado entre los puntos */
    }
    .dotsA {
        display: grid;
        grid-template-columns: repeat(3, 4px); /* Tres columnas */
        grid-template-rows: repeat(6, 4px);   /* Seis filas */
        gap: 3px; /* Espaciado entre los puntos */
    }

    .dots div {
        width: 4px;
        height: 4px;
        background-color: purple;
        border-radius: 50%; /* Hace los puntos redondos */
    }
    .dotsA div {
        width: 4px;
        height: 4px;
        background-color: #f1a101;
        border-radius: 50%; /* Hace los puntos redondos */
    }

    /* Línea vertical */
    .line {
        position: absolute;
        width: 2px;
        height: 100%; /* Toma el alto completo del contenedor */
        background-color: #a23e5c; /* Color de la línea */
        top: 0; /* Alinea la línea al inicio del contenedor */
        right: 0; /* Posiciona la línea al lado izquierdo */
        margin-right: -5px;
    }

    /* corchete decorativo */
    /* Corchete decorativo */
    .bracket {
        position: absolute;
        top: 0;
        right: -50px; /* Ajusta según el diseño */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        width: 50px; /* Ancho total del corchete */
    }

    .bracket::before,
    .bracket::after {
        content: '';
        width: 50px;
        height: 2px;
        background-color: #333;
    }

    .bracket::before {
        align-self: flex-start; /* Línea superior del corchete */
    }

    .bracket::after {
        align-self: flex-end; /* Línea inferior del corchete */
    }

    /* Línea horizontal del medio */
    .bracket .line-mid {
        position: absolute;
        top: 50%; /* Coloca la línea en el medio del corchete */
        left: 50%; /* Alinea la línea al centro del corchete */
        transform: translateY(-50%);
        width: calc(100% + 50px); /* Extiende la línea más allá del corchete */
        height: 2px;
        background-color: #333;
    }
    /*  */

    .imgCapitulos{
        margin: -15% 0;
        width: 40%;
        max-width: 400px;
    }
    .titCapitulos1{
        font-size: large;
        font-weight: 100;
    }
    .titCapitulos3{
        font-size: large;
        font-weight: 500;

    }
    .titCapitulos2{
        font-size: xx-large;
        font-weight: 600;
    }
    .imgPrincipal1{
        /* width: 100%; */
        max-width: 400px;
        max-height: 650px;
    }
    .imgPrincipal2{
        width: 100%;
        max-width: 800px;
    }
    .linea-vertical {
        height: 40px;    
        border-left: 2px solid #a23e5c; 
        position: absolute;
        margin: -10px;
    }
    .contenido-flex {
        display: flex;
        align-items: flex-start; 
        gap: 20px; 
        align-items: flex-end;
    }
    /* Imágenes */
    .imagenes-ultrasonido {
        display: flex;
        flex-direction: column;
        gap: 15px; 
        max-width: 50%;
        width: 3000px;
    }

    .imgBorde {
        border: 1px solid purple;
        display: block;
        padding: 5px;

    }
    .imgBorde2 {
        border: 1px solid #c43f97;
        display: block;
        padding: 5px;

    }
    /* Texto */
    .texto-ultrasonido {
        font-size: 14px;
        color: #333;
        line-height: 1.5;
    }
    .titImagenes{
        font-size: 130%; 
        font-weight: 500;
        color: #640079;
    }
    .titImagenesAma{
        font-size: 130%; 
        font-weight: 500;
        color: #f1a101;
        line-height: 1;
    }