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&display=swap" rel="stylesheet"/> 332 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,[email protected],0..1&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 — 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.