{"id":7,"date":"2026-10-15T06:16:37","date_gmt":"2026-10-15T06:16:37","guid":{"rendered":"https:\/\/autoservicionaranjo.com\/?page_id=7"},"modified":"2026-10-15T06:16:37","modified_gmt":"2026-10-15T06:16:37","slug":"taller-mecanico","status":"publish","type":"page","link":"https:\/\/autoservicionaranjo.com\/?page_id=7","title":{"rendered":"Taller Mecanico"},"content":{"rendered":"    <!DOCTYPE html>\r\n    <html lang=\"es\">\r\n    <head>\r\n        <meta charset=\"UTF-8\">\r\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes\">\r\n        <title>AutoServicio Naranjo v10.0.6<\/title>\r\n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n                \r\n        \r\n        \r\n        <style>\r\n\/* ============================================================\r\n   \ud83d\ude80 ULTRA PREMIUM DARK EDITION v2 - NIVEL DIOS\r\n   DISE\u00d1O OSCURO COMPLETO CON EFECTOS PREMIUM\r\n   ============================================================ *\/\r\n\r\n   :root {\r\n    \/* ===== COLORES PRINCIPALES ===== *\/\r\n    --gold: #C5A028;\r\n    --gold-light: #e8c84a;\r\n    --gold-dark: #9e7b2c;\r\n    --gold-gradient: linear-gradient(135deg, #C5A028, #e8c84a, #C5A028);\r\n    --gold-glow: 0 0 40px rgba(197,160,40,0.15);\r\n    --gold-glow-intense: 0 0 60px rgba(197,160,40,0.25);\r\n    \r\n    \/* ===== COLORES DE ACENTO ===== *\/\r\n    --primary: #6C63FF;\r\n    --primary-light: #8B83FF;\r\n    --primary-gradient: linear-gradient(135deg, #6C63FF, #4F46E5);\r\n    \r\n    --success: #10b981;\r\n    --success-glow: 0 0 30px rgba(16,185,129,0.15);\r\n    --danger: #ef4444;\r\n    --danger-glow: 0 0 30px rgba(239,68,68,0.15);\r\n    --warning: #f59e0b;\r\n    --warning-glow: 0 0 30px rgba(245,158,11,0.15);\r\n    --info: #3b82f6;\r\n    --info-glow: 0 0 30px rgba(59,130,246,0.15);\r\n    \r\n    \/* ===== FONDOS OSCUROS ===== *\/\r\n    --bg-primary: #08080f;\r\n    --bg-secondary: #0f0e1a;\r\n    --bg-card: rgba(255,255,255,0.03);\r\n    --bg-card-hover: rgba(255,255,255,0.06);\r\n    --bg-glass: rgba(255,255,255,0.04);\r\n    --bg-input: rgba(255,255,255,0.05);\r\n    --bg-input-hover: rgba(255,255,255,0.08);\r\n    \r\n    \/* ===== BORDES ===== *\/\r\n    --border: rgba(255,255,255,0.06);\r\n    --border-light: rgba(255,255,255,0.08);\r\n    --border-gold: rgba(197,160,40,0.2);\r\n    --border-glow: rgba(197,160,40,0.1);\r\n    \r\n    \/* ===== TEXTOS ===== *\/\r\n    --text-primary: #ffffff;\r\n    --text-secondary: rgba(255,255,255,0.85);\r\n    --text-muted: rgba(255,255,255,0.5);\r\n    --text-dim: rgba(255,255,255,0.25);\r\n    \r\n    \/* ===== SOMBRAS ===== *\/\r\n    --shadow-sm: 0 2px 10px rgba(0,0,0,0.3);\r\n    --shadow-md: 0 8px 30px rgba(0,0,0,0.4);\r\n    --shadow-lg: 0 20px 60px rgba(0,0,0,0.5);\r\n    --shadow-xl: 0 30px 80px rgba(0,0,0,0.6);\r\n    --shadow-gold: 0 8px 40px rgba(197,160,40,0.15);\r\n    --shadow-gold-intense: 0 8px 60px rgba(197,160,40,0.25);\r\n    \r\n    \/* ===== RADIOS ===== *\/\r\n    --radius-sm: 8px;\r\n    --radius: 14px;\r\n    --radius-lg: 20px;\r\n    --radius-xl: 28px;\r\n    --radius-full: 9999px;\r\n    \r\n    \/* ===== TRANSICIONES ===== *\/\r\n    --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    --transition-slow: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n\/* ============================================================\r\n   RESET Y BASE - TODO OSCURO\r\n   ============================================================ *\/\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n}\r\n\r\nbody {\r\n    background: var(--bg-primary);\r\n    min-height: 100vh;\r\n    padding: 20px;\r\n    position: relative;\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* \ud83d\udd25 FONDO CON EFECTO DE PART\u00cdCULAS SUTIL *\/\r\nbody::before {\r\n    content: '';\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-image: \r\n        radial-gradient(ellipse at 20% 50%, rgba(197,160,40,0.04) 0%, transparent 50%),\r\n        radial-gradient(ellipse at 80% 50%, rgba(108,99,255,0.03) 0%, transparent 50%),\r\n        radial-gradient(ellipse at 50% 100%, rgba(16,185,129,0.02) 0%, transparent 50%);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ============================================================\r\n   ANIMACIONES PREMIUM\r\n   ============================================================ *\/\r\n@keyframes float-gold {\r\n    0%, 100% { transform: translateY(0px) scale(1); }\r\n    50% { transform: translateY(-8px) scale(1.02); }\r\n}\r\n\r\n@keyframes glow-pulse {\r\n    0%, 100% { \r\n        box-shadow: 0 0 20px rgba(197,160,40,0.1), 0 0 40px rgba(197,160,40,0.05);\r\n    }\r\n    50% { \r\n        box-shadow: 0 0 40px rgba(197,160,40,0.2), 0 0 80px rgba(197,160,40,0.1);\r\n    }\r\n}\r\n\r\n@keyframes shimmer-gold {\r\n    0% { background-position: -200% 0; }\r\n    100% { background-position: 200% 0; }\r\n}\r\n\r\n@keyframes slideUp {\r\n    from { opacity: 0; transform: translateY(30px) scale(0.98); }\r\n    to { opacity: 1; transform: translateY(0) scale(1); }\r\n}\r\n\r\n@keyframes slideInRight {\r\n    from { opacity: 0; transform: translateX(40px) scale(0.95); }\r\n    to { opacity: 1; transform: translateX(0) scale(1); }\r\n}\r\n\r\n@keyframes breathe-gold {\r\n    0%, 100% { \r\n        transform: scale(1); \r\n        opacity: 1;\r\n        box-shadow: 0 0 20px rgba(197,160,40,0.1);\r\n    }\r\n    50% { \r\n        transform: scale(1.05); \r\n        opacity: 0.9;\r\n        box-shadow: 0 0 40px rgba(197,160,40,0.2);\r\n    }\r\n}\r\n\r\n@keyframes border-flow {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n}\r\n\r\n@keyframes rotate-slow {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* ============================================================\r\n   CONTENEDOR PRINCIPAL - GLASS PREMIUM OSCURO\r\n   ============================================================ *\/\r\n   .taller-container {\r\n    max-width: 1600px;\r\n    margin: 0 auto;\r\n    background: rgba(15,14,23,0.95);\r\n    \/* backdrop-filter: blur(30px); *\/       \r\n    \/* -webkit-backdrop-filter: blur(30px); *\/\r\n    border-radius: var(--radius-xl);\r\n    box-shadow: var(--shadow-xl), inset 0 1px 0 rgba(255,255,255,0.03);\r\n    overflow: visible;\r\n    border: 1px solid var(--border);\r\n    animation: slideUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* \ud83d\udd25 BORDE CON EFECTO DE FLUJO DORADO *\/\r\n.taller-container::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -2px;\r\n    left: -2px;\r\n    right: -2px;\r\n    bottom: -2px;\r\n    background: linear-gradient(45deg, \r\n        transparent 30%, \r\n        rgba(197,160,40,0.08) 50%, \r\n        transparent 70%\r\n    );\r\n    background-size: 300% 300%;\r\n    border-radius: var(--radius-xl);\r\n    z-index: -1;\r\n    animation: border-flow 6s ease-in-out infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ============================================================\r\n   HEADER ULTRA PREMIUM OSCURO\r\n   ============================================================ *\/\r\n.taller-header {\r\n    background: rgba(8,8,15,0.8);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    padding: 18px 32px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 1px solid var(--border-gold);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \ud83d\udd25 EFECTO DE BRILLO EN EL HEADER *\/\r\n.taller-header::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: radial-gradient(ellipse at 30% 50%, rgba(197,160,40,0.04) 0%, transparent 60%);\r\n    animation: rotate-slow 30s linear infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n.taller-header::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, \r\n        transparent, \r\n        var(--gold), \r\n        var(--gold-light), \r\n        var(--gold), \r\n        transparent\r\n    );\r\n    background-size: 200% 100%;\r\n    animation: shimmer-gold 4s linear infinite;\r\n}\r\n\r\n.logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.logo-icon {\r\n    width: 54px;\r\n    height: 54px;\r\n    background: var(--gold-gradient);\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: var(--shadow-gold);\r\n    animation: float-gold 3s ease-in-out infinite, glow-pulse 3s ease-in-out infinite;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.logo-icon::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.15), transparent 70%);\r\n    animation: rotate-slow 8s linear infinite;\r\n}\r\n\r\n.logo-icon i {\r\n    font-size: 28px;\r\n    color: #0a0a0a;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.logo-text h1 {\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    margin: 0;\r\n    background: linear-gradient(135deg, #ffffff, var(--gold-light), #ffffff);\r\n    background-size: 200% 200%;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    letter-spacing: -0.5px;\r\n    animation: shimmer-gold 4s linear infinite;\r\n}\r\n\r\n.logo-text span {\r\n    font-size: 12px;\r\n    color: var(--text-muted);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.logo-text span .badge-premium {\r\n    background: var(--gold-gradient);\r\n    color: #0a0a0a;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    padding: 2px 12px;\r\n    border-radius: var(--radius-full);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: var(--shadow-gold);\r\n}\r\n\r\n.logo-text span .badge-version {\r\n    color: var(--text-dim);\r\n    font-size: 10px;\r\n}\r\n\r\n.header-actions {\r\n    display: flex;\r\n    gap: 10px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.btn-header {\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid var(--border);\r\n    color: var(--text-secondary);\r\n    padding: 10px 22px;\r\n    border-radius: var(--radius-full);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    cursor: pointer;\r\n    transition: var(--transition);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.btn-header::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 0;\r\n    height: 0;\r\n    border-radius: 50%;\r\n    background: rgba(197,160,40,0.1);\r\n    transform: translate(-50%, -50%);\r\n    transition: width 0.6s, height 0.6s;\r\n}\r\n\r\n.btn-header:hover::before {\r\n    width: 300px;\r\n    height: 300px;\r\n}\r\n\r\n.btn-header:hover {\r\n    background: var(--gold-gradient);\r\n    border-color: transparent;\r\n    color: #0a0a0a;\r\n    transform: translateY(-2px);\r\n    box-shadow: var(--shadow-gold-intense);\r\n}\r\n\r\n.btn-header i {\r\n    font-size: 14px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.btn-header span {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\r\n\r\n\/* ============================================================\r\n   \ud83c\udfa8 NAVEGACI\u00d3N PREMIUM A3 \u2014 MODERNA Y UNIFICADA\r\n   Icono grande + texto chico \u00b7 Responsive \u00b7 Sticky\r\n   Touch-friendly para PWA (dedos grasosos \ud83e\udde4)\r\n   ============================================================ *\/\r\n\r\n   .taller-nav {\r\n    background: rgba(8,8,15,0.75);\r\n    padding: 10px 12px;\r\n    display: flex;\r\n    gap: 6px;\r\n    flex-wrap: nowrap;\r\n    align-items: center;\r\n    border-bottom: 1px solid var(--border);\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 100;\r\n    overflow-x: auto;\r\n    overflow-y: visible;\r\n    scroll-behavior: smooth;\r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none;\r\n    -webkit-overflow-scrolling: touch;\r\n    scroll-snap-type: x proximity;\r\n}\r\n\r\n\/* \ud83c\udfa8 Blur solo en desktop *\/\r\n@media (min-width: 769px) {\r\n    .taller-nav {\r\n        backdrop-filter: blur(24px) saturate(180%);\r\n        -webkit-backdrop-filter: blur(24px) saturate(180%);\r\n    }\r\n}\r\n\r\n.taller-nav::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n\/* \ud83c\udfa8 Degradados laterales que indican \"hay m\u00e1s\" *\/\r\n.taller-nav::before,\r\n.taller-nav::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 40px;\r\n    pointer-events: none;\r\n    z-index: 5;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.taller-nav::before {\r\n    left: 0;\r\n    background: linear-gradient(to right, rgba(8,8,15,0.9), transparent);\r\n}\r\n\r\n.taller-nav::after {\r\n    right: 0;\r\n    background: linear-gradient(to left, rgba(8,8,15,0.9), transparent);\r\n}\r\n\r\n.taller-nav.has-scroll-left::before { opacity: 1; }\r\n.taller-nav.has-scroll-right::after { opacity: 1; }\r\n\r\n\/* \ud83c\udfaf Bot\u00f3n principal del nav \u2014 estilo A3 *\/\r\n.nav-btn {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 4px;\r\n    padding: 10px 16px;\r\n    min-width: 84px;\r\n    min-height: 64px;\r\n    height: auto;\r\n    border: none;\r\n    background: transparent;\r\n    border-radius: var(--radius);\r\n    cursor: pointer;\r\n    color: var(--text-muted);\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2px;\r\n    text-transform: none;\r\n    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    scroll-snap-align: start;\r\n    overflow: visible;\r\n    -webkit-tap-highlight-color: transparent;\r\n    -webkit-touch-callout: none;        \r\n    -webkit-user-select: none;            \r\n    -khtml-user-select: none;             \r\n    -moz-user-select: none;               \r\n    -ms-user-select: none;                \r\n    user-select: none;                    \r\n    touch-action: manipulation;\r\n    min-height: 44px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* \ud83d\udd25 Quitar outline azul del navegador y usar dorado custom *\/\r\n.nav-btn:focus,\r\n.nav-btn:focus-visible {\r\n    outline: none;\r\n    box-shadow: none;\r\n}\r\n\r\n.nav-btn:focus-visible {\r\n    box-shadow: 0 0 0 2px rgba(197,160,40,0.6), 0 6px 24px rgba(197,160,40,0.2);\r\n}\r\n\r\n.nav-btn::-moz-focus-inner {\r\n    border: 0;\r\n    padding: 0;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* \ud83c\udfaf Chevron del submen\u00fa \u2014 posicionado absoluto para no empujar el texto *\/\r\n.nav-btn .nav-chevron {\r\n    position: absolute;\r\n    top: 8px;\r\n    right: 6px;\r\n    font-size: 9px !important;\r\n    opacity: 0.6;\r\n    transition: transform 0.3s ease;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Cuando el submen\u00fa est\u00e1 abierto, rotar el chevron *\/\r\n.nav-btn.nav-btn-dropdown.abierto .nav-chevron {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n\/* El bot\u00f3n dropdown necesita espacio a la derecha para el chevron *\/\r\n.nav-btn.nav-btn-dropdown {\r\n    padding-right: 22px;\r\n}\r\n\r\n\/* El span del bot\u00f3n dropdown NO debe tener overflow hidden *\/\r\n.nav-btn.nav-btn-dropdown span {\r\n    max-width: 100px;\r\n    overflow: visible;\r\n    text-overflow: clip;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .nav-btn .nav-chevron {\r\n        top: 10px;\r\n        right: 8px;\r\n        font-size: 8px !important;\r\n    }\r\n    .nav-btn.nav-btn-dropdown {\r\n        padding-right: 24px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* \ud83c\udfa8 Icono grande *\/\r\n.nav-btn i {\r\n    font-size: 20px;\r\n    line-height: 1;\r\n    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \ud83d\udcdd Texto chico debajo *\/\r\n.nav-btn span {\r\n    font-size: 10.5px;\r\n    line-height: 1.1;\r\n    opacity: 0.8;\r\n    transition: all 0.35s ease;\r\n    white-space: nowrap;\r\n    max-width: 100px;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u2728 Hover (solo desktop) *\/\r\n@media (hover: hover) and (pointer: fine) {\r\n    .nav-btn:hover {\r\n        color: var(--gold-light);\r\n        background: rgba(197,160,40,0.06);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .nav-btn:hover i {\r\n        transform: scale(1.15) translateY(-2px);\r\n    }\r\n\r\n    .nav-btn:hover span {\r\n        opacity: 1;\r\n        color: var(--gold-light);\r\n    }\r\n}\r\n\r\n\/* \ud83c\udf1f Estado activo \u2014 A3 premium *\/\r\n.nav-btn.active {\r\n    color: #0a0a0a;\r\n    background: var(--gold-gradient);\r\n    box-shadow: \r\n        0 6px 24px rgba(197,160,40,0.35),\r\n        0 0 0 1px rgba(255,255,255,0.08) inset,\r\n        0 1px 0 rgba(255,255,255,0.3) inset;\r\n    transform: translateY(-1px);\r\n    animation: none;\r\n}\r\n\r\n.nav-btn.active i {\r\n    transform: scale(1.1);\r\n    color: #0a0a0a;\r\n    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));\r\n}\r\n\r\n.nav-btn.active span {\r\n    opacity: 1;\r\n    color: #0a0a0a;\r\n    font-weight: 700;\r\n    text-shadow: 0 1px 0 rgba(255,255,255,0.2);\r\n}\r\n\r\n\/* \ud83c\udfaf Indicador dorado deslizante *\/\r\n.nav-btn.active::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -8px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 24px;\r\n    height: 3px;\r\n    background: var(--gold-gradient);\r\n    border-radius: 999px;\r\n    box-shadow: 0 0 12px rgba(197,160,40,0.6);\r\n    animation: indicatorPulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes indicatorPulse {\r\n    0%, 100% { \r\n        width: 24px; \r\n        opacity: 1;\r\n        box-shadow: 0 0 12px rgba(197,160,40,0.6);\r\n    }\r\n    50% { \r\n        width: 32px; \r\n        opacity: 0.85;\r\n        box-shadow: 0 0 20px rgba(197,160,40,0.9);\r\n    }\r\n}\r\n\r\n\/* \ud83d\udcab Ripple dorado al tocar *\/\r\n.nav-btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 0;\r\n    height: 0;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(197,160,40,0.3), transparent 70%);\r\n    transform: translate(-50%, -50%);\r\n    transition: width 0.6s ease, height 0.6s ease, opacity 0.6s ease;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    z-index: 1;\r\n}\r\n\r\n.nav-btn:active::after {\r\n    width: 120px;\r\n    height: 120px;\r\n    opacity: 1;\r\n    transition: 0s;\r\n}\r\n\r\n\/* \ud83d\udd34 Badge de notificaciones *\/\r\n.nav-btn .badge-aprobaciones {\r\n    position: absolute;\r\n    top: 2px;\r\n    right: 6px;\r\n    background: linear-gradient(135deg, #ef4444, #dc2626);\r\n    color: white;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    padding: 2px 6px;\r\n    border-radius: 999px;\r\n    min-width: 16px;\r\n    height: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: \r\n        0 2px 8px rgba(239,68,68,0.5),\r\n        0 0 0 2px rgba(8,8,15,0.9);\r\n    animation: pulseRed 1.5s ease-in-out infinite;\r\n    z-index: 10;\r\n    line-height: 1;\r\n}\r\n\r\n\/* ============================================================\r\n   \ud83d\udcf1 SUBMEN\u00daS \u2014 Desktop (dropdown flotante)\r\n   ============================================================ *\/\r\n@media (min-width: 769px) {\r\n    .taller-nav {\r\n        overflow-x: visible;\r\n        overflow-y: visible;\r\n        flex-wrap: wrap;\r\n        scroll-snap-type: none;\r\n    }\r\n\r\n    .submenu-content {\r\n        display: none;\r\n        position: absolute;\r\n        top: calc(100% + 8px);\r\n        left: 0;\r\n        min-width: 240px;\r\n        background: rgba(8,8,15,0.98);\r\n        backdrop-filter: blur(30px);\r\n        -webkit-backdrop-filter: blur(30px);\r\n        border: 1px solid var(--border-gold);\r\n        border-radius: var(--radius);\r\n        box-shadow: var(--shadow-xl);\r\n        z-index: 1000;\r\n        overflow: hidden;\r\n        animation: slideUp 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n}\r\n\r\n\/* \ud83d\udda5\ufe0f Desktop grande *\/\r\n@media (min-width: 1400px) {\r\n    .taller-nav {\r\n        padding: 12px 32px;\r\n        gap: 8px;\r\n    }\r\n    .nav-btn {\r\n        min-width: 92px;\r\n        min-height: 68px;    \r\n        height: auto;       \r\n        padding: 12px 20px;\r\n    }\r\n    .nav-btn i {\r\n        font-size: 22px;\r\n    }\r\n    .nav-btn span {\r\n        font-size: 11.5px;\r\n    }\r\n}\r\n\r\n\/* \ud83d\udcf1 Tablet *\/\r\n@media (max-width: 1024px) and (min-width: 769px) {\r\n    .taller-nav {\r\n        padding: 8px 12px;\r\n        gap: 4px;\r\n    }\r\n    .nav-btn {\r\n        min-width: 78px;\r\n        min-height: 60px;    \r\n        height: auto;        \r\n        padding: 8px 12px;\r\n    }\r\n    .nav-btn i {\r\n        font-size: 19px;\r\n    }\r\n    .nav-btn span {\r\n        font-size: 10px;\r\n        max-width: 82px;\r\n    }\r\n}\r\n\r\n\/* ============================================================\r\n   \ud83d\udcf1 M\u00d3VIL \u2014 Botones GRANDES para dedos grasosos \ud83e\udde4\r\n   ============================================================ *\/\r\n@media (max-width: 768px) {\r\n    .taller-nav {\r\n        padding: 10px 10px;\r\n        gap: 6px;\r\n        overflow-x: auto;\r\n        flex-wrap: nowrap;\r\n    }\r\n    \r\n    \/* \ud83d\udd25 BOTONES GIGANTES para tocar c\u00f3modo *\/\r\n    .nav-btn {\r\n        min-width: 88px;\r\n        min-height: 72px;    \r\n        height: auto;        \r\n        padding: 10px 14px;\r\n        gap: 5px;\r\n        border-radius: 16px;\r\n    }\r\n    \r\n    .nav-btn i {\r\n        font-size: 22px;\r\n    }\r\n    \r\n    .nav-btn span {\r\n        font-size: 11px;\r\n        max-width: 84px;\r\n        font-weight: 600;\r\n    }\r\n    \r\n    .nav-btn.active::before {\r\n        bottom: -8px;\r\n        width: 28px;\r\n        height: 3.5px;\r\n    }\r\n    \r\n    \/* \ud83c\udfaf SUBMEN\u00da M\u00d3VIL \u2014 Bottom sheet desde abajo *\/\r\n    .nav-submenu {\r\n        position: static;\r\n    }\r\n    \r\n    .submenu-content {\r\n        position: fixed !important;\r\n        top: auto !important;\r\n        bottom: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        min-width: auto !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        border-radius: var(--radius-xl) var(--radius-xl) 0 0 !important;\r\n        border-bottom: none !important;\r\n        padding: 12px 0 max(24px, env(safe-area-inset-bottom)) 0;\r\n        background: rgba(8,8,15,0.98);\r\n        backdrop-filter: blur(30px);\r\n        -webkit-backdrop-filter: blur(30px);\r\n        box-shadow: 0 -20px 60px rgba(0,0,0,0.9);\r\n        z-index: 9999 !important;\r\n        animation: slideUpMobile 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        max-height: 75vh;\r\n        overflow-y: auto;\r\n    }\r\n    \r\n    .submenu-content::before {\r\n        content: '';\r\n        display: block;\r\n        width: 44px;\r\n        height: 4px;\r\n        background: rgba(255,255,255,0.25);\r\n        border-radius: 999px;\r\n        margin: 0 auto 16px auto;\r\n    }\r\n    \r\n    \/* \ud83d\udd25 ITEMS GRANDES del submen\u00fa para tocar c\u00f3modo *\/\r\n    .submenu-item {\r\n        padding: 18px 28px !important;\r\n        font-size: 16px !important;\r\n        font-weight: 600;\r\n        border-bottom: 1px solid var(--border);\r\n        min-height: 56px;\r\n    }\r\n    \r\n    .submenu-item i {\r\n        font-size: 20px !important;\r\n        width: 28px !important;\r\n    }\r\n    \r\n    .submenu-divider {\r\n        margin: 10px 28px;\r\n    }\r\n}\r\n\r\n@keyframes slideUpMobile {\r\n    from { \r\n        opacity: 0; \r\n        transform: translateY(100%); \r\n    }\r\n    to { \r\n        opacity: 1; \r\n        transform: translateY(0); \r\n    }\r\n}\r\n\r\n\/* \ud83d\udcf1 M\u00f3vil chico (iPhone SE, etc.) *\/\r\n@media (max-width: 400px) {\r\n    .nav-btn {\r\n        min-width: 80px;\r\n        min-height: 66px;     \r\n        height: auto;         \r\n        padding: 8px 12px;\r\n    }\r\n    .nav-btn i {\r\n        font-size: 20px;\r\n    }\r\n    .nav-btn span {\r\n        font-size: 10px;\r\n        max-width: 76px;\r\n    }\r\n}\r\n\r\n\/* \ud83c\udf4e PWA standalone (instalada como app) *\/\r\n@media all and (display-mode: standalone) {\r\n    .taller-nav {\r\n        padding-top: max(12px, env(safe-area-inset-top));\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .nav-btn {\r\n            min-width: 92px;\r\n            min-height: 76px;   \r\n            height: auto;       \r\n        }\r\n        .nav-btn i {\r\n            font-size: 24px;\r\n        }\r\n        .nav-btn span {\r\n            font-size: 11.5px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   \ud83d\udd12 OVERRIDE GLOBAL \u2014 Bloquear estilos de Astra\/WordPress\r\n   Evita que el tema pise nuestros botones del nav\r\n   ============================================================ *\/\r\n\r\n   .taller-nav .nav-btn,\r\n.taller-nav .nav-btn:hover,\r\n.taller-nav .nav-btn:focus,\r\n.taller-nav .nav-btn:focus-visible,\r\n.taller-nav .nav-btn:active,\r\n.taller-nav .nav-btn:visited {\r\n    outline: none !important;\r\n    border: none !important;\r\n    color: var(--text-muted) !important;\r\n    background: transparent !important;\r\n    box-shadow: none !important;\r\n    text-decoration: none !important;\r\n}\r\n\r\n\/* Bot\u00f3n ACTIVO (dorado) \u2014 prioridad sobre Astra *\/\r\n.taller-nav .nav-btn.active,\r\n.taller-nav .nav-btn.active:hover,\r\n.taller-nav .nav-btn.active:focus,\r\n.taller-nav .nav-btn.active:active {\r\n    color: #0a0a0a !important;\r\n    background: var(--gold-gradient) !important;\r\n    box-shadow: \r\n        0 6px 24px rgba(197,160,40,0.35),\r\n        0 0 0 1px rgba(255,255,255,0.08) inset,\r\n        0 1px 0 rgba(255,255,255,0.3) inset !important;\r\n}\r\n\r\n\/* Bot\u00f3n dropdown activo (abierto) \u2014 conservar look dorado *\/\r\n.taller-nav .nav-btn.nav-btn-dropdown.abierto {\r\n    color: var(--gold-light) !important;\r\n    background: rgba(197,160,40,0.1) !important;\r\n    box-shadow: 0 0 0 1px rgba(197,160,40,0.3) !important;\r\n}\r\n\r\n\/* Hover solo en desktop *\/\r\n@media (hover: hover) and (pointer: fine) {\r\n    .taller-nav .nav-btn:hover:not(.active) {\r\n        color: var(--gold-light) !important;\r\n        background: rgba(197,160,40,0.08) !important;\r\n    }\r\n}\r\n\r\n\/* Submen\u00fas \u2014 tambi\u00e9n bloquear Astra *\/\r\n.taller-nav .submenu-item,\r\n.taller-nav .submenu-item:hover,\r\n.taller-nav .submenu-item:focus,\r\n.taller-nav .submenu-item:active {\r\n    outline: none !important;\r\n    color: var(--text-secondary) !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.taller-nav .submenu-item:hover {\r\n    background: rgba(197,160,40,0.06) !important;\r\n    color: var(--gold-light) !important;\r\n}\r\n\r\n\/* ============================================================\r\n   SUBMEN\u00daS PREMIUM OSCUROS \u2014 Solo Desktop\r\n   ============================================================ *\/\r\n   @media (min-width: 769px) {\r\n    .nav-submenu {\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n\r\n    .submenu-content {\r\n        display: none;\r\n        position: absolute;\r\n        top: calc(100% + 8px);\r\n        left: 0;\r\n        min-width: 240px;\r\n        background: rgba(8,8,15,0.98);\r\n        backdrop-filter: blur(30px);\r\n        -webkit-backdrop-filter: blur(30px);\r\n        border: 1px solid var(--border-gold);\r\n        border-radius: var(--radius);\r\n        box-shadow: var(--shadow-xl);\r\n        z-index: 1000;\r\n        overflow: hidden;\r\n        animation: slideUp 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    .submenu-item {\r\n        width: 100%;\r\n        padding: 12px 20px;\r\n        border: none;\r\n        background: transparent;\r\n        color: var(--text-secondary);\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        text-align: left;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        cursor: pointer;\r\n        transition: var(--transition);\r\n        border-bottom: 1px solid var(--border);\r\n    }\r\n\r\n    .submenu-item:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .submenu-item:hover {\r\n        background: rgba(197,160,40,0.06);\r\n        color: var(--gold-light);\r\n        padding-left: 26px;\r\n    }\r\n\r\n    .submenu-item i {\r\n        width: 18px;\r\n        color: var(--gold);\r\n        font-size: 14px;\r\n    }\r\n\r\n    .submenu-divider {\r\n        height: 1px;\r\n        background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n        margin: 6px 12px;\r\n        opacity: 0.15;\r\n    }\r\n}\r\n\r\n\/* ============================================================\r\n   CONTENIDO PRINCIPAL - OSCURO\r\n   ============================================================ *\/\r\n   .taller-content {\r\n    padding: 20px 16px;\r\n    min-height: calc(100vh - 200px);\r\n    background: var(--bg-primary);\r\n    position: relative;\r\n}\r\n\r\n\/* ============================================================\r\n   LOADING SCREEN PREMIUM OSCURO\r\n   ============================================================ *\/\r\n.loading-screen {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 300px;\r\n    background: var(--bg-card);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border-radius: var(--radius);\r\n    border: 1px solid var(--border);\r\n}\r\n\r\n.loading-spinner {\r\n    width: 48px;\r\n    height: 48px;\r\n    border: 3px solid rgba(197,160,40,0.1);\r\n    border-top-color: var(--gold);\r\n    border-right-color: var(--gold-light);\r\n    border-radius: 50%;\r\n    animation: spin 0.8s linear infinite;\r\n    margin-bottom: 16px;\r\n    box-shadow: var(--shadow-gold);\r\n}\r\n\r\n.loading-screen p {\r\n    color: var(--text-muted);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.3px;\r\n}\r\n\r\n\/* ============================================================\r\n   TOAST NOTIFICATIONS PREMIUM OSCURAS\r\n   ============================================================ *\/\r\n.toast-notification {\r\n    position: fixed;\r\n    top: 24px;\r\n    right: 24px;\r\n    background: rgba(8,8,15,0.98);\r\n    backdrop-filter: blur(30px);\r\n    -webkit-backdrop-filter: blur(30px);\r\n    border-left: 3px solid var(--gold);\r\n    border-radius: var(--radius);\r\n    padding: 16px 22px;\r\n    box-shadow: var(--shadow-xl);\r\n    z-index: 10000;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    animation: slideInRight 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    max-width: 400px;\r\n    border: 1px solid var(--border);\r\n}\r\n\r\n.toast-notification.success { border-left-color: var(--success); box-shadow: var(--success-glow), var(--shadow-xl); }\r\n.toast-notification.error { border-left-color: var(--danger); box-shadow: var(--danger-glow), var(--shadow-xl); }\r\n.toast-notification.info { border-left-color: var(--info); box-shadow: var(--info-glow), var(--shadow-xl); }\r\n\r\n.toast-icon {\r\n    font-size: 22px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.toast-icon.success { color: var(--success); }\r\n.toast-icon.error { color: var(--danger); }\r\n.toast-icon.info { color: var(--info); }\r\n\r\n.toast-content {\r\n    flex: 1;\r\n}\r\n\r\n.toast-title {\r\n    font-weight: 700;\r\n    color: var(--text-primary);\r\n    margin-bottom: 2px;\r\n    font-size: 14px;\r\n}\r\n\r\n.toast-message {\r\n    color: var(--text-secondary);\r\n    font-size: 13px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.toast-close {\r\n    cursor: pointer;\r\n    color: var(--text-dim);\r\n    font-size: 16px;\r\n    transition: var(--transition);\r\n    width: 28px;\r\n    height: 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n}\r\n\r\n.toast-close:hover {\r\n    background: rgba(255,255,255,0.05);\r\n    color: var(--gold);\r\n}\r\n\r\n\/* ============================================================\r\n   MODAL PREMIUM OSCURO\r\n   ============================================================ *\/\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(8,8,15,0.85);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10000;\r\n    animation: fadeIn 0.3s ease;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; }\r\n    to { opacity: 1; }\r\n}\r\n\r\n.modal-content {\r\n    background: rgba(8,8,15,0.98);\r\n    backdrop-filter: blur(30px);\r\n    -webkit-backdrop-filter: blur(30px);\r\n    border: 1px solid var(--border-gold);\r\n    border-radius: var(--radius-lg);\r\n    padding: 36px;\r\n    max-width: 500px;\r\n    width: 90%;\r\n    box-shadow: var(--shadow-xl), var(--shadow-gold);\r\n    animation: modalSlideIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n@keyframes modalSlideIn {\r\n    from { opacity: 0; transform: scale(0.95) translateY(20px); }\r\n    to { opacity: 1; transform: scale(1) translateY(0); }\r\n}\r\n\r\n.modal-title {\r\n    color: var(--gold);\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.modal-title i {\r\n    background: var(--gold-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.modal-body {\r\n    color: var(--text-secondary);\r\n    line-height: 1.7;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.modal-body p {\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.modal-body p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.modal-actions {\r\n    display: flex;\r\n    gap: 12px;\r\n}\r\n\r\n.modal-btn {\r\n    flex: 1;\r\n    padding: 12px;\r\n    border: none;\r\n    border-radius: var(--radius-sm);\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: var(--transition);\r\n    font-size: 14px;\r\n}\r\n\r\n.modal-btn-primary {\r\n    background: var(--gold-gradient);\r\n    color: #0a0a0a;\r\n    box-shadow: var(--shadow-gold);\r\n}\r\n\r\n.modal-btn-primary:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: var(--shadow-gold-intense);\r\n}\r\n\r\n.modal-btn-secondary {\r\n    background: rgba(255,255,255,0.04);\r\n    color: var(--text-secondary);\r\n    border: 1px solid var(--border);\r\n}\r\n\r\n.modal-btn-secondary:hover {\r\n    background: rgba(255,255,255,0.06);\r\n    border-color: var(--gold);\r\n    color: var(--gold);\r\n}\r\n\/* ============================================================\r\n   RESPONSIVE GENERAL (sin tocar el nav \u2014 el nav tiene su propio responsive arriba)\r\n   ============================================================ *\/\r\n\r\n   @media (max-width: 768px) {\r\n    body { padding: 10px; }\r\n    .taller-header { \r\n        flex-direction: column; \r\n        text-align: center; \r\n        padding: 16px 20px; \r\n        gap: 12px;\r\n    }\r\n    .logo { flex-direction: column; }\r\n    .logo-text h1 { font-size: 20px; }\r\n    .taller-content { padding: 16px; }\r\n    .toast-notification { \r\n        top: 10px; \r\n        right: 10px; \r\n        left: 10px; \r\n        max-width: none; \r\n    }\r\n    .modal-content { padding: 24px; }\r\n    \r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .header-actions { \r\n        flex-direction: column; \r\n        width: 100%; \r\n        gap: 8px;\r\n    }\r\n    .btn-header { \r\n        width: 100%; \r\n        justify-content: center; \r\n    }\r\n    .logo-icon { \r\n        width: 44px; \r\n        height: 44px; \r\n    }\r\n    .logo-icon i { \r\n        font-size: 20px; \r\n    }\r\n    .logo-text h1 { \r\n        font-size: 18px; \r\n    }\r\n    .taller-header { \r\n        padding: 12px 16px; \r\n    }\r\n    .modal-content { \r\n        padding: 20px; \r\n        margin: 10px;\r\n    }\r\n}\r\n\r\n\/* \ud83d\udda5\ufe0f Desktop \u2014 sin scroll horizontal para que se vean los submen\u00fas *\/\r\n@media (min-width: 769px) {\r\n    .taller-nav {\r\n        overflow-x: visible;\r\n        overflow-y: visible;\r\n        flex-wrap: wrap;\r\n        scroll-snap-type: none;\r\n    }\r\n}\r\n\r\n\/* \ud83d\udda5\ufe0f Tablet \u2014 ajustes generales, no del nav *\/\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n    .taller-content { padding: 20px; }\r\n    .taller-header { padding: 14px 24px; }\r\n}\r\n\r\n\/* \ud83d\udda5\ufe0f Pantallas grandes *\/\r\n@media (min-width: 1400px) {\r\n    .taller-container { padding: 0; }\r\n    .taller-content { padding: 32px; }\r\n    .taller-header { padding: 22px 40px; }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   \ud83d\udd25 FIX SUBMEN\u00da M\u00d3VIL \u2014 Posici\u00f3n forzada con !important\r\n   ============================================================ *\/\r\n   @media (max-width: 768px) {\r\n\r\n\/* Cuando el submen\u00fa est\u00e1 abierto *\/\r\n.submenu-content[style*=\"display: block\"],\r\n.submenu-content[style*=\"display:block\"] {\r\n    display: block !important;\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n    \r\n    \/* \ud83d\udd25 FORZAR posici\u00f3n fija al viewport *\/\r\n    position: fixed !important;\r\n    top: auto !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    margin: 0 !important;\r\n    transform: none !important;\r\n    \r\n    \/* \ud83d\udd25 Ancho 100% del viewport *\/\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    min-width: 100vw !important;\r\n    box-sizing: border-box !important;\r\n    \r\n    \/* \ud83d\udd25 Z-index alto *\/\r\n    z-index: 999999 !important;\r\n    pointer-events: auto !important;\r\n    \r\n    \/* \ud83d\udd25 Estilos del bottom sheet *\/\r\n    background: #0f0e1a !important;\r\n    border-radius: 20px 20px 0 0 !important;\r\n    padding: 16px 0 max(24px, env(safe-area-inset-bottom)) 0 !important;\r\n    box-shadow: 0 -20px 60px rgba(0,0,0,0.9) !important;\r\n    border: 1px solid rgba(197,160,40,0.2) !important;\r\n    border-bottom: none !important;\r\n    \r\n    animation: slideUpMobile 0.35s ease-out !important;\r\n    max-height: 80vh !important;\r\n    overflow-y: auto !important;\r\n}\r\n\r\n\/* Overlay detr\u00e1s *\/\r\n#submenu-overlay {\r\n    display: block !important;\r\n    position: fixed !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    bottom: 0 !important;\r\n    width: 100vw !important;\r\n    height: 100vh !important;\r\n    margin: 0 !important;\r\n    background: rgba(0,0,0,0.75) !important;\r\n    backdrop-filter: blur(4px) !important;\r\n    -webkit-backdrop-filter: blur(4px) !important;\r\n    z-index: 999998 !important;\r\n}\r\n}\r\n\r\n\r\n\r\n\r\n\r\n       \r\n<\/style>\r\n\r\n\r\n\r\n    <\/head>\r\n    <body>\r\n        <div class=\"taller-container\">\r\n            <!-- HEADER ULTRA PREMIUM -->\r\n            <div class=\"taller-header\">\r\n                <div class=\"logo\">\r\n                    <div class=\"logo-icon\">\r\n                        <i class=\"fas fa-tools\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"logo-text\">\r\n                                                    <h1>AutoServicio Naranjo<\/h1>\r\n                                                <span>\r\n                            <i class=\"fas fa-crown\"><\/i> \r\n                            Taller Automotriz Profesional \r\n                            <i class=\"fas fa-gem\"><\/i>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"header-actions\">\r\n                    <button class=\"btn-header\" onclick=\"window.mostrarAyuda()\">\r\n                        <i class=\"fas fa-question-circle\"><\/i> Ayuda\r\n                    <\/button>\r\n                    <button class=\"btn-header\" onclick=\"window.cerrarSesion()\">\r\n                    <i class=\"fas fa-sign-out-alt\"><\/i> Salir\r\n                     <\/button>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- NAVEGACI\u00d3N ULTRA PREMIUM -->\r\n            <div class=\"taller-nav\">\r\n    <button class=\"nav-btn active\" onclick=\"cargarSeccion('dashboard', this)\"><i class=\"fas fa-home\"><\/i> <span>INICIO<\/span><\/button>\r\n    \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n    \r\n\r\n\r\n\r\n\r\n\r\n\r\n                <!-- SUBMEN\u00da DE SEGUIMIENTO -->\r\n                \r\n\r\n\r\n\r\n\r\n<!-- SUBMEN\u00da DE CONFIGURACI\u00d3N -->\r\n\r\n\r\n\r\n\r\n            <\/div>\r\n            \r\n            <div class=\"taller-content\">\r\n    <!-- Contenedores de cada m\u00f3dulo (todos existen desde el inicio) -->\r\n    <div id=\"modulo-dashboard\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n        <div class=\"loading-screen\">\r\n            <div class=\"loading-spinner\"><\/div>\r\n            <p>Cargando dashboard...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div id=\"modulo-clientes\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n        <div class=\"loading-screen\">\r\n            <div class=\"loading-spinner\"><\/div>\r\n            <p>Cargando clientes...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div id=\"modulo-vehiculos\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n        <div class=\"loading-screen\">\r\n            <div class=\"loading-spinner\"><\/div>\r\n            <p>Cargando veh\u00edculos...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div id=\"modulo-ordenes\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n        <div class=\"loading-screen\">\r\n            <div class=\"loading-spinner\"><\/div>\r\n            <p>Cargando \u00f3rdenes...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div id=\"modulo-servicios\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n        <div class=\"loading-screen\">\r\n            <div class=\"loading-spinner\"><\/div>\r\n            <p>Cargando servicios...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div id=\"modulo-repuestos\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n        <div class=\"loading-screen\">\r\n            <div class=\"loading-spinner\"><\/div>\r\n            <p>Cargando repuestos...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div id=\"modulo-citas\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n        <div class=\"loading-screen\">\r\n            <div class=\"loading-spinner\"><\/div>\r\n            <p>Cargando citas...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    \r\n    <div id=\"modulo-mantenimiento\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n        <div class=\"loading-screen\">\r\n            <div class=\"loading-spinner\"><\/div>\r\n            <p>Cargando mantenimiento...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <div id=\"modulo-reportes\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n        <div class=\"loading-screen\">\r\n            <div class=\"loading-spinner\"><\/div>\r\n            <p>Cargando reportes...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n    <div id=\"modulo-contabilidad\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n    <div class=\"loading-screen\">\r\n        <div class=\"loading-spinner\"><\/div>\r\n        <p>Cargando contabilidad...<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n    <div id=\"modulo-config-mantenimiento\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n    <div class=\"loading-screen\">\r\n        <div class=\"loading-spinner\"><\/div>\r\n        <p>Cargando configuraci\u00f3n de mantenimiento...<\/p>\r\n    <\/div>\r\n<\/div>\r\n    \r\n    <div id=\"modulo-estadisticas\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n        <div class=\"loading-screen\">\r\n            <div class=\"loading-spinner\"><\/div>\r\n            <p>Cargando estad\u00edsticas...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n    <div id=\"modulo-sri\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n    <div class=\"loading-screen\">\r\n        <div class=\"loading-spinner\"><\/div>\r\n        <p>Cargando m\u00f3dulo SRI...<\/p>\r\n     <\/div>\r\n    <\/div>\r\n\r\n    <!-- M\u00d3DULO: MENSAJES \/ TEMPLATES -->\r\n<div id=\"modulo-mensajes\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n    <div class=\"loading-screen\">\r\n        <div class=\"loading-spinner\"><\/div>\r\n        <p>Cargando mensajes...<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n    <!-- M\u00d3DULO: CONFIGURACI\u00d3N DEL TALLER -->\r\n    <div id=\"modulo-config-taller\" class=\"modulo-contenedor\" style=\"display: none;\">\r\n        <div class=\"loading-screen\">\r\n            <div class=\"loading-spinner\"><\/div>\r\n            <p>Cargando configuraci\u00f3n...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .modulo-contenedor {\r\n        transition: opacity 0.2s ease;\r\n    }\r\n    .modulo-contenedor.active {\r\n        display: block;\r\n    }\r\n    .modulo-contenedor:not(.active) {\r\n        display: none;\r\n    }\r\n<\/style>\r\n\r\n        <!-- SCRIPTS DEL SISTEMA - VERSI\u00d3N \u00daNICA -->\r\n<script>\r\n    \/\/ Variables globales primero\r\n    window.ajaxurl = 'https:\/\/autoservicionaranjo.com\/wp-admin\/admin-ajax.php';\r\n    window.nonce = 'eb05242b45';\r\n    window.nonce = 'eb05242b45';\r\n    window.ajaxurl = 'https:\/\/autoservicionaranjo.com\/wp-admin\/admin-ajax.php';\r\n    \/\/ Forzar que el nonce global existe\r\n    if (typeof nonce === 'undefined') var nonce = window.nonce;\r\n    window.pluginUrl = 'https:\/\/autoservicionaranjo.com\/wp-content\/plugins\/taller-mecanico-ultimate\/';\r\n    window.uploadUrl = 'https:\/\/autoservicionaranjo.com\/wp-content\/uploads\/taller\/';\r\n    \r\n    console.log('\ud83d\udd27 Variables globales cargadas:', {\r\n        ajaxurl: window.ajaxurl,\r\n        nonce: window.nonce,\r\n        pluginUrl: window.pluginUrl\r\n    });\r\n<\/script>\r\n\r\n<!-- ============================================ -->\r\n<!-- CONFIGURACI\u00d3N DEL TALLER (desde \"Mi Taller\") -->\r\n<!-- ============================================ -->\r\n<script>\r\n    window.tallerConfig = {\r\n        \/\/ Informaci\u00f3n del taller\r\n        nombre_taller:     'AutoServicio Naranjo',\r\n        eslogan:           'Taller Automotriz Profesional',\r\n        logo_url:          '',\r\n        favicon_url:       '',\r\n        color_principal:   '#C5A028',\r\n        \r\n        \/\/ Contacto\r\n        telefono_taller:   '0996128299',\r\n        whatsapp_taller:   '0996128299',\r\n        email_taller:      '',\r\n        direccion_taller:  'Luis Moscoso y Carlos Arizaga',\r\n        ciudad_taller:     'Quito',\r\n        horario_taller:    'Lunes a Viernes: 8:00 AM - 6:00 PM\\nS\u00e1bados: 8:00 AM - 1:00 PM',\r\n        \r\n        \/\/ Redes sociales\r\n        facebook_url:      '',\r\n        instagram_url:     '',\r\n        tiktok_url:        '',\r\n        sitio_web_url:     '',\r\n        \r\n        \/\/ Promos\r\n        descuento_cumple:  '10',\r\n        descuento_reactivacion: '15',\r\n        dias_validez_promo: '30',\r\n        puntos_default:    '100',\r\n        \r\n        \/\/ Fiscal\r\n        ruc:               '',\r\n        razon_social:      '',\r\n        direccion_fiscal:  '',\r\n        obligado_contabilidad: 'no',\r\n        regimen_sri:       'general',\r\n        \r\n        \/\/ PWA\r\n        pwa_nombre_corto:  'Naranjo',\r\n        pwa_descripcion:   'Sistema de taller mec\u00e1nico',\r\n        pwa_color_tema:    '#C5A028'\r\n    };\r\n\r\n\r\n\r\n            \/\/ ============================================\r\n        \/\/ \ud83d\udd25 PERMISOS DEL USUARIO ACTUAL\r\n        \/\/ ============================================\r\n        window.tallerPermisos = {\r\n            ver_mecanica: false,\r\n            ver_contabilidad: false,\r\n            ver_config: false,\r\n            ver_mensajes: false,\r\n            ver_reportes: false,\r\n            ver_sri: false,\r\n            puede_facturar: false,\r\n            es_admin: false        };\r\n\r\n        console.log('\ud83d\udd12 Permisos del usuario:', window.tallerPermisos);\r\n    \r\n    console.log('\u2699\ufe0f Config del taller cargada:', window.tallerConfig);\r\n<\/script>\r\n\r\n        <!-- FUNCIONES GLOBALES DEL PANEL - TODO EN UN SOLO SCRIPT -->\r\n<script>\r\n    \/\/ ============================================\r\n    \/\/ TOAST NOTIFICATION\r\n    \/\/ ============================================\r\n    window.mostrarToast = function(mensaje, tipo = 'success', titulo = '') {\r\n        const toast = document.createElement('div');\r\n        toast.className = `toast-notification ${tipo}`;\r\n        \r\n        const iconos = {\r\n            success: 'check-circle',\r\n            error: 'exclamation-circle',\r\n            info: 'info-circle'\r\n        };\r\n        \r\n        const titulos = {\r\n            success: '\u00c9xito',\r\n            error: 'Error',\r\n            info: 'Informaci\u00f3n'\r\n        };\r\n        \r\n        toast.innerHTML = `\r\n            <div class=\"toast-icon ${tipo}\">\r\n                <i class=\"fas fa-${iconos[tipo]}\"><\/i>\r\n            <\/div>\r\n            <div class=\"toast-content\">\r\n                <div class=\"toast-title\">${titulo || titulos[tipo]}<\/div>\r\n                <div class=\"toast-message\">${mensaje}<\/div>\r\n            <\/div>\r\n            <div class=\"toast-close\" onclick=\"this.parentElement.remove()\">\r\n                <i class=\"fas fa-times\"><\/i>\r\n            <\/div>\r\n        `;\r\n        \r\n        document.body.appendChild(toast);\r\n        \r\n        setTimeout(() => {\r\n            if (toast.parentNode) toast.remove();\r\n        }, 5000);\r\n    };\r\n\r\n\r\n\/\/ ============================================\r\n\/\/ \ud83d\udd25 TOGGLE SUBMEN\u00daS \u2014 \u00daNICA VERSI\u00d3N (m\u00f3vil + desktop)\r\n\/\/ ============================================\r\nwindow.toggleSubmenu = function(id) {\r\n    console.log('\ud83d\udd04 Toggle submen\u00fa:', id);\r\n    \r\n    const submenu = document.getElementById(`submenu-${id}`);\r\n    if (!submenu) {\r\n        console.warn('\u26a0\ufe0f Submen\u00fa no encontrado:', id);\r\n        return;\r\n    }\r\n    \r\n    const esMovil = window.innerWidth <= 768;\r\n    const estaAbierto = submenu.style.display === 'block';\r\n    \r\n    \/\/ Cerrar TODOS los submen\u00fas primero\r\n    document.querySelectorAll('.submenu-content').forEach(el => {\r\n        el.style.display = 'none';\r\n    });\r\n    \r\n    \/\/ Quitar overlay si existe\r\n    const overlayExistente = document.getElementById('submenu-overlay');\r\n    if (overlayExistente) overlayExistente.remove();\r\n    \r\n    \/\/ Si estaba abierto, lo cerramos (toggle)\r\n    if (estaAbierto) {\r\n        console.log('\u2705 Submen\u00fa cerrado:', id);\r\n        return;\r\n    }\r\n    \r\n    \/\/ Abrir este submen\u00fa\r\n    submenu.style.display = 'block';\r\n    console.log('\u2705 Submen\u00fa abierto:', id, '| m\u00f3vil:', esMovil);\r\n    \r\n    \/\/ \ud83d\udd25 En m\u00f3vil, agregar overlay oscuro de fondo\r\n    if (esMovil) {\r\n        const overlay = document.createElement('div');\r\n        overlay.id = 'submenu-overlay';\r\n        overlay.style.cssText = `\r\n            position: fixed;\r\n            inset: 0;\r\n            background: rgba(0,0,0,0.7);\r\n            backdrop-filter: blur(4px);\r\n            -webkit-backdrop-filter: blur(4px);\r\n            z-index: 9998;\r\n            animation: fadeIn 0.3s ease;\r\n        `;\r\n        overlay.addEventListener('click', function() {\r\n            document.querySelectorAll('.submenu-content').forEach(el => {\r\n                el.style.display = 'none';\r\n            });\r\n            overlay.remove();\r\n        });\r\n        document.body.appendChild(overlay);\r\n    }\r\n};\r\n\r\nwindow.ocultarSubmenu = function(id) {\r\n    const submenu = document.getElementById(`submenu-${id}`);\r\n    if (submenu) submenu.style.display = 'none';\r\n    \r\n    const overlay = document.getElementById('submenu-overlay');\r\n    if (overlay) overlay.remove();\r\n};\r\n\r\n\/\/ Cerrar submen\u00fas al hacer click fuera (solo desktop)\r\ndocument.addEventListener('click', function(e) {\r\n    if (window.innerWidth > 768) {\r\n        if (!e.target.closest('.nav-submenu')) {\r\n            document.querySelectorAll('.submenu-content').forEach(el => {\r\n                el.style.display = 'none';\r\n            });\r\n        }\r\n    }\r\n});\r\n\r\n\/\/ Asegurar que los submen\u00fas est\u00e1n ocultos al cargar\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    document.querySelectorAll('.submenu-content').forEach(el => {\r\n        el.style.display = 'none';\r\n    });\r\n});\r\n\r\n\/\/ ============================================\r\n\/\/ SISTEMA DE BADGE DE APROBACIONES\r\n\/\/ ============================================\r\n\r\nfunction actualizarBadgeAprobaciones() {\r\n    \/\/ \ud83d\udd25 GUARD: Si no hay nonce o ajaxurl, no hacer nada\r\n    if (typeof ajaxurl === 'undefined' || typeof nonce === 'undefined' || !nonce) {\r\n        console.warn('\u23ed\ufe0f [BADGE] Sin nonce\/ajaxurl, saltando');\r\n        return;\r\n    }\r\n    \r\n    const ultimoId = localStorage.getItem('taller_ultima_aprobacion') || 0;\r\n    \r\n    fetch(ajaxurl, {\r\n        method: 'POST',\r\n        headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\r\n        body: new URLSearchParams({\r\n            action: 'taller_contar_nuevas_aprobaciones',\r\n            nonce: nonce,\r\n            ultimo_id: ultimoId\r\n        })\r\n    })\r\n    .then(r => {\r\n        \/\/ \ud83d\udd25 FIX: Si el servidor devuelve 400, silenciar y salir\r\n        if (!r.ok) {\r\n            console.warn('\u23ed\ufe0f [BADGE] Error HTTP ' + r.status + ', silenciando');\r\n            return null;\r\n        }\r\n        return r.json();\r\n    })\r\n    .then(data => {\r\n        if (!data || !data.success) return;\r\n        \r\n        if (data.data > 0) {\r\n            \/\/ Buscar o crear el badge en el bot\u00f3n de \u00f3rdenes\r\n            const btnOrdenes = document.querySelector('.nav-btn[onclick*=\"ordenes\"]');\r\n            if (btnOrdenes) {\r\n                let badge = btnOrdenes.querySelector('.badge-aprobaciones');\r\n                if (!badge) {\r\n                    badge = document.createElement('span');\r\n                    badge.className = 'badge-aprobaciones';\r\n                    badge.style.cssText = `\r\n                        background: #ef4444;\r\n                        color: white;\r\n                        font-size: 10px;\r\n                        padding: 2px 6px;\r\n                        border-radius: 10px;\r\n                        margin-left: 5px;\r\n                        animation: pulseRed 1s infinite;\r\n                    `;\r\n                    btnOrdenes.appendChild(badge);\r\n                }\r\n                badge.textContent = data.data;\r\n                badge.style.display = 'inline-block';\r\n            }\r\n        } else {\r\n            const badge = document.querySelector('.badge-aprobaciones');\r\n            if (badge) badge.style.display = 'none';\r\n        }\r\n    })\r\n    .catch(error => {\r\n        \/\/ \ud83d\udd25 Silencioso: no queremos errores en consola si el badge falla\r\n        console.warn('\u23ed\ufe0f [BADGE] Error silenciado:', error.message);\r\n    });\r\n}\r\n\r\n\/\/ \ud83d\udd25 Iniciar el polling del badge cada 30s (solo si hay nonce)\r\nif (typeof ajaxurl !== 'undefined' && typeof nonce !== 'undefined' && nonce) {\r\n    setInterval(actualizarBadgeAprobaciones, 30000);\r\n    setTimeout(actualizarBadgeAprobaciones, 2000);   \/\/ Primera llamada con delay\r\n}\r\n\r\n\/\/ Actualizar badge cada 30 segundos (solo si el usuario est\u00e1 logueado)\r\nif (typeof ajaxurl !== 'undefined' && typeof nonce !== 'undefined' && nonce) {\r\n    setInterval(actualizarBadgeAprobaciones, 30000);\r\n    actualizarBadgeAprobaciones();\r\n}\r\n\r\n\/\/ Animaci\u00f3n de pulso para el badge\r\nconst styleBadge = document.createElement('style');\r\nstyleBadge.textContent = `\r\n    @keyframes pulseRed {\r\n        0%, 100% { transform: scale(1); opacity: 1; }\r\n        50% { transform: scale(1.1); opacity: 0.7; }\r\n    }\r\n`;\r\ndocument.head.appendChild(styleBadge);\r\n\r\n\r\n\r\n\r\n\/\/ \ud83d\uddb1\ufe0f Scroll horizontal con rueda del mouse (solo cuando hay overflow)\r\n(function() {\r\n    const nav = document.querySelector('.taller-nav');\r\n    if (!nav) return;\r\n    \r\n    nav.addEventListener('wheel', function(e) {\r\n        if (Math.abs(e.deltaY) > Math.abs(e.deltaX) && this.scrollWidth > this.clientWidth) {\r\n            e.preventDefault();\r\n            this.scrollLeft += e.deltaY;\r\n        }\r\n    }, { passive: false });\r\n    \r\n    console.log('\u2705 Scroll horizontal del nav activado (rueda del mouse)');\r\n})();\r\n\r\n\r\n\/*\r\n\r\n\/\/ ============================================\r\n\/\/ REGISTRAR SERVICE WORKER UNIFICADO\r\n\/\/ ============================================\r\nif ('serviceWorker' in navigator) {\r\n    window.addEventListener('load', () => {\r\n        const swPath = 'https:\/\/autoservicionaranjo.com\/sw.js';\r\n        \r\n        navigator.serviceWorker.register(swPath, {\r\n            scope: 'https:\/\/autoservicionaranjo.com\/'\r\n        }).then(reg => {\r\n            console.log('\u2705 [SW] Registrado:', reg.scope);\r\n            \r\n            \/\/ Activar Background Sync si est\u00e1 disponible\r\n            if ('sync' in reg) {\r\n                reg.sync.register('sync-notificaciones').then(() => {\r\n                    console.log('\u2705 [SW] Background Sync registrado');\r\n                }).catch(err => {\r\n                    console.log('\u26a0\ufe0f Background Sync no disponible:', err);\r\n                });\r\n            }\r\n        }).catch(err => {\r\n            console.error('\u274c [SW] Error:', err);\r\n        });\r\n    });\r\n}\r\n\r\n\r\n*\/\r\n\r\n\r\n<\/script>\r\n\r\n    <!-- ============================================ -->\r\n    <!-- Los scripts del sistema se cargan v\u00eda wp_enqueue_script -->\r\n    <!-- en taller-mecanico-ultimate.php \u2192 taller_cargar_assets() -->\r\n    <!-- NO agregar <script> manuales aqu\u00ed (evita duplicados) -->\r\n    <!-- ============================================ -->\r\n\r\n    <\/body>\r\n    <\/html>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autoservicionaranjo.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autoservicionaranjo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autoservicionaranjo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autoservicionaranjo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/autoservicionaranjo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":0,"href":"https:\/\/autoservicionaranjo.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"wp:attachment":[{"href":"https:\/\/autoservicionaranjo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}