diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..989137d Binary files /dev/null and b/.gitignore differ diff --git a/contenido/03.html b/contenido/03.html index 913124a..9227a2d 100644 --- a/contenido/03.html +++ b/contenido/03.html @@ -1,93 +1,107 @@ - + - - - - + + + +
-
-
-
-
-
-
-
-
-
-

Los temas que revisaremos a lo largo del curso son los siguientes:

-
    -
  • Aspectos generales
    • -
  • Conceptos previstos en las nuevas disposiciones
    • -
  • Aspectos centrales en las nuevas Disposiciones de PLD/FT
    • -
  • Operaciones Inusuales, Relevantes e Internas Preocupantes
    • -
  • Estructuras internas
    • -
  • Reservas de confidencialidad
    • -
  • Otras obligaciones
    • -
  • Intercambio de información
    • -
-
-
-
+
+
+
+
+
+
-
+
+
+

+ Los + temas + que revisaremos a lo largo del curso son los siguientes: +

+
    +
  • Aspectos generales
    • +
  • Conceptos previstos en las nuevas disposiciones
    • +
  • Aspectos centrales en las nuevas Disposiciones de PLD/FT
    • +
  • Operaciones Inusuales, Relevantes e Internas Preocupantes
    • +
  • Estructuras internas
    • +
  • Reservas de confidencialidad
    • +
  • Otras obligaciones
    • +
  • Intercambio de información
    • +
+
+
+
+
+ - + \ No newline at end of file + }); + diff --git a/contenido/07.html b/contenido/07.html index f83ca05..754ca73 100644 --- a/contenido/07.html +++ b/contenido/07.html @@ -1,363 +1,408 @@ - + - - - - + + + +
-
-
-
-
-
-
-
-
-
-

- Ahora que gracias a tu ayuda, ya conozco de qué tratan los aspectos generales y qué personas se ven involucradas en ellos, ¿qué más debo saber? -

-
-
-
-
-
-
- - -
- -
-
-
-
-
-
-
-

- Pues bien, Marcos. Es importante que sepas a qué nos referimos con operación, beneficiario, grado de riesgo, - entre otros conceptos clave. A continuación, podrás revisarlos. -

-
-
-
-
-
-
+
+
+
+
+
+
-
+
+
+

+ Ahora que gracias a tu ayuda, ya conozco de qué tratan los aspectos generales y qué personas se ven + involucradas en ellos, + ¿qué más debo saber? +

+
+
+
+
+
+
+ + +
+ +
+
+
+
+
+
+
+

+ Pues bien, Marcos. Es importante que sepas a qué nos referimos con operación, beneficiario, grado de + riesgo, entre otros conceptos clave. +

+

A continuación, podrás revisarlos.

+
+
+
+
+
+
+
+ - + \ No newline at end of file + }); + diff --git a/contenido/08.html b/contenido/08.html index 9f3e139..a0af7a6 100644 --- a/contenido/08.html +++ b/contenido/08.html @@ -8,7 +8,7 @@ .btn_ { position: absolute; bottom: -11%; left: 72%; } .card_intro { background-image: linear-gradient(to bottom, #ffffff, #fafaff, #f3f5ff, #ebf0ff, #e1ecff); border: 0; border-top-left-radius:25px; border-top-right-radius: 25px; } .bg-blanco { background-image: url(img/fondos/bg0.png); background-repeat: no-repeat; background-size: cover; background-position: center; } -.bg_actividad { background-image: linear-gradient(to right, #b9230f, #ad210e, #a21e0d, #961c0c, #8b1a0b); border-top-right-radius: 25px;} +.bg_actividad { background: linear-gradient(to right, #ff002d 0%, #d90026 100%); border-top-right-radius: 25px;} .bg-gris { background-image: url(img/actividad/bg_gris.png); background-repeat: no-repeat; background-size: cover; background-position: center; } .cuadro_gris { position: relative; background-image: url(img/actividad/gris.png); background-repeat: no-repeat; background-size: 100% 100%; margin: 0 auto; } .opcion { position: relative; padding-top: 10px; cursor: pointer; padding-left: 18px; } @@ -18,7 +18,7 @@ .opcion.selected:hover { content: ""; position: absolute; background-image: url(img/actividad/2.png); width: 52px; height: 52px; background-repeat: no-repeat; top: 0; left: -60px; } .sec2.good { background-image: url(img/fondos/bg8.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .sec2.bad { background-image: url(img/fondos/bg9.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } -.text-rojo-1 { color: #b9230f; font-weight: bold; } +.text-rojo-1 { color: #FF002D; font-weight: bold; } .swal2-popup.popup-class { height: 100%;} @@ -329,7 +329,7 @@ allowEscapeKey: false, allowEnterKey: false, showConfirmButton: false, - closeButtonHtml: '
', + closeButtonHtml: '
', onBeforeOpen: function () { }, onOpen: function () { @@ -366,7 +366,7 @@ allowEscapeKey: false, allowEnterKey: false, showConfirmButton: false, - closeButtonHtml: '
', + closeButtonHtml: '
', onBeforeOpen: function () { }, onOpen: function () { diff --git a/contenido/09.html b/contenido/09.html index 2433b0f..bd56069 100644 --- a/contenido/09.html +++ b/contenido/09.html @@ -173,7 +173,7 @@ allowEscapeKey: false, allowEnterKey: false, showConfirmButton: false, - closeButtonHtml: '
', + closeButtonHtml: '
', onBeforeOpen: function () {}, onOpen: function () { $('.swal2-popup.popup-class').closest('.swal2-container').css('z-index', '998'); diff --git a/contenido/10.html b/contenido/10.html index 71b709e..3bb5288 100644 --- a/contenido/10.html +++ b/contenido/10.html @@ -1,201 +1,254 @@ - + - - - - + + + +
-
-
-
-
-
-
La Política de Identificación del Cliente
-
-
-

- Ahora que conozco que existe un manual, me gustaría saber, ¿cómo puedo identificar - a los clientes? ¿Se cuenta con alguna herramienta donde pueda consultar sus datos? - ¿Qué debo hacer en caso de tratar con personas físicas y morales? -

-
-
-
-
- -
¿En qué consiste la Política de Identificación del cliente?
-
-
- -
¿Cuántos regímenes de identificación prevén las nuevas disposiciones?
-
-
-
+
+
+
+
+
+
La Política de Identificación del cliente
+
+
+

+ Ahora que conozco que existe un manual, me gustaría saber, ¿cómo puedo + identificar + a los clientes? ¿Se cuenta con alguna + herramienta + donde pueda consultar sus datos? ¿Qué debo hacer en caso de tratar con personas físicas y morales? +

+
-
+
+
+ +
+ ¿En qué consiste la Política de Identificación del cliente? +
+
+
+ +
+ ¿Cuántos regímenes de identificación prevén las nuevas disposiciones? +
+
+
+
+
+ - +
-
-
-
-
-

¿En qué consiste la Política de Identificación del cliente?

-

- Consiste en integrar y conservar un expediente de cada Cliente y, en algunos casos, de su cónyuge y dependientes, - de los Beneficiarios, del/los Propietario(s) Real(es) (cuando haya) y de/los Proveedor(es) de Recursos (cuando haya), con - datos y documentos, los cuales se deben recabar de forma previa a la celebración del Contrato en el que se formalice - la Operación y, de acuerdo a lo que adelante se indica. -

-

- También consiste en completar esos datos y documentos al momento en que el Cliente o los Beneficiarios se - presenten a ejercer sus derechos. -

-
-
+
+
+
+
+

¿En qué consiste la Política de Identificación del cliente?

+

+ Consiste en + integrar y conservar un expediente de cada cliente + y, en algunos casos, de su cónyuge y dependientes, de los Beneficiarios, del/los Propietario(s) Real(es) + (cuando haya) y de/los Proveedor(es) de Recursos (cuando haya), con + datos y documentos + , los cuales se deben recabar de forma previa a la celebración del Contrato en el que se formalice la + Operación y, de acuerdo a lo que adelante se indica. +

+

+ También consiste en + completar esos datos y documentos + al momento en que el cliente o los Beneficiarios se presenten a ejercer sus derechos. +

+
+
-
-
-
-
-

Se prevén tres regímenes de identificación, el Régimen de Excepción, el Régimen Ordinario y el Régimen Especial, integrado por:

-

a) Operaciones no presenciales;

-

b) Simplificado (para organismos y dependencias sean del Gobierno Federal, de gobiernos Estatales o gobiernos Municipales, así como sus organismos y dependencias, al igual que para entidades del sector financiero y organizaciones auxiliares del crédito),

