/* Estilos base para el contenedor .sourcehtml */
/* .sourcehtml {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}

/* Encabezados */
/* .sourcehtml h1,
.sourcehtml h2,
.sourcehtml h3,
.sourcehtml h4,
.sourcehtml h5,
.sourcehtml h6 {
    margin-bottom: 0.5em;
    color: #222;
}

.sourcehtml h1 { font-size: 2em; }
.sourcehtml h2 { font-size: 1.6em; }
.sourcehtml h3 { font-size: 1.3em; }
.sourcehtml h4 { font-size: 1.1em; } */

/* Párrafos */
.sourcehtml p {
    /* margin-bottom: 1em; */
    width: auto;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    line-height: 1.95rem;
    /* font-weight: 600; */
    letter-spacing: 0rem;
    color: #666666;
}

/* Enlaces */
.sourcehtml a {
    color: var(--morado);
    text-decoration: none;
}
.sourcehtml a:hover {
    color: var(--lila);
}
.sourcehtml > h3 {
    font-size: 1.3rem;
    line-height: 1.95rem;
    font-weight: 700;
    letter-spacing: 0rem;
    color: var(--morado);
    margin-right: 1rem;
    margin-top: 3rem;
}
.sourcehtml > h4 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 700;
    color: #666666;
    margin-bottom: 3rem;
}
.iConv > .iConvRight > .sourcehtml > ul {
    font-family: "Assistant", sans-serif;
    font-size: 1.1rem;
    color: var(--morado);
    font-weight: normal;
    line-height: normal;
    margin-bottom: 1rem;
    height: auto;
    display: block;
    letter-spacing: normal;
}

.iConv > .iConvRight > .sourcehtml > ul  li {
    color: var(--morado);
    /* font-size: 1.2rem; */
    font-weight: 500;
    list-style: disc;
    margin-bottom: 1rem;
    display: list-item;
    margin-left: 2rem;
} 
.iConv > .iConvRight > .sourcehtml > ul > li:last-child {
    margin-bottom: 2rem;
}


    

 /* .sourcehtml .iAcredRight ul > li span {
    color: var(--morado);
    font-size: 1.2rem;
    font-weight: 500;
} */

/* Tablas */
/* .sourcehtml table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
} */

/* .sourcehtml th,
.sourcehtml td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.sourcehtml th {
    background-color: #f2f2f2;
} */

/* Formularios */
/* .sourcehtml input[type="text"],
.sourcehtml input[type="email"],
.sourcehtml input[type="password"],
.sourcehtml textarea,
.sourcehtml select {
    width: 100%;
    padding: 8px;
    margin-bottom: 1em;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.sourcehtml input[type="submit"],
.sourcehtml button {
    background-color: #0066cc;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.sourcehtml input[type="submit"]:hover,
.sourcehtml button:hover {
    background-color: #0052a3;
} */

/* Imágenes */
/* .sourcehtml img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1em;
}

/* Contenedores genéricos */
/* .sourcehtml .container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1em;
}  */

/* Botones */
/* .sourcehtml .button {
    display: inline-block;
    padding: 10px 15px;
    background-color: #0066cc;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}

.sourcehtml .button:hover {
    background-color: #0052a3;
} */

/* Alertas y mensajes */

/* .sourcehtml .alert {
    padding: 10px;
    margin-bottom: 1em;
    border-radius: 4px;
} */

/* .sourcehtml .alert-success {
    background-color: #d4edda;
    color: #155724;
} */

/* .sourcehtml .alert-error {
    background-color: #f8d7da;
    color: #721c24;
} */

/* Ejemplo de anidación profunda */


/* Hoja de estilos para elementos hijos de .sourcehtml */

/* .sourcehtml .maxW {
    display: block;
    width: 100%;
    max-width: 1290px;
    padding: 0px 60px;
    margin: 0px auto;
    box-sizing: border-box;
}

.sourcehtml .gMSection {
    display: block;
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    margin: 0px auto;
    box-sizing: border-box;
}

.sourcehtml .gContent {
    display: block;
    margin: 0px 0px 30px;
    padding: 0px;
}

.sourcehtml .gCol {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    font-size: 0rem !important;
    letter-spacing: 0rem;
}

.sourcehtml .gCol.col2 > div {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.sourcehtml .gCol.col2 > div:nth-child(1) {
    padding-right: 10px;
}

.sourcehtml .gCol.col2 > div:nth-child(2) {
    padding-left: 10px;
}

.sourcehtml .gCol.col3 > div {
    width: 33.333333333333333%;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.sourcehtml .gCol.col3 > div:nth-child(1) {
    padding-right: 10px;
}

.sourcehtml .gCol.col3 > div:nth-child(3) {
    padding-left: 10px;
}

.sourcehtml .gCol.col4 > div {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.sourcehtml .vAlign {
    display: table;
    width: 100%;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.sourcehtml .vAlign > div {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.sourcehtml .gHidden {
    display: none;
} */




/*

Clases Genéricas de Estructura y Diseño
1. Clases de Contenedores y Secciones

.maxW: Contenedor principal con ancho máximo y padding.
.gMSection: Sección principal con padding y overflow oculto.
.gContent: Contenedor de contenido genérico.
.gCol: Sistema de columnas (ej: .col2, .col3, .col4).
.vAlign: Alineación vertical de elementos.
.gHidden: Ocultar elementos.

2. Clases de Tipografía y Texto

.gTitle: Títulos genéricos (con variantes como .f2, .c2, .c3).
.gIntro: Texto introductorio.
.noteBlue: Nota o texto destacado en azul.
.desc: Descripción genérica.

3. Clases de Botones

.gBtn: Botón genérico (con variantes como .small, .form, .bg2, .bg3).
.rbtn: Botón reset (sin estilos por defecto).

4. Clases de Imágenes y Multimedia

.gImg: Contenedor genérico para imágenes.
.icoTG: Icono de toggle (flecha o indicador).
.icoVideo: Icono para videos.
.sliderBanner, .sliderGallery, .sliderVideos: Sliders genéricos.

5. Clases de Listas y Elementos Repetitivos

.gListMovies: Lista de películas o elementos multimedia.
.itemSMovie: Ítem individual en una lista de películas.
.iLPerson: Ítem de lista de personas.
.iNPant: Ítem de navegación o pestaña.

6. Clases de Formularios

.gLabel: Etiqueta de formulario.
.gSelect: Selector personalizado.
.gRC: Checkbox o radio button personalizado.


7. Clases de Alertas y Mensajes

.gAlert: Contenedor de alertas.
.gATitle: Título de alerta.
.gADesc: Descripción de alerta.

8. Clases de Menús y Navegación

.mainMenu: Menú principal.
.btnMMenu: Botón de menú móvil.
.extraMH: Menú extra en el header.

9. Clases de Redes Sociales

.gSocialN: Contenedor de iconos de redes sociales.
.icoS: Icono individual de red social.

10. Clases de Acordeones y Pestañas

.accordion-wrap: Contenedor de acordeón.
.accordion-header: Encabezado de acordeón.
.accordion-text: Contenido del acordeón.

11. Clases de Footer

.pageFooter: Pie de página.
.infoFooter: Información en el footer.
.copyFooter: Derechos de autor en el footer.

12. Clases de Utilidad

.gPager: Paginación.
.gBreadC: Breadcrumbs (migas de pan).
.gStruc: Estructura genérica.


*/