PageSourceSearch

https://www.ortodoncia.ws/

html ortodoncia.ws collected 2026-10-02 06:45:18 UTC 91,019 bytes, 1,198 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3<head>
4    
4<script>if(localStorage.getItem('theme')==='dark'){document.documentElement.classList.add('dark')}else{document.documentElement.classList.remove('dark')}</script>
4
5    <meta charset="utf-8"/>
6    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
7    <link rel="icon" type="image/x-icon"  href="/favicon/favicon.ico">
8<link rel="icon" type="image/png" sizes="16x16"  href="/favicon/favicon-16x16.png">
9<link rel="icon" type="image/png" sizes="32x32"  href="/favicon/favicon-32x32.png">
10<link rel="icon" type="image/png" sizes="48x48"  href="/favicon/favicon-48x48.png">
11<link rel="icon" type="image/png" sizes="96x96"  href="/favicon/favicon-96x96.png">
12<link rel="icon" type="image/png" sizes="192x192" href="/favicon/favicon-192x192.png">
13
14
15<link rel="apple-touch-icon"                       href="/favicon/apple-touch-icon.png">
16<link rel="apple-touch-icon" sizes="57x57"         href="/favicon/apple-touch-icon-57x57.png">
17<link rel="apple-touch-icon" sizes="60x60"         href="/favicon/apple-touch-icon-60x60.png">
18<link rel="apple-touch-icon" sizes="72x72"         href="/favicon/apple-touch-icon-72x72.png">
19<link rel="apple-touch-icon" sizes="76x76"         href="/favicon/apple-touch-icon-76x76.png">
20<link rel="apple-touch-icon" sizes="114x114"       href="/favicon/apple-touch-icon-114x114.png">
21<link rel="apple-touch-icon" sizes="120x120"       href="/favicon/apple-touch-icon-120x120.png">
22<link rel="apple-touch-icon" sizes="144x144"       href="/favicon/apple-touch-icon-144x144.png">
23<link rel="apple-touch-icon" sizes="152x152"       href="/favicon/apple-touch-icon-152x152.png">
24<link rel="apple-touch-icon" sizes="180x180"       href="/favicon/apple-touch-icon-180x180.png">
25
26
27<link rel="manifest" href="/favicon/site.webmanifest">
28
29
30<meta name="msapplication-config" content="/favicon/browserconfig.xml">
31<meta name="msapplication-TileColor" content="#1e40af">
32<meta name="msapplication-TileImage" content="/favicon/mstile-150x150.png">
33
34
35<meta name="theme-color" content="#1e40af">
vendor: 68 bytes, lines 35-36
35
36    <script async src="https://www.googletagmanager.com/gtag/js?id=
36G-10F04BGG3N
vendor: 16 bytes, lines 36-37
36"></script>
37    
37<script>
38        
vendor: 151 bytes, lines 38-41
38window.dataLayer = window.dataLayer || [];
39        function gtag(){dataLayer.push(arguments);}
40        gtag('js', new Date());
41        gtag('config', '
41G-10F04BGG3N
vendor: 8 bytes, lines 41-42
41');
42    
42</script>
42
43        <title>Revista Latinoamericana de Ortodoncia y Odontopediatría</title>
44<meta name="description"  content="Revista científica arbitrada sin fines de lucro que difunde investigaciones, avances y casos clínicos en ortodoncia y odontopediatría en América Latina.">
45<meta name="robots"       content="index, follow">
46<link rel="canonical"     href="https://www.ortodoncia.ws">
47
48<meta name="author"       content="Revista Latinoamericana de Ortodoncia y Odontopediatría">
49
50
51
52
53
54<meta property="og:type"        content="website">
55<meta property="og:site_name"   content="Revista Latinoamericana de Ortodoncia y Odontopediatría">
56<meta property="og:locale"      content="es">
57<meta property="og:url"         content="https://www.ortodoncia.ws">
58<meta property="og:title"       content="Revista Latinoamericana de Ortodoncia y Odontopediatría">
59<meta property="og:description" content="Revista científica arbitrada sin fines de lucro que difunde investigaciones, avances y casos clínicos en ortodoncia y odontopediatría en América Latina.">
60<meta property="og:image"              content="https://www.ortodoncia.ws/storage/settings/logo.jpg">
61<meta property="og:image:secure_url"   content="https://www.ortodoncia.ws/storage/settings/logo.jpg">
62<meta property="og:image:type"         content="image/jpeg">
63<meta property="og:image:width"        content="1200">
64<meta property="og:image:height"       content="630">
65<meta property="og:image:alt"          content="Revista Latinoamericana de Ortodoncia y Odontopediatría">
66
67
68
69
70<meta name="twitter:card"        content="summary_large_image">
71<meta name="twitter:url"         content="https://www.ortodoncia.ws">
72<meta name="twitter:title"       content="Revista Latinoamericana de Ortodoncia y Odontopediatría">
73<meta name="twitter:description" content="Revista científica arbitrada sin fines de lucro que difunde investigaciones, avances y casos clínicos en ortodoncia y odontopediatría en América Latina.">
74<meta name="twitter:image"       content="https://www.ortodoncia.ws/storage/settings/logo.jpg">
75<meta name="twitter:image:alt"   content="Revista Latinoamericana de Ortodoncia y Odontopediatría">
76
77
78
79
80<link rel="icon"             href="https://www.ortodoncia.ws/favicon.ico" sizes="any">
81<link rel="icon"             href="https://www.ortodoncia.ws/favicon.svg" type="image/svg+xml">
82<link rel="apple-touch-icon" href="https://www.ortodoncia.ws/apple-touch-icon.png">
83<meta name="theme-color"     content="#1e40af">
84
85
86
87
88<meta name="citation_journal_title" content="Revista Latinoamericana de Ortodoncia y Odontopediatría">
89<meta name="citation_publisher"     content="Revista Latinoamericana de Ortodoncia y Odontopediatría">
90<meta name="citation_language"      content="es">
91<meta name="citation_issn"          content="1317-5823">
92
93
94
95
96
97<script type="application/ld+json">{
98    "@context": "https://schema.org",
99    "@graph": [
100        {
101            "@type": "Organization",
102            "@id": "https://www.ortodoncia.ws/#organization",
103            "name": "Revista Latinoamericana de Ortodoncia y Odontopediatría",
104            "url": "https://www.ortodoncia.ws",
105            "logo": {
106                "@type": "ImageObject",
107                "url": "https://www.ortodoncia.ws/storage/settings/logo.jpg",
108                "width": 512,
109                "height": 512
110            }
111        },
112        {
113            "@type": "WebSite",
114            "@id": "https://www.ortodoncia.ws/#website",
115            "name": "Revista Latinoamericana de Ortodoncia y Odontopediatría",
116            "url": "https://www.ortodoncia.ws",
117            "publisher": {
118                "@id": "https://www.ortodoncia.ws/#organization"
119            },
120            "potentialAction": {
121                "@type": "SearchAction",
122                "target": {
123                    "@type": "EntryPoint",
124                    "urlTemplate": "https://www.ortodoncia.ws/search?q={search_term_string}"
125                },
126                "query-input": "required name=search_term_string"
127            }
128        },
129        {
130            "@type": "Periodical",
131            "@id": "https://www.ortodoncia.ws/#periodical",
132            "name": "Revista Latinoamericana de Ortodoncia y Odontopediatría",
133            "alternateName": "",
134            "url": "https://www.ortodoncia.ws",
135            "description": "Revista científica arbitrada sin fines de lucro que difunde investigaciones, avances y casos clínicos en ortodoncia y odontopediatría en América Latina.",
136            "inLanguage": "es",
137            "publisher": {
138                "@id": "https://www.ortodoncia.ws/#organization"
139            },
140            "issn": [
141                "1317-5823"
142            ]
143        },
144        {
145            "@type": "WebPage",
146            "@id": "https://www.ortodoncia.ws/#webpage",
147            "url": "https://www.ortodoncia.ws",
148            "name": "Revista Latinoamericana de Ortodoncia y Odontopediatría",
149            "description": "Revista científica arbitrada sin fines de lucro que difunde investigaciones, avances y casos clínicos en ortodoncia y odontopediatría en América Latina.",
150            "isPartOf": {
151                "@id": "https://www.ortodoncia.ws/#website"
152            },
153            "primaryImageOfPage": {
154                "@type": "ImageObject",
155                "url": "https://www.ortodoncia.ws/storage/settings/logo.jpg",
156                "width": 1200,
157                "height": 630
158            }
159        }
160    ]
161}</script>
161
162    <style>
163        body { background-color: #f3f4f6 !important; }
164        html.dark body { background-color: #0b1220 !important; }
165        .home-slider { position: relative; overflow: hidden; border-radius: .5rem; margin-bottom: 2.5rem; }
166        .home-slides-track { display: flex; transition: transform .5s cubic-bezier(.4,0,.2,1); will-change: transform; }
167        .home-slide  { flex: 0 0 100%; position: relative; width: 100%; }
168        .home-slide-inner {
169            position: relative;
170            height: 480px;
171            background: #0b1e3f;
172            overflow: hidden;
173            border-radius: .5rem;
174        }
175        @media (max-width: 640px) { .home-slide-inner { height: 300px; } }
176        .home-slide-inner img {
177            position: absolute; inset: 0;
178            width: 100%; height: 100%;
179            object-fit: cover;
180            opacity: .55;
181            transition: opacity .3s;
182        }
183        .home-slide-inner::after {
184            content: '';
185            position: absolute; inset: 0;
186            background: linear-gradient(to top, rgba(5,15,40,.85) 0%, rgba(5,15,40,.25) 55%, transparent 100%);
187        }
188        .home-slide-body {
189            position: absolute; bottom: 0; left: 0; right: 0; z-index: 2;
190            padding: 2rem 2.5rem;
191            text-align: center;
192            display: flex; flex-direction: column; align-items: center;
193        }
194        .home-slide-category {
195            display: inline-block;
196            background: rgba(255,255,255,.18);
197            backdrop-filter: blur(6px);
198            border: 1px solid rgba(255,255,255,.25);
199            color: #fff;
200            font-size: .7rem;
201            font-weight: 600;
202            letter-spacing: .07em;
203            text-transform: uppercase;
204            padding: .25rem .75rem;
205            border-radius: 999px;
206            position: absolute; top: 1.25rem; right: 1.25rem;
207        }
208        .home-slide-title {
209            color: #fff;
210            font-size: 1.55rem;
211            font-weight: 700;
212            line-height: 1.3;
213            margin-bottom: .5rem;
214            display: -webkit-box;
215            -webkit-line-clamp: 4;
216            -webkit-box-orient: vertical;
217            overflow: hidden;
218        }
219        @media (max-width: 640px) {
220            .home-slide-title {
221                font-size: 1.05rem;
222                -webkit-line-clamp: 3;
223            }
224        }
225        .home-slide-authors { color: rgba(255,255,255,.75); font-size: .85rem; margin-bottom: 1rem; }
226        @media (max-width: 640px) { .home-slide-authors { display: none; } }
227        .home-slide-audio-badge {
228            display: inline-flex; align-items: center; gap: .3rem;
229            background: rgba(124,58,237,.35); backdrop-filter: blur(6px);
230            border: 1px solid rgba(167,139,250,.5);
231            color: #e9d5ff;
232            font-size: .68rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
233            padding: .2rem .65rem; border-radius: 999px;
234            margin-bottom: .6rem;
235        }
236        .home-slide-btn {
237            display: inline-flex; align-items: center; gap: .4rem;
238            background: #fff; color: #1e40af;
239            font-weight: 600; font-size: .82rem;
240            padding: .5rem 1.25rem; border-radius: 999px;
241            text-decoration: none;
242            transition: background .2s, color .2s;
243        }
244        .home-slide-btn:hover { background: #1e40af; color: #fff; }
245
246        /* Dots — inside slider, absolute at bottom */
247        .slider-dots {
248            position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%);
249            display: flex; gap: .5rem; z-index: 4;
250        }
251        .slider-dot  {
252            width: 8px; height: 8px; border-radius: 50%;
253            background: rgba(255,255,255,.5); border: none; padding: 0; cursor: pointer;
254            transition: background .2s, transform .2s;
255        }
256        .slider-dot.active { background: #fff; transform: scale(1.3); }
257
258        /* Arrows */
259        .slider-arrow {
260            position: absolute; top: 50%; transform: translateY(-50%);
261            z-index: 3; background: rgba(255,255,255,.2); backdrop-filter: blur(4px);
262            border: 1px solid rgba(255,255,255,.3); color: #fff;
263            width: 38px; height: 38px; border-radius: 50%;
264            display: flex; align-items: center; justify-content: center;
265            cursor: pointer; transition: background .2s;
266        }
267        .slider-arrow:hover { background: rgba(255,255,255,.4); }
268        .slider-arrow.prev { left: 1rem; }
269        .slider-arrow.next { right: 1rem; }
270
271        /* ── Featured cards row ──────────────────────── */
272        .featured-card {
273            background: #fff;
274            border-radius: .375rem;
275            overflow: hidden;
276            box-shadow: 0 2px 12px -4px rgba(15,23,42,.1);
277            display: flex; flex-direction: column;
278            text-decoration: none; color: inherit;
279            transition: box-shadow .2s, transform .2s;
280        }
281        html.dark .featured-card { background: #1f2937; }
282        .featured-card:hover { box-shadow: 0 8px 28px -6px rgba(15,23,42,.18); transform: translateY(-2px); }
283        .featured-card-img { width: 100%; height: 130px; object-fit: cover; background: #e2e8f0; }
284        .featured-card-img-placeholder { width: 100%; height: 130px; background: linear-gradient(135deg,#e2e8f0,#cbd5e1); }
285        .featured-card-body { padding: .85rem 1rem 1rem; flex: 1; display: flex; flex-direction: column; }
286        .featured-card-category { font-size: .65rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: #1e40af; margin-bottom: .35rem; }
287        html.dark .featured-card-category { color: #60a5fa; }
288        .featured-card-title { font-size: .88rem; font-weight: 700; line-height: 1.4; color: #1f2937; }
289        html.dark .featured-card-title { color: #f1f5f9; }
290        .featured-card-authors { font-size: .75rem; color: #6b7280; margin-top: .35rem; }
291        @media (max-width: 640px) { .featured-card-authors { display: none; } }
292
293        /* ── Article list ────────────────────────────── */
294        .article-list-section {
295            background: #f3f4f6;
296            border-radius: .5rem;
297            padding: 1.25rem;
298        }
299        html.dark .article-list-section { background: #111827; }
300        .article-list-item {
301            background: #fff;
302            border-radius: .375rem;
303            padding: .85rem 1rem;
304            display: flex; align-items: flex-start; gap: 1rem;
305            text-decoration: none; color: inherit;
306            transition: box-shadow .2s;
307            box-shadow: 0 1px 4px -2px rgba(15,23,42,.07);
308        }
309        html.dark .article-list-item { background: #1f2937; }
310        .article-list-item:hover { box-shadow: 0 4px 18px -4px rgba(15,23,42,.15); }
311        .article-list-num {
312            font-size: 1.1rem; font-weight: 700; color: #cbd5e1;
313            min-width: 2rem; text-align: right; line-height: 1.4;
314        }
315        .article-list-content { flex: 1; }
316        .article-list-category { font-size: .65rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: #1e40af; margin-bottom: .2rem; }
317        html.dark .article-list-category { color: #60a5fa; }
318        .article-list-title { font-size: .92rem; font-weight: 700; line-height: 1.4; color: #1f2937; }
319        html.dark .article-list-title { color: #f1f5f9; }
320        .article-list-authors { font-size: .78rem; color: #6b7280; margin-top: .2rem; }
321        @media (max-width: 640px) {
322            .article-list-num { display: none; }
323            .article-list-authors { display: none; }
324        }
325        .article-list-thumb { width: 90px; height: 68px; object-fit: cover; border-radius: .25rem; flex-shrink: 0; }
326        .article-list-thumb-placeholder { width: 90px; height: 68px; border-radius: .25rem; flex-shrink: 0; background: linear-gradient(135deg,#e2e8f0,#cbd5e1); }
327        html.dark .article-list-thumb-placeholder { background: linear-gradient(135deg,#374151,#4b5563); }
328    </style>
329    <link href="https://fonts.googleapis.com" rel="preconnect"/>
330    <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
331    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"/>
332    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,[email protected],0..1&amp;display=swap" rel="stylesheet"/>
333    <link href="https://www.ortodoncia.ws/assets/article.css?v18" rel="stylesheet">
334    <style>[x-cloak]{display:none!important}</style>
335    
335<script src="https://www.ortodoncia.ws/assets/tailwind-local.js"></script>
335
336    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
337    
337<script>
338        // Tailwind CSS configuration for article pages
339        tailwind.config = {
340            darkMode: "class",
341            theme: {
342                extend: {
343                    colors: {
344                        "primary": "#1e40af",
345                        "primary-hover": "#1e3a8a",
346                        "background-light": "#f3f4f6",
347                        "background-dark": "#111827",
348                        "surface-light": "#ffffff",
349                        "surface-dark": "#1f2937",
350                        "text-main": "#1f2937",
351                        "text-sub": "#6b7280",
352                    },
353                    fontFamily: {
354                        "display": ["Open Sans", "sans-serif"]
355                    },
356                    borderRadius: {"DEFAULT": "1rem", "lg": "2rem", "xl": "3rem", "full": "9999px"},
357                },
358            },
359        }
360    </script>
360
361</head>
362<body class="bg-background-light dark:bg-background-dark text-text-main dark:text-gray-100 font-display min-h-screen flex flex-col">
363        <header class="sticky top-0 z-50 bg-white/90 dark:bg-surface-dark/95 backdrop-blur-sm border-b border-gray-200 dark:border-gray-700">
364    <div class="max-w-7xl mx-auto px-4 lg:px-10">
365        <div class="flex items-center justify-between min-h-14 py-2 gap-2">
366            
367            <div class="flex items-center min-w-0">
368                <a class="flex items-center gap-3" href="/">
369                                                                <img src="https://www.ortodoncia.ws/storage/settings/logo-brand.png"
370                             alt="Revista Latinoamericana de Ortodoncia y Odontopediatría"
371                             class="h-10 w-auto object-contain shrink-0">
372                                        <h2 class="text-base sm:text-lg font-bold tracking-tight text-gray-900 dark:text-white leading-tight line-clamp-2">
373                        Revista Latinoamericana de Ortodoncia y Odontopediatría
374                    </h2>
375                </a>
376            </div>
377
378            
379            <div class="flex items-center gap-1 shrink-0">
380                <nav class="hidden lg:flex items-center gap-1">
381                    <a class="px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:text-primary dark:hover:text-blue-400 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/">Inicio</a>
382
383                    
384                    <div class="relative group" id="edicionesMenu">
385                        <a class="inline-flex items-center gap-0.5 px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:text-primary dark:hover:text-blue-400 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="https://www.ortodoncia.ws/publicaciones">
386                            Ediciones
387                            <span class="material-symbols-outlined text-[16px] transition-transform group-hover:rotate-180">expand_more</span>
388                        </a>
389
390                        
391                        <div class="absolute right-0 top-full pt-1 hidden group-hover:flex z-50 w-[480px]">
392                            <div class="w-full flex rounded border border-gray-200 dark:border-gray-700 bg-white dark:bg-surface-dark shadow-xl overflow-hidden">
393
394                                
395                                <div class="w-[200px] shrink-0 border-r border-gray-100 dark:border-gray-700 overflow-y-auto" style="max-height: 360px;">
396                                                                            <button type="button"
397                                                data-vol-id="26"
398                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
399                                            <span>Año 2026 · 2026</span>
400                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
401                                                                                    </button>
402                                                                            <button type="button"
403                                                data-vol-id="1"
404                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
405                                            <span>Año 2025 · 2025</span>
406                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
407                                                                                    </button>
408                                                                            <button type="button"
409                                                data-vol-id="2"
410                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
411                                            <span>Año 2024 · 2024</span>
412                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
413                                                                                    </button>
414                                                                            <button type="button"
415                                                data-vol-id="3"
416                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
417                                            <span>Año 2023 · 2023</span>
418                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
419                                                                                    </button>
420                                                                            <button type="button"
421                                                data-vol-id="4"
422                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
423                                            <span>Año 2022 · 2022</span>
424                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
425                                                                                    </button>
426                                                                            <button type="button"
427                                                data-vol-id="5"
428                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
429                                            <span>Año 2021 · 2021</span>
430                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
431                                                                                    </button>
432                                                                            <button type="button"
433                                                data-vol-id="6"
434                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
435                                            <span>Año 2020 · 2020</span>
436                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
437                                                                                    </button>
438                                                                            <button type="button"
439                                                data-vol-id="7"
440                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
441                                            <span>Año 2019 · 2019</span>
442                                                                                            <sp
442an class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
443                                                                                    </button>
444                                                                            <button type="button"
445                                                data-vol-id="8"
446                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
447                                            <span>Año 2018 · 2018</span>
448                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
449                                                                                    </button>
450                                                                            <button type="button"
451                                                data-vol-id="9"
452                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
453                                            <span>Año 2017 · 2017</span>
454                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
455                                                                                    </button>
456                                                                            <button type="button"
457                                                data-vol-id="10"
458                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
459                                            <span>Año 2016 · 2016</span>
460                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
461                                                                                    </button>
462                                                                            <button type="button"
463                                                data-vol-id="11"
464                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
465                                            <span>Año 2015 · 2015</span>
466                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
467                                                                                    </button>
468                                                                            <button type="button"
469                                                data-vol-id="12"
470                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
471                                            <span>Año 2014 · 2014</span>
472                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
473                                                                                    </button>
474                                                                            <button type="button"
475                                                data-vol-id="13"
476                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
477                                            <span>Año 2013 · 2013</span>
478                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
479                                                                                    </button>
480                                                                            <button type="button"
481                                                data-vol-id="14"
482                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
483                                            <span>Año 2012 · 2012</span>
484                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
485                                                                                    </button>
486                                                                            <button type="button"
487                                                data-vol-id="15"
488                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
489                                            <span>Año 2011 · 2011</span>
490                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
491                                                                                    </button>
492                                                                            <button type="button"
493                                                data-vol-id="16"
494                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
495                                            <span>Año 2010 · 2010</span>
496                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
497                                                                                    </button>
498                                                                            <button type="button"
499                                                data-vol-id="17"
500                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
501                                            <span>Año 2009 · 2009</span>
502                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
503                                                                                    </button>
504                                                                            <button type="button"
505                                                data-vol-id="18"
506                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
507                                            <span>Año 2008 · 2008</span>
508                                                                                            <sp
508an class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
509                                                                                    </button>
510                                                                            <button type="button"
511                                                data-vol-id="19"
512                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
513                                            <span>Año 2007 · 2007</span>
514                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
515                                                                                    </button>
516                                                                            <button type="button"
517                                                data-vol-id="20"
518                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
519                                            <span>Año 2006 · 2006</span>
520                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
521                                                                                    </button>
522                                                                            <button type="button"
523                                                data-vol-id="21"
524                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
525                                            <span>Año 2005 · 2005</span>
526                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
527                                                                                    </button>
528                                                                            <button type="button"
529                                                data-vol-id="22"
530                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
531                                            <span>Año 2004 · 2004</span>
532                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
533                                                                                    </button>
534                                                                            <button type="button"
535                                                data-vol-id="23"
536                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
537                                            <span>Año 2003 · 2003</span>
538                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
539                                                                                    </button>
540                                                                            <button type="button"
541                                                data-vol-id="24"
542                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
543                                            <span>Año 2002 · 2002</span>
544                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
545                                                                                    </button>
546                                                                            <button type="button"
547                                                data-vol-id="25"
548                                                class="vol-btn w-full text-left flex items-center justify-between px-4 py-2 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-primary dark:hover:text-blue-400 transition-colors">
549                                            <span>Año 2001 · 2001</span>
550                                                                                            <span class="material-symbols-outlined text-[13px] text-gray-400">chevron_right</span>
551                                                                                    </button>
552                                                                        <a href="https://www.ortodoncia.ws/publicaciones" class="block px-4 py-2 text-xs text-primary dark:text-blue-400 font-semibold hover:underline border-t border-gray-100 dark:border-gray-700 mt-1">
553                                        Ver todas las ediciones →
554                                    </a>
555                                </div>
556
557                                
558                                <div class="flex-1 p-3" id="edicionesNumbers">
559                                    <p class="text-xs text-gray-400 dark:text-gray-500 italic">Pasa el cursor sobre un volumen</p>
560                                </div>
561                            </div>
562                        </div>
563                    </div>
564
565                    
566                                            <a class="px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:text-primary dark:hover:text-blue-400 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
567                           href="/normas-publicacion">Normas de publicación</a>
568                                            <a class="px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:text-primary dark:hover:text-blue-400 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
569                           href="/arbitaje">Arbitaje</a>
570                                            <a class="px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:text-primary dark:hover:text-blue-400 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
571                           href="/nosotros">Nosotros</a>
572                    
573                    
574                    
574<script id="navVolumesData" type="application/json">[{"id":26,"label":"A\u00f1o 2026 \u00b7 2026","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2026","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2026"}]},{"id":1,"label":"A\u00f1o 2025 \u00b7 2025","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2025","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2025"}]},{"id":2,"label":"A\u00f1o 2024 \u00b7 2024","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2024","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2024"}]},{"id":3,"label":"A\u00f1o 2023 \u00b7 2023","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2023","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2023"}]},{"id":4,"label":"A\u00f1o 2022 \u00b7 2022","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2022","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2022"}]},{"id":5,"label":"A\u00f1o 2021 \u00b7 2021","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2021","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2021"}]},{"id":6,"label":"A\u00f1o 2020 \u00b7 2020","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2020","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2020"}]},{"id":7,"label":"A\u00f1o 2019 \u00b7 2019","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2019","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2019"}]},{"id":8,"label":"A\u00f1o 2018 \u00b7 2018","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2018","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2018"}]},{"id":9,"label":"A\u00f1o 2017 \u00b7 2017","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2017","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2017"}]},{"id":10,"label":"A\u00f1o 2016 \u00b7 2016","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2016","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2016"}]},{"id":11,"label":"A\u00f1o 2015 \u00b7 2015","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2015","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2015"}]},{"id":12,"label":"A\u00f1o 2014 \u00b7 2014","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2014","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2014"}]},{"id":13,"label":"A\u00f1o 2013 \u00b7 2013","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2013","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2013"}]},{"id":14,"label":"A\u00f1o 2012 \u00b7 2012","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2012","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2012"}]},{"id":15,"label":"A\u00f1o 2011 \u00b7 2011","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2011","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2011"}]},{"id":16,"label":"A\u00f1o 2010 \u00b7 2010","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2010","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2010"}]},{"id":17,"label":"A\u00f1o 2009 \u00b7 2009","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2009","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2009"}]},{"id":18,"label":"A\u00f1o 2008 \u00b7 2008","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2008","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2008"}]},{"id":19,"label":"A\u00f1o 2007 \u00b7 2007","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2007","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2007"}]},{"id":20,"label":"A\u00f1o 2006 \u00b7 2006","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2006","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2006"}]},{"id":21,"label":"A\u00f1o 2005 \u00b7 2005","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2005","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2005"}]},{"id":22,"label":"A\u00f1o 2004 \u00b7 2004","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2004","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2004"}]},{"id":23,"label":"A\u00f1o 2003 \u00b7 2003","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2003","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2003"}]},{"id":24,"label":"A\u00f1o 2002 \u00b7 2002","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2002","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2002"}]},{"id":25,"label":"A\u00f1o 2001 \u00b7 2001","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2001","numbers":[{"label":"N\u00famero 1","url":"https:\/\/www.ortodoncia.ws\/publicaciones\/2001"}]}]</script>
574
575                </nav>
576
577                
578                <span class="relative" x-data="{ tip: false }">
579                <button id="themeToggle" class="p-2 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-full transition" @mouseenter="tip=true" @mouseleave="tip=false" @focus="tip=true" @blur="tip=false">
580                    <span id="themeIcon" class="material-symbols-outlined">dark_mode</span>
581                </button>
582                <span x-show="tip" x-transition:enter="transition-opacity duration-150" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-opacity duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="pointer-events-none absolute top-full left-1/2 -translate-x-1/2 mt-2 rounded bg-[#243768] px-2 py-1 text-[11px] text-white whitespace-nowrap z-20">
583                    <span class="dark:hidden">Cambiar a modo oscuro</span>
584                    <span class="hidden dark:inline">Cambiar a modo claro</span>
585                </span>
586                </span>
587
588                
589                <button id="mobileMenuBtn" class="lg:hidden p-2 text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full" aria-label="Menú">
590                    <span class="material-symbols-outlined">menu</span>
591                </button>
592            </div>
593        </div>
594    </div>
595
596    
597    <div id="mobileMenu" class="hidden lg:hidden border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-surface-dark px-4 py-3 space-y-1">
598        <a class="block px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800" href="/">Inicio</a>
599        <a class="block px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800" href="https://www.ortodoncia.ws/publicaciones">Ediciones</a>
600                    <a class="block px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800"
601               href="/normas-publicacion">Normas de publicación</a>
602                    <a class="block px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800"
603               href="/arbitaje">Arbitaje</a>
604                    <a class="block px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800"
605               href="/nosotros">Nosotros</a>
606            </div>
607
608    
608<script>
609    (function(){
610        const btn   = document.getElementById('mobileMenuBtn');
611        const panel = document.getElementById('mobileMenu');
612        if (!btn || !panel) return;
613        btn.addEventListener('click', () => panel.classList.toggle('hidden'));
614    })();
615    </script>
615
616</header>
617    <div class="flex-1 w-full bg-[#f3f4f6] dark:bg-[#0b1220]">
618    <div class="max-w-7xl mx-auto w-full bg-white dark:bg-surface-dark shadow-[0_4px_20px_-8px_rgba(15,23,42,0.12)] px-4 md:px-8 lg:px-10 py-6 lg:py-8">
619
620        
621        <form action="https://www.ortodoncia.ws/search" method="GET" class="mb-6 w-full flex items-center gap-2">
622    <input type="text" name="q" value="" class="w-full rounded-md border border-slate-300 px-4 py-2 text-sm focus:ring focus:ring-sky-200" placeholder="Buscar artículos..." required>
623    <button type="submit" class="inline-flex items-center gap-2 rounded-md bg-[#243768] text-white px-4 py-2 text-sm font-semibold hover:bg-[#0f223f] transition-colors shrink-0">
624        <span class="material-symbols-outlined text-[18px]">search</span>
625        Buscar
626    </button>
627</form>
628
629        
630        
631        
632                <div class="home-slider" id="homeSlider">
633            <div class="home-slides-track" id="homeTrack">
634                                    <div class="home-slide" data-index="0">
635                <a href="https://www.ortodoncia.ws/publicaciones/2026/art-16" class="home-slide-inner block" style="text-decoration:none;">
636                                            <img src="https://www.ortodoncia.ws/storage/articles/818/art-16-featured.jpg" alt="Planos de referencia para el posicionamiento del maxilar superior en Cirugía Ortognática" loading="eager">
637                    
638                                            <span class="home-slide-category">Revisión de la Literatura</span>
639                    
640                    <div class="home-slide-body">
641                        <h2 class="home-slide-title">Planos de referencia para el posicionamiento del maxilar superior en Cirugía Ortognática</h2>
642                                                    <p class="home-slide-authors">Kevin Lenin Lalangui Felicita, María Esthela Litardo Ochoa, Erika Cristina Castro Espinoza, Vinicio Barzallo Sardi</p>
643                                                                        <span class="home-slide-audio-badge">
644                            <span class="material-symbols-outlined" style="font-size:.9rem;line-height:1;">headphones</span>
645                            Audio
646                        </span>
647                                                <span class="home-slide-btn">
648                            <span class="material-symbols-outlined" style="font-size:1rem;">open_in_new</span>
649                            Ver publicación
650                        </span>
651                    </div>
652                </a>
653            </div>
654                                    <div class="home-slide" data-index="1">
655                <a href="https://www.ortodoncia.ws/publicaciones/2026/art-15" class="home-slide-inner block" style="text-decoration:none;">
656                                            <img src="https://www.ortodoncia.ws/storage/articles/817/art-15-featured.jpg" alt="La pandemia silenciosa: Análisis de la carga mundial de las enfermedades bucodentales y su impacto como entidad nosológica prioritaria" loading="lazy">
657                    
658                                            <span class="home-slide-category">Revisión de la Literatura</span>
659                    
660                    <div class="home-slide-body">
661                        <h2 class="home-slide-title">La pandemia silenciosa: Análisis de la carga mundial de las enfermedades bucodentales y su impacto como entidad nosológica prioritaria</h2>
662                                                    <p class="home-slide-authors">Dr. Attilio J. Radomile M.</p>
663                                                                        <span class="home-slide-audio-badge">
664                            <span class="material-symbols-outlined" style="font-size:.9rem;line-height:1;">headphones</span>
665                            Audio
666                        </span>
667                                                <span class="home-slide-btn">
668                            <span class="material-symbols-outlined" style="font-size:1rem;">open_in_new</span>
669                            Ver publicación
670                        </span>
671                    </div>
672                </a>
673            </div>
674                                    <div class="home-slide" data-index="2">
675                <a href="https://www.ortodoncia.ws/publicaciones/2026/art-17" class="home-slide-inner block" style="text-decoration:none;">
676                                            <img src="https://www.ortodoncia.ws/storage/articles/819/art-17-featured.jpg" alt="Modificación del morfotipo óseo en ortodoncia: fundamentos biológicos, límites terapéuticos y evidencia actual" loading="lazy">
677                    
678                                            <span class="home-slide-category">Revisión de la Literatura</span>
679                    
680                    <div class="home-slide-body">
681                        <h2 class="home-slide-title">Modificación del morfotipo óseo en ortodoncia: fundamentos biológicos, límites terapéuticos y evidencia actual</h2>
682                                                    <p class="home-slide-authors">Josselyn Fernanda Riofrío Idrobo, Priscila Elizabeth Patiño Ortiz, Joselyn Milena Mora Guevara, Dennis Stalin Ramón Villa, Vinicio Barzallo Sardi</p>
683                                                                        <span class="home-slide-audio-badge">
684                            <span class="material-symbols-outlined" style="font-size:.9rem;line-height:1;">headphones</span>
685                            Audio
686                        </span>
687                                                <span class="home-slide-btn">
688                            <span class="material-symbols-outlined" style="font-size:1rem;">open_in_new</span>
689                            Ver publicación
690                        </span>
691                    </div>
692                </a>
693            </div>
694            
695            </div>
696
697                        <button class="slider-arrow prev" id="sliderPrev" aria-label="Anterior">
698                <span class="material-symbols-outlined" style="font-size:1.1rem;">chevron_left</span>
699            </button>
700            <button class="slider-arrow next" id="sliderNext" aria-label="Siguiente">
701                <span class="material-symbols-outlined" style="font-size:1.1rem;">chevron_right</span>
702            </button>
703            <div class="slider-dots" id="sliderDots">
704                                    <button class="slider-dot active" data-target="0" aria-label="Ir a slide 1"></button>
705                                    <button class="slider-dot " data-target="1" aria-label="Ir a slide 2"></button>
706                                    <button class="slider-dot " data-target="2" aria-label="Ir a slide 3"></button>
707                            </div>
708                    </div>
709        
710        
711        
712        
713                <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-10">
714                                    <a href="https://www.ortodoncia.ws/publicaciones/2026/art-14" class="featured-card">
715                                    <img src="https://www.ortodoncia.ws/storage/articles/816/art-14-featured.jpg" alt="Análisis de la morfometría radicular de las premolares mandibulares en las maloclusiones" class="featured-card-img" loading="lazy">
716                                <div class="featured-card-body">
717                                            <div class="featured-card-category">Artículo original</div>
718                                        <div class="featured-card-title">Análisis de la morfometría radicular de las premolares mandibulares en las maloclusiones</div>
719                                            <div class="featured-card-authors">Luis Roberto López Valdez, Jaime Fabián Gutiérrez-Rojo, Miguel Villegas Vivanco</div>
720                                                            <div class="mt-2">
721                        <span class="inline-flex items-center gap-1 text-[11px] font-semibold text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800/40 px-2 py-0.5 rounded-sm">
722                            <span class="material-symbols-outlined" style="font-size:13px;line-height:1;">headphones</span>
723                            Audio
724                        </span>
725                    </div>
726                                    </div>
727            </a>
728                                    <a href="https://www.ortodoncia.ws/publicaciones/2026/art-13" class="featured-card">
729                                    <img src="https://www.ortodoncia.ws/storage/articles/815/art-13-featured.jpg" alt="Eficacia de la ortopedia prequirúrgica funcional y el flujo digital en el manejo de la Hendidura Labio Palatina: Revisión de la literatura" class="featured-card-img" loading="lazy">
730                                <div class="featured-card-body">
731                                            <div class="featured-card-category">Revisión de la Literatura</div>
732                                        <div class="featured-card-title">Eficacia de la ortopedia prequirúrgica funcional y el flujo digital en el manejo de la Hendidura Labio Palatina: Revisión de la literatura</div>
733                                            <div class="featured-card-authors">Mireya Rojas, María Hilde Torres, Elena Zavarce, Ysabel Zamudio</div>
734                                                            <div class="mt-2">
735                        <span class="inline-flex items-center gap-1 text-[11px] font-semibold text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800/40 px-2 py-0.5 rounded-sm">
736                            <span class="material-symbols-outlined" style="font-size:13px;line-height:1;">headphones</span>
737                            Audio
738                        </span>
739                    </div>
740                                    </div>
741            </a>
742                                    <a href="https://www.ortodoncia.ws/publicaciones/2026/art-12" class="featured-card">
743                                    <img src="https://www.ortodoncia.ws/storage/articles/814/art-12-featured.jpg" alt="Eficacia de diferentes métodos de limpieza y/o desinfección en la reducción de la carga microbiana en alineadores plásticos de pacientes de ortodoncia" class="featured-card-img" loading="lazy">
744                                <div class="featured-card-body">
745                                            <div class="featured-card-category">Artículo original</div>
746                                        <div class="featured-card-title">Eficacia de diferentes métodos de limpieza y/o desinfección en la reducción de la carga microbiana en alineadores plásticos de pacientes de ortodoncia</div>
747                                            <div class="featured-card-authors">María Alejandra Ahumada Aguirre, Mónica Katerine Lozada Cedeño, Paula Andrea Restrepo Ceballos, Jorge Eduardo Barrera Rodríguez, Adalucy Álvarez Aldana</div>
748                                                            <div class="mt-2">
749                        <span class="inline-flex items-center gap-1 text-[11px] font-semibold text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800/40 px-2 py-0.5 rounded-sm">
750                            <span class="material-symbols-outlined" style="font-size:13px;line-height:1;">headphones</span>
751                            Audio
752                        </span>
753                    </div>
754                                    </div>
755            </a>
756                                    <a href="https://www.ortodoncia.ws/publicaciones/2026/art-11" class="featured-card">
757                                    <img src="https://www.ortodoncia.ws/storage/articles/813/art-11-featured.jpg" alt="Uso de elásticos intermaxilares y su impacto sobre la articulación temporomandibular: revisión de la evidencia disponible" class="featured-card-img" loading="lazy">
758                                <div class="featured-card-body">
759                                            <div class="featured-card-category">Revisión de la Literatura</div>
760                                        <div class="featured-card-title">Uso de elásticos intermaxilares y su impacto sobre la articulación temporomandibular: revisión de la evidencia disponible</div>
761                                            <div class="featured-card-authors">Felipe Sánchez Farías, Germán Hempel Souper</div>
762                                                            <div class="mt-2">
763                        <span class="inline-flex items-center gap-1 text-[11px] font-semibold text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800/40 px-2 py-0.5 rounded-sm">
764                            <span class="material-symbols-outlined" style="font-size:13px;line-height:1;">headphones</span>
765                            Audio
766                        </span>
767                    </div>
768                                    </div>
769            </a>
770                    </div>
771        
772        
773        
774        
775                <div class="article-list-section flex flex-col gap-3">
776                                    <a href="https://www.ortodoncia.ws/publicaciones/2026/art-10" class="article-list-item">
777                                    <img src="https://www.ortodoncia.ws/storage/articles/812/art-10-featured.jpg" alt="" class="article-list-thumb" loading="lazy">
778                                <div class="article-list-content">
779                                            <div class="article-list-category">Revisión Narrativa</div>
780                                        <div class="article-list-title">Maloclusión Clase II división 1: actualización basada en evidencia del diagnóstico y tratamiento ortodóncico. Revisión narrativa de la literatura</div>
781                                            <div class="article-list-authors">Manuel Estuardo Bravo Calderón, María Paz Montero Iturralde, Natalia Valentina Rodas Banderas, Claudio Marcelo Buestan Castillo, Doménica Maaylin Vélez Astudillo, Doménica Rashell López Tigre, Juan Diego Alvarado Calle</div>
782                                                            <div class="mt-1.5">
783                        <span class="inline-flex items-center gap-1 text-[11px] font-semibold text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800/40 px-2 py-0.5 rounded-sm">
784                            <span class="material-symbols-outlined" style="font-size:13px;line-height:1;">headphones</span>
785                            Audio
786                        </span>
787                    </div>
788                                    </div>
789            </a>
790                                    <a href="https://www.ortodoncia.ws/publicaciones/2026/art-9" class="article-list-item">
791                                    <img src="https://www.ortodoncia.ws/storage/articles/811/art-9-featured.jpg" alt="" class="article-list-thumb" loading="lazy">
792                                <div class="article-list-content">
793                                            <div class="article-list-category">Revisión Narrativa</div>
794                                        <div class="article-list-title">Manejo Clínico de la clase III en dentición mixta. Revisión Narrativa de la Literatura</div>
795                                            <div class="article-list-authors">Angélica Mariana Cabrera Quezada, Adonis Adrián Bustamante Arichavala, Josseline Anabel Acosta Gómez, Tamia Paulina Chacón Badillo, Emily Arianna Farías de la Rosa, Eddy Mateo Jiménez Valdiviezo, Manuel Estuardo Bravo Calderón</div>
796                                                            <div class="mt-1.5">
797                        <span class="inline-flex items-center gap-1 text-[11px] font-semibold text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800/40 px-2 py-0.5 rounded-sm">
798                            <span class="material-symbols-outlined" style="font-size:13px;line-height:1;">headphones</span>
799                            Audio
800                        </span>
801                    </div>
802                                    </div>
803            </a>
804                                    <a href="https://www.ortodoncia.ws/publicaciones/2026/art-8" class="article-list-item">
805                                    <img src="https://www.ortodoncia.ws/storage/articles/810/art-8-featured.jpg" alt="" class="article-list-thumb" loading="lazy">
806                                <div class="article-list-content">
807                                            <div class="article-list-category">Revisión Narrativa</div>
808                                        <div class="article-list-title">Maloclusión Clase I de Angle: actualización del diagnóstico, planificación terapéutica y manejo clínico. Revisión narrativa de la literatura</div>
809                                            <div class="article-list-authors">Manuel Estuardo Bravo Calderón, Catalina de los Ángeles Macas Soto, Valeria Elizabeth Andrango Bravo, Natasha Anahí Chacán Cabrera, Ismael Diego Alarcón Rengel, Victor Hugo Jiménez Jiménez, Diana Lissette Coellar Cruzna</div>
810                                                            <div class="mt-1.5">
811                        <span class="inline-flex items-center gap-1 text-[11px] font-semibold text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800/40 px-2 py-0.5 rounded-sm">
812                            <span class="material-symbols-outlined" style="font-size:13px;line-height:1;">headphones</span>
813                            Audio
814                        </span>
815                    </div>
816                                    </div>
817            </a>
818                                    <a href="https://www.ortodoncia.ws/publicaciones/2026/art-7" class="article-list-item">
819                                    <img src="https://www.ortodoncia.ws/storage/articles/809/art-7-featured.jpg" alt="" class="article-list-thumb" loading="lazy">
820                                <div class="article-list-content">
821                                            <div class="article-list-category">Revisión de la Literatura</div>
822                                        <div class="article-list-title">Manejo clínico de la mordida abierta anterior en dentición mixta: Revisión de la literatura</div>
823                                            <div class="article-list-authors">Elina Nathaly Jiménez Chillogalli, Leidy Mariuxi Quiroga Coronel, Adrián Danilo Mena Tapia, Estefanía Margarita Orbe Tobar, Gianella Silvana Aucay Molina, Paula Marcela Alvarado Illescas, Zaida Patricia Criollo Gallardo, Manuel Estuardo Bravo</div>
824                                                            <div class="mt-1.5">
825                        <span class="inline-flex items-center gap-1 text-[11px] font-semibold text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800/40 px-2 py-0.5 rounded-sm">
826                            <span class="material-symbols-outlined" style="font-size:13px;line-height:1;">headphones</span>
827                            Audio
828                        </span>
829                    </div>
830                                    </div>
831            </a>
832                                    <a href="https://www.ortodoncia.ws/publicaciones/2026/art-6" class="article-list-item">
833                                    <img src="https://www.ortodoncia.ws/storage/articles/808/art-6-featured.jpg" alt="" class="article-list-thumb" loading="lazy">
834                                <div class="article-list-content">
835                                            <div class="article-list-category">Revisión de la Literatura</div>
836                                        <div class="article-list-title">Exodoncia seriada en dentición mixta: evidencia actual y consideraciones para la toma de decisiones clínicas. Revisión narrativa de la literatura</div>
837                                            <div class="article-list-authors">Sharys Analí Urgilés Pacheco, Diana Estefania Torres Vasquez, Natalia Cristina Ochoa Japa, Leyri Laura Espinoza Apolo, Kevin Alexander Llivicura Curillo, Bryan David Díaz Inga, Hillary Nayelly Vélez Sarmiento, Manuel Estuardo Bravo Calderón</div>
838                                                            <div class="mt-1.5">
839                        <span class="inline-flex items-center gap-1 text-[11px] font-semibold text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800/40 px-2 py-0.5 rounded-sm">
840                            <span class="material-symbols-outlined" style="font-size:13px;line-height:1;">headphones</span>
841                            Audio
842                        </span>
843                    </div>
844                                    </div>
845            </a>
846                                    <a href="https://www.ortodoncia.ws/publicaciones/2026/art-5" class="article-list-item">
847                                    <img src="https://www.ortodoncia.ws/storage/articles/807/art-5-featured.jpg" alt="" class="article-list-thumb" loading="lazy">
848                                <div class="article-list-content">
849                                            <div class="article-list-category">Revisión de la Literatura</div>
850                                        <div class="article-list-title">Síndrome de “text neck” en niños y adolescentes: impacto craneocervicofacial, temporomandibular y sistémico</div>
851                                            <div class="article-list-authors">María Cristina Aguilera-Monroy, Victoria Arnias, Mercedes Carrasquel, Virginia Montilla-Puente, Gerardo Puente, Tibisay Sánchez</div>
852                                                            <div class="mt-1.5">
853                        <span class="inline-flex items-center gap-1 text-[11px] font-semibold text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800/40 px-2 py-0.5 rounded-sm">
854                            <span class="material-symbols-outlined" style="font-size:13px;line-height:1;">headphones</span>
855                            Audio
856                        </span>
857                    </div>
858                                    </div>
859            </a>
860                                    <a href="https://www.ortodoncia.ws/publicaciones/2026/art-4" class="article-list-item">
861                                    <img src="https://www.ortodoncia.ws/storage/articles/556/art-4-featured.jpg" alt="" class="article-list-thumb" loading="lazy">
862                                <div class="article-list-content">
863                                            <div class="article-list-category">Artículo original</div>
864                                        <div class="article-list-title">Diseño de pauta de riesgo de desarrollar maloclusiones en niños de 2 a 6 años, Centro de Salud Familiar Dr. Victor M. Fernández, Concepción, Chile, 2025</div>
865                                            <div class="article-list-authors">Jessica Cortés D., Paulina De La Jara R., Alberto Marchant, Víctor Norambuena, Lorena Espinosa</div>
866                                                            <div class="mt-1.5">
867                        <span class="inline-flex items-center gap-1 text-[11px] font-semibold text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800/40 px-2 py-0.5 rounded-sm">
868                            <span class="material-symbols-outlined" style="font-size:13px;line-height:1;">headphones</span>
869                            Audio
870                        </span>
871                    </div>
872                                    </div>
873            </a>
874                    </div>
875        
876    </div>
877</div>
878
879<script>
880(function () {
881    const slider    = document.getElementById('homeSlider');
882    const track     = document.getElementById('homeTrack');
883    const dots      = document.getElementById('sliderDots');
884    const prevBtn   = document.getElementById('sliderPrev');
885    const nextBtn   = document.getElementById('sliderNext');
886    if (!slider || !track) return;
887
888    const slides    = Array.from(track.querySelectorAll('.home-slide'));
889    const dotBtns   = dots ? Array.from(dots.querySelectorAll('.slider-dot')) : [];
890    let current     = 0;
891    let timer       = null;
892
893    function goTo(n) {
894        if (dotBtns[current]) dotBtns[current].classList.remove('active');
895        current = (n + slides.length) % slides.length;
896        track.style.transform = `translateX(-${current * 100}%)`;
897        if (dotBtns[current]) dotBtns[current].classList.add('active');
898    }
899
900    function startAuto() {
901        timer = setInterval(() => goTo(current + 1), 5000);
902    }
903    function stopAuto() {
904        clearInterval(timer);
905    }
906
907    if (prevBtn) prevBtn.addEventListener('click', () => { stopAuto(); goTo(current - 1); startAuto(); });
908    if (nextBtn) nextBtn.addEventListener('click', () => { stopAuto(); goTo(current + 1); startAuto(); });
909    dotBtns.forEach((btn, i) => btn.addEventListener('click', () => { stopAuto(); goTo(i); startAuto(); }));
910
911    // Touch & pointer drag support
912    let dragStartX = 0;
913    let isDragging = false;
914    let dragMoved  = false;
915
916    function onDragStart(x) { dragStartX = x; isDragging = true; dragMoved = false; track.style.transition = 'none'; }
917    function onDragMove(x)  { if (!isDragging) return; const diff = dragStartX - x; if (Math.abs(diff) > 5) dragMoved = true; track.style.transform = `translateX(calc(-${current * 100}% - ${diff}px))`; }
918    function onDragEnd(x)   {
919        if (!isDragging) return;
920        isDragging = false;
921        track.style.transition = '';
922        const diff = dragStartX - x;
923        if (Math.abs(diff) > 50) { stopAuto(); goTo(current + (diff > 0 ? 1 : -1)); startAuto(); }
924        else { track.style.transform = `translateX(-${current * 100}%)`; }
925    }
926
927    // Touch
928    slider.addEventListener('touchstart',  e => onDragStart(e.touches[0].clientX), { passive: true });
929    slider.addEventListener('touchmove',   e => onDragMove(e.touches[0].clientX),  { passive: true });
930    slider.addEventListener('touchend',    e => onDragEnd(e.changedTouches[0].clientX));
931
932    // Mouse/pointer
933    slider.addEventListener('mousedown',   e => { e.preventDefault(); onDragStart(e.clientX); });
934    window.addEventListener('mousemove',   e => { if (isDragging) onDragMove(e.clientX); });
935    window.addEventListener('mouseup',     e => { if (isDragging) onDragEnd(e.clientX); });
936    // Prevent click on links when dragging
937    slider.addEventListener('click', e => { if (dragMoved) e.preventDefault(); }, true);
938
939    if (slides.length > 1) startAuto();
940})();
941</script>
941
942        <div class="bg-background-light dark:bg-background-dark">
943    <div class="max-w-7xl mx-auto w-full bg-white dark:bg-surface-dark shadow-[0_4px_20px_-8px_rgba(15,23,42,0.12)] px-4 md:px-8 lg:px-10 py-6 space-y-6">
944        <p class="text-center text-sm font-semibold text-gray-500 dark:text-slate-400 uppercase tracking-widest">Indexación y presencia académica &mdash; Revista Latinoamericana de Ortodoncia y Odontopediatría</p>
945                <div>
946            <p class="text-center text-xs uppercase tracking-widest text-gray-500 dark:text-slate-400 mb-4">
947                Bases de Datos
948            </p>
949            <div class="flex flex-wrap justify-center items-center gap-8">
950                                                        <span title="DOAJ" class="footer-indexer-logo">
951                        <img src="https://www.ortodoncia.ws/storage/indexers/2/logo.png"
952                             alt="DOAJ"
953                             class="h-6 w-auto object-contain">
954                    </span>
955                                                                            <span title="Latindex" class="footer-indexer-logo">
956                        <img src="https://www.ortodoncia.ws/storage/indexers/1/logo.png"
957                             alt="Latindex"
958                             class="h-6 w-auto object-contain">
959                    </span>
960                                                </div>
961        </div>
962                <div>
963            <p class="text-center text-xs uppercase tracking-widest text-gray-500 dark:text-slate-400 mb-4">
964                Declaraciones, herramientas electrónicas y redes sociales
965            </p>
966            <div class="flex flex-wrap justify-center items-center gap-8">
967                                                        <span title="ISSN" class="footer-indexer-logo">
968                        <img src="https://www.ortodoncia.ws/storage/indexers/3/logo.png"
969                             alt="ISSN"
970                             class="h-6 w-auto object-contain">
971                    </span>
972                                                </div>
973        </div>
974            </div>
975</div>
976
977<footer class="bg-[#1f2937] text-slate-300 text-sm">
978    <div class="max-w-6xl mx-auto px-4 lg:px-10 py-8 text-center space-y-1.5">
979                    <p class="text-slate-200">Revista Latinoamericana de Ortodoncia y Odontopediatría</p>
980        
981                    <p class="hidden sm:block">
982                Depósito Legal Nº: pp200102CS997                 -                 ISSN: 1317-5823                                                                            </p>
983            <div class="sm:hidden flex flex-col items-center gap-0.5">
984                <p>Depósito Legal Nº: pp200102CS997</p>                <p>ISSN: 1317-5823</p>                                            </div>
985        
986        
987        
988        
989        <div class="pt-6 flex flex-col items-center gap-2">
990            <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank"><img alt="Licencia de Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png" /></a><br />Esta obra está bajo una <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank">licencia de Creative Commons Reconocimiento-NoComercial-SinDerivadas 4.0 Internacional</a></p>
991        </div>
992
993        <div class="pt-6 flex flex-col items-center gap-2">
994            <span class="text-slate-300">Powered by</span>
995            <a href="https://www.nexusradical.com" target="_blank" class="inline-block">
996                <img src="https://www.ortodoncia.ws/images/nexus-radical.png" alt="Nexus Radical">
997            </a>
998        </div>
999    </div>
1000</footer>
1001<style>
1002    /* Light mode: grayscale at rest, full color on hover */
1003    .footer-indexer-logo img {
1004        filter: grayscale(100%) opacity(0.55);
1005        transition: filter 0.25s ease;
1006    }
1007    .footer-indexer-logo:hover img,
1008    .footer-indexer-logo:focus img {
1009        filter: grayscale(0%) opacity(1);
1010    }
1011
1012    /* Dark mode: invert to white silhouettes at rest, full color on hover */
1013    html.dark .footer-indexer-logo img {
1014        filter: grayscale(100%) invert(1) opacity(0.6);
1015    }
1016    html.dark .footer-indexer-logo:hover img,
1017    html.dark .footer-indexer-logo:focus img {
1018        filter: grayscale(0%) invert(0) opacity(1);
1019    }
1020</style>
1021    
1021<script src="https://www.ortodoncia.ws/assets/article.js?v=1783600761" defer></script>
1021
1022    
1022<script src="https://www.ortodoncia.ws/assets/article-page.js?v=1781962929" defer></script>
1022
1023        <button id="globalScrollToTop" type="button" class="global-scroll-to-top" aria-label="Go to top" title="Go to top">
1024  <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
1025    <path d="M12 5l-7 7 1.4 1.4L11 8.8V19h2V8.8l4.6 4.6L19 12z" />
1026  </svg>
1027</button>
1028
1029<style>
1030  .global-scroll-to-top {
1031    position: fixed;
1032    right: 1.25rem;
1033    bottom: 1.25rem;
1034    width: 3rem;
1035    height: 3rem;
1036    border: 0;
1037    border-radius: 9999px;
1038    background: #243768;
1039    color: #ffffff;
1040    display: inline-flex;
1041    align-items: center;
1042    justify-content: center;
1043    box-shadow: 0 10px 20px rgba(36, 55, 104, 0.35);
1044    cursor: pointer;
1045    z-index: 1060;
1046    opacity: 0;
1047    visibility: hidden;
1048    transform: translateY(10px);
1049    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease, background-color 0.2s ease;
1050  }
1051
1052  /* En móvil: abajo de la pantalla, alineado con el botón de adelantar */
1053  @media (max-width: 1023px) {
1054    .global-scroll-to-top {
1055      right: 0.375rem;
1056      bottom: 1.25rem;
1057      top: auto;
1058      width: 2.75rem;
1059      height: 2.75rem;
1060    }
1061  }
1062
1063  .global-scroll-to-top:hover {
1064    background: #1a2950;
1065  }
1066
1067  .global-scroll-to-top:focus-visible {
1068    outline: 2px solid #93c5fd;
1069    outline-offset: 2px;
1070  }
1071
1072  .global-scroll-to-top.is-visible {
1073    opacity: 1;
1074    visibility: visible;
1075    transform: translateY(0);
1076  }
1077
1078  .global-scroll-to-top svg {
1079    width: 1.4rem;
1080    height: 1.4rem;
1081    fill: currentColor;
1082  }
1083</style>
1084
1085<script>
1086  (() => {
1087    const button = document.getElementById('globalScrollToTop');
1088    if (!button) return;
1089
1090    const hasOpenModal = () => {
1091      if (document.querySelector('.modal-backdrop.show')) {
1092        return true;
1093      }
1094
1095      const modals = document.querySelectorAll('.modal');
1096      for (const modal of modals) {
1097        const inlineStyle = modal.getAttribute('style') || '';
1098        const isVisibleByClass = modal.classList.contains('show') || modal.classList.contains('d-block');
1099        const isVisibleByStyle = /display\s*:\s*block/i.test(inlineStyle);
1100        const isVisibleByAria = modal.getAttribute('aria-hidden') === 'false';
1101        const isVisibleByComputed = window.getComputedStyle(modal).display === 'block';
1102
1103        if (isVisibleByClass || isVisibleByStyle || isVisibleByAria || isVisibleByComputed) {
1104          return true;
1105        }
1106      }
1107
1108      return false;
1109    };
1110
1111    const updateVisibility = () => {
1112      if (hasOpenModal()) {
1113        button.classList.remove('is-visible');
1114        return;
1115      }
1116
1117      if (window.scrollY > 220) {
1118        button.classList.add('is-visible');
1119      } else {
1120        button.classList.remove('is-visible');
1121      }
1122    };
1123
1124    button.addEventListener('click', () => {
1125      window.scrollTo({ top: 0, behavior: 'smooth' });
1126    });
1127
1128    window.addEventListener('scroll', updateVisibility, { passive: true });
1129    window.addEventListener('resize', updateVisibility, { passive: true });
1130    document.addEventListener('shown.bs.modal', updateVisibility);
1131    document.addEventListener('hidden.bs.modal', updateVisibility);
1132
1133    // Livewire/custom modal lifecycle events used in admin pages.
1134    window.addEventListener('modal-opened', updateVisibility);
1135    window.addEventListener('modal-closed', updateVisibility);
1136    window.addEventListener('modal-image-opened', updateVisibility);
1137    window.addEventListener('modal-image-closed', updateVisibility);
1138    window.addEventListener('modal-summary-opened', updateVisibility);
1139    window.addEventListener('modal-summary-closed', updateVisibility);
1140
1141    // Some modals toggle classes/styles in the same tick.
1142    const deferredUpdate = () => setTimeout(updateVisibility, 50);
1143    window.addEventListener('modal-opened', deferredUpdate);
1144    window.addEventListener('modal-closed', deferredUpdate);
1145    document.addEventListener('shown.bs.modal', deferredUpdate);
1146    document.addEventListener('hidden.bs.modal', deferredUpdate);
1147
1148    updateVisibility();
1149  })();
1150</script>
1150
1151    
1151<script >
1152    console.warn('Livewire: The published Livewire assets are out of date\n See: https://livewire.laravel.com/docs/installation#publishing-livewires-frontend-assets')
1153</script>
vendor: 1 bytes, line 1153
1153
1154<script src="https://www.ortodoncia.ws/vendor/livewire/livewire.min.js?id=df3a17f2"   data-csrf="iZoOiE6suoDTEvB0EPB3h8XE8BGc0O3Pwc0dw5Hs" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1154
1155    
1156    
1156<script>
1157    (function applyCKImageStyles() {
1158        const styleMap = {
1159            'image-style-align-left':        'float:left !important;margin-right:1.5em !important;margin-left:0 !important;clear:left !important;display:table !important;',
1160            'image-style-align-right':       'float:right !important;margin-left:1.5em !important;margin-right:0 !important;clear:right !important;display:table !important;',
1161            'image-style-align-center':      'float:none !important;margin-left:auto !important;margin-right:auto !important;display:table !important;',
1162            'image-style-block':             'float:none !important;display:block !important;width:100% !important;',
1163            'image-style-side':              'float:right !important;width:40% !important;margin-left:1.5em !important;display:table !important;',
1164            'image-style-block-align-left':  'float:none !important;display:block !important;margin-left:0 !important;margin-right:auto !important;',
1165            'image-style-block-align-right': 'float:none !important;display:block !important;margin-left:auto !important;margin-right:0 !important;',
1166        };
1167
1168        function apply() {
1169            // Solo actuar en figure.image que tienen una clase de estilo explícita
1170            Object.entries(styleMap).forEach(([cls, css]) => {
1171                document.querySelectorAll('figure.image.' + cls).forEach(fig => {
1172                    fig.style.cssText += css;
1173                    // Asegurar que la imagen dentro no rompa el layout
1174                    const img = fig.querySelector('img');
1175                    if (img) {
1176                        img.style.setProperty('max-width', '100%', 'important');
1177                        img.style.setProperty('height', 'auto', 'important');
1178                        img.style.setProperty('display', 'block', 'important');
1179                    }
1180                });
1181            });
1182
1183            // Clearfix simple en contenedores
1184            document.querySelectorAll('.edition, .page-content').forEach(el => {
1185                el.style.setProperty('overflow', 'auto', '');
1186            });
1187        }
1188
1189        if (document.readyState === 'loading') {
1190            document.addEventListener('DOMContentLoaded', () => setTimeout(apply, 50));
1191        } else {
1192            setTimeout(apply, 50);
1193        }
1194    })();
1195    </script>
vendor: 1 bytes, line 1195
1195
1196<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"65a4fdf4fece42e8af09f60d284c8dbe","r":1,"spa":2}' crossorigin="anonymous"></script>
1196
1197</body>
1198</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.