{"id":939,"date":"2026-08-18T22:48:48","date_gmt":"2026-08-18T20:48:48","guid":{"rendered":"https:\/\/multylinguas.com\/?page_id=939"},"modified":"2026-08-31T02:25:59","modified_gmt":"2026-08-31T00:25:59","slug":"verbos-reflexivos-y-pronominales-en-espanol-guia-y-ejercicios","status":"publish","type":"page","link":"https:\/\/multylinguas.com\/index.php\/verbos-reflexivos-y-pronominales-en-espanol-guia-y-ejercicios\/","title":{"rendered":"Verbos Reflexivos y Pronominales en Espa\u00f1ol: Gu\u00eda y Ejercicios"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\"\"\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMultylinguas | Aulas de Espanhol Online 1 a 1 e Prepara\u00e7\u00e3o DELE\/SIELE<\/title>\r\n<meta name=\"description\" content=\"Aprenda espanhol online com aulas particulares 1 a 1, professores nativos e prepara\u00e7\u00e3o para os exames DELE e SIELE. Metodologia interativa, hor\u00e1rios flex\u00edveis e conte\u00fado real.\">\r\n\r\n<!-- Google AdSense -->\r\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-7893901242451052\" crossorigin=\"anonymous\"><\/script>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Work+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n :root{\r\n --cream:#F3F5F8;\r\n --paper:#FFFFFF;\r\n --ink:#0D1726;\r\n --ink-soft:#4C5A72;\r\n --navy-950:#0A121F;\r\n --navy-800:#182C4A;\r\n --coral:#3B6FE0;\r\n --coral-dark:#2A55B8;\r\n --mustard:#AEB6C2;\r\n --teal:#152A48;\r\n --silver:#AEB6C2;\r\n --silver-bright:#E7EAEE;\r\n --line: rgba(13,23,38,0.14);\r\n --shadow: 0 20px 40px -20px rgba(10,18,32,0.35);\r\n }\r\n *{box-sizing:border-box;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n margin:0;\r\n background:var(--cream);\r\n color:var(--ink);\r\n font-family:'Work Sans', sans-serif;\r\n line-height:1.55;\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n img{max-width:100%; display:block;}\r\n a{color:inherit;}\r\n h1,h2,h3{\r\n font-family:'Fraunces', serif;\r\n margin:0 0 .4em 0;\r\n letter-spacing:-0.01em;\r\n color:var(--ink);\r\n }\r\n .eyebrow{\r\n font-family:'Space Mono', monospace;\r\n font-size:.72rem;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n color:var(--coral-dark);\r\n display:inline-flex;\r\n align-items:center;\r\n gap:.5em;\r\n margin-bottom:.9em;\r\n }\r\n .eyebrow::before{\r\n content:\"\";\r\n width:22px; height:1px;\r\n background:var(--coral-dark);\r\n display:inline-block;\r\n }\r\n .wrap{\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:0 28px;\r\n }\r\n section{padding:104px 0;}\r\n .btn{\r\n font-family:'Work Sans', sans-serif;\r\n font-weight:600;\r\n font-size:.95rem;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:.6em;\r\n padding:14px 26px;\r\n border-radius:999px;\r\n text-decoration:none;\r\n border:1.5px solid transparent;\r\n cursor:pointer;\r\n transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n }\r\n .btn:hover{ transform:translateY(-2px); }\r\n .btn-primary{\r\n background:var(--coral);\r\n color:#fff;\r\n box-shadow:0 10px 24px -10px rgba(59,111,224,.6);\r\n }\r\n .btn-primary:hover{ background:var(--coral-dark); }\r\n .btn-ghost{\r\n border-color:var(--ink);\r\n color:var(--ink);\r\n }\r\n .btn-ghost:hover{ background:var(--ink); color:#fff; }\r\n\r\n \/* ---------- NAV ---------- *\/\r\n header{\r\n position:sticky; top:0; z-index:50;\r\n background:rgba(10,18,31,.94);\r\n backdrop-filter:blur(8px);\r\n border-bottom:1px solid rgba(174,182,194,0.18);\r\n }\r\n nav{\r\n max-width:1180px; margin:0 auto; padding:14px 28px;\r\n display:flex; align-items:center; justify-content:space-between;\r\n color:var(--silver-bright);\r\n }\r\n .nav-cta{ display:flex; align-items:center; gap:14px; }\r\n .nav-cta .btn-ghost{ border-color:rgba(231,234,238,.55); color:var(--silver-bright); }\r\n .nav-cta .btn-ghost:hover{ background:var(--silver-bright); color:var(--ink); }\r\n .nav-links{\r\n display:flex; gap:34px; list-style:none; margin:0; padding:0;\r\n font-size:.95rem; font-weight:500;\r\n }\r\n .nav-links a{ text-decoration:none; position:relative; color:var(--silver-bright); opacity:.88; }\r\n .nav-links a:hover{ color:#fff; opacity:1; }\r\n .menu-toggle{ display:none; background:none; border:none; font-size:1.6rem; cursor:pointer; color:var(--silver-bright); }\r\n\r\n @media (max-width:880px){\r\n .nav-links{\r\n position:absolute; top:100%; left:0; right:0;\r\n background:var(--navy-950); flex-direction:column; gap:0;\r\n border-bottom:1px solid rgba(174,182,194,0.18);\r\n max-height:0; overflow:hidden; transition:max-height .3s ease;\r\n }\r\n .nav-links.open{ max-height:320px; }\r\n .nav-links li{ padding:16px 28px; border-top:1px solid rgba(174,182,194,0.18); }\r\n .menu-toggle{ display:block; }\r\n .nav-cta .btn-ghost{ display:none; }\r\n }\r\n\r\n \/* ---------- HERO ---------- *\/\r\n .hero{\r\n padding:72px 0 0 0;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .hero-grid{\r\n display:grid;\r\n grid-template-columns:1.05fr .95fr;\r\n gap:56px;\r\n align-items:center;\r\n }\r\n .hero h1{\r\n font-size:clamp(2.4rem, 4.2vw, 3.6rem);\r\n line-height:1.05;\r\n }\r\n .hero h1 em{\r\n font-style:italic;\r\n color:var(--coral);\r\n }\r\n .hero p.lead{\r\n font-size:1.15rem;\r\n color:var(--ink-soft);\r\n max-width:46ch;\r\n margin-bottom:2em;\r\n }\r\n .hero-ctas{ display:flex; gap:16px; flex-wrap:wrap; }\r\n .hero-photo{\r\n position:relative;\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n transform:rotate(1.2deg);\r\n }\r\n .hero-photo img{ width:100%; height:520px; object-fit:cover; }\r\n .hero-stamp{\r\n position:absolute;\r\n bottom:-22px; left:-22px;\r\n background:var(--paper);\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n padding:16px 20px;\r\n box-shadow:var(--shadow);\r\n font-family:'Space Mono', monospace;\r\n font-size:.75rem;\r\n max-width:210px;\r\n transform:rotate(-3deg);\r\n }\r\n .hero-stamp b{\r\n display:block; font-family:'Fraunces', serif; font-size:1.6rem; color:var(--teal); font-weight:600;\r\n }\r\n\r\n .horizon-divider{\r\n width:100%; height:70px; margin-top:90px;\r\n display:block;\r\n }\r\n\r\n \/* ---------- QUEM SOMOS ---------- *\/\r\n .about{\r\n background:var(--paper);\r\n border-top:1px solid var(--line);\r\n border-bottom:1px solid var(--line);\r\n }\r\n .about-grid{\r\n display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center;\r\n }\r\n .about-photo{ border-radius:18px; overflow:hidden; box-shadow:var(--shadow); }\r\n .about-photo img{ height:440px; object-fit:cover; width:100%; }\r\n .about p{ color:var(--ink-soft); font-size:1.05rem; }\r\n\r\n \/* ---------- DIFERENCIAIS ---------- *\/\r\n .diff-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:28px;\r\n margin-top:52px;\r\n }\r\n .diff-card{\r\n background:var(--paper);\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n padding:30px 26px;\r\n transition:transform .2s ease, box-shadow .2s ease;\r\n }\r\n .diff-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }\r\n .diff-card .ico{ font-size:1.7rem; margin-bottom:14px; display:block; }\r\n .diff-card h3{ font-size:1.15rem; margin-bottom:.35em; }\r\n .diff-card p{ color:var(--ink-soft); font-size:.95rem; margin:0; }\r\n\r\n \/* ---------- SERVICOS: boarding pass cards ---------- *\/\r\n .services{ background:var(--ink); color:#fff; }\r\n .services .eyebrow{ color:var(--mustard); }\r\n .services .eyebrow::before{ background:var(--mustard); }\r\n .services h2{ color:#fff; }\r\n .services > .wrap > p.lead{ color:rgba(255,255,255,.72); max-width:60ch; font-size:1.05rem; }\r\n\r\n .pass-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, 1fr);\r\n gap:26px;\r\n margin-top:48px;\r\n }\r\n .pass{\r\n background:var(--paper);\r\n color:var(--ink);\r\n border-radius:16px;\r\n display:grid;\r\n grid-template-columns:1fr 118px;\r\n box-shadow:var(--shadow);\r\n overflow:hidden;\r\n }\r\n .pass-main{ padding:26px 24px; }\r\n .pass-main .tag{\r\n font-family:'Space Mono', monospace;\r\n font-size:.68rem;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n padding:4px 10px;\r\n border-radius:999px;\r\n display:inline-block;\r\n margin-bottom:14px;\r\n color:#fff;\r\n }\r\n .pass-main h3{ font-size:1.25rem; margin-bottom:.3em; }\r\n .pass-main p{ font-size:.92rem; color:var(--ink-soft); margin:0; }\r\n .pass-stub{\r\n border-left:2px dashed var(--line);\r\n display:flex; flex-direction:column;\r\n align-items:center; justify-content:center;\r\n gap:10px;\r\n padding:16px 10px;\r\n position:relative;\r\n background:repeating-linear-gradient(45deg, rgba(23,34,59,.02) 0 8px, transparent 8px 16px);\r\n }\r\n .pass-stub::before, .pass-stub::after{\r\n content:\"\";\r\n position:absolute; left:-8px;\r\n width:16px; height:16px; border-radius:50%;\r\n background:var(--ink);\r\n }\r\n .pass-stub::before{ top:-8px; }\r\n .pass-stub::after{ bottom:-8px; }\r\n .pass-stub .field{\r\n text-align:center;\r\n font-family:'Space Mono', monospace;\r\n }\r\n .pass-stub .field .k{ font-size:.6rem; letter-spacing:.08em; color:var(--ink-soft); text-transform:uppercase; }\r\n .pass-stub .field .v{ font-size:.82rem; font-weight:700; }\r\n\r\n .tag-viagem{ background:var(--coral); }\r\n .tag-negocios{ background:var(--teal); }\r\n .tag-dele{ background:var(--mustard); color:var(--ink); }\r\n .tag-conversa{ background:#5A6DFF; }\r\n .tag-real{ background:#1B2A4A; }\r\n .tag-kids{ background:#2E9E6B; }\r\n\r\n \/* ---------- METODOLOGIA ---------- *\/\r\n .method-grid{\r\n display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; margin-top:52px;\r\n }\r\n .method-card{\r\n background:var(--paper); border-radius:16px; border:1px solid var(--line);\r\n overflow:hidden;\r\n }\r\n .method-card img{ height:190px; width:100%; object-fit:cover; }\r\n .method-card .body{ padding:22px 22px 26px; }\r\n .method-card h3{ font-size:1.05rem; }\r\n .method-card p{ color:var(--ink-soft); font-size:.92rem; margin:0; }\r\n\r\n \/* ---------- CTA FINAL ---------- *\/\r\n .cta-final{\r\n position:relative;\r\n color:#fff;\r\n background:var(--ink);\r\n overflow:hidden;\r\n }\r\n .cta-final::before{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background:url('https:\/\/multylinguas.com\/wp-content\/uploads\/2024\/11\/pexels-n-voitkevich-4943722-scaled.jpg') center\/cover;\r\n opacity:.22;\r\n }\r\n .cta-final .wrap{ position:relative; text-align:center; }\r\n .cta-final h2{ color:#fff; font-size:clamp(2rem,3.6vw,2.8rem); max-width:22ch; margin:0 auto .3em; }\r\n .cta-final p{ color:rgba(255,255,255,.78); max-width:56ch; margin:0 auto 2.2em; font-size:1.05rem; }\r\n .cta-final .hero-ctas{ justify-content:center; }\r\n .contact-line{\r\n margin-top:44px; display:flex; gap:34px; justify-content:center; flex-wrap:wrap;\r\n font-family:'Space Mono', monospace; font-size:.85rem; color:rgba(255,255,255,.85);\r\n }\r\n .contact-line a{ text-decoration:none; }\r\n\r\n \/* ---------- FOOTER ---------- *\/\r\n footer{\r\n background:var(--navy-950);\r\n color:var(--silver-bright);\r\n padding:56px 0 32px;\r\n }\r\n .foot-grid{\r\n display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px;\r\n border-top:1px solid rgba(174,182,194,0.18);\r\n padding-top:36px;\r\n }\r\n .foot-brand p{ color:rgba(231,234,238,.6); font-size:.9rem; margin:0; }\r\n .foot-social{ display:flex; gap:16px; }\r\n .foot-social a{\r\n width:40px; height:40px; border-radius:50%;\r\n border:1px solid rgba(174,182,194,0.3);\r\n color:var(--silver-bright);\r\n display:flex; align-items:center; justify-content:center;\r\n text-decoration:none; font-size:1.05rem;\r\n transition:background .2s ease, color .2s ease;\r\n }\r\n .foot-social a:hover{ background:var(--coral); border-color:var(--coral); color:#fff; }\r\n .foot-bottom{\r\n text-align:center; margin-top:36px; font-size:.8rem; color:rgba(231,234,238,.5);\r\n }\r\n\r\n \/* ---------- AD SLOTS ---------- *\/\r\n .ad-slot{\r\n max-width:1180px; margin:0 auto; padding:0 28px 60px;\r\n text-align:center;\r\n }\r\n .ad-slot span{\r\n display:block; font-family:'Space Mono', monospace; font-size:.65rem;\r\n letter-spacing:.12em; text-transform:uppercase; color:var(--ink-soft);\r\n margin-bottom:10px;\r\n }\r\n\r\n @media (max-width:940px){\r\n .hero-grid, .about-grid{ grid-template-columns:1fr; }\r\n .hero-photo{ order:-1; }\r\n .diff-grid, .method-grid{ grid-template-columns:1fr; }\r\n .pass-grid{ grid-template-columns:1fr; }\r\n section{ padding:72px 0; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- =====================================================================\r\n CONFIGURA\u00c7\u00c3O DO SITE \u2014 edite apenas aqui\r\n===================================================================== -->\r\n<script>\r\n const SITE_CONFIG = {\r\n whatsapp: \"5511922040380\",\r\n email: \"info@multylinguas.com\",\r\n phone: \"+55 11 92204-0380\",\r\n address: \"Rua Atucur\u00ed, 637 \u2014 S\u00e3o Paulo\"\r\n };\r\n<\/script>\r\n<!-- ===================================================================== -->\r\n\r\n<header>\r\n <nav>\r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n <li><a href=\"#sobre\">Quem somos<\/a><\/li>\r\n <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n <li><a href=\"#metodologia\">Metodologia<\/a><\/li>\r\n <li><a href=\"#contato\">Contato<\/a><\/li>\r\n <\/ul>\r\n <div class=\"nav-cta\">\r\n <a href=\"#contato\" class=\"btn btn-ghost\">Fale conosco<\/a>\r\n <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Abrir menu\">\u2630<\/button>\r\n <\/div>\r\n <\/nav>\r\n<\/header>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a173709 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a173709\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dad8f86\" data-id=\"dad8f86\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38327bf elementor-widget elementor-widget-html\" data-id=\"38327bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SEO Meta Tags para Elementor\/WordPress -->\r\n<title>Verbos Reflexivos y Pronominales en Espa\u00f1ol: Gu\u00eda y Ejercicios | Multylinguas<\/title>\r\n<meta name=\"description\" content=\"Aprende a dominar los verbos reflexivos, rec\u00edprocos y pronominales en espa\u00f1ol. Gu\u00eda completa con teor\u00eda, video explicativo y ejercicios interactivos avanzados para ejecutivos y estudiantes B2.\">\r\n\r\n<!-- ==========================================\r\n AQU\u00cd VA TU C\u00d3DIGO DE ADS (SCRIPT GLOBAL) \r\n Ejemplo: <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-XXXXX\" crossorigin=\"anonymous\"><\/script>\r\n=========================================== -->\r\n\r\n<!-- Cargar Iconos -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<!-- Estilos CSS de Multylinguas -->\r\n<style>\r\n :root {\r\n --ml-primary: #121a25; \r\n --ml-accent: #a3aab5; \r\n --ml-correct: #28a745;\r\n --ml-incorrect: #dc3545;\r\n --ml-bg: transparent;\r\n --ml-surface: #ffffff;\r\n --ml-light-gray: #f8f9fa;\r\n }\r\n \r\n .ml-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; line-height: 1.6; max-width: 1000px; margin: 0 auto; background: var(--ml-surface); padding: 40px; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); }\r\n .ml-header { text-align: center; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 2px solid #eee; }\r\n .ml-header h1 { color: var(--ml-primary); font-size: 2.2em; margin-bottom: 10px; }\r\n \r\n \/* Theory Section Styles *\/\r\n .ml-theory-box { background: var(--ml-light-gray); border-left: 4px solid var(--ml-primary); padding: 20px 30px; margin-bottom: 30px; border-radius: 4px; }\r\n .ml-theory-box h2 { color: var(--ml-primary); font-size: 1.6em; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 0; }\r\n .ml-theory-box h3 { color: #444; font-size: 1.2em; margin-top: 20px; }\r\n .ml-theory-box table { width: 100%; border-collapse: collapse; margin-bottom: 20px; background: white; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }\r\n .ml-theory-box th, .ml-theory-box td { border: 1px solid #ddd; padding: 10px; text-align: left; }\r\n .ml-theory-box th { background-color: var(--ml-primary); color: white; }\r\n \r\n \/* Video Container *\/\r\n .ml-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 40px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }\r\n .ml-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }\r\n\r\n \/* Interactive Sections *\/\r\n .ml-section { display: none; animation: fadeIn 0.4s; }\r\n .ml-section.active { display: block; }\r\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n \r\n .ml-title { font-size: 1.5em; color: var(--ml-primary); margin-bottom: 20px; display: flex; align-items: center; gap: 10px; border-bottom: 2px solid var(--ml-accent); padding-bottom: 10px;}\r\n \r\n \/* Menu *\/\r\n .ml-menu-grid { display: grid; grid-template-columns: 1fr; gap: 15px; margin-top: 20px; }\r\n .ml-menu-btn { padding: 20px; font-size: 1.1em; text-align: left; background: var(--ml-surface); border: 2px solid var(--ml-accent); border-radius: 10px; cursor: pointer; color: var(--ml-primary); font-weight: 600; transition: all 0.3s; display: flex; justify-content: space-between; align-items: center; }\r\n .ml-menu-btn:hover { border-color: var(--ml-primary); background: #f0f4f8; transform: translateX(5px); }\r\n \r\n \/* Buttons *\/\r\n .ml-btn { padding: 12px 25px; background: var(--ml-primary); color: white; border: none; border-radius: 6px; font-size: 1.1em; cursor: pointer; font-weight: 600; transition: background 0.3s; margin-top: 20px; }\r\n .ml-btn:hover { background: #1a2536; }\r\n \r\n \/* Bot\u00f3n de Comprobar Respuestas con Colores Corporativos *\/\r\n .ml-btn-check { width: 100%; background: var(--ml-primary); color: white; border: 2px solid var(--ml-primary); }\r\n .ml-btn-check:hover { background: var(--ml-surface); color: var(--ml-primary); border-color: var(--ml-primary); }\r\n \r\n .ml-btn-back { width: 100%; background: var(--ml-accent); color: var(--ml-primary); }\r\n \r\n \/* Exercise Layouts *\/\r\n .ml-q-block { background: #fdfdfd; border: 1px solid #e0e0e0; padding: 20px; border-radius: 8px; margin-bottom: 15px;}\r\n .ml-ex-layout { display: flex; gap: 20px; align-items: flex-start; margin-bottom: 20px; }\r\n .ml-ex-main { flex: 1; display: flex; flex-direction: column; gap: 15px; }\r\n .ml-ex-sidebar { width: 280px; position: sticky; top: 80px; z-index: 10; }\r\n \r\n @media (max-width: 768px) {\r\n .ml-ex-layout { flex-direction: column-reverse; }\r\n .ml-ex-sidebar { width: 100%; top: 10px; }\r\n .ml-word-bank { max-height: 180px; overflow-y: auto; }\r\n }\r\n \r\n \/* Drag & Drop *\/\r\n .ml-word-bank { display: flex; flex-wrap: wrap; gap: 10px; padding: 20px; background: #eef2f5; border-radius: 8px; border: 2px dashed var(--ml-primary); min-height: 100px; align-content: flex-start; box-shadow: 0 4px 6px rgba(0,0,0,0.05);}\r\n .ml-word-bank h4 { margin: 0 0 10px 0; width: 100%; color: var(--ml-primary); text-align: center;}\r\n .ml-draggable { padding: 8px 15px; background: var(--ml-primary); color: white; border-radius: 20px; cursor: grab; user-select: none; font-weight: 600; font-size: 0.9em; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: transform 0.2s;}\r\n .ml-draggable:hover { transform: scale(1.05); }\r\n .ml-drop-zone { display: inline-block; min-width: 120px; height: 30px; border-bottom: 2px solid var(--ml-primary); background: #fdfdfd; vertical-align: middle; margin: 0 5px; text-align: center; color: var(--ml-primary); font-weight: bold; padding: 0 5px; cursor: pointer; transition: all 0.3s;}\r\n .ml-drop-zone.filled { background: #eef2f5; border-bottom: 2px solid var(--ml-primary); }\r\n \r\n \/* Inputs *\/\r\n .ml-text-input { border: 2px solid #ccc; border-radius: 4px; padding: 5px 10px; font-size: 1em; margin: 0 5px; text-align: center; font-family: inherit; }\r\n .ml-text-input:focus { outline: none; border-color: var(--ml-primary); }\r\n .ml-text-input.correct { border-color: var(--ml-correct); background-color: #d4edda; }\r\n .ml-text-input.incorrect { border-color: var(--ml-incorrect); background-color: #f8d7da; }\r\n \r\n \/* Options Grid (MCQ \/ Verdadero-Falso) - Estilo Corporativo Elegante *\/\r\n .ml-options-grid { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }\r\n .ml-opt-btn { \r\n padding: 14px 20px; \r\n text-align: left; \r\n border: 2px solid var(--ml-accent); \r\n background: var(--ml-surface); \r\n border-radius: 8px; \r\n cursor: pointer; \r\n font-size: 1.05em; \r\n color: var(--ml-primary); \r\n font-weight: 500;\r\n transition: all 0.2s ease-in-out; \r\n }\r\n .ml-opt-btn:hover { \r\n border-color: var(--ml-primary); \r\n background: #f0f4f8; \r\n }\r\n .ml-opt-btn.selected { \r\n border-color: var(--ml-primary); \r\n background: var(--ml-primary); \r\n color: white; \r\n }\r\n .ml-opt-btn.correct { \r\n background: rgba(40, 167, 69, 0.1); \r\n border-color: var(--ml-correct); \r\n color: var(--ml-primary); \r\n }\r\n .ml-opt-btn.correct.selected { \r\n background: var(--ml-correct); \r\n color: white; \r\n border-color: var(--ml-correct); \r\n }\r\n .ml-opt-btn.incorrect.selected { \r\n background: var(--ml-incorrect); \r\n border-color: var(--ml-incorrect); \r\n color: white; \r\n }\r\n\r\n .ml-feedback { font-style: italic; font-size: 0.9em; margin-top: 10px; display: none; }\r\n .ml-feedback.correct { color: var(--ml-correct); display: block; }\r\n .ml-feedback.incorrect { color: var(--ml-incorrect); display: block; }\r\n\r\n .ml-branding { text-align: center; margin-top: 40px; padding: 20px; background: var(--ml-primary); color: var(--ml-accent); border-radius: 8px; }\r\n .ml-branding h3 { color: white; letter-spacing: 2px; font-size: 1.8em; margin-bottom: 5px; margin-top: 0; }\r\n \r\n \/* Contenedor de Anuncios Internos *\/\r\n .ml-ad-container { margin: 30px 0; text-align: center; padding: 10px; background: #f9f9f9; border: 1px dashed #ccc; }\r\n<\/style>\r\n\r\n<!-- ESTRUCTURA HTML PRINCIPAL -->\r\n<div class=\"ml-container\">\r\n <div class=\"ml-header\">\r\n <h1>Verbos Reflexivos, Rec\u00edprocos y Pronominales<\/h1>\r\n <p>Dominio Gramatical y Comprensi\u00f3n Auditiva para Profesionales<\/p>\r\n <\/div>\r\n\r\n <!-- SECCI\u00d3N DE TEOR\u00cdA Y VIDEO (VISIBLE POR DEFECTO EN EL MEN\u00da) -->\r\n <div class=\"ml-section active\" id=\"menu\">\r\n \r\n <!-- TEOR\u00cdA SEO OPTIMIZADA -->\r\n <div class=\"ml-theory-box\">\r\n <h2>1. VERBOS REFLEXIVOS<\/h2>\r\n <h3>1.1 \u00bfQu\u00e9 son?<\/h3>\r\n <p>Un verbo reflexivo describe una acci\u00f3n que la persona realiza sobre s\u00ed misma. El sujeto y el objeto de la acci\u00f3n son la misma persona. Ejemplo: <em>Yo me lavo<\/em> (yo lavo a m\u00ed mismo).<\/p>\r\n \r\n <h3>1.2 \u00bfCu\u00e1ndo se usan?<\/h3>\r\n <ul>\r\n <li><strong>Rutinas diarias \/ higiene:<\/strong> levantarse, ducharse, peinarse, vestirse.<\/li>\r\n <li><strong>Cambios emocionales\/f\u00edsicos:<\/strong> enojarse, alegrarse, cansarse.<\/li>\r\n <li><strong>Movimiento del cuerpo:<\/strong> sentarse, acostarse.<\/li>\r\n <\/ul>\r\n\r\n <h2>2. VERBOS REC\u00cdPROCOS<\/h2>\r\n <p>Expresan una acci\u00f3n que dos o m\u00e1s personas hacen entre s\u00ed, mutuamente. Solo existen en plural. Ejemplo: <em>Juan y Mar\u00eda se miran<\/em> (mutuamente).<\/p>\r\n <ul>\r\n <li><strong>Relaciones:<\/strong> quererse, amarse, odiarse.<\/li>\r\n <li><strong>Comunicaci\u00f3n:<\/strong> hablarse, escribirse.<\/li>\r\n <\/ul>\r\n\r\n <h2>3. VERBOS PRONOMINALES<\/h2>\r\n <p>Son verbos que llevan pronombre, pero la acci\u00f3n NO recae sobre el sujeto ni es mutua. Muchas veces cambian el significado del verbo original.<\/p>\r\n <table>\r\n <tr><th>Sin pronombre<\/th><th>Con pronombre (pronominal)<\/th><\/tr>\r\n <tr><td>ir (moverse a un lugar)<\/td><td>irse (marcharse, partir)<\/td><\/tr>\r\n <tr><td>dormir (estar dormido)<\/td><td>dormirse (quedarse dormido)<\/td><\/tr>\r\n <tr><td>acordar (decidir algo)<\/td><td>acordarse (recordar)<\/td><\/tr>\r\n <tr><td>parecer (dar la impresi\u00f3n)<\/td><td>parecerse (tener semejanza f\u00edsica)<\/td><\/tr>\r\n <\/table>\r\n\r\n <h2>4. Posici\u00f3n del Pronombre<\/h2>\r\n <ul>\r\n <li><strong>Verbo conjugado:<\/strong> ANTES del verbo (<em>Me levanto<\/em>).<\/li>\r\n <li><strong>Infinitivo:<\/strong> ANTES del verbo conjugado o UNIDO al infinitivo (<em>Me voy a duchar \/ Voy a ducharme<\/em>).<\/li>\r\n <li><strong>Gerundio:<\/strong> ANTES o UNIDO con tilde (<em>Me estoy vistiendo \/ Estoy visti\u00e9ndome<\/em>).<\/li>\r\n <li><strong>Imperativo:<\/strong> UNIDO en afirmativo (<em>\u00a1L\u00e1vate!<\/em>), ANTES en negativo (<em>\u00a1No te laves!<\/em>).<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- ==========================================\r\n AQU\u00cd VA TU C\u00d3DIGO DE ADS (IN-ARTICLE\/BANNER) \r\n =========================================== -->\r\n <div class=\"ml-ad-container\">\r\n <!-- Pega el c\u00f3digo del bloque de anuncios aqu\u00ed -->\r\n <p style=\"color:#aaa; font-size:12px;\">Espacio publicitario<\/p>\r\n <\/div>\r\n\r\n <!-- VIDEO DE YOUTUBE -->\r\n <div class=\"ml-title\"><i class=\"fab fa-youtube\"><\/i> Clase en Video<\/div>\r\n <div class=\"ml-video-container\">\r\n <iframe src=\"https:\/\/www.youtube.com\/embed\/RoS9JvkzK0Y\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n\r\n <!-- BOTONES DEL MEN\u00da DE EJERCICIOS -->\r\n <div class=\"ml-title\"><i class=\"fas fa-list\"><\/i> Pr\u00e1ctica Interactiva<\/div>\r\n <p>Pon a prueba tus conocimientos sobre la rutina de los l\u00edderes empresariales.<\/p>\r\n \r\n <div class=\"ml-menu-grid\">\r\n <button class=\"ml-menu-btn\" onclick=\"go('ex1')\">1. Comprensi\u00f3n del Podcast (Test) <span>❯<\/span><\/button>\r\n <button class=\"ml-menu-btn\" onclick=\"go('ex2')\">2. Verdadero o Falso <span>❯<\/span><\/button>\r\n <button class=\"ml-menu-btn\" onclick=\"go('ex3')\">3. La rutina de un l\u00edder (Conjugaci\u00f3n) <span>❯<\/span><\/button>\r\n <button class=\"ml-menu-btn\" onclick=\"go('ex4')\">4. Vocabulario de Rutina Diaria (Arrastrar) <span>❯<\/span><\/button>\r\n <button class=\"ml-menu-btn\" onclick=\"go('ex5')\">5. Empareja los Opuestos (Arrastrar) <span>❯<\/span><\/button>\r\n <button class=\"ml-menu-btn\" onclick=\"go('ex6')\">6. Ordena la Oraci\u00f3n <span>❯<\/span><\/button>\r\n <button class=\"ml-menu-btn\" onclick=\"go('ex7')\">7. Elige el Pronombre Reflexivo <span>❯<\/span><\/button>\r\n <\/div>\r\n \r\n <div class=\"ml-branding\">\r\n <h3>MULTYLINGUAS<\/h3>\r\n <p>Professional Language Institute<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ==========================================\r\n EJERCICIOS INTERACTIVOS\r\n =========================================== -->\r\n\r\n <!-- EX 1: Comprensi\u00f3n Auditiva (MCQ) -->\r\n <div class=\"ml-section\" id=\"ex1\">\r\n <div class=\"ml-title\"><i class=\"fas fa-headphones\"><\/i> 1. Comprensi\u00f3n del Podcast<\/div>\r\n <p>Elige la opci\u00f3n que mejor represente la informaci\u00f3n mencionada en el podcast sobre l\u00edderes empresariales.<\/p>\r\n <div id=\"q-container-1\"><\/div>\r\n <button class=\"ml-btn ml-btn-check\" onclick=\"checkEx1()\">Comprobar Respuestas<\/button>\r\n <button class=\"ml-btn ml-btn-back\" onclick=\"go('menu')\">Volver al Men\u00fa<\/button>\r\n <\/div>\r\n\r\n <!-- EX 2: Verdadero o Falso -->\r\n <div class=\"ml-section\" id=\"ex2\">\r\n <div class=\"ml-title\"><i class=\"fas fa-check-circle\"><\/i> 2. Verdadero o Falso<\/div>\r\n <p>Decide si estas afirmaciones sobre el podcast son Verdaderas o Falsas.<\/p>\r\n <div id=\"q-container-2\"><\/div>\r\n <button class=\"ml-btn ml-btn-check\" onclick=\"checkEx2()\">Comprobar Respuestas<\/button>\r\n <button class=\"ml-btn ml-btn-back\" onclick=\"go('menu')\">Volver al Men\u00fa<\/button>\r\n <\/div>\r\n\r\n <!-- EX 3: Conjugaci\u00f3n de Rutina (Fill in the blanks) -->\r\n <div class=\"ml-section\" id=\"ex3\">\r\n <div class=\"ml-title\"><i class=\"fas fa-pen\"><\/i> 3. La rutina de un gran l\u00edder<\/div>\r\n <p>Lee el siguiente texto sobre el d\u00eda de Tim Cook. Escribe el verbo conjugado en <strong>Presente de Indicativo<\/strong>. Presta atenci\u00f3n a los verbos reflexivos (ej. <em>se despierta<\/em>).<\/p>\r\n <div id=\"q-container-3\" style=\"display:flex; flex-direction:column; gap:10px;\"><\/div>\r\n <button class=\"ml-btn ml-btn-check\" onclick=\"checkEx3()\">Comprobar Respuestas<\/button>\r\n <button class=\"ml-btn ml-btn-back\" onclick=\"go('menu')\">Volver al Men\u00fa<\/button>\r\n <\/div>\r\n\r\n <!-- EX 4: Vocabulario de Rutina Diaria (Drag & Drop con Sidebar) -->\r\n <div class=\"ml-section\" id=\"ex4\">\r\n <div class=\"ml-title\"><i class=\"fas fa-sun\"><\/i> 4. Vocabulario de Rutina Diaria<\/div>\r\n <p>Haz clic en las palabras de la barra lateral (o arr\u00e1stralas) y su\u00e9ltalas en el espacio correcto de la oraci\u00f3n.<\/p>\r\n \r\n <div class=\"ml-ex-layout\">\r\n <div class=\"ml-ex-main\" id=\"q-container-4\"><\/div>\r\n <div class=\"ml-ex-sidebar\">\r\n <div class=\"ml-word-bank\" id=\"bank-4\">\r\n <h4>Palabras Disponibles<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"ml-btn ml-btn-check\" onclick=\"checkEx4()\">Comprobar Respuestas<\/button>\r\n <button class=\"ml-btn ml-btn-back\" onclick=\"go('menu')\">Volver al Men\u00fa<\/button>\r\n <\/div>\r\n\r\n <!-- EX 5: Empareja los Opuestos (Drag & Drop) -->\r\n <div class=\"ml-section\" id=\"ex5\">\r\n <div class=\"ml-title\"><i class=\"fas fa-exchange-alt\"><\/i> 5. Empareja los opuestos<\/div>\r\n <p>Arrastra la acci\u00f3n contraria (Columna B) y su\u00e9ltala junto a su verbo correspondiente en la Columna A.<\/p>\r\n \r\n <div class=\"ml-ex-layout\">\r\n <div class=\"ml-ex-main\" id=\"q-container-5\"><\/div>\r\n <div class=\"ml-ex-sidebar\">\r\n <div class=\"ml-word-bank\" id=\"bank-5\">\r\n <h4>Acciones Opuestas<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"ml-btn ml-btn-check\" onclick=\"checkEx5()\">Comprobar Respuestas<\/button>\r\n <button class=\"ml-btn ml-btn-back\" onclick=\"go('menu')\">Volver al Men\u00fa<\/button>\r\n <\/div>\r\n\r\n <!-- EX 6: Ordena la Oraci\u00f3n -->\r\n <div class=\"ml-section\" id=\"ex6\">\r\n <div class=\"ml-title\"><i class=\"fas fa-sort-alpha-down\"><\/i> 6. Ordena la oraci\u00f3n<\/div>\r\n <p>Escribe la oraci\u00f3n correctamente ordenada. Recuerda que <strong>el pronombre reflexivo va antes del verbo conjugado<\/strong>. Respeta las may\u00fasculas iniciales y el punto final.<\/p>\r\n <div id=\"q-container-6\" style=\"display:flex; flex-direction:column; gap:10px;\"><\/div>\r\n <button class=\"ml-btn ml-btn-check\" onclick=\"checkEx6()\">Comprobar Respuestas<\/button>\r\n <button class=\"ml-btn ml-btn-back\" onclick=\"go('menu')\">Volver al Men\u00fa<\/button>\r\n <\/div>\r\n\r\n <!-- EX 7: Elige el Pronombre Reflexivo (MCQ Inline \/ Fill) -->\r\n <div class=\"ml-section\" id=\"ex7\">\r\n <div class=\"ml-title\"><i class=\"fas fa-hand-pointer\"><\/i> 7. Elige el pronombre reflexivo correcto<\/div>\r\n <p>Escribe el pronombre adecuado (<strong>me, te, se, nos, os, se<\/strong>) para cada oraci\u00f3n.<\/p>\r\n <div id=\"q-container-7\" style=\"display:flex; flex-direction:column; gap:10px;\"><\/div>\r\n <button class=\"ml-btn ml-btn-check\" onclick=\"checkEx7()\">Comprobar Respuestas<\/button>\r\n <button class=\"ml-btn ml-btn-back\" onclick=\"go('menu')\">Volver al Men\u00fa<\/button>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n L\u00d3GICA JAVASCRIPT\r\n=========================================== -->\r\n<script>\r\n function go(id) {\r\n document.querySelectorAll('.ml-section').forEach(el => el.classList.remove('active'));\r\n document.getElementById(id).classList.add('active');\r\n window.scrollTo(0,0);\r\n }\r\n\r\n \/\/ --- L\u00f3gica Drag and Drop para Ejercicios 4 y 5 ---\r\n let selectedWord = null;\r\n let selectedBankId = null;\r\n\r\n function initDragDrop(bankId, wordList) {\r\n const bank = document.getElementById(bankId);\r\n const h4Title = bank.querySelector('h4').outerHTML;\r\n bank.innerHTML = h4Title;\r\n \r\n const shuffled = [...wordList].sort(() => Math.random() - 0.5);\r\n shuffled.forEach((word, i) => {\r\n const span = document.createElement('span');\r\n span.className = 'ml-draggable';\r\n span.id = `${bankId}-word-${i}`;\r\n span.textContent = word;\r\n span.onclick = () => selectWord(span, bankId);\r\n bank.appendChild(span);\r\n });\r\n }\r\n\r\n function selectWord(el, bankId) {\r\n document.querySelectorAll(`#${bankId} .ml-draggable`).forEach(w => w.style.opacity = '1');\r\n selectedWord = el.textContent;\r\n selectedBankId = el.id;\r\n el.style.opacity = '0.5';\r\n }\r\n\r\n function dropWord(zone, bankPrefix) {\r\n if (!selectedWord) {\r\n if(zone.textContent !== '') {\r\n const text = zone.textContent;\r\n zone.textContent = '';\r\n zone.classList.remove('filled');\r\n const bank = document.getElementById(`bank-${bankPrefix}`);\r\n for (let child of bank.children) {\r\n if (child.textContent === text && child.style.display === 'none') {\r\n child.style.display = 'inline-block';\r\n child.style.opacity = '1';\r\n break;\r\n }\r\n }\r\n }\r\n return;\r\n }\r\n\r\n if (zone.textContent !== '') {\r\n const text = zone.textContent;\r\n const bank = document.getElementById(`bank-${bankPrefix}`);\r\n for (let child of bank.children) {\r\n if (child.textContent === text && child.style.display === 'none') {\r\n child.style.display = 'inline-block';\r\n child.style.opacity = '1';\r\n break;\r\n }\r\n }\r\n }\r\n\r\n zone.textContent = selectedWord;\r\n zone.classList.add('filled');\r\n document.getElementById(selectedBankId).style.display = 'none';\r\n selectedWord = null;\r\n selectedBankId = null;\r\n }\r\n\r\n \/\/ --- EX 1: Comprensi\u00f3n Podcast (MCQ) ---\r\n const dataEx1 = [\r\n { q: \"Seg\u00fan la introducci\u00f3n, \u00bfcu\u00e1l es el prop\u00f3sito principal de analizar las rutinas de estas cinco figuras empresariales?\", o: [\"Descubrir los secretos de sus transacciones financieras dentro de las salas de juntas corporativas.\", \"Practicar el idioma observando c\u00f3mo estos directivos asumen el control de sus actividades diarias.\", \"Criticar las decisiones personales y la dieta que mantienen antes de llegar a sus oficinas.\"], a: 1 },\r\n { q: \"\u00bfC\u00f3mo describe Jeff Bezos su proceso para salir de la cama en las ma\u00f1anas?\", o: [\"Utiliza un reloj programado a primera hora de la madrugada.\", \"Permite que su cuerpo se despierte por s\u00ed solo cuando ha descansado lo suficiente.\", \"Un asistente personal lo llama para comenzar su rutina diaria.\"], a: 1 },\r\n { q: \"\u00bfPor qu\u00e9 raz\u00f3n Bezos evita interactuar con su tel\u00e9fono durante las primeras horas del d\u00eda?\", o: [\"Para no gastar la bater\u00eda de su dispositivo celular.\", \"Porque prefiere usar su computadora personal para trabajar.\", \"Para resguardar su capacidad mental y evitar el estr\u00e9s de absorber problemas ajenos temprano.\"], a: 2 },\r\n { q: \"\u00bfQu\u00e9 reacci\u00f3n experimenta Mark Zuckerberg al revisar su celular apenas abre los ojos?\", o: [\"Siente una fuerte carga de ansiedad inmediata, comparable a un golpe f\u00edsico.\", \"Siente una profunda sensaci\u00f3n de tranquilidad y control sobre su empresa.\", \"Siente que su energ\u00eda f\u00edsica aumenta para poder hacer ejercicio.\"], a: 0 },\r\n { q: \"A diferencia de un amanecer calmado, \u00bfc\u00f3mo se compara el despertar de Elon Musk?\", o: [\"Como si fuera proyectado violentamente por un arma de artiller\u00eda.\", \"Como el lento avance de un tren de carga pesado.\", \"Como un suave paseo por la naturaleza.\"], a: 0 },\r\n { q: \"\u00bfQu\u00e9 estrategia utiliza Zuckerberg para lidiar con el estr\u00e9s que le genera su rutina matutina?\", o: [\"Realiza sesiones frecuentes de meditaci\u00f3n en silencio.\", \"Practica deportes de combate combinados varias veces a la semana.\", \"Camina por las monta\u00f1as cercanas a su oficina.\"], a: 1 },\r\n { q: \"\u00bfCu\u00e1l es el motivo principal por el que Mark Zuckerberg utiliza prendas id\u00e9nticas todos los d\u00edas?\", o: [\"Para ahorrar dinero en marcas de dise\u00f1ador.\", \"Para establecer una moda corporativa en toda su empresa.\", \"Para no malgastar su energ\u00eda mental en peque\u00f1as elecciones cotidianas.\"], a: 2 },\r\n { q: \"\u00bfC\u00f3mo concibe Oprah Winfrey la primera comida de su jornada?\", o: [\"Como una oportunidad para disfrutar alimentos dulces y procesados.\", \"Como una ingesta esencial de nutrientes que le proporciona energ\u00eda equilibrada.\", \"Como una comida que prefiere saltarse para ganar tiempo.\"], a: 1 },\r\n { q: \"\u00bfPor qu\u00e9 Warren Buffett elige alimentarse diariamente con comida r\u00e1pida a pesar de no ser saludable?\", o: [\"Porque le permite eludir la tensi\u00f3n emocional que le causar\u00eda comer alimentos que le disgustan.\", \"Porque es due\u00f1o de las acciones de todas las cadenas de restaurantes r\u00e1pidos.\", \"Porque su equipo m\u00e9dico le recet\u00f3 consumir grandes cantidades de az\u00facar.\"], a: 0 },\r\n { q: \"\u00bfC\u00f3mo organiza Elon Musk su tiempo laboral para alcanzar su m\u00e1ximo nivel de producci\u00f3n?\", o: [\"Divide su jornada en peque\u00f1as fracciones de tiempo de apenas unos minutos.\", \"Toma largas siestas cada dos horas para refrescar sus ideas.\", \"Delega todas sus responsabilidades y solo revisa correos una vez al d\u00eda.\"], a: 0 },\r\n { q: \"\u00bfQu\u00e9 postura adopta Jeff Bezos frente a las decisiones cr\u00edticas que aparecen al final de la tarde?\", o: [\"Re\u00fane a todo su equipo para solucionarlo sin importar la hora.\", \"Pausa sus labores y aplaza la resoluci\u00f3n para la jornada siguiente.\", \"Toma decisiones r\u00e1pidas bas\u00e1ndose \u00fanicamente en su intuici\u00f3n cansada.\"], a: 1 },\r\n { q: \"\u00bfQu\u00e9 medida toma Zuckerberg antes de participar en un encuentro de negocios con su equipo?\", o: [\"Exige que los temas sean breves y hablados en persona sin anotaciones.\", \"Solicita que le remitan los textos informativos con anticipaci\u00f3n para estudiarlos a solas.\", \"Pide que solo asistan personas que usen ropa del mismo color.\"], a: 1 },\r\n { q: \"\u00bfQu\u00e9 m\u00e9todo poco convencional emplea Jeff Bezos para obligar a su cerebro a dejar de pensar en Amazon?\", o: [\"Se sumerge en el mar buscando piezas de naves espaciales hist\u00f3ricas.\", \"Realiza vuelos diarios en helic\u00f3ptero sobre la ciudad.\", \"Participa en torneos de artes marciales mixtas.\"], a: 0 },\r\n { q: \"\u00bfQu\u00e9 dificultad personal relacionada con su familia tiene Elon Musk debido a su nivel de exigencia?\", o: [\"No logra encontrar temas de conversaci\u00f3n con sus hijos peque\u00f1os.\", \"Es incapaz de apartar su mente del \u00e1mbito laboral, incluso cuando est\u00e1 con sus hijos.\", \"Prefiere que sus hijos trabajen con \u00e9l en la f\u00e1brica de Tesla.\"], a: 1 },\r\n { q: \"Seg\u00fan la conclusi\u00f3n del podcast, \u00bfqu\u00e9 esconden realmente las estrictas rutinas de estos grandes l\u00edderes?\", o: [\"Sus temores m\u00e1s \u00edntimos ante la posibilidad de equivocarse o fracasar.\", \"Su deseo de demostrar superioridad econ\u00f3mica frente a sus competidores.\", \"Su intenci\u00f3n de publicar libros sobre autoayuda y motivaci\u00f3n.\"], a: 0 }\r\n ];\r\n let stateEx1 = Array(15).fill(null);\r\n\r\n function renderEx1() {\r\n const cont = document.getElementById('q-container-1');\r\n dataEx1.forEach((item, i) => {\r\n let html = `<div class=\"ml-q-block\"><p><strong>${i+1}. ${item.q}<\/strong><\/p><div class=\"ml-options-grid\">`;\r\n item.o.forEach((opt, j) => {\r\n html += `<button class=\"ml-opt-btn\" id=\"ex1-opt-${i}-${j}\" onclick=\"selEx1(${i},${j})\">${opt}<\/button>`;\r\n });\r\n html += `<\/div><div class=\"ml-feedback\" id=\"ex1-fb-${i}\"><\/div><\/div>`;\r\n cont.innerHTML += html;\r\n });\r\n }\r\n\r\n function selEx1(qIdx, oIdx) {\r\n stateEx1[qIdx] = oIdx;\r\n dataEx1[qIdx].o.forEach((_, j) => document.getElementById(`ex1-opt-${qIdx}-${j}`).classList.remove('selected'));\r\n document.getElementById(`ex1-opt-${qIdx}-${oIdx}`).classList.add('selected');\r\n }\r\n\r\n function checkEx1() {\r\n dataEx1.forEach((item, i) => {\r\n const fb = document.getElementById(`ex1-fb-${i}`);\r\n dataEx1[i].o.forEach((_, j) => document.getElementById(`ex1-opt-${i}-${j}`).disabled = true);\r\n if(stateEx1[i] === item.a) {\r\n document.getElementById(`ex1-opt-${i}-${item.a}`).classList.add('correct');\r\n fb.className = 'ml-feedback correct'; fb.textContent = \"\u00a1Correcto!\";\r\n } else {\r\n if(stateEx1[i] !== null) document.getElementById(`ex1-opt-${i}-${stateEx1[i]}`).classList.add('incorrect');\r\n document.getElementById(`ex1-opt-${i}-${item.a}`).classList.add('correct');\r\n fb.className = 'ml-feedback incorrect'; fb.textContent = \"Incorrecto.\";\r\n }\r\n });\r\n }\r\n\r\n \/\/ --- EX 2: Verdadero o Falso ---\r\n const dataEx2 = [\r\n { q: \"1. Jeff Bezos usa una alarma muy fuerte para despertarse a las 5:00 a.m.\", a: \"F\" },\r\n { q: \"2. Bezos se desconecta del tel\u00e9fono en la ma\u00f1ana al menos tres d\u00edas a la semana.\", a: \"V\" },\r\n { q: \"3. Zuckerberg siente mucha paz y tranquilidad al revisar su celular en la cama.\", a: \"F\" },\r\n { q: \"4. Elon Musk se levanta a las siete de la ma\u00f1ana y duerme solo seis horas.\", a: \"V\" },\r\n { q: \"5. Mark Zuckerberg se entrena en artes marciales mixtas varias veces por semana.\", a: \"V\" },\r\n { q: \"6. Zuckerberg usa trajes de colores diferentes cada d\u00eda para estimular su creatividad.\", a: \"F\" },\r\n { q: \"7. Oprah Winfrey siempre se prepara un desayuno nutritivo con prote\u00ednas y grasas buenas.\", a: \"V\" },\r\n { q: \"8. Warren Buffett se alimenta casi todos los d\u00edas con comida de McDonald's.\", a: \"V\" },\r\n { q: \"9. Buffett dice que comer vegetales como el br\u00f3coli lo hace sentirse muy feliz.\", a: \"F\" },\r\n { q: \"10. Jeff Bezos pide hamburguesas para desayunar antes de una reuni\u00f3n importante.\", a: \"F\" },\r\n { q: \"11. Elon Musk es muy productivo y trabaja entre 85 y 100 horas a la semana.\", a: \"V\" },\r\n { q: \"12. Musk se organiza en bloques de dos horas para no estresarse.\", a: \"F\" },\r\n { q: \"13. Jeff Bezos prefiere tomar las decisiones m\u00e1s dif\u00edciles y graves a las 6:00 de la tarde.\", a: \"F\" },\r\n { q: \"14. Zuckerberg exige a su equipo que le env\u00eden los documentos antes de las reuniones.\", a: \"V\" },\r\n { q: \"15. Bezos busca motores de cohetes de la NASA en un submarino como pasatiempo.\", a: \"V\" }\r\n ];\r\n let stateEx2 = Array(15).fill(null);\r\n\r\n function renderEx2() {\r\n const cont = document.getElementById('q-container-2');\r\n dataEx2.forEach((item, i) => {\r\n cont.innerHTML += `\r\n <div class=\"ml-q-block\" style=\"display:flex; flex-direction:column; gap:10px;\">\r\n <p style=\"margin:0;\"><strong>${item.q}<\/strong><\/p>\r\n <div style=\"display:flex; gap:10px;\">\r\n <button class=\"ml-opt-btn\" id=\"ex2-opt-v-${i}\" onclick=\"selEx2(${i}, 'V')\" style=\"flex:1; text-align:center;\">Verdadero<\/button>\r\n <button class=\"ml-opt-btn\" id=\"ex2-opt-f-${i}\" onclick=\"selEx2(${i}, 'F')\" style=\"flex:1; text-align:center;\">Falso<\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n }\r\n\r\n function selEx2(qIdx, val) {\r\n stateEx2[qIdx] = val;\r\n document.getElementById(`ex2-opt-v-${qIdx}`).classList.remove('selected');\r\n document.getElementById(`ex2-opt-f-${qIdx}`).classList.remove('selected');\r\n document.getElementById(`ex2-opt-${val.toLowerCase()}-${qIdx}`).classList.add('selected');\r\n }\r\n\r\n function checkEx2() {\r\n dataEx2.forEach((item, i) => {\r\n const btnV = document.getElementById(`ex2-opt-v-${i}`);\r\n const btnF = document.getElementById(`ex2-opt-f-${i}`);\r\n btnV.disabled = true; btnF.disabled = true;\r\n \r\n if(stateEx2[i] === item.a) {\r\n if(item.a === 'V') btnV.classList.add('correct'); else btnF.classList.add('correct');\r\n } else {\r\n if(stateEx2[i] === 'V') btnV.classList.add('incorrect'); \r\n if(stateEx2[i] === 'F') btnF.classList.add('incorrect');\r\n if(item.a === 'V') btnV.classList.add('correct'); else btnF.classList.add('correct');\r\n }\r\n });\r\n }\r\n\r\n \/\/ --- EX 3: La rutina de Tim Cook (Presente Indicativo) ---\r\n const dataEx3 = [\r\n { v: \"despertarse\", ans: \"se despierta\" }, { v: \"levantarse\", ans: \"se levanta\" },\r\n { v: \"ir\", ans: \"va\" }, { v: \"prepararse\", ans: \"se prepara\" },\r\n { v: \"encender\", ans: \"enciende\" }, { v: \"leer\", ans: \"lee\" },\r\n { v: \"escribir\", ans: \"escribe\" }, { v: \"dirigirse\", ans: \"se dirige\" },\r\n { v: \"entrenar\", ans: \"entrena\" }, { v: \"sudar\", ans: \"suda\" },\r\n { v: \"ducharse\", ans: \"se ducha\" }, { v: \"vestirse\", ans: \"se viste\" },\r\n { v: \"desayunar\", ans: \"desayuna\" }, { v: \"salir\", ans: \"sale\" },\r\n { v: \"conducir\", ans: \"conduce\" }, { v: \"llegar\", ans: \"llega\" },\r\n { v: \"saludar\", ans: \"saluda\" }, { v: \"empezar\", ans: \"empieza\" },\r\n { v: \"reunirse\", ans: \"se re\u00fane\" }, { v: \"analizar, ellos\", ans: \"analizan\" },\r\n { v: \"almorzar\", ans: \"almuerza\" }, { v: \"descansar\", ans: \"descansa\" },\r\n { v: \"enfocarse\", ans: \"se enfoca\" }, { v: \"terminar\", ans: \"termina\" },\r\n { v: \"regresar\", ans: \"regresa\" }, { v: \"relajarse\", ans: \"se relaja\" },\r\n { v: \"cenar\", ans: \"cena\" }, { v: \"desconectarse\", ans: \"se desconecta\" },\r\n { v: \"lavarse\", ans: \"se lava\" }, { v: \"acostarse\", ans: \"se acuesta\" }\r\n ];\r\n const textEx3 = `Tim Cook (1) [ ] a las 3:45 de la ma\u00f1ana. \u00c9l (2) [ ] muy r\u00e1pido porque tiene mucha disciplina. \u00c9l (3) [ ] a la cocina y (4) [ ] un caf\u00e9 fuerte. Inmediatamente, \u00e9l (5) [ ] su computadora y (6) [ ] los correos de los clientes. Durante una hora, \u00e9l (7) [ ] algunas respuestas.<br><br>\r\nA las 5:00 a.m., \u00e9l (8) [ ] al gimnasio. Tim (9) [ ] con pesas y (10) [ ] mucho para eliminar el estr\u00e9s. Luego, \u00e9l (11) [ ] con agua fr\u00eda, (12) [ ] con ropa informal y (13) [ ] de forma ligera. \u00c9l (14) [ ] de su casa a las 6:30 a.m. y (15) [ ] su auto hacia Apple.<br><br>\r\n\u00c9l (16) [ ] a la oficina muy temprano. \u00c9l (17) [ ] a su equipo y (18) [ ] a trabajar. Durante la ma\u00f1ana, \u00e9l (19) [ ] con los ingenieros y juntos (20) [ ] los nuevos productos. A la una de la tarde, \u00e9l (21) [ ] una ensalada. \u00c9l no (22) [ ] mucho tiempo al mediod\u00eda.<br><br>\r\nPor la tarde, \u00e9l (23) [ ] en los n\u00fameros financieros. \u00c9l (24) [ ] su jornada a las 6:00 p.m. y (25) [ ] a su casa. En la noche, \u00e9l (26) [ ] en el sof\u00e1 y (27) [ ] pollo con vegetales. Antes de dormir, \u00e9l (28) [ ] del tel\u00e9fono, (29) [ ] los dientes y finalmente (30) [ ] a las 9:30 p.m. para dormir bien.`;\r\n\r\n function renderEx3() {\r\n const cont = document.getElementById('q-container-3');\r\n let processedText = textEx3;\r\n dataEx3.forEach((item, i) => {\r\n const inputHtml = `<input type=\"text\" class=\"ml-text-input\" id=\"ex3-in-${i}\" placeholder=\"(${item.v})\" style=\"width:110px;\">`;\r\n processedText = processedText.replace(`(${i+1}) [ ]`, inputHtml);\r\n });\r\n cont.innerHTML = `<div class=\"ml-q-block\" style=\"line-height:2.8;\">${processedText}<\/div>`;\r\n }\r\n\r\n function checkEx3() {\r\n dataEx3.forEach((item, i) => {\r\n const inp = document.getElementById(`ex3-in-${i}`);\r\n if(inp.disabled) return;\r\n inp.disabled = true;\r\n const cleanUser = inp.value.trim().toLowerCase().normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n const cleanAns = item.ans.toLowerCase().normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n \r\n if (cleanUser === cleanAns) {\r\n inp.classList.add('correct');\r\n inp.value = item.ans;\r\n } else {\r\n inp.classList.add('incorrect');\r\n inp.insertAdjacentHTML('afterend', `<span style=\"color:var(--ml-incorrect); font-weight:bold; font-size:0.85em;\">(${item.ans})<\/span>`);\r\n }\r\n });\r\n }\r\n\r\n \/\/ --- EX 4: Vocabulario Rutina Diaria (Drag & Drop) ---\r\n const dataEx4 = [\r\n { pre: \"Por la ma\u00f1ana, lo primero que escucho a las 6:00 a.m. es el sonido del \", word: \"despertador\", post: \".\" },\r\n { pre: \"Despu\u00e9s de apagar la alarma, me levanto de la \", word: \"cama\", post: \".\" },\r\n { pre: \"Voy al ba\u00f1o y me ba\u00f1o r\u00e1pidamente en la \", word: \"ducha\", post: \" con agua caliente.\" },\r\n { pre: \"Uso un \", word: \"cepillo\", post: \" y pasta dental para lavarme los dientes.\" },\r\n { pre: \"A las 7:00 a.m. me preparo un \", word: \"desayuno\", post: \" con caf\u00e9, pan y huevos.\" },\r\n { pre: \"Abro el armario y decido qu\u00e9 \", word: \"ropa\", post: \" me voy a poner hoy para trabajar.\" },\r\n { pre: \"Antes de salir de casa, reviso mis bolsillos para no olvidar las \", word: \"llaves\", post: \" del auto.\" },\r\n { pre: \"Conduzco hacia el centro de la ciudad para llegar a mi \", word: \"oficina\", post: \".\" },\r\n { pre: \"A veces llego un poco tarde porque hay mucho \", word: \"tr\u00e1fico\", post: \" en las calles.\" },\r\n { pre: \"Enciendo mi computadora y lo primero que hago es revisar mi \", word: \"correo\", post: \" electr\u00f3nico.\" },\r\n { pre: \"A la una de la tarde, hago una pausa y como mi \", word: \"almuerzo\", post: \" con mis compa\u00f1eros.\" },\r\n { pre: \"Al terminar mi jornada, voy al \", word: \"gimnasio\", post: \" para hacer ejercicio.\" },\r\n { pre: \"Llego a casa cansado y preparo una \", word: \"cena\", post: \" ligera, como ensalada.\" },\r\n { pre: \"Me siento en el sof\u00e1 un rato para ver las noticias en la \", word: \"televisi\u00f3n\", post: \".\" },\r\n { pre: \"Finalmente, a las 10:30 p.m. tengo mucho \", word: \"sue\u00f1o\", post: \", as\u00ed que me acuesto.\" }\r\n ];\r\n\r\n function renderEx4() {\r\n const cont = document.getElementById('q-container-4');\r\n const words = dataEx4.map(item => item.word);\r\n initDragDrop('bank-4', words);\r\n dataEx4.forEach((item, i) => {\r\n cont.innerHTML += `<div class=\"ml-q-block\" style=\"padding:10px 15px;\">${i+1}. ${item.pre} <span class=\"ml-drop-zone\" id=\"ex4-dz-${i}\" onclick=\"dropWord(this, 4)\"><\/span> ${item.post}<\/div>`;\r\n });\r\n }\r\n\r\n function checkEx4() {\r\n dataEx4.forEach((item, i) => {\r\n const dz = document.getElementById(`ex4-dz-${i}`);\r\n if (dz.textContent.toLowerCase() === item.word.toLowerCase()) {\r\n dz.style.borderColor = \"var(--ml-correct)\";\r\n dz.style.color = \"var(--ml-correct)\";\r\n } else {\r\n dz.style.borderColor = \"var(--ml-incorrect)\";\r\n dz.style.color = \"var(--ml-incorrect)\";\r\n dz.innerHTML = `<del style=\"color:var(--ml-incorrect)\">${dz.textContent}<\/del> <strong style=\"color:var(--ml-correct)\">${item.word}<\/strong>`;\r\n }\r\n dz.onclick = null;\r\n });\r\n }\r\n\r\n \/\/ --- EX 5: Empareja Opuestos (Drag & Drop) ---\r\n const dataEx5 = [\r\n { verb: \"Despertarse\", opp: \"Dormirse\" },\r\n { verb: \"Levantarse\", opp: \"Acostarse\" },\r\n { verb: \"Estresarse\", opp: \"Relajarse\" },\r\n { verb: \"Conectarse\", opp: \"Desconectarse\" },\r\n { verb: \"Encender\", opp: \"Apagar\" },\r\n { verb: \"Empezar\", opp: \"Terminarse\" },\r\n { verb: \"Salir (de casa)\", opp: \"Llegar\" },\r\n { verb: \"Abrir (los ojos)\", opp: \"Cerrar\" },\r\n { verb: \"Vestirse\", opp: \"Desvestirse\" },\r\n { verb: \"Ponerse (la ropa)\", opp: \"Quitarse\" },\r\n { verb: \"Recordar\", opp: \"Olvidar\" },\r\n { verb: \"Llenarse (de energ\u00eda)\", opp: \"Agotarse\" },\r\n { verb: \"Acercarse\", opp: \"Alejarse\" },\r\n { verb: \"Acelerar\", opp: \"Detenerse\" },\r\n { verb: \"Amar\", opp: \"Odiar\" }\r\n ];\r\n\r\n function renderEx5() {\r\n const cont = document.getElementById('q-container-5');\r\n const words = dataEx5.map(item => item.opp);\r\n initDragDrop('bank-5', words);\r\n dataEx5.forEach((item, i) => {\r\n cont.innerHTML += `<div class=\"ml-q-block\" style=\"display:flex; justify-content:space-between; padding:10px 20px;\">\r\n <strong>${i+1}. ${item.verb}<\/strong> \r\n <span class=\"ml-drop-zone\" id=\"ex5-dz-${i}\" onclick=\"dropWord(this, 5)\" style=\"width:150px;\"><\/span>\r\n <\/div>`;\r\n });\r\n }\r\n\r\n function checkEx5() {\r\n dataEx5.forEach((item, i) => {\r\n const dz = document.getElementById(`ex5-dz-${i}`);\r\n if (dz.textContent.toLowerCase() === item.opp.toLowerCase()) {\r\n dz.style.borderColor = \"var(--ml-correct)\";\r\n dz.style.color = \"var(--ml-correct)\";\r\n } else {\r\n dz.style.borderColor = \"var(--ml-incorrect)\";\r\n dz.style.color = \"var(--ml-incorrect)\";\r\n dz.innerHTML = `<del style=\"color:var(--ml-incorrect)\">${dz.textContent}<\/del> <strong style=\"color:var(--ml-correct)\">${item.opp}<\/strong>`;\r\n }\r\n dz.onclick = null;\r\n });\r\n }\r\n\r\n \/\/ --- EX 6: Ordena la oraci\u00f3n ---\r\n const dataEx6 = [\r\n { words: \"siempre \/ igual \/ viste \/ se \/ Zuckerberg\", ans: \"Zuckerberg se viste siempre igual.\" },\r\n { words: \"horas \/ duerme \/ ocho \/ Bezos \/ completas\", ans: \"Bezos duerme ocho horas completas.\" },\r\n { words: \"mucho \/ Winfrey \/ nutrici\u00f3n \/ la \/ cuida \/ se \/ con\", ans: \"Winfrey se cuida mucho con la nutrici\u00f3n.\" },\r\n { words: \"tel\u00e9fono \/ Musk \/ el \/ evita \/ la \/ en \/ ma\u00f1ana\", ans: \"Musk evita el tel\u00e9fono en la ma\u00f1ana.\" },\r\n { words: \"de \/ celular \/ despierta \/ Zuckerberg \/ se \/ y \/ agarra \/ el \/ inmediato\", ans: \"Zuckerberg se despierta y agarra el celular de inmediato.\" },\r\n { words: \"alarma \/ sin \/ natural \/ despierta \/ se \/ forma \/ de \/ Bezos\", ans: \"Bezos se despierta de forma natural sin alarma.\" },\r\n { words: \"seis \/ duerme \/ Musk \/ horas \/ solo\", ans: \"Musk duerme solo seis horas.\" },\r\n { words: \"ropa \/ elegir \/ energ\u00eda \/ gasta \/ al \/ no \/ Zuckerberg\", ans: \"Zuckerberg no gasta energ\u00eda al elegir ropa.\" },\r\n { words: \"de \/ alimentaci\u00f3n \/ Buffett \/ la \/ disfruta \/ r\u00e1pida \/ comida \/ su\", ans: \"Buffett disfruta su alimentaci\u00f3n de comida r\u00e1pida.\" },\r\n { words: \"estresa \/ celular \/ temprano \/ se \/ si \/ el \/ revisa \/ muy \/ uno\", ans: \"Uno se estresa si revisa el celular muy temprano.\" },\r\n { words: \"minutos \/ de \/ cinco \/ en \/ organiza \/ bloques \/ se \/ Musk\", ans: \"Musk se organiza en bloques de cinco minutos.\" },\r\n { words: \"mente \/ protege \/ Bezos \/ ma\u00f1ana \/ la \/ su \/ en\", ans: \"Bezos protege su mente en la ma\u00f1ana.\" },\r\n { words: \"marciales \/ mixtas \/ artes \/ Zuckerberg \/ entrena \/ se \/ en\", ans: \"Zuckerberg se entrena en artes marciales mixtas.\" },\r\n { words: \"de \/ pulpo \/ a \/ desayuno \/ come \/ Bezos \/ veces\", ans: \"Bezos come pulpo de desayuno a veces.\" },\r\n { words: \"hijas \/ con \/ relaja \/ sus \/ Zuckerberg \/ se \/ la \/ en \/ noche\", ans: \"Zuckerberg se relaja con sus hijas en la noche.\" }\r\n ];\r\n\r\n function renderEx6() {\r\n const cont = document.getElementById('q-container-6');\r\n dataEx6.forEach((item, i) => {\r\n cont.innerHTML += `\r\n <div class=\"ml-q-block\">\r\n <p style=\"color:gray; font-style:italic;\">${item.words}<\/p>\r\n <input type=\"text\" class=\"ml-text-input\" id=\"ex6-in-${i}\" style=\"width:100%; box-sizing:border-box; text-align:left; padding:10px;\" placeholder=\"Ordena la oraci\u00f3n aqu\u00ed...\">\r\n <\/div>`;\r\n });\r\n }\r\n\r\n function checkEx6() {\r\n dataEx6.forEach((item, i) => {\r\n const inp = document.getElementById(`ex6-in-${i}`);\r\n if(inp.disabled) return;\r\n inp.disabled = true;\r\n \r\n const cleanUser = inp.value.trim().toLowerCase().replace(\/[\u00bf?.,]\/g, \"\").normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n const cleanAns = item.ans.toLowerCase().replace(\/[\u00bf?.,]\/g, \"\").normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n \r\n if (cleanUser === cleanAns) {\r\n inp.classList.add('correct');\r\n } else {\r\n inp.classList.add('incorrect');\r\n inp.insertAdjacentHTML('afterend', `<div class=\"ml-feedback incorrect\" style=\"display:block; margin-top:5px;\">Correcto: <strong>${item.ans}<\/strong><\/div>`);\r\n }\r\n });\r\n }\r\n\r\n \/\/ --- EX 7: Elige Pronombre Reflexivo ---\r\n const dataEx7 = [\r\n { pre: \"1. Jeff Bezos\", ans: \"se\", post: \"relaja tomando un caf\u00e9.\" },\r\n { pre: \"2. Yo\", ans: \"me\", post: \"despierto a las 6:00 de la ma\u00f1ana.\" },\r\n { pre: \"3. \u00bfA qu\u00e9 hora\", ans: \"te\", post: \"levantas t\u00fa para trabajar?\" },\r\n { pre: \"4. Nosotros\", ans: \"nos\", post: \"preparamos para la reuni\u00f3n de las diez.\" },\r\n { pre: \"5. Ellos\", ans: \"se\", post: \"estresan cuando hay mucho ruido.\" },\r\n { pre: \"6. Vosotros\", ans: \"os\", post: \"acost\u00e1is muy tarde los fines de semana.\" },\r\n { pre: \"7. Elon Musk\", ans: \"se\", post: \"conecta al correo inmediatamente.\" },\r\n { pre: \"8. Oprah\", ans: \"se\", post: \"cuida mucho con una dieta sana.\" },\r\n { pre: \"9. Mis compa\u00f1eros y yo\", ans: \"nos\", post: \"enfocamos en el proyecto.\" },\r\n { pre: \"10. \u00bfUstedes\", ans: \"se\", post: \"duchan en la ma\u00f1ana o en la noche?\" },\r\n { pre: \"11. Yo\", ans: \"me\", post: \"visto con ropa elegante para ir a la oficina.\" },\r\n { pre: \"12. Warren Buffett\", ans: \"se\", post: \"alimenta mal, pero es feliz.\" },\r\n { pre: \"13. T\u00fa nunca\", ans: \"te\", post: \"desconectas del trabajo, trabajas mucho.\" },\r\n { pre: \"14. Mark Zuckerberg\", ans: \"se\", post: \"ba\u00f1a despu\u00e9s del gimnasio.\" },\r\n { pre: \"15. El gerente y el asistente\", ans: \"se\", post: \"re\u00fanen todas las tardes.\" }\r\n ];\r\n\r\n function renderEx7() {\r\n const cont = document.getElementById('q-container-7');\r\n dataEx7.forEach((item, i) => {\r\n cont.innerHTML += `<div class=\"ml-q-block\" style=\"padding:10px 20px;\">\r\n ${item.pre} <input type=\"text\" class=\"ml-text-input\" id=\"ex7-in-${i}\" style=\"width:60px;\" placeholder=\"___\"> ${item.post}\r\n <\/div>`;\r\n });\r\n }\r\n\r\n function checkEx7() {\r\n dataEx7.forEach((item, i) => {\r\n const inp = document.getElementById(`ex7-in-${i}`);\r\n if(inp.disabled) return;\r\n inp.disabled = true;\r\n if (inp.value.trim().toLowerCase() === item.ans) {\r\n inp.classList.add('correct');\r\n } else {\r\n inp.classList.add('incorrect');\r\n inp.insertAdjacentHTML('afterend', `<span style=\"color:var(--ml-incorrect); font-weight:bold;\">(${item.ans})<\/span>`);\r\n }\r\n });\r\n }\r\n\r\n \/\/ Inicializar renders al cargar la p\u00e1gina\r\n window.onload = () => {\r\n renderEx1();\r\n renderEx2();\r\n renderEx3();\r\n renderEx4();\r\n renderEx5();\r\n renderEx6();\r\n renderEx7();\r\n };\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Multylinguas | Aulas de Espanhol Online 1 a 1 e Prepara\u00e7\u00e3o DELE\/SIELE Quem somos Servi\u00e7os Metodologia Contato Fale conosco \u2630 Verbos Reflexivos y Pronominales en Espa\u00f1ol: Gu\u00eda y Ejercicios | Multylinguas Verbos Reflexivos, Rec\u00edprocos y Pronominales Dominio Gramatical y Comprensi\u00f3n Auditiva para Profesionales 1. VERBOS REFLEXIVOS 1.1 \u00bfQu\u00e9 son? Un verbo reflexivo describe una acci\u00f3n […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-939","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/multylinguas.com\/index.php\/wp-json\/wp\/v2\/pages\/939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multylinguas.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/multylinguas.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/multylinguas.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/multylinguas.com\/index.php\/wp-json\/wp\/v2\/comments?post=939"}],"version-history":[{"count":17,"href":"https:\/\/multylinguas.com\/index.php\/wp-json\/wp\/v2\/pages\/939\/revisions"}],"predecessor-version":[{"id":1017,"href":"https:\/\/multylinguas.com\/index.php\/wp-json\/wp\/v2\/pages\/939\/revisions\/1017"}],"wp:attachment":[{"href":"https:\/\/multylinguas.com\/index.php\/wp-json\/wp\/v2\/media?parent=939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}