-

c) Alto Riesgo y

-

d) Fideicomisos.

-

En esta ocasión sólo exploraremos el Régimen de Excepción, el Régimen Ordinario y el Régimen Especial (Alto Riesgo).

-
-
+
+
+
+
+

+ Se prevén + tres regímenes de identificación + , el + Régimen de Excepción + , el + Régimen Ordinario + y el + Régimen Especial + , integrado por: +

+

a) Operaciones no presenciales;

+

+ b) Simplificado (para organismos y dependencias sean del Gobierno Federal, de gobiernos Estatales o + gobiernos Municipales, así como sus organismos y dependencias, al igual que para entidades del sector + financiero y organizaciones auxiliares del crédito), +

+

c) Alto Riesgo y

+

d) Fideicomisos.

+

+ En esta ocasión + sólo exploraremos + el Régimen de Excepción, el Régimen Ordinario y el Régimen Especial (Alto Riesgo). +

+
+
\ No newline at end of file + }); + diff --git a/contenido/11.html b/contenido/11.html index c354b63..d3b94c1 100644 --- a/contenido/11.html +++ b/contenido/11.html @@ -1,166 +1,198 @@ - + - - - - + + + +
-
-
-
-
-
-
La Política de Identificación del Cliente
-
-
-
-
-
-
-

- Además de lo que comentas, es importante conocer cuándo estamos ante la presencia - de cierto régimen y qué datos o documentos solicitar. Para ello, debemos considerar - lo siguiente: -

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

- El Régimen de Excepción o Umbrales, solo aplica a Operaciones que sean de Riesgo Bajo y que sean contratadas - presencialmente. Dependiendo del monto de estas, se ubicarán dentro del Umbral 1 o 2. -

-
- -
-

- El Umbral 1 sólo aplica a personas físicas y morales, no a fiduciarios. En caso de que un cliente con la - misma o varias operaciones rebase los montos de las operaciones de este umbral, pasará al número 2 y se - le identificará conforme a este. -

-
- -
-

- El umbral 2 aplica a personas físicas y morales. Cuando un cliente con la misma o con varias operaciones rebase los - montos del umbral 2, deberá ser identificado bajo el Régimen Ordinario (el cual solicita información específica dependiendo el tipo de persona). -

-
- -
-
-
-

- Para conocer los diferentes montos y datos que debes solicitar en función del régimen y el tipo de persona, te invitamos a descargar el siguiente documento. -

-
-
-
-
-
-
-
-
+
+
+
+
+
+
La Política de Identificación del cliente
-
+
+
+
+
+
+

+ Además de lo que comentas, es importante conocer cuándo estamos ante la presencia de cierto régimen y + qué datos o documentos solicitar. Para ello, debemos considerar lo siguiente: +

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ El + Régimen de Excepción o Umbrales + , solo aplica a Operaciones que sean de Riesgo Bajo y que sean contratadas presencialmente. + Dependiendo del monto de estas, se ubicarán dentro del + Umbral 1 o 2. +

+
+ +
+

+ El Umbral 1 sólo aplica a personas físicas y morales + , no a fiduciarios. En caso de que un cliente con la misma o varias operaciones rebase los montos de + las operaciones de este umbral, pasará al + número 2 + y se le identificará conforme a este. +

+
+ +
+

+ El umbral 2 aplica a personas físicas y morales. + Cuando un cliente con la misma o con varias operaciones rebase los montos del umbral 2, deberá ser + identificado bajo el Régimen Ordinario (el cual solicita información específica dependiendo el tipo de + persona). +

+
+ +
+
+
+

+ Para conocer los diferentes montos y datos que debes solicitar en función del régimen y el tipo de + persona, te invitamos a descargar el siguiente documento. +

+
+
+
+ + + +
+
+
+
+
+
+
+
- + \ No newline at end of file + }); + diff --git a/contenido/12.html b/contenido/12.html index 125819d..a5c0542 100644 --- a/contenido/12.html +++ b/contenido/12.html @@ -1,122 +1,153 @@ - + - - - - + + + +
-
-
-
-
-
-
La Política de Identificación del Cliente
-
-

- Para conocer en profundidad el listado de documentos válidos, descarga la siguiente infografía. -

-
-
-
-
-
- -
Identificaciones oficiales
-
-
- -
Comprobantes de domicilio
-
-
- -
Datos mínimos del domicilio
-
-
- -
Declaración
-
-
- -
Documentos públicos emitidos en el extranjero
-
-
-
-
- -
-
+
+
+
+
+
+
La Política de Identificación del cliente
+
+ + + +
+

+ Para conocer en profundidad el listado de documentos válidos, descarga la siguiente infografía. +

-
+
+
+
+
+ +
Identificaciones oficiales
+
+
+ +
Comprobantes de domicilio
+
+
+ +
Datos mínimos del domicilio
+
+
+ +
Declaración
+
+
+ +
Documentos públicos emitidos en el extranjero
+
+
+
+
+ +
+
+
+
- + \ No newline at end of file + }); + diff --git a/contenido/13.html b/contenido/13.html index 5f8565d..e005e48 100644 --- a/contenido/13.html +++ b/contenido/13.html @@ -77,7 +77,7 @@
-
+
@@ -89,7 +89,7 @@

- Claro que sí, Marcos. Nosotros tenemos una metodología que recoge todos los + Claro que sí Marcos. Nosotros tenemos una metodología que recoge todos los riesgos a los que estamos expuestos y que nos señala cuándo debemos usarla @@ -118,7 +118,7 @@

Es una metodología para realizar una evaluación de Riesgos - a la que está expuesta la Institución en virtud de sus productos, servicios, Clientes, países o áreas + a la que está expuesta la Institución en virtud de sus productos, servicios, clientes, países o áreas geográficos en las que opere, transacciones y canales de envió o distribución.

@@ -244,7 +244,7 @@ allowEscapeKey: false, allowEnterKey: false, showConfirmButton: false, - closeButtonHtml: '

', + closeButtonHtml: '
', onBeforeOpen: function () {}, onOpen: function () { $('.swal2-popup.popup-class').closest('.swal2-container').css('z-index', '998'); diff --git a/contenido/15.html b/contenido/15.html index 9bc3c76..b8f95a5 100644 --- a/contenido/15.html +++ b/contenido/15.html @@ -1,239 +1,288 @@ - + - - - - + .anim { + opacity: 0; + } + + +
-
- -
-
-
-
-
- -
-
-
-
-
-
-
-
Política de Conocimiento del Cliente
-
-
-

- Entre las características de la Política de Conocimiento del Cliente, podemos destacar los siguientes puntos. -

-
-
-
+
+ +
+
+
+
+
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
-
+
+
Política de Conocimiento del cliente
+
+
+

+ Entre las características de la + Política de Conocimiento del cliente + , podemos destacar los siguientes puntos. +

+
+
+
+
+
- +
-
-
-
-
-

1. ¿En qué consiste esta política?

-

- Consiste en establecer las políticas, criterios, procedimientos y controles para mitigar los Riesgos acorde a los resultaos del EBR. -

-
-
+
+
+
+
+

1. ¿En qué consiste esta política?

+

+ Consiste en establecer las políticas, criterios, procedimientos y controles para mitigar los Riesgos acorde + a los resultaos del EBR. +

+
+
-
-
-
-
-

2. ¿De qué se ocupa esta política?

-

- Los criterios, políticas, procedimientos y controles deben enfocarse a: (i) la celebración, limitación o - terminación de las relaciones comerciales, pero no las relacionadas con las Operaciones de seguros y de - fianzas; (ii) el seguimiento de las operaciones de los clientes y su agrupación; (iii) establecer los supuestos - en que las Operaciones de los Clientes se aparten de su perfil transaccional y, (v) para la modificación del - Grado de Riesgo del Cliente. -

-
-
+
+
+
+
+

2. ¿De qué se ocupa esta política?

+

+ Los criterios, políticas, procedimientos y controles deben enfocarse a: (II) la celebración, limitación o + terminación de las relaciones comerciales, pero no las relacionadas con las Operaciones de seguros y de + fianzas; (II) el seguimiento de las operaciones de los clientes y su agrupación; (III) establecer los + supuestos en que las Operaciones de los clientes se aparten de su perfil transaccional y, (V) para la + modificación del Grado de Riesgo del cliente. +

+
+
-
-
-
-
-

3. ¿Cómo se construye el perfil transaccional del Cliente?

-

- El perfil transaccional del Cliente se basa en la información que proporciona, en el monto, tipo, - naturaleza y frecuencia de las operaciones que realice, el origen y destino de sus recursos y la - geolocalización del Dispositivo en el caso de operaciones no presenciales. -

-
-
+
+
+
+
+

3. ¿Cómo se construye el perfil transaccional del cliente?

+

+ El + perfil transaccional del cliente + se basa en la información que proporciona, en el monto, tipo, naturaleza y frecuencia de las operaciones que + realice, el origen y destino de sus recursos y la geolocalización del Dispositivo en el caso de operaciones + no presenciales. +

+
+
-
-
-
-
-

4. ¿Cómo se clasifican a los Clientes?

-

- Las Instituciones deben clasificar a sus Clientes en un Grado de Riesgo, de - tal manera que, cuando el Grado de Riesgo sea mayor, la Institución deberá recabar - mayor información de éste y realizar una supervisión más estricta de su comportamiento transaccional. -

-
-
+
+
+
+
+

4. ¿Cómo se clasifican a los clientes?

+

+ Las + Instituciones + deben clasificar a sus clientes en un + Grado de Riesgo + , de tal manera que, cuando el + Grado de Riesgo sea mayor + , la Institución deberá recabar mayor información de éste y realizar una supervisión más estricta de su + comportamiento transaccional. +

+
+
-
-
-
-
-

5. ¿Qué perfil de Cliente requiere un seguimiento mayor?

-

- Se consideran Clientes de Grado de Riesgo Alto a las Personas Políticamente Expuesta extranjeras y los Clientes no residentes en el país que operen seguros con - componentes de inversión en moneda extranjera, así como aquellas personas que la Aseguradora o la Afianzadora clasifiquen con tal carácter bajo su metodología - de evaluación de Riesgos. -

-
-
+
+
+
+
+

5. ¿Qué perfil de cliente requiere un seguimiento mayor?

+

+ Se consideran + clientes de Grado de Riesgo Alto + a las + Personas Políticamente Expuesta extranjeras + y los + clientes no residentes en el país + que operen seguros con componentes de inversión en moneda extranjera, así como aquellas personas que la + Aseguradora o la Afianzadora clasifiquen con tal carácter bajo su metodología de evaluación de Riesgos. +

+
+
\ No newline at end of file + }); + diff --git a/contenido/16.html b/contenido/16.html index ca34bf0..177b5c3 100644 --- a/contenido/16.html +++ b/contenido/16.html @@ -1,158 +1,212 @@ - + - - - - + } + .headthree { + background-image: linear-gradient(to right, #60718f, #718aaa, #81a3c6, #91bee1, #a2d9fd); + } + button { + outline: none !important; + box-shadow: none !important; + } + .anim { + opacity: 0; + } + + +
-
-
-
-
-
Política de Conocimiento del Cliente
-
-
-
-
-
-

- Por último, es importante reconocer que de los Clientes catalogados como Grado de Riesgo alto, - se deberán recabar cuestionarios de identificación que permitan: -

-
-
-
-
-
-
-
-
-

- -

-
- -
-
- Obtener mayor información sobre el origen y destino de los recursos, así como las Operaciones que realizan - o pretenden realizar y, cuando sean extranjeros, las razones por las que han elegido realizar Operaciones - en territorio nacional. -
-
-
- -
-
-

- -

-
-
-
- Obtener información de su cónyuge, concubina, concubinario y dependientes económicos, así como sociedades y asociaciones con las que mantenga vínculos. -
-
-
- -
-
-

- -

-
-
-
- Obtener información sobre la estructura corporativa y los principales accionistas o socios. -
-
-
-
-
-
+
+
+
+
+
Política de Conocimiento del cliente
+
+
-
+
+
+

+ Por último, es importante reconocer que de los clientes catalogados como + Grado de Riesgo alto + , se deberán recabar + cuestionarios de identificación + que permitan: +

+
+
+
+
+
+
+
+
+

+ +

+
+ +
+
+ Obtener mayor información sobre el origen y destino de los recursos, así como las Operaciones que + realizan o pretenden realizar y, cuando sean extranjeros, las razones por las que han elegido + realizar Operaciones en territorio nacional. +
+
+
+ +
+
+

+ +

+
+
+
+ Obtener información de su cónyuge, concubina, concubinario y dependientes económicos, así como + sociedades y asociaciones con las que mantenga vínculos. +
+
+
+ +
+
+

+ +

+
+
+
+ Obtener información sobre la estructura corporativa y los principales accionistas o socios. +
+
+
+
+
+
+
+
- + \ No newline at end of file + }); + diff --git a/contenido/19.html b/contenido/19.html index dc3df89..641775e 100644 --- a/contenido/19.html +++ b/contenido/19.html @@ -48,9 +48,9 @@ Me parece que estamos ante una operación inusual , ya que esta es una operación de seguros o de fianzas, en la cual la actividad, conducta o - comportamiento del Cliente no concuerda con los antecedentes o actividad conocida de él por la + comportamiento del cliente no concuerda con los antecedentes o actividad conocida de él por la Aseguradora o la Afianzadora, o declarada a éstas, o no coincide con el perfil transaccional inicial o - habitual de dicho Cliente, en función al origen o destino de los recursos, así como al monto, + habitual de dicho cliente, en función al origen o destino de los recursos, así como al monto, frecuencia, tipo o naturaleza de la Operación de que se trate, sin que exista una justificación razonable para dicha operación, actividad, conducta o comportamiento.

diff --git a/contenido/20.html b/contenido/20.html index 3deb364..1ef4c60 100644 --- a/contenido/20.html +++ b/contenido/20.html @@ -1,224 +1,269 @@ - + - - - - + + + +
-
-
-
-
-
-
-
-
-
Operaciones inusuales
-

- 1. Es indispensable revisar la situación conocida del Cliente y la Operación que quiera realizar. Para ello, debemos considerar lo siguiente: -

- -
- -
-
-
-
-
-
-
-
+
+
+
+
+
+
-
+
+
Operaciones inusuales
+

+ 1. Es indispensable revisar la + situación conocida del cliente y la Operación que quiera realizar + . Para ello, debemos considerar lo siguiente: +

+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
- +
-
-
-
-
-

- 1. Sus condiciones específicas, entre otras: sus antecedentes, su ocupación, profesión, actividad económica, giro del negocio u objeto social. -

-
-
+
+
+
+
+

+ 1. + Sus + condiciones específicas + , entre otras: sus antecedentes, su ocupación, profesión, actividad económica, giro del negocio u objeto + social. +

+
+
-
-
-
-
-

- 2. El tipo de riesgo que constituye la base del contrato de seguro del cliente y la forma en que ocurra el riesgo. -

-
-
+
+
+
+
+

+ 2. + El + tipo de riesgo + que constituye la base del contrato de seguro del cliente y la forma en que ocurra el riesgo. +

+
+
-
-
-
-
-

- 3. La naturaleza o complejidad de las operaciones que realice y la relación de éstas con sus antecedentes y actividad económica conocida. -

-
-
+
+
+
+
+

+ 3. La + naturaleza o complejidad de las operaciones + que realice y la relación de éstas con sus antecedentes y actividad económica conocida. +

+
+
-
-
-
-
-

- 4. Cuando se presenten indicios o hechos extraordinarios respecto de los cuales no se cuente con una explicación o que den - lugar a cualquier tipo de suspicacia sobre el origen, manejo o destino de los recursos. -

-
-
+
+
+
+
+

+ 4. + Cuando se presenten + indicios o hechos extraordinarios + respecto de los cuales no se cuente con una explicación o que den lugar a cualquier tipo de suspicacia sobre + el origen, manejo o destino de los recursos. +

+
+
-
-
-
-
-

- 5. Cuando el cliente pretenda involucrar en sus operaciones países o jurisdicciones que: (i) la legislación - mexicana considere que aplican regímenes fiscales preferentes o, (ii) que las autoridades mexicanas, organismos internacionales o - agrupaciones intergubernamentales consideren que no tienen medidas para prevenir el lavado de dinero y el financiamiento al terrorismo. -

-
-
+
+
+
+
+

+ 5. + Cuando el cliente pretenda + involucrar + en sus operaciones + países o jurisdicciones + que: (I) la legislación mexicana considere que aplican regímenes fiscales preferentes o, (III) que las + autoridades mexicanas, organismos internacionales o agrupaciones intergubernamentales consideren que no + tienen medidas para prevenir el lavado de dinero y el financiamiento al terrorismo. +

+
+
\ No newline at end of file + }); + diff --git a/contenido/21.html b/contenido/21.html index e7963ba..84de591 100644 --- a/contenido/21.html +++ b/contenido/21.html @@ -1,257 +1,301 @@ - + - - - - + + + +
-
-
-
-
-
-
-
-
-
Operaciones inusuales
-

- 2. Debemos mantenernos alerta y reportar alguna operación sospechosa cuando los recursos del Cliente presenten alguna de las siguientes condiciones: -

- -
- - -
- -
-
-
-
- +
+
+
+
+
+
-
+
+
Operaciones inusuales
+

+ 2. Debemos mantenernos alerta y reportar alguna operación sospechosa cuando los + recursos del cliente + presenten alguna de las siguientes condiciones: +

+ +
+ + +
+ +
+
+
+
+
+
- + \ No newline at end of file + }); + diff --git a/contenido/22.html b/contenido/22.html index 89f1fac..5058a57 100644 --- a/contenido/22.html +++ b/contenido/22.html @@ -1,237 +1,276 @@ - + - - - - + + + +
-
-
-
-
-
-
Operaciones inusuales
-

- 3. También es importante tomar en cuenta las siguientes actitudes del Cliente: -

-
-
-
-
- -
-
-
-
-
-
-
-
-
+
+
+
+
+
+
Operaciones inusuales
+

+ 3. También es importante tomar en cuenta las siguientes + actitudes del cliente + : +

-
+
+
+
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
- +
-
-
-
-
-

- Cuando se niegue a proporcionar los datos o documentos de identificación o cuando se detecte que presenta información que pudiera ser apócrifa o datos que pudieran ser falsos. -

-
-
+
+
+
+
+

+ Cuando se niegue a proporcionar los datos o documentos de identificación o cuando se detecte que presenta + información que pudiera ser apócrifa o datos que pudieran ser falsos. +

+
+
-
-
-
-
-

- Cuando intente sobornar, persuadir o intimidar al personal con el propósito de lograr su cooperación para realizar las actividades que contravengan las Disposiciones. -

-
-
+
+
+
+
+

+ Cuando intente sobornar, persuadir o intimidar al personal con el propósito de lograr su cooperación para + realizar las actividades que contravengan las Disposiciones. +

+
+
-
-
-
-
-

- Cuando cambie inesperadamente de giro o actividad económica, sobre todo migrando a actividades de comercio internacional o de cultivo de la tierra. -

-
-
+
+
+
+
+

+ Cuando cambie inesperadamente de giro o actividad económica, sobre todo migrando a actividades de comercio + internacional o de cultivo de la tierra. +

+
+
-
-
-
-
-

- Cuando se presuma que un cliente está actuando a nombre, por cuenta o en beneficio de otra persona. -

-
-
+
+
+
+
+

+ Cuando se presuma que un cliente está actuando a nombre, por cuenta o en beneficio de otra persona. +

+
+
-
-
-
-
-

- La transferencia del beneficio de una póliza a una persona aparentemente no relacionada. -

-
-
+
+
+
+
+

La transferencia del beneficio de una póliza a una persona aparentemente no relacionada.

+
+
-
-
-
-
-

- El otorgamiento de garantías respecto de operaciones que sean simuladas e impliquen la transferencia de recursos. -

-
-
+
+
+
+
+

+ El otorgamiento de garantías respecto de operaciones que sean simuladas e impliquen la transferencia de + recursos. +

+
+
\ No newline at end of file + }); + diff --git a/contenido/27.html b/contenido/27.html index 16c3c37..d1eef71 100644 --- a/contenido/27.html +++ b/contenido/27.html @@ -63,7 +63,7 @@
-
+
@@ -219,7 +219,7 @@ allowEscapeKey: false, allowEnterKey: false, showConfirmButton: false, - closeButtonHtml: '
', + closeButtonHtml: '
', onBeforeOpen: function () {}, onOpen: function () { $('.swal2-popup.popup-class').closest('.swal2-container').css('z-index', '998'); diff --git a/contenido/28.html b/contenido/28.html index f8d7101..07b7ac9 100644 --- a/contenido/28.html +++ b/contenido/28.html @@ -8,7 +8,9 @@ .btn_ { position: absolute; bottom: -11%; left: 72%; } .card_intro { background-image: linear-gradient(to bottom, #ffffff, #fafaff, #f3f5ff, #ebf0ff, #e1ecff); border: 0; border-top-left-radius:25px; border-top-right-radius: 25px; } .bg-blanco { background-image: url(img/fondos/bg0.png); background-repeat: no-repeat; background-size: cover; background-position: center; } -.bg_actividad { background-image: linear-gradient(to right, #b9230f, #ad210e, #a21e0d, #961c0c, #8b1a0b); border-top-right-radius: 25px;} +.bg_actividad { background: #FF002D; +background: linear-gradient(to right, #FF002D 30%, #D90026 70%, #D90026 100%); + border-top-right-radius: 25px;} .bg-gris { background-image: url(img/actividad/bg_gris.png); background-repeat: no-repeat; background-size: cover; background-position: center; } .cuadro_gris { position: relative; background-image: url(img/actividad/gris.png); background-repeat: no-repeat; background-size: 100% 100%; margin: 0 auto; } .opcion { position: relative; padding-top: 10px; cursor: pointer; padding-left: 18px; } @@ -18,7 +20,7 @@ .opcion.selected:hover { content: ""; position: absolute; background-image: url(img/actividad/2.png); width: 52px; height: 52px; background-repeat: no-repeat; top: 0; left: -60px; } .sec2.good { background-image: url(img/fondos/bg8.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .sec2.bad { background-image: url(img/fondos/bg9.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } -.text-rojo-1 { color: #b9230f; font-weight: bold; } +.text-rojo-1 { color: #FF002D; font-weight: bold; } .swal2-popup.popup-class { height: 100%;} @@ -176,7 +178,7 @@ var preguntas; var quiz_object = new Object(); quiz_object.preguntaActual = 0; - quiz_object.maxPreguntas = 0; + quiz_object.maxPreguntas = 3; quiz_object.correctas = 0; quiz_object.incorrectas = 0; quiz_object.oportunidades = 2; @@ -223,17 +225,30 @@ var first_sheet_name = workbook.SheetNames[0]; var worksheet = workbook.Sheets[first_sheet_name]; preguntas = XLSX.utils.sheet_to_json(worksheet, { raw: false }); - //shuffleArray(preguntas); transformer_options(); - quiz_object.preguntas = preguntas; - //console.dir(quiz_object.preguntas); - if (quiz_object.maxPreguntas == 0) { quiz_object.maxPreguntas = quiz_object.preguntas.length; } + quiz_object.preguntas = seleccionarPreguntas(preguntas); + quiz_object.maxPreguntas = 3; } oReq.send(); } + function seleccionarPreguntas(pool) { + var grupos = { 'Inusual': [], 'Como una operación Relevante': [], 'Interna preocupante': [] }; + $.each(pool, function(i, p) { + var keys = Object.keys(p); + var correctaKey = keys.find(function(k){ return k.toLowerCase().indexOf('correcta') >= 0; }); + var val = correctaKey ? p[correctaKey] : ''; + if (grupos[val] !== undefined) grupos[val].push(p); + }); + var seleccion = []; + $.each(grupos, function(tipo, lista) { + seleccion.push(lista[Math.floor(Math.random() * lista.length)]); + }); + return shuffleArray(seleccion); + } + function transformer_options() { $.each(preguntas, function(index, pregunta) { var opciones = new Array(); @@ -312,7 +327,7 @@ allowEscapeKey: false, allowEnterKey: false, showConfirmButton: false, - closeButtonHtml: '
', + closeButtonHtml: '
', onBeforeOpen: function () { }, onOpen: function () { @@ -349,7 +364,7 @@ allowEscapeKey: false, allowEnterKey: false, showConfirmButton: false, - closeButtonHtml: '
', + closeButtonHtml: '
', onBeforeOpen: function () { }, onOpen: function () { diff --git a/contenido/32.html b/contenido/32.html index 531179a..676536c 100644 --- a/contenido/32.html +++ b/contenido/32.html @@ -29,7 +29,9 @@ background-image: linear-gradient(to right, #60718f, #718aaa, #81a3c6, #91bee1, #a2d9fd); } .headtwo { - background-image: linear-gradient(to left, #b9230f, #bf3018, #c53c20, #cb4628, #d15030); + background: #FF002D; +background: linear-gradient(to right, #FF002D 30%, #D90026 70%, #D90026 100%); + } .anim { @@ -76,9 +78,7 @@
- La petición deberá ser realizada únicamente por los funcionarios de las Instituciones hayan - autorizados para tales efectos, mediante escrito en el que deberá especificarse el motivo y la - clase de información que se requiera + La petición deberá ser realizada únicamente por los Funcionarios de las Instituciones que hayan sido autorizados para tales efectos, mediante un escrito en el que se deberá especificar el motivo y la clase de información que se requiera.
@@ -100,8 +100,7 @@
- De forma previa o simultánea a que una Institución comparta, con otra u otras Instituciones la - información deberá dar aviso de tal circunstancia a la Secretaría. + De forma previa o simultánea a que una Institución comparta con otra u otras Instituciones la información, se deberá dar aviso de tal circunstancia a la Secretaría de Hacienda y Crédito Público (SHCP).
@@ -114,7 +113,7 @@

Por nada, Marcos. Recuerda que también es posible el intercambio de información - de Operaciones de Clientes entre las + de Operaciones de clientes entre las Instituciones de Mapfre , únicamente cuando se tenga como finalidad fortalecer las medidas para prevenir y detectar delitos en esta materia. Para ello, debemos considerar: diff --git a/contenido/33.html b/contenido/33.html index 873f776..21b27b5 100644 --- a/contenido/33.html +++ b/contenido/33.html @@ -61,7 +61,7 @@

  • Estas disposiciones entraron en vigencia a partir de 2021.
  • - Existen una serie de conceptos previstos que debes recordar como lo son: Cliente, Beneficiario, + Existe una serie de conceptos previstos que debes recordar como lo son: cliente, Beneficiario, Grado de Riesgo, entre otros.
  • diff --git a/contenido/34.html b/contenido/34.html index 3438a44..b713b5f 100644 --- a/contenido/34.html +++ b/contenido/34.html @@ -35,7 +35,9 @@ background-position: center; } .bg_actividad { - background-image: linear-gradient(to right, #b9230f, #ad210e, #a21e0d, #961c0c, #8b1a0b); + background: #FF002D; +background: linear-gradient(to right, #FF002D 30%, #D90026 70%, #D90026 100%); + border-top-right-radius: 25px; } .bg-gris { @@ -98,7 +100,7 @@ background-position: center; } .text-rojo-1 { - color: #b9230f; + color: #FF002D; font-weight: bold; } .txt_final p, diff --git a/contenido/pop.html b/contenido/pop.html index b8bffd9..28595a9 100644 --- a/contenido/pop.html +++ b/contenido/pop.html @@ -56,7 +56,7 @@ allowEscapeKey: false, allowEnterKey: false, showConfirmButton: false, - closeButtonHtml: '
    ', + closeButtonHtml: '
    ', onBeforeOpen: function () {}, onOpen: function () { instruccion(7); }, onRender: function () {}, diff --git a/css/colors.css b/css/colors.css index acb52e2..012d2b5 100644 --- a/css/colors.css +++ b/css/colors.css @@ -1,287 +1,317 @@ - /*------------------------------------ - COLOR primary ------------------------------------*/ .alert-primary { - color: #000000; - background-color: #07a9ff; - border-color: #009ef1; + color: #000000; + background-color: #07a9ff; + border-color: #009ef1; } .alert-primary hr { - border-top-color: #008dd8; + border-top-color: #008dd8; } .alert-primary .alert-link { - color: #000000; + color: #000000; } .badge-primary { - color: #fff; - background-color: #00263A; + color: #fff; + background-color: #00263a; } -.badge-primary[href]:hover, .badge-primary[href]:focus { - color: #fff; - background-color: #ff0407; +.badge-primary[href]:hover, +.badge-primary[href]:focus { + color: #fff; + background-color: #ff0407; } .bg-primary { - background-color: #00263A !important; + background-color: #00263a !important; } -a.bg-primary:hover, a.bg-primary:focus, +a.bg-primary:hover, +a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { - background-color: #ff0407 !important; + background-color: #ff0407 !important; } .border-primary { - border-color: #00263A !important; + border-color: #00263a !important; } .btn-primary { - color: #fff; - background-color: #00263A; - border-color: #00263A; + color: #fff; + background-color: #00263a; + border-color: #00263a; } .btn-primary:hover { - color: #fff; - background-color: #000e16; - border-color: #ff0407; + color: #fff; + background-color: #000e16; + border-color: #ff0407; } -.btn-primary:focus, .btn-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5); +.btn-primary:focus, +.btn-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5); } -.btn-primary.disabled, .btn-primary:disabled { - color: #fff; - background-color: #00263A; - border-color: #00263A; +.btn-primary.disabled, +.btn-primary:disabled { + color: #fff; + background-color: #00263a; + border-color: #00263a; } -.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #ff0407; - border-color: #000000; +.btn-primary:not(:disabled):not(.disabled):active, +.btn-primary:not(:disabled):not(.disabled).active, +.show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #ff0407; + border-color: #000000; } -.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5); +.btn-primary:not(:disabled):not(.disabled):active:focus, +.btn-primary:not(:disabled):not(.disabled).active:focus, +.show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5); } .btn-outline-primary { - color: #00263A; - background-color: transparent; - border-color: #00263A; + color: #00263a; + background-color: transparent; + border-color: #00263a; } .btn-outline-primary:hover { - color: #fff; - background-color: #00263A; - border-color: #00263A; + color: #fff; + background-color: #00263a; + border-color: #00263a; } -.btn-outline-primary:focus, .btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5); +.btn-outline-primary:focus, +.btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5); } -.btn-outline-primary.disabled, .btn-outline-primary:disabled { - color: #00263A; - background-color: transparent; +.btn-outline-primary.disabled, +.btn-outline-primary:disabled { + color: #00263a; + background-color: transparent; } -.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { - color: #fff; - background-color: #00263A; - border-color: #00263A; +.btn-outline-primary:not(:disabled):not(.disabled):active, +.btn-outline-primary:not(:disabled):not(.disabled).active, +.show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #00263a; + border-color: #00263a; } -.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5); +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, +.btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5); } .list-group-item-primary { - color: #000000; - background-color: #009ef1; + color: #000000; + background-color: #009ef1; } -.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #000000; - background-color: #008dd8; +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { + color: #000000; + background-color: #008dd8; } .list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #000000; - border-color: #000000; + color: #fff; + background-color: #000000; + border-color: #000000; } .table-primary, .table-primary > th, .table-primary > td { - background-color: #009ef1; + background-color: #009ef1; } .table-hover .table-primary:hover { - background-color: #008dd8; + background-color: #008dd8; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { - background-color: #008dd8; + background-color: #008dd8; } .text-primary { - color: #00263A !important; + color: #00263a !important; } -a.text-primary:hover, a.text-primary:focus { - color: #ff0407 !important; +a.text-primary:hover, +a.text-primary:focus { + color: #ff0407 !important; } - /*------------------------------------ - COLOR secondary ------------------------------------*/ .alert-secondary { - color: #73130d; - background-color: #f9d0ce; - border-color: #f7bfbc; + color: #73130d; + background-color: #f9d0ce; + border-color: #f7bfbc; } .alert-secondary hr { - border-top-color: #f4a9a5; + border-top-color: #f4a9a5; } .alert-secondary .alert-link { - color: #460b08; + color: #460b08; } .badge-secondary { - color: #fff; - background-color: #E1251B; + color: #fff; + background-color: #ff002d; } -.badge-secondary[href]:hover, .badge-secondary[href]:focus { - color: #fff; - background-color: #b31d15; +.badge-secondary[href]:hover, +.badge-secondary[href]:focus { + color: #fff; + background-color: #b31d15; } .bg-secondary { - background-color: #E1251B !important; + background-color: #ff002d !important; } -a.bg-secondary:hover, a.bg-secondary:focus, +a.bg-secondary:hover, +a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { - background-color: #b31d15 !important; + background-color: #b31d15 !important; } .border-secondary { - border-color: #E1251B !important; + border-color: #ff002d !important; } .btn-secondary { - color: #fff; - background-color: #E1251B; - border-color: #E1251B; + color: #fff; + background-color: #ff002d; + border-color: #ff002d; } .btn-secondary:hover { - color: #fff; - background-color: #c11f17; - border-color: #b31d15; + color: #fff; + background-color: #c11f17; + border-color: #b31d15; } -.btn-secondary:focus, .btn-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5); +.btn-secondary:focus, +.btn-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5); } -.btn-secondary.disabled, .btn-secondary:disabled { - color: #fff; - background-color: #E1251B; - border-color: #E1251B; +.btn-secondary.disabled, +.btn-secondary:disabled { + color: #fff; + background-color: #ff002d; + border-color: #ff002d; } -.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { - color: #fff; - background-color: #b31d15; - border-color: #a51b13; +.btn-secondary:not(:disabled):not(.disabled):active, +.btn-secondary:not(:disabled):not(.disabled).active, +.show > .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #b31d15; + border-color: #a51b13; } -.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5); +.btn-secondary:not(:disabled):not(.disabled):active:focus, +.btn-secondary:not(:disabled):not(.disabled).active:focus, +.show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5); } .btn-outline-secondary { - color: #E1251B; - background-color: transparent; - border-color: #E1251B; + color: #ff002d; + background-color: transparent; + border-color: #ff002d; } .btn-outline-secondary:hover { - color: #fff; - background-color: #E1251B; - border-color: #E1251B; + color: #fff; + background-color: #ff002d; + border-color: #ff002d; } -.btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5); +.btn-outline-secondary:focus, +.btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5); } -.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #E1251B; - background-color: transparent; +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: #ff002d; + background-color: transparent; } -.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { - color: #fff; - background-color: #E1251B; - border-color: #E1251B; +.btn-outline-secondary:not(:disabled):not(.disabled):active, +.btn-outline-secondary:not(:disabled):not(.disabled).active, +.show > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #ff002d; + border-color: #ff002d; } -.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5); +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5); } .list-group-item-secondary { - color: #73130d; - background-color: #f7bfbc; + color: #73130d; + background-color: #f7bfbc; } -.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #73130d; - background-color: #f4a9a5; +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { + color: #73130d; + background-color: #f4a9a5; } .list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #73130d; - border-color: #73130d; + color: #fff; + background-color: #73130d; + border-color: #73130d; } .table-secondary, .table-secondary > th, .table-secondary > td { - background-color: #f7bfbc; + background-color: #f7bfbc; } .table-hover .table-secondary:hover { - background-color: #f4a9a5; + background-color: #f4a9a5; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { - background-color: #f4a9a5; + background-color: #f4a9a5; } .text-secondary { - color: #E1251B !important; + color: #ff002d !important; } -a.text-secondary:hover, a.text-secondary:focus { - color: #b31d15 !important; +a.text-secondary:hover, +a.text-secondary:focus { + color: #b31d15 !important; } diff --git a/css/site.css b/css/site.css index 18ebde6..801eb1d 100644 --- a/css/site.css +++ b/css/site.css @@ -1,89 +1,384 @@ -.lds-roller{display:inline-block;position:relative;width:80px;height:80px;} -.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:40px 40px;} -.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#ff6406;margin:-4px 0 0 -4px;} -.lds-roller div:nth-child(1){animation-delay:-0.036s;} -.lds-roller div:nth-child(1):after{top:63px;left:63px;} -.lds-roller div:nth-child(2){animation-delay:-0.072s;} -.lds-roller div:nth-child(2):after{top:68px;left:56px;} -.lds-roller div:nth-child(3){animation-delay:-0.108s;} -.lds-roller div:nth-child(3):after{top:71px;left:48px;} -.lds-roller div:nth-child(4){animation-delay:-0.144s;} -.lds-roller div:nth-child(4):after{top:72px;left:40px;} -.lds-roller div:nth-child(5){animation-delay:-0.18s;} -.lds-roller div:nth-child(5):after{top:71px;left:32px;} -.lds-roller div:nth-child(6){animation-delay:-0.216s;} -.lds-roller div:nth-child(6):after{top:68px;left:24px;} -.lds-roller div:nth-child(7){animation-delay:-0.252s;} -.lds-roller div:nth-child(7):after{top:63px;left:17px;} -.lds-roller div:nth-child(8){animation-delay:-0.288s;} -.lds-roller div:nth-child(8):after{top:56px;left:12px;} -@keyframes lds-roller{ - 0%{transform:rotate(0deg);} - 100%{transform:rotate(360deg);} +.lds-roller { + display: inline-block; + position: relative; + width: 80px; + height: 80px; +} +.lds-roller div { + animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + transform-origin: 40px 40px; +} +.lds-roller div:after { + content: ' '; + display: block; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + background: #ff6406; + margin: -4px 0 0 -4px; +} +.lds-roller div:nth-child(1) { + animation-delay: -0.036s; +} +.lds-roller div:nth-child(1):after { + top: 63px; + left: 63px; +} +.lds-roller div:nth-child(2) { + animation-delay: -0.072s; +} +.lds-roller div:nth-child(2):after { + top: 68px; + left: 56px; +} +.lds-roller div:nth-child(3) { + animation-delay: -0.108s; +} +.lds-roller div:nth-child(3):after { + top: 71px; + left: 48px; +} +.lds-roller div:nth-child(4) { + animation-delay: -0.144s; +} +.lds-roller div:nth-child(4):after { + top: 72px; + left: 40px; +} +.lds-roller div:nth-child(5) { + animation-delay: -0.18s; +} +.lds-roller div:nth-child(5):after { + top: 71px; + left: 32px; +} +.lds-roller div:nth-child(6) { + animation-delay: -0.216s; +} +.lds-roller div:nth-child(6):after { + top: 68px; + left: 24px; +} +.lds-roller div:nth-child(7) { + animation-delay: -0.252s; +} +.lds-roller div:nth-child(7):after { + top: 63px; + left: 17px; +} +.lds-roller div:nth-child(8) { + animation-delay: -0.288s; +} +.lds-roller div:nth-child(8):after { + top: 56px; + left: 12px; +} +@keyframes lds-roller { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } body, -html{font-size:23px;overflow:hidden;height:100%;width:100%;padding:0;margin:0;background-color:#FFF;font-family:'Muli';line-height:1.3;color: #333;} -.wcontainer{position:absolute;top:0;overflow:hidden;width:1365px;height:768px;} -.wloader{display:-ms-flexbox;display:flex;background-color:rgba(0,0,0,.7);position:absolute;z-index:99;height:100%;width:100%;} -.wmenu{position:absolute;z-index:90;height:100%;width:100%;left:-100%;background-color:#3A4D63;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;display:-ms-flexbox;display:flex;overflow: auto; overflow-x: hidden;} -.wmenu.open{left:0;} -.container, -.container-fluid{width:100%!important;max-width:100%!important;margin:0!important;} -.header{width:100%;height:65px;z-index: 999;} -.soportemenu{background-color:#FFF;height:75px;right:20px;top:0px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;} - -.footer{width:100%;height:67px;bottom:0;left:0;background-color:#FFFFFD;z-index: 1001;} -.instruccionsco{height:67px;float:right;background-color:red;display:inline;font-size: 21px;} -.footer .wnavs{height:67px;top:0;left:0;right:0;margin:0 auto;width:273px;background-size:cover;background-position:center center;position:absolute;} -.footer .btn-sound-control-sco{background-color:#91A7BB;width:67px;height:67px;display:table-cell;vertical-align:middle;border-top-right-radius:30px;} -.btn__atras{position:absolute;top:4px;left:13px;} -.__paginacion{position:absolute;top:15px;left:95px;color:#FFF;font-weight:bold;font-size:28px;} -.btn__siguiente{position:absolute;top:4px;left:226px;} -[class*="btn"]{cursor:pointer;} -.wcontainer{font-size:23px;} -.curso-progress{width:50%;position:relative;} -.menu_nombrecurso{font-size:34px;margin-bottom:1em;font-weight:bold;color:#E1251B;} -.itemsmenu{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;font-size:20px;} -[class*="menu_wtema"], -.btn_menu_tema{padding:5px;padding-left:1em;margin-bottom:.323em;} -.menu_nombremodulo{color:#E1251B;} -[class*="menu_wtema"] div:not(.btn_menu_padre){padding-left:2em;} -[class*="menu_modulo"]{margin-bottom:1em;} -.btn_menu_tema{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} -.btn_menu_tema.actual, -.btn_menu_tema:hover{background-color:#000;} -.btn_menu_padre:before{content:'\f146';display:inline-block;font-family:"Font Awesome 5 Pro";padding-right:1em;} -.btn_menu_padre.close_menu_items::before{content:'\f0fe';} -.btn_menu_padre .btn_menu_tema{padding-left:2em;} -.instruccionsco{height:67px;float:right;display:inline;position:absolute;top:0;right:0;padding-left:1em;padding-right:1em; - - background-color:#FFF;color:#4F5159;border-top-left-radius:30px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out; display: table; max-width: 480px; - +html { + font-size: 23px; + overflow: hidden; + height: 100%; + width: 100%; + padding: 0; + margin: 0; + background-color: #fff; + font-family: 'Muli'; + line-height: 1.3; + color: #333; +} +.wcontainer { + position: absolute; + top: 0; + overflow: hidden; + width: 1365px; + height: 768px; +} +.wloader { + display: -ms-flexbox; + display: flex; + background-color: rgba(0, 0, 0, 0.7); + position: absolute; + z-index: 99; + height: 100%; + width: 100%; +} +.wmenu { + position: absolute; + z-index: 90; + height: 100%; + width: 100%; + left: -100%; + background-color: #3a4d63; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + -o-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + display: -ms-flexbox; + display: flex; + overflow: auto; + overflow-x: hidden; +} +.wmenu.open { + left: 0; +} +.container, +.container-fluid { + width: 100% !important; + max-width: 100% !important; + margin: 0 !important; +} +.header { + width: 100%; + height: 65px; + z-index: 999; +} +.soportemenu { + background-color: #fff; + height: 75px; + right: 20px; + top: 0px; + border-bottom-left-radius: 30px; + border-bottom-right-radius: 30px; +} + +.footer { + width: 100%; + height: 67px; + bottom: 0; + left: 0; + background-color: #fffffd; + z-index: 1001; +} +.instruccionsco { + height: 67px; + float: right; + background-color: red; + display: inline; + font-size: 21px; +} +.footer .wnavs { + height: 67px; + top: 0; + left: 0; + right: 0; + margin: 0 auto; + width: 273px; + background-size: cover; + background-position: center center; + position: absolute; +} +.footer .btn-sound-control-sco { + background-color: #91a7bb; + width: 67px; + height: 67px; + display: table-cell; + vertical-align: middle; + border-top-right-radius: 30px; +} +.btn__atras { + position: absolute; + top: 4px; + left: 13px; +} +.__paginacion { + position: absolute; + top: 15px; + left: 95px; + color: #fff; + font-weight: bold; + font-size: 28px; +} +.btn__siguiente { + position: absolute; + top: 4px; + left: 226px; +} +[class*='btn'] { + cursor: pointer; +} +.wcontainer { + font-size: 23px; +} +.curso-progress { + width: 50%; + position: relative; +} +.menu_nombrecurso { + font-size: 34px; + margin-bottom: 1em; + font-weight: bold; + color: #ff002d; +} +.itemsmenu { + -webkit-transition: all 0.5s ease-out; + -moz-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + font-size: 20px; +} +[class*='menu_wtema'], +.btn_menu_tema { + padding: 5px; + padding-left: 1em; + margin-bottom: 0.323em; +} +.menu_nombremodulo { + color: #ff002d; +} +[class*='menu_wtema'] div:not(.btn_menu_padre) { + padding-left: 2em; +} +[class*='menu_modulo'] { + margin-bottom: 1em; +} +.btn_menu_tema { + -webkit-transition: all 0.5s ease-out; + -moz-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; +} +.btn_menu_tema.actual, +.btn_menu_tema:hover { + background-color: #000; +} +.btn_menu_padre:before { + content: '\f146'; + display: inline-block; + font-family: 'Font Awesome 5 Pro'; + padding-right: 1em; +} +.btn_menu_padre.close_menu_items::before { + content: '\f0fe'; +} +.btn_menu_padre .btn_menu_tema { + padding-left: 2em; +} +.instruccionsco { + height: 67px; + float: right; + display: inline; + position: absolute; + top: 0; + right: 0; + padding-left: 1em; + padding-right: 1em; + + background-color: #fff; + color: #4f5159; + border-top-left-radius: 30px; + -webkit-transition: all 0.5s ease-out; + -moz-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + display: table; + max-width: 480px; +} +.instruccionsco p { + display: table-cell; + vertical-align: middle; +} +.subtenma.abierto { + left: 0 !important; +} +div.subtenma.abierto > div.btn-show-subs > i.far.fa-chevron-right { + display: none; +} +div.subtenma > div.btn-show-subs > i.far.fa-chevron-right { + display: inline; +} +div.subtenma.abierto > div.btn-show-subs > i.far.fa-chevron-left { + display: inline; +} +div.subtenma > div.btn-show-subs > i.far.fa-chevron-left { + display: none; +} +.subtenma { + position: absolute; + left: 0; + top: 70px; + padding: 0.285em; + background-color: transparent; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; + color: #fff; + -webkit-transition: all 0.5s ease-out; + -moz-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + z-index: 35; } -.instruccionsco p { display: table-cell; vertical-align: middle; } -.subtenma.abierto{left:0!important;} -div.subtenma.abierto > div.btn-show-subs > i.far.fa-chevron-right{display:none;} -div.subtenma > div.btn-show-subs > i.far.fa-chevron-right{display:inline;} -div.subtenma.abierto > div.btn-show-subs > i.far.fa-chevron-left{display:inline;} -div.subtenma > div.btn-show-subs > i.far.fa-chevron-left{display:none;} -.subtenma{position:absolute;left:0;top:70px;padding:.285em;background-color:transparent;border-top-right-radius:15px;border-bottom-right-radius:15px;color:#FFF;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;z-index: 35;} /*.scofullscreen { height: 100% !important; top:0; }*/ /**************************************************************/ /*.section_charge { height: 636px; }*/ -.section_charge p,h1,h2,h3,h4,h5 { line-height: 1.2; } -ul.bullet0 { list-style-image: url(../img/template/bullet_img0.png); } -ul.bullet1 { list-style-image: url(../img/template/bullet_img1.png); } -.wcontainer .swal2-container { height: 100% !important; } -.wcontainer .swal2-content { font-size: 23px; } -.wcontainer .swal2-title { font-size: 32px; } +.section_charge p, +h1, +h2, +h3, +h4, +h5 { + line-height: 1.2; +} +ul.bullet0 { + list-style-image: url(../img/template/bullet_img0.png); +} +ul.bullet1 { + list-style-image: url(../img/template/bullet_img1.png); +} +.wcontainer .swal2-container { + height: 100% !important; +} +.wcontainer .swal2-content { + font-size: 23px; +} +.wcontainer .swal2-title { + font-size: 32px; +} -.title_ { color: #b9230f;} +.title_ { + color: #FF002D; +} -.sco .swal2-container { height: 635px !important; position: absolute; background-color: rgba(22,40,68,.8)!important; overflow: hidden!important; } -.sco .swal2-popup.popup-class .swal2-content { color: #000; font-size: 24px; } -.sco .swal2-popup.pop-nota { border-bottom-left-radius: 121px; border-bottom: 8px solid rgba(255,255,255,.4); border-left: 8px solid rgba(255,255,255,.4); } -.sco .swal2-content { font-size: 24px; } -.sco .swal2-close { position: absolute; width: 55px; height: 59px; font-size: inherit!important; top: 5px; right: 7px; } +.sco .swal2-container { + height: 635px !important; + position: absolute; + background-color: rgba(22, 40, 68, 0.8) !important; + overflow: hidden !important; +} +.sco .swal2-popup.popup-class .swal2-content { + color: #000; + font-size: 24px; +} +.sco .swal2-popup.pop-nota { + border-bottom-left-radius: 121px; + border-bottom: 8px solid rgba(255, 255, 255, 0.4); + border-left: 8px solid rgba(255, 255, 255, 0.4); +} +.sco .swal2-content { + font-size: 24px; +} +.sco .swal2-close { + position: absolute; + width: 55px; + height: 59px; + font-size: inherit !important; + top: 5px; + right: 7px; +} /********************** Rotate Cards *************************/ -.blocknav { opacity: .5; cursor: not-allowed; } -button { outline: none!important; border: 0!important;} \ No newline at end of file +.blocknav { + opacity: 0.5; + cursor: not-allowed; +} +button { + outline: none !important; + border: 0 !important; +} diff --git a/excel/actividad_2.xlsx b/excel/actividad_2.xlsx index c3a9223..ed5b95b 100644 Binary files a/excel/actividad_2.xlsx and b/excel/actividad_2.xlsx differ diff --git a/excel/evaluacion.xlsx b/excel/evaluacion.xlsx index c37dee5..2315dc6 100644 Binary files a/excel/evaluacion.xlsx and b/excel/evaluacion.xlsx differ diff --git a/img/16.png b/img/16.png index 461d984..966f285 100644 Binary files a/img/16.png and b/img/16.png differ diff --git a/img/actividad/btn_reintentar.svg b/img/actividad/btn_reintentar.svg index 14c9aca..b993e63 100644 --- a/img/actividad/btn_reintentar.svg +++ b/img/actividad/btn_reintentar.svg @@ -421,11 +421,11 @@ AABJRU5ErkJggg==" transform="matrix(0.24 0 0 0.24 -3.0658 1.68)"> - - - - - + + + + + diff --git a/img/play.png b/img/play.png index 0ed2c4d..d420746 100644 Binary files a/img/play.png and b/img/play.png differ diff --git a/img/template/btn-comenzar.svg b/img/template/btn-comenzar.svg index de3610a..ee21470 100644 --- a/img/template/btn-comenzar.svg +++ b/img/template/btn-comenzar.svg @@ -53,12 +53,12 @@ KmiD3j6ZAFMMAvVZYG+Hoqjy+k+AAQCORdz91WgxgAAAAABJRU5ErkJggg==" transform="matrix( - - - - - - + + + + + + diff --git a/img/template/close.svg b/img/template/close.svg index 54463bd..4c7725d 100644 --- a/img/template/close.svg +++ b/img/template/close.svg @@ -1,121 +1,86 @@ - + viewBox="0 0 60.6 58" style="enable-background:new 0 0 60.6 58;" xml:space="preserve"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/template/close.svg.back b/img/template/close.svg.back new file mode 100644 index 0000000..54463bd --- /dev/null +++ b/img/template/close.svg.back @@ -0,0 +1,121 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/template/logo.svg b/img/template/logo.svg index 6ed29eb..43c7899 100644 --- a/img/template/logo.svg +++ b/img/template/logo.svg @@ -1 +1 @@ -logo \ No newline at end of file +logo \ No newline at end of file diff --git a/index.html b/index.html index a0d1a0c..6958cb9 100644 --- a/index.html +++ b/index.html @@ -48,7 +48,7 @@ left: 0; top: 80px; padding: 0.325em; - background-color: #a60000; + background-color: #ff002d; border-top-right-radius: 15px; border-bottom-right-radius: 15px; color: #fff;