/* ===== Vocalía: texto de bienvenida (cof-bienvenida) ===== */
.cof-bienvenida { max-width: 1080px; margin: 0 auto; padding: 0; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.9; color: #333; text-align: justify; text-justify: inter-word; text-wrap: pretty; hyphens: none; -webkit-hyphens: none; overflow-wrap: break-word; overflow: hidden; box-sizing: border-box; }
.cof-bienvenida * { box-sizing: border-box; }
.cof-bienvenida__foto { float: left; width: 400px; max-width: 100%; margin: 0 32px 20px 0; padding: 0; }
.cof-bienvenida__foto img { display: block; width: 100%; height: auto; margin: 0; border: 0; border-radius: 0; }
.cof-bienvenida__pie { font-size: 15px; line-height: 1.35; text-align: center; color: #333; margin: 10px 0 0; padding: 0; }
.cof-bienvenida p { margin: 0 0 1.2em; padding: 0; color: #333; }
.cof-bienvenida p:last-child { margin-bottom: 0; }
.cof-bienvenida ul { list-style: disc; margin: 0 0 1.2em; padding-left: 1.5em; text-align: left; }
.cof-bienvenida li { margin: 0 0 .5em; padding: 0; }
.cof-bienvenida__firma { clear: both; text-align: center; font-weight: 500; margin: 1.5em 0 0; }
.cof-bienvenida__cargo { text-align: center; color: var(--cofc-verde-medio); font-weight: 600; margin: 4px 0 0; }
@media (max-width: 781px) {
  .cof-bienvenida { font-size: 16px; line-height: 1.7; text-align: left; }
  .cof-bienvenida__foto { float: none; width: 100%; margin: 0 0 20px; }
}