SHOTETE<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root{\n \/* Paleta SHOTETE (de la presentaci\u00f3n) *\/\n --c-primary: #F15A2A; \/* Naranja *\/\n --c-soft: #F9C2A8; \/* Durazno *\/\n --c-bg: #F7F6EA; \/* Crema *\/\n --c-text: #1F1A1A; \/* Negro suave *\/\n --c-white: #FFFFFF;\n\n \/* Sistema *\/\n --radius-lg: 24px;\n --radius-md: 18px;\n --radius-sm: 14px;\n\n --shadow-sm: 0 10px 24px rgba(31,26,26,.08);\n --shadow-md: 0 16px 44px rgba(31,26,26,.10);\n\n --container: 1120px;\n\n --font-title: \"Montserrat\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n --font-body: \"Inter\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n }\n\n *{ box-sizing: border-box; }\n html,body{ height:100%; }\n body{\n margin:0;\n font-family: var(--font-body) !important;\n color: var(--c-text);\n background: linear-gradient(180deg, var(--c-bg) 0%, #fbfaf3 60%, #ffffff 100%);\n line-height: 1.45;\n }\n img{ max-width:100%; display:block; }\n a{ color: inherit; text-decoration: none; }\n button{ font-family: inherit; }\n\n \/* Layout helpers *\/\n .container{\n width: min(var(--container), calc(100% - 40px));\n margin: 0 auto;\n }\n .section{\n padding: clamp(52px, 6vw, 92px) 0;\n position: relative;\n overflow: clip;\n }\n\n \/* Decorative blobs (similar feel to reference) *\/\n .blob{\n position:absolute;\n border-radius: 999px;\n filter: saturate(1.05);\n opacity: .95;\n pointer-events:none;\n }\n .blob--primary{ background: var(--c-primary); }\n .blob--soft{ background: var(--c-soft); }\n .blob--cream{ background: var(--c-bg); border: 1px solid rgba(31,26,26,.05); }\n\n \/* Typography *\/\n .kicker{\n font-weight: 700;\n letter-spacing: .08em;\n text-transform: uppercase;\n font-size: 12px;\n color: rgba(31,26,26,.70);\n margin: 0 0 10px;\n }\n h1,h2,h3{\n font-family: var(--font-title);\n letter-spacing: -0.02em;\n margin: 0;\n line-height: 1.05;\n }\n h1{\n font-size: clamp(36px, 4.6vw, 62px);\n font-weight: 800;\n }\n h2{\n font-size: clamp(28px, 3.2vw, 44px);\n font-weight: 800;\n }\n h3{\n font-size: clamp(18px, 2.1vw, 24px);\n font-weight: 800;\n }\n p{\n margin: 0;\n color: rgba(31,26,26,.78);\n font-size: 16px;\n }\n .lead{\n font-size: clamp(16px, 1.6vw, 18px);\n color: rgba(31,26,26,.78);\n max-width: 58ch;\n }\n .accent{\n color: var(--c-primary);\n position: relative;\n display: inline-block;\n }\n .accent::after{\n content:\"\";\n position:absolute;\n left: 0;\n bottom: -6px;\n width: 100%;\n height: 10px;\n background: rgba(241, 90, 42, .22);\n border-radius: 10px;\n z-index: -1;\n transform: skewX(-8deg);\n }\n\n \/* Buttons *\/\n .btn-row{\n display:flex;\n gap: 12px;\n flex-wrap: wrap;\n margin-top: 22px;\n }\n .btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap: 10px;\n height: 46px;\n padding: 0 18px;\n border-radius: 999px;\n border: 1px solid transparent;\n font-weight: 700;\n cursor:pointer;\n transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;\n user-select:none;\n white-space: nowrap;\n }\n .btn:active{ transform: translateY(1px); }\n .btn--primary{\n background: var(--c-primary);\n color: var(--c-white);\n box-shadow: 0 12px 30px rgba(241, 90, 42, .28);\n }\n .btn--primary:hover{\n transform: translateY(-1px);\n box-shadow: 0 16px 40px rgba(241, 90, 42, .32);\n }\n .btn--ghost{\n background: rgba(255,255,255,.65);\n border-color: rgba(31,26,26,.10);\n color: var(--c-text);\n backdrop-filter: blur(8px);\n }\n .btn--ghost:hover{\n transform: translateY(-1px);\n border-color: rgba(31,26,26,.16);\n box-shadow: var(--shadow-sm);\n }\n\n \/* Cards \/ grids *\/\n .grid{\n display:grid;\n gap: 18px;\n }\n .card{\n border-radius: var(--radius-md);\n background: rgba(255,255,255,.70);\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: 0 10px 28px rgba(31,26,26,.06);\n backdrop-filter: blur(10px);\n }\n .card--pad{ padding: 22px; }\n .card-title{ margin: 0 0 8px; }\n .muted{ color: rgba(31,26,26,.70); }\n\n \/* Reveal animation *\/\n .reveal{\n opacity: 0;\n transform: translateY(14px);\n transition: opacity .6s ease, transform .6s ease;\n }\n .reveal.is-visible{\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* HERO *\/\n .hero{\n padding-top: clamp(56px, 7vw, 96px);\n padding-bottom: clamp(46px, 6vw, 84px);\n }\n .hero__wrap{\n display:grid;\n grid-template-columns: 1.15fr .85fr;\n gap: clamp(18px, 3vw, 34px);\n align-items: center;\n }\n.brandline{\n display: flex;\n align-items: center; \/* base *\/\n gap: 10px;\n margin-bottom: 14px;\n font-weight: 800;\n letter-spacing: -0.02em;\n}\n\n.brandtext{\n font-family: var(--font-title);\n font-weight: 900;\n font-size: 18px;\n line-height: 1; \/* \ud83d\udd11 elimina \u201cca\u00edda\u201d del texto *\/\n display: flex;\n align-items: center;\n}\n\n.brandicon{\n width: 22px;\n height: 22px;\n object-fit: contain;\n display: block;\n\n \/* \ud83d\udd11 ajuste \u00f3ptico fino *\/\n position: relative;\n top: 1px; \/* sube o baja 1\u20132px si hace falta *\/\n}\n\n .brandmark{\n display:inline-grid;\n place-items:center;\n width: 44px; height: 44px;\n border-radius: 14px;\n background: rgba(241, 90, 42, .16);\n border: 1px solid rgba(241, 90, 42, .26);\n font-family: var(--font-title);\n font-weight: 900;\n color: var(--c-primary);\n font-size: 20px;\n }\n .hero__title{ margin-bottom: 10px !important; }\n .hero__right{\n position: relative !important;\n min-height: 360px !important;\n }\n .hero__visual{\n height: 100%;\n border-radius: var(--radius-lg);\n background:\n radial-gradient(circle at 20% 25%, rgba(241, 90, 42, .22), transparent 52%),\n radial-gradient(circle at 85% 35%, rgba(249, 194, 168, .55), transparent 55%),\n linear-gradient(135deg, rgba(255,255,255,.70), rgba(247,246,234,.70));\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: var(--shadow-md);\n overflow: hidden;\n position: relative;\n display:flex;\n align-items:flex-end;\n justify-content:flex-start;\n padding: 18px;\n }\n .hero__chips{\n display:flex;\n gap: 10px;\n flex-wrap: wrap;\n }\n .chip{\n display:inline-flex;\n align-items:center;\n gap: 8px;\n padding: 10px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.78);\n border: 1px solid rgba(31,26,26,.10);\n font-weight: 700;\n font-size: 13px;\n color: rgba(31,26,26,.80);\n }\n .dot{\n width: 10px; height: 10px;\n border-radius: 999px;\n background: var(--c-primary);\n box-shadow: 0 0 0 4px rgba(241, 90, 42, .18);\n }\n\n \/* Stats *\/\n .stats{\n padding-top: 0;\n }\n .stats__grid{\n grid-template-columns: repeat(4, 1fr);\n gap: 14px;\n margin-top: -26px;\n }\n .stat{\n padding: 18px 16px;\n text-align:center;\n border-radius: var(--radius-md);\n background: rgba(255,255,255,.78);\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: 0 10px 26px rgba(31,26,26,.05);\n }\n .stat__num{\n font-family: var(--font-title);\n font-weight: 900;\n font-size: 24px;\n color: rgba(31,26,26,.90);\n margin-bottom: 4px;\n }\n .stat__label{\n font-size: 13px;\n color: rgba(31,26,26,.68);\n font-weight: 700;\n }\n\n \/* About split *\/\n .split{\n display:grid;\n grid-template-columns: .95fr 1.05fr;\n gap: clamp(18px, 3vw, 34px);\n align-items: center;\n }\n .media{\n border-radius: var(--radius-lg);\n background:\n radial-gradient(circle at 70% 40%, rgba(241, 90, 42, .18), transparent 55%),\n radial-gradient(circle at 35% 60%, rgba(249, 194, 168, .55), transparent 55%),\n linear-gradient(135deg, rgba(255,255,255,.85), rgba(247,246,234,.75));\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: var(--shadow-md);\n min-height: 360px;\n position: relative;\n overflow: hidden;\n }\n .badge{\n position:absolute;\n left: 16px;\n top: 16px;\n padding: 10px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.82);\n border: 1px solid rgba(31,26,26,.10);\n font-weight: 800;\n font-size: 13px;\n }\n .badges{\n position:absolute;\n right: 16px;\n bottom: 16px;\n display:flex;\n flex-direction: column;\n gap: 10px;\n }\n .badge-mini{\n width: 46px; height: 46px;\n border-radius: 999px;\n background: rgba(255,255,255,.82);\n border: 1px solid rgba(31,26,26,.10);\n display:grid;\n place-items:center;\n font-weight: 900;\n color: var(--c-primary);\n box-shadow: 0 10px 24px rgba(31,26,26,.08);\n }\n\n .checklist{\n margin-top: 16px;\n display:grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px 12px;\n }\n .check{\n display:flex;\n gap: 10px;\n align-items:flex-start;\n padding: 10px 12px;\n border-radius: 14px;\n background: rgba(255,255,255,.60);\n border: 1px solid rgba(31,26,26,.06);\n }\n .check svg{ flex: 0 0 auto; margin-top: 2px; }\n .check span{\n font-weight: 700;\n font-size: 14px;\n color: rgba(31,26,26,.76);\n }\n\n \/* Products *\/\n .products__grid{\n grid-template-columns: repeat(4, 1fr);\n }\n .product{\n padding: 20px;\n border-radius: var(--radius-md);\n background: rgba(255,255,255,.75);\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: 0 10px 24px rgba(31,26,26,.06);\n display:flex;\n flex-direction: column;\n gap: 10px;\n min-height: 190px;\n }\n .iconbox{\n width: 52px; height: 52px;\n border-radius: 18px;\n display:grid;\n place-items:center;\n background: rgba(241, 90, 42, .14);\n border: 1px solid rgba(241, 90, 42, .22);\n color: var(--c-primary);\n }\n .product p{ font-size: 14px; }\n\n \/* Sectors *\/\n .pills{\n display:flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 16px;\n }\n .pill{\n padding: 12px 14px;\n border-radius: 999px;\n background: rgba(249,194,168,.45);\n border: 1px solid rgba(241,90,42,.18);\n font-weight: 800;\n font-size: 13px;\n color: rgba(31,26,26,.80);\n }\n\n \/* Advantages *\/\n .advantages__grid{\n grid-template-columns: repeat(3, 1fr);\n }\n .adv{\n padding: 22px;\n border-radius: var(--radius-md);\n background: rgba(255,255,255,.75);\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: 0 10px 24px rgba(31,26,26,.06);\n display:flex;\n gap: 14px;\n align-items:flex-start;\n }\n .adv .iconbox{\n width: 46px; height: 46px;\n border-radius: 16px;\n }\n .adv h3{ font-size: 18px; }\n .adv p{ font-size: 14px; }\n\n \/* Quality block *\/\n .quality{\n border-radius: var(--radius-lg);\n background:\n radial-gradient(circle at 15% 25%, rgba(241, 90, 42, .20), transparent 55%),\n radial-gradient(circle at 85% 65%, rgba(249, 194, 168, .55), transparent 58%),\n linear-gradient(135deg, rgba(255,255,255,.72), rgba(247,246,234,.80));\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: var(--shadow-md);\n padding: clamp(20px, 3vw, 34px);\n display:grid;\n grid-template-columns: 1.05fr .95fr;\n gap: clamp(14px, 2.5vw, 26px);\n align-items: center;\n }\n .quality__points{\n display:grid;\n gap: 10px;\n margin-top: 16px;\n }\n .point{\n display:flex;\n gap: 12px;\n align-items:flex-start;\n padding: 12px 14px;\n border-radius: 16px;\n background: rgba(255,255,255,.65);\n border: 1px solid rgba(31,26,26,.06);\n }\n .point strong{\n display:block;\n font-size: 14px;\n color: rgba(31,26,26,.86);\n margin-bottom: 2px;\n }\n .point small{\n display:block;\n font-size: 13px;\n color: rgba(31,26,26,.70);\n }\n .quality__side{\n border-radius: var(--radius-lg);\n min-height: 240px;\n background:\n radial-gradient(circle at 35% 35%, rgba(241,90,42,.25), transparent 55%),\n radial-gradient(circle at 70% 70%, rgba(249,194,168,.55), transparent 58%),\n rgba(255,255,255,.72);\n border: 1px solid rgba(31,26,26,.08);\n position: relative;\n overflow: hidden;\n }\n .quality__side::after{\n content:\"\";\n position:absolute;\n inset: 14px;\n border-radius: calc(var(--radius-lg) - 10px);\n border: 1px dashed rgba(31,26,26,.16);\n opacity: .55;\n pointer-events:none;\n }\n .quality__tag{\n position:absolute;\n left: 16px;\n bottom: 16px;\n padding: 10px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.82);\n border: 1px solid rgba(31,26,26,.10);\n font-weight: 900;\n font-size: 13px;\n color: rgba(31,26,26,.86);\n }\n\n \/* Final CTA *\/\n .cta{\n color: var(--c-white);\n background: linear-gradient(135deg, rgba(31,26,26,.92), rgba(31,26,26,.86)),\n radial-gradient(circle at 30% 30%, rgba(241,90,42,.28), transparent 55%),\n radial-gradient(circle at 80% 70%, rgba(249,194,168,.30), transparent 55%);\n }\n .cta .container{\n position: relative;\n }\n .cta__wrap{\n border-radius: var(--radius-lg);\n padding: clamp(22px, 3.6vw, 44px);\n border: 1px solid rgba(255,255,255,.14);\n background: rgba(255,255,255,.06);\n box-shadow: 0 18px 60px rgba(0,0,0,.25);\n display:grid;\n grid-template-columns: 1.25fr .75fr;\n gap: 18px;\n align-items:center;\n backdrop-filter: blur(10px);\n }\n .cta h2{ color: var(--c-white); }\n .cta p{ color: rgba(255,255,255,.80); }\n .cta .btn--ghost{\n background: rgba(255,255,255,.12);\n border-color: rgba(255,255,255,.22);\n color: var(--c-white);\n }\n .cta .btn--ghost:hover{\n border-color: rgba(255,255,255,.32);\n box-shadow: 0 16px 40px rgba(0,0,0,.22);\n }\n\n \/* Responsive *\/\n @media (max-width: 980px){\n .hero__wrap{ grid-template-columns: 1fr; }\n .hero__right{ min-height: 320px; }\n .stats__grid{ grid-template-columns: repeat(2, 1fr); margin-top: 18px; }\n .split{ grid-template-columns: 1fr; }\n .products__grid{ grid-template-columns: repeat(2, 1fr); }\n .advantages__grid{ grid-template-columns: repeat(2, 1fr); }\n .quality{ grid-template-columns: 1fr; }\n .cta__wrap{ grid-template-columns: 1fr; }\n .checklist{ grid-template-columns: 1fr; }\n }\n @media (max-width: 520px){\n .stats__grid{ grid-template-columns: 1fr; }\n .products__grid{ grid-template-columns: 1fr; }\n .advantages__grid{ grid-template-columns: 1fr; }\n .brandline{ gap: 8px; }\n .brandmark{ width: 40px; height: 40px; border-radius: 14px; font-size: 18px;}\n .chip{ width: 100%; justify-content: center; }\n }\n\n \/* Reduced motion *\/\n @media (prefers-reduced-motion: reduce){\n .reveal{ transition: none; transform:none; }\n .btn{ transition: none; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n \n <section class=\"section hero\">\n <div class=\"blob blob--soft\" style=\"width:520px;height:520px;left:-220px;top:-220px;\"><\/div>\n <div class=\"blob blob--primary\" style=\"width:360px;height:360px;right:-120px;top:-140px;\"><\/div>\n <div class=\"blob blob--cream\" style=\"width:540px;height:540px;right:-280px;bottom:-280px;\"><\/div>\n\n <div class=\"container hero__wrap\">\n <div class=\"reveal\">\n <div class=\"brandline\">\n <span class=\"brandtext\">Shotete<\/span>\n <img decoding=\"async\" \n src=\"https:\/\/shotete.mx\/wp-content\/uploads\/2026\/01\/imglog.png\"\n alt=\"Icono de la marca Shotete\"\n class=\"brandicon\"\n style=\"position: relative; top: -1.5px;\"\n \/>\n <\/div>\n\n <p class=\"kicker\">Protecci\u00f3n personal desechable<\/p>\n <h1 class=\"hero__title\">\n Fabricaci\u00f3n de <span class=\"accent\">cubrebocas<\/span> y respiradores desechables\n <\/h1>\n\n <p class=\"lead\" style=\"margin-top:12px;\">\n Protecci\u00f3n confiable para la salud y la industria. Dise\u00f1amos y fabricamos equipo de protecci\u00f3n respiratoria\n desechable con enfoque en calidad, seguridad y cumplimiento normativo.\n <\/p>\n\n \n <\/div>\n\n <div class=\"hero__right reveal\">\n <div class=\"hero__visual\" aria-label=\"Visual de marca\">\n <div class=\"hero__chips\">\n <span class=\"chip\"><span class=\"dot\"><\/span>Altos est\u00e1ndares de calidad<\/span>\n <span class=\"chip\"><span class=\"dot\"><\/span>Uso m\u00e9dico e industrial<\/span>\n <span class=\"chip\"><span class=\"dot\"><\/span>Comodidad y funcionalidad<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section stats\" aria-label=\"Indicadores\">\n <div class=\"container\">\n <div class=\"grid stats__grid\">\n <div class=\"stat reveal\">\n <div class=\"stat__num\" data-counter=\"24\">0<\/div>\n <div class=\"stat__label\">Abastecimiento confiable<\/div>\n <\/div>\n <div class=\"stat reveal\">\n <div class=\"stat__num\" data-counter=\"100\">0<\/div>\n <div class=\"stat__label\">Control de calidad (en proceso)<\/div>\n <\/div>\n <div class=\"stat reveal\">\n <div class=\"stat__num\" data-counter=\"4\">0<\/div>\n <div class=\"stat__label\">L\u00edneas de producto<\/div>\n <\/div>\n <div class=\"stat reveal\">\n <div class=\"stat__num\" data-counter=\"5\">0<\/div>\n <div class=\"stat__label\">Sectores atendidos<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"nosotros\">\n <div class=\"container split\">\n <div class=\"media reveal\" aria-label=\"Imagen o visual de planta \/ manufactura\">\n <img decoding=\"async\" src=\"https:\/\/shotete.mx\/wp-content\/uploads\/2026\/01\/imga.png\" alt=\"Planta de manufactura de insumos de protecci\u00f3n personal\" class=\"media-img\"\/>\n <div class=\"badge\">Manufactura especializada<\/div>\n <div class=\"badges\" aria-hidden=\"true\">\n <div class=\"badge-mini\">Q<\/div>\n <div class=\"badge-mini\">S<\/div>\n <div class=\"badge-mini\">+<\/div>\n <\/div>\n <\/div>\n\n <div class=\"reveal\">\n <p class=\"kicker\">Acerca de nosotros<\/p>\n <h2>\u00bfQui\u00e9nes somos?<\/h2>\n <p class=\"lead\" style=\"margin-top:12px;\">\n SHOTETE es una empresa dedicada a la fabricaci\u00f3n de insumos de protecci\u00f3n personal desechables,\n especializada en cubrebocas y respiradores de distintos niveles de protecci\u00f3n.\n <\/p>\n\n <div class=\"card card--pad\" style=\"margin-top:18px;\">\n <h3 class=\"card-title\">\u00bfQu\u00e9 hacemos?<\/h3>\n <p>\n Dise\u00f1amos y fabricamos equipo de protecci\u00f3n respiratoria desechable para uso m\u00e9dico, industrial y general,\n asegurando <strong>funcionalidad<\/strong>, <strong>comodidad<\/strong> y <strong>cumplimiento normativo<\/strong>.\n <\/p>\n\n <div class=\"checklist\">\n <div class=\"check\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M20 6L9 17l-5-5\" stroke=\"#F15A2A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <span>Productos confiables y seguros<\/span>\n <\/div>\n <div class=\"check\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M20 6L9 17l-5-5\" stroke=\"#F15A2A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <span>Materiales seleccionados<\/span>\n <\/div>\n <div class=\"check\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M20 6L9 17l-5-5\" stroke=\"#F15A2A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <span>Enfoque en comodidad<\/span>\n <\/div>\n <div class=\"check\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M20 6L9 17l-5-5\" stroke=\"#F15A2A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <span>Calidad en cada etapa<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <style>\n \/* \u2705 Mobile: el contenedor se adapta y la imagen puede \"llenar\" mejor *\/\n @media (max-width: 680px){\n .media{\n min-height: auto; \/* deja de forzar altura *\/\n aspect-ratio: 4 \/ 3; \/* altura estable y responsiva *\/\n border-radius: 20px; \/* opcional si ya lo tienes *\/\n }\n\n .media-img{\n object-fit: cover; \/* \"zoom\" para que se vea m\u00e1s grande *\/\n padding: 0; \/* evita bordes en m\u00f3vil *\/\n transform: scale(1.08); \/* zoom sutil extra *\/\n }\n }\n\n \/* Mobile peque\u00f1o *\/\n@media (max-width: 480px){\n\n \/* Reduce altura visual del contenedor *\/\n .media{\n aspect-ratio: 4 \/ 3;\n padding-top: 8px;\n padding-bottom: 8px;\n }\n\n \/* Ajusta el \"zoom\" de la imagen *\/\n .media-img{\n transform: scale(1.05); \/* menos zoom *\/\n }\n\n\n \/* Badges laterales m\u00e1s peque\u00f1os y alineados *\/\n .media .badges{\n right: 10px;\n bottom: 10px;\n gap: 8px;\n }\n\n .media .badge-mini{\n width: 36px;\n height: 36px;\n font-size: 13px;\n }\n}\n\n<\/style>\n\n\n \n <section class=\"section\" id=\"productos\" aria-label=\"L\u00edneas de producto\">\n <div class=\"container\">\n <p class=\"kicker reveal\">Portafolio<\/p>\n <h2 class=\"reveal\">L\u00edneas de producto<\/h2>\n <p class=\"lead reveal\" style=\"margin-top:12px;\">\n Contamos con un portafolio de productos enfocado en la protecci\u00f3n e higiene, dise\u00f1ado para responder a distintas necesidades y niveles de exigencia.\n <\/p>\n\n <div class=\"grid products__grid\" style=\"margin-top:22px;\">\n <article class=\"product reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\n \n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 10c0 6 4 9 8 9s8-3 8-9\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M4 10c2-2 5-3 8-3s6 1 8 3\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M7 13h10\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Cubrebocas desechables<\/h3>\n <p>Diferentes niveles y especificaciones para necesidades m\u00e9dicas, industriales y generales.<\/p>\n <\/article>\n\n <article class=\"product reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\n \n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M7 6h10l2 6c0 5-3 8-7 8s-7-3-7-8l2-6z\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M9 13h6\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Respiradores desechables<\/h3>\n <p>Soluciones de mayor protecci\u00f3n para entornos de riesgo y alta exigencia.<\/p>\n <\/article>\n\n <article class=\"product reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\n \n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8 4v9c0 3 2 5 5 5h6v-3h-4c-2 0-3-1-3-3V4H8z\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M19 18H7c-2 0-3 1-3 2h15v-2z\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Cubrebotas desechables<\/h3>\n <p>Protecci\u00f3n e higiene para \u00e1reas controladas y procesos con requerimientos sanitarios.<\/p>\n <\/article>\n\n <article class=\"product reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\n \n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 12c2-4 6-6 8-6s6 2 8 6\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M4 12v4c0 2 4 3 8 3s8-1 8-3v-4\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Gorros desechables<\/h3>\n <p>Accesorios esenciales para higiene y control en entornos m\u00e9dicos e industriales.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" aria-label=\"Compromiso con la calidad\">\n <div class=\"container\">\n <div class=\"quality reveal\">\n <div>\n <p class=\"kicker\">Calidad<\/p>\n <h2>Compromiso con la calidad<\/h2>\n <p class=\"lead\" style=\"margin-top:12px;\">\n Todos nuestros productos son fabricados bajo procesos controlados, utilizando materiales seleccionados que garantizan seguridad, resistencia y desempe\u00f1o en entornos de alta exigencia.\n <\/p>\n\n <div class=\"quality__points\">\n <div class=\"point\">\n <div class=\"iconbox\" style=\"width:44px;height:44px;border-radius:16px;\" aria-hidden=\"true\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 2l7 4v6c0 6-4 9-7 10C9 21 5 18 5 12V6l7-4z\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M9 12l2 2 4-5\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div>\n <strong>Procesos controlados<\/strong>\n <small>Control de calidad en cada etapa del proceso.<\/small>\n <\/div>\n <\/div>\n\n <div class=\"point\">\n <div class=\"iconbox\" style=\"width:44px;height:44px;border-radius:16px;\" aria-hidden=\"true\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 7h16M7 7v14m10-14v14\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M6 21h12\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div>\n <strong>Materiales seleccionados<\/strong>\n <small>Seguridad, resistencia y desempe\u00f1o consistente.<\/small>\n <\/div>\n <\/div>\n\n <div class=\"point\">\n <div class=\"iconbox\" style=\"width:44px;height:44px;border-radius:16px;\" aria-hidden=\"true\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3v18\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M6 9c3-2 9-2 12 0\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M6 15c3 2 9 2 12 0\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div>\n <strong>Comodidad y eficiencia<\/strong>\n <small>Protecci\u00f3n sin comprometer la operaci\u00f3n.<\/small>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n<div \n class=\"quality__side\"\n aria-label=\"Espacio para fotograf\u00eda de planta o detalle de producto\"\n style=\"\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n \"\n>\n <img decoding=\"async\"\n src=\"https:\/\/shotete.mx\/wp-content\/uploads\/2026\/01\/imgb.png\"\n alt=\"Detalle de producto y control de calidad\"\n style=\"\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n padding: 24px;\n z-index: 1;\n \"\n \/>\n\n \n <div\n style=\"\n position: absolute;\n inset: 0;\n background: radial-gradient(\n circle at 70% 30%,\n rgba(241,90,42,.15),\n transparent 55%\n );\n z-index: 2;\n pointer-events: none;\n \"\n ><\/div>\n\n <div \n class=\"quality__tag\"\n style=\"z-index:3;\"\n >\n Desempe\u00f1o en alta exigencia\n <\/div>\n<\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" aria-label=\"A qui\u00e9n atendemos\">\n <div class=\"container\">\n <p class=\"kicker reveal\">Clientes<\/p>\n <h2 class=\"reveal\">A qui\u00e9n atendemos<\/h2>\n <p class=\"lead reveal\" style=\"margin-top:12px;\">\n Atendemos a clientes de distintos sectores que requieren soluciones confiables de protecci\u00f3n personal.\n <\/p>\n\n <div class=\"pills reveal\" aria-label=\"Sectores\">\n <span class=\"pill\">Sector salud<\/span>\n <span class=\"pill\">Industria y manufactura<\/span>\n <span class=\"pill\">Empresas de servicios<\/span>\n <span class=\"pill\">Distribuidores y mayoristas<\/span>\n <span class=\"pill\">Instituciones p\u00fablicas y privadas<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" aria-label=\"Ventajas competitivas\">\n <div class=\"container\">\n <p class=\"kicker reveal\">Diferenciadores<\/p>\n <h2 class=\"reveal\">Ventajas competitivas<\/h2>\n <p class=\"lead reveal\" style=\"margin-top:12px;\">\n Capacidades enfocadas en fabricaci\u00f3n especializada, control de calidad y atenci\u00f3n directa para asegurar abastecimiento confiable.\n <\/p>\n\n <div class=\"grid advantages__grid\" style=\"margin-top:22px;\">\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Fabricaci\u00f3n especializada<\/h3>\n <p>Producci\u00f3n enfocada en protecci\u00f3n respiratoria y accesorios desechables.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Control de calidad<\/h3>\n <p>Revisi\u00f3n y seguimiento en cada etapa del proceso para consistencia.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Producci\u00f3n escalable<\/h3>\n <p>Capacidad para responder a demandas variables y proyectos a volumen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Abastecimiento confiable<\/h3>\n <p>Planeaci\u00f3n y continuidad para entregas consistentes.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Atenci\u00f3n personalizada<\/h3>\n <p>Relaci\u00f3n directa para entender necesidades y proponer soluciones.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Enfoque normativo<\/h3>\n <p>Dise\u00f1o orientado a funcionalidad, comodidad y cumplimiento aplicable.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section cta\" id=\"contacto\" aria-label=\"Objetivo y contacto\">\n <div class=\"container\">\n <div class=\"cta__wrap reveal\">\n <div>\n <p class=\"kicker\" style=\"color: rgba(255,255,255,.70);\">Nuestro objetivo<\/p>\n <h2>Ser un proveedor confiable de equipo de protecci\u00f3n desechable<\/h2>\n <p class=\"lead\" style=\"margin-top:12px; max-width: 70ch;\">\n Contribuimos a la seguridad, higiene y bienestar de las personas en su entorno laboral y profesional,\n sin comprometer la comodidad ni la eficiencia operativa.\n <\/p>\n\n \n <\/div>\n\n \n <div class=\"card card--pad\" id=\"form\" style=\"background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.18); box-shadow:none;\">\n <h3 style=\"color:#fff; margin-bottom:10px;\">Contacto<\/h3>\n <p style=\"color: rgba(255,255,255,.78); font-size: 14px; margin-bottom: 14px;\">\n Deja tus datos y te contactamos.\n <\/p>\n <script data-b24-form=\"inline\/43\/gfr5p6\" data-skip-moving=\"true\">\n (function(w,d,u){\n var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()\/180000|0);\n var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h); \n })(window,document,'https:\/\/cdn.bitrix24.com\/b28057311\/crm\/form\/loader_43.js');\n <\/script>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n\n\n\n\n<footer class=\"footer\" aria-label=\"Pie de p\u00e1gina\">\n <div class=\"container footer__wrap\">\n\n <div class=\"footer__top\">\n <div class=\"footer__brand\">\n <img decoding=\"async\" src=\"https:\/\/shotete.mx\/wp-content\/uploads\/2026\/01\/imglog.png\" alt=\"Icono de la marca Shotete\" class=\"footer__logo\"\/>\n <div>\n <div class=\"footer__name\">Shotete<\/div>\n <div class=\"footer__tagline\">Protecci\u00f3n confiable para la salud y la industria<\/div>\n <\/div>\n <\/div>\n <div class=\"footer__contact\">\n <div><span class=\"footer__label\">Correo:<\/span> <a href=\"mailto:contacto@shotete.mx\">contacto@shotete.mx<\/a><\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer__bottom\">\n <small>\u00a9 <span id=\"year\"><\/span> SHOTETE. Todos los derechos reservados.<\/small>\n <small class=\"footer__note\">Equipo de protecci\u00f3n personal desechable.<\/small>\n <\/div>\n\n <\/div>\n<\/footer>\n\n<style>\n .footer{\n position: relative;\n padding: 34px 0 22px;\n background: #260707;\n color: rgba(251, 121, 0, 0.86);\n border-top: 1px solid rgba(255,255,255,.10);\n overflow: clip;\n }\n\n .footer::before{\n content:\"\";\n position:absolute;\n inset:-2px;\n background: radial-gradient(circle at 60% 120%, rgba(241,90,42,.22), transparent 55%);\n opacity:.55;\n pointer-events:none;\n }\n\n .footer__wrap{ position: relative; }\n\n .footer__top{\n display:flex;\n align-items:center;\n justify-content: space-between;\n gap: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid rgba(255,255,255,.10);\n }\n\n .footer__brand{\n display:flex;\n align-items:center;\n gap: 12px;\n min-width: 220px;\n }\n\n .footer__logo{\n width: 44px; height: 44px;\n border-radius: 16px;\n display:grid;\n place-items:center;\n font-family: var(--font-title);\n font-weight: 900;\n font-size: 20px;\n color: var(--c-primary);\n background: rgba(241,90,42,.14);\n border: 1px solid rgba(241,90,42,.30);\n box-shadow: 0 14px 40px rgba(0,0,0,.22);\n font-size: 20px;\n }\n\n .footer__name{\n font-family: var(--font-title);\n font-weight: 900;\n letter-spacing: -0.02em;\n font-size: 18px;\n color: #fff;\n line-height: 1.1;\n }\n\n .footer__tagline{\n font-size: 13px;\n color: rgb(255, 255, 255);\n font-weight: 700;\n margin-top: 2px;\n }\n\n .footer__contact{\n display:grid;\n gap: 8px;\n padding: 12px 14px;\n border-radius: 18px;\n background: rgba(255,255,255,.06);\n border: 1px solid rgba(255,255,255,.12);\n backdrop-filter: blur(10px);\n box-shadow: 0 18px 60px rgba(0,0,0,.18);\n font-size: 13px;\n font-weight: 800;\n color: rgb(255, 255, 255);\n }\n\n .footer__label{\n color: rgb(255, 255, 255);\n font-weight: 900;\n }\n\n .footer__contact a{\n color: rgb(255, 255, 255);\n font-weight: 900;\n }\n .footer__contact a:hover{ color:#fff; }\n\n .footer__bottom{\n display:flex;\n align-items:flex-start;\n justify-content: space-between;\n gap: 12px;\n padding-top: 14px;\n color: rgb(255, 255, 255);\n font-weight: 750;\n }\n\n .footer__note{\n max-width: 56ch;\n text-align: right;\n }\n\n @media (max-width: 820px){\n .footer__top{ flex-direction: column; align-items: stretch; }\n .footer__contact{ width: 100%; }\n .footer__bottom{ flex-direction: column; }\n .footer__note{ text-align: left; }\n }\n<\/style>\n\n<script>\n (function(){\n const y = document.getElementById(\"year\");\n if (y) y.textContent = new Date().getFullYear();\n })();\n<\/script>\n\n\n\n\n\n\n <script>\n \/\/ Reveal on scroll\n const reveals = Array.from(document.querySelectorAll(\".reveal\"));\n const io = new IntersectionObserver((entries) => {\n entries.forEach((e) => {\n if (e.isIntersecting) {\n e.target.classList.add(\"is-visible\");\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.18 });\n\n reveals.forEach(el => io.observe(el));\n\n \/\/ Animated counters (simple, for stats)\n function animateCounter(el, to) {\n const prefersReduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n if (prefersReduced) { el.textContent = to; return; }\n\n const from = 0;\n const duration = 8000;\n const start = performance.now();\n\n function tick(now){\n const t = Math.min(1, (now - start) \/ duration);\n const val = Math.floor(from + (to - from) * (1 - Math.pow(1 - t, 3))); \/\/ easeOutCubic\n el.textContent = val + (to >= 100 ? \"%\" : \"\");\n if (t < 1) requestAnimationFrame(tick);\n }\n requestAnimationFrame(tick);\n }\n\n \/\/ Kick counters when stats section becomes visible\n const statNums = Array.from(document.querySelectorAll(\"[data-counter]\"));\n const statsObserver = new IntersectionObserver((entries) => {\n entries.forEach((e) => {\n if (e.isIntersecting) {\n statNums.forEach(n => animateCounter(n, parseInt(n.getAttribute(\"data-counter\"), 10)));\n statsObserver.disconnect();\n }\n });\n }, { threshold: 0.35 });\n const statsSection = document.querySelector(\".stats\");\n if (statsSection) statsObserver.observe(statsSection);\n\n \/\/ Lightweight toast (for demo)\n function toast(message){\n const t = document.createElement(\"div\");\n t.textContent = message;\n t.style.cssText = `\n position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%);\n background: rgba(31,26,26,.92); color: #fff; padding: 12px 14px;\n border-radius: 14px; border: 1px solid rgba(255,255,255,.12);\n box-shadow: 0 16px 44px rgba(0,0,0,.22);\n font-weight: 800; font-size: 13px; z-index: 9999;\n max-width: min(560px, calc(100% - 24px));\n `;\n document.body.appendChild(t);\n setTimeout(()=> { t.style.opacity = \"0\"; t.style.transition = \"opacity .25s ease\"; }, 2400);\n setTimeout(()=> t.remove(), 2800);\n }\n window.toast = toast;\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SHOTETE Shotete Protecci\u00f3n personal desechable Fabricaci\u00f3n de cubrebocas y respiradores desechables Protecci\u00f3n confiable para la salud y la industria. Dise\u00f1amos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":10,"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":10,"date":"2026-01-22T20:11:39","date_gmt":"2026-01-22T20:11:39","guid":{"rendered":"https:\/\/shotete.mx\/?page_id=10"},"modified":"2026-04-14T17:52:58","modified_gmt":"2026-04-14T17:52:58","slug":"landing","status":"publish","type":"page","link":"https:\/\/shotete.mx\/","title":{"rendered":"Presentacion"},"content":{"rendered":"\n\n\n\n \n \n\n \n SHOTETE<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root{\n \/* Paleta SHOTETE (de la presentaci\u00f3n) *\/\n --c-primary: #F15A2A; \/* Naranja *\/\n --c-soft: #F9C2A8; \/* Durazno *\/\n --c-bg: #F7F6EA; \/* Crema *\/\n --c-text: #1F1A1A; \/* Negro suave *\/\n --c-white: #FFFFFF;\n\n \/* Sistema *\/\n --radius-lg: 24px;\n --radius-md: 18px;\n --radius-sm: 14px;\n\n --shadow-sm: 0 10px 24px rgba(31,26,26,.08);\n --shadow-md: 0 16px 44px rgba(31,26,26,.10);\n\n --container: 1120px;\n\n --font-title: \"Montserrat\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n --font-body: \"Inter\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n }\n\n *{ box-sizing: border-box; }\n html,body{ height:100%; }\n body{\n margin:0;\n font-family: var(--font-body) !important;\n color: var(--c-text);\n background: linear-gradient(180deg, var(--c-bg) 0%, #fbfaf3 60%, #ffffff 100%);\n line-height: 1.45;\n }\n img{ max-width:100%; display:block; }\n a{ color: inherit; text-decoration: none; }\n button{ font-family: inherit; }\n\n \/* Layout helpers *\/\n .container{\n width: min(var(--container), calc(100% - 40px));\n margin: 0 auto;\n }\n .section{\n padding: clamp(52px, 6vw, 92px) 0;\n position: relative;\n overflow: clip;\n }\n\n \/* Decorative blobs (similar feel to reference) *\/\n .blob{\n position:absolute;\n border-radius: 999px;\n filter: saturate(1.05);\n opacity: .95;\n pointer-events:none;\n }\n .blob--primary{ background: var(--c-primary); }\n .blob--soft{ background: var(--c-soft); }\n .blob--cream{ background: var(--c-bg); border: 1px solid rgba(31,26,26,.05); }\n\n \/* Typography *\/\n .kicker{\n font-weight: 700;\n letter-spacing: .08em;\n text-transform: uppercase;\n font-size: 12px;\n color: rgba(31,26,26,.70);\n margin: 0 0 10px;\n }\n h1,h2,h3{\n font-family: var(--font-title);\n letter-spacing: -0.02em;\n margin: 0;\n line-height: 1.05;\n }\n h1{\n font-size: clamp(36px, 4.6vw, 62px);\n font-weight: 800;\n }\n h2{\n font-size: clamp(28px, 3.2vw, 44px);\n font-weight: 800;\n }\n h3{\n font-size: clamp(18px, 2.1vw, 24px);\n font-weight: 800;\n }\n p{\n margin: 0;\n color: rgba(31,26,26,.78);\n font-size: 16px;\n }\n .lead{\n font-size: clamp(16px, 1.6vw, 18px);\n color: rgba(31,26,26,.78);\n max-width: 58ch;\n }\n .accent{\n color: var(--c-primary);\n position: relative;\n display: inline-block;\n }\n .accent::after{\n content:\"\";\n position:absolute;\n left: 0;\n bottom: -6px;\n width: 100%;\n height: 10px;\n background: rgba(241, 90, 42, .22);\n border-radius: 10px;\n z-index: -1;\n transform: skewX(-8deg);\n }\n\n \/* Buttons *\/\n .btn-row{\n display:flex;\n gap: 12px;\n flex-wrap: wrap;\n margin-top: 22px;\n }\n .btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap: 10px;\n height: 46px;\n padding: 0 18px;\n border-radius: 999px;\n border: 1px solid transparent;\n font-weight: 700;\n cursor:pointer;\n transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;\n user-select:none;\n white-space: nowrap;\n }\n .btn:active{ transform: translateY(1px); }\n .btn--primary{\n background: var(--c-primary);\n color: var(--c-white);\n box-shadow: 0 12px 30px rgba(241, 90, 42, .28);\n }\n .btn--primary:hover{\n transform: translateY(-1px);\n box-shadow: 0 16px 40px rgba(241, 90, 42, .32);\n }\n .btn--ghost{\n background: rgba(255,255,255,.65);\n border-color: rgba(31,26,26,.10);\n color: var(--c-text);\n backdrop-filter: blur(8px);\n }\n .btn--ghost:hover{\n transform: translateY(-1px);\n border-color: rgba(31,26,26,.16);\n box-shadow: var(--shadow-sm);\n }\n\n \/* Cards \/ grids *\/\n .grid{\n display:grid;\n gap: 18px;\n }\n .card{\n border-radius: var(--radius-md);\n background: rgba(255,255,255,.70);\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: 0 10px 28px rgba(31,26,26,.06);\n backdrop-filter: blur(10px);\n }\n .card--pad{ padding: 22px; }\n .card-title{ margin: 0 0 8px; }\n .muted{ color: rgba(31,26,26,.70); }\n\n \/* Reveal animation *\/\n .reveal{\n opacity: 0;\n transform: translateY(14px);\n transition: opacity .6s ease, transform .6s ease;\n }\n .reveal.is-visible{\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* HERO *\/\n .hero{\n padding-top: clamp(56px, 7vw, 96px);\n padding-bottom: clamp(46px, 6vw, 84px);\n }\n .hero__wrap{\n display:grid;\n grid-template-columns: 1.15fr .85fr;\n gap: clamp(18px, 3vw, 34px);\n align-items: center;\n }\n.brandline{\n display: flex;\n align-items: center; \/* base *\/\n gap: 10px;\n margin-bottom: 14px;\n font-weight: 800;\n letter-spacing: -0.02em;\n}\n\n.brandtext{\n font-family: var(--font-title);\n font-weight: 900;\n font-size: 18px;\n line-height: 1; \/* \ud83d\udd11 elimina \u201cca\u00edda\u201d del texto *\/\n display: flex;\n align-items: center;\n}\n\n.brandicon{\n width: 22px;\n height: 22px;\n object-fit: contain;\n display: block;\n\n \/* \ud83d\udd11 ajuste \u00f3ptico fino *\/\n position: relative;\n top: 1px; \/* sube o baja 1\u20132px si hace falta *\/\n}\n\n .brandmark{\n display:inline-grid;\n place-items:center;\n width: 44px; height: 44px;\n border-radius: 14px;\n background: rgba(241, 90, 42, .16);\n border: 1px solid rgba(241, 90, 42, .26);\n font-family: var(--font-title);\n font-weight: 900;\n color: var(--c-primary);\n font-size: 20px;\n }\n .hero__title{ margin-bottom: 10px !important; }\n .hero__right{\n position: relative !important;\n min-height: 360px !important;\n }\n .hero__visual{\n height: 100%;\n border-radius: var(--radius-lg);\n background:\n radial-gradient(circle at 20% 25%, rgba(241, 90, 42, .22), transparent 52%),\n radial-gradient(circle at 85% 35%, rgba(249, 194, 168, .55), transparent 55%),\n linear-gradient(135deg, rgba(255,255,255,.70), rgba(247,246,234,.70));\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: var(--shadow-md);\n overflow: hidden;\n position: relative;\n display:flex;\n align-items:flex-end;\n justify-content:flex-start;\n padding: 18px;\n }\n .hero__chips{\n display:flex;\n gap: 10px;\n flex-wrap: wrap;\n }\n .chip{\n display:inline-flex;\n align-items:center;\n gap: 8px;\n padding: 10px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.78);\n border: 1px solid rgba(31,26,26,.10);\n font-weight: 700;\n font-size: 13px;\n color: rgba(31,26,26,.80);\n }\n .dot{\n width: 10px; height: 10px;\n border-radius: 999px;\n background: var(--c-primary);\n box-shadow: 0 0 0 4px rgba(241, 90, 42, .18);\n }\n\n \/* Stats *\/\n .stats{\n padding-top: 0;\n }\n .stats__grid{\n grid-template-columns: repeat(4, 1fr);\n gap: 14px;\n margin-top: -26px;\n }\n .stat{\n padding: 18px 16px;\n text-align:center;\n border-radius: var(--radius-md);\n background: rgba(255,255,255,.78);\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: 0 10px 26px rgba(31,26,26,.05);\n }\n .stat__num{\n font-family: var(--font-title);\n font-weight: 900;\n font-size: 24px;\n color: rgba(31,26,26,.90);\n margin-bottom: 4px;\n }\n .stat__label{\n font-size: 13px;\n color: rgba(31,26,26,.68);\n font-weight: 700;\n }\n\n \/* About split *\/\n .split{\n display:grid;\n grid-template-columns: .95fr 1.05fr;\n gap: clamp(18px, 3vw, 34px);\n align-items: center;\n }\n .media{\n border-radius: var(--radius-lg);\n background:\n radial-gradient(circle at 70% 40%, rgba(241, 90, 42, .18), transparent 55%),\n radial-gradient(circle at 35% 60%, rgba(249, 194, 168, .55), transparent 55%),\n linear-gradient(135deg, rgba(255,255,255,.85), rgba(247,246,234,.75));\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: var(--shadow-md);\n min-height: 360px;\n position: relative;\n overflow: hidden;\n }\n .badge{\n position:absolute;\n left: 16px;\n top: 16px;\n padding: 10px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.82);\n border: 1px solid rgba(31,26,26,.10);\n font-weight: 800;\n font-size: 13px;\n }\n .badges{\n position:absolute;\n right: 16px;\n bottom: 16px;\n display:flex;\n flex-direction: column;\n gap: 10px;\n }\n .badge-mini{\n width: 46px; height: 46px;\n border-radius: 999px;\n background: rgba(255,255,255,.82);\n border: 1px solid rgba(31,26,26,.10);\n display:grid;\n place-items:center;\n font-weight: 900;\n color: var(--c-primary);\n box-shadow: 0 10px 24px rgba(31,26,26,.08);\n }\n\n .checklist{\n margin-top: 16px;\n display:grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px 12px;\n }\n .check{\n display:flex;\n gap: 10px;\n align-items:flex-start;\n padding: 10px 12px;\n border-radius: 14px;\n background: rgba(255,255,255,.60);\n border: 1px solid rgba(31,26,26,.06);\n }\n .check svg{ flex: 0 0 auto; margin-top: 2px; }\n .check span{\n font-weight: 700;\n font-size: 14px;\n color: rgba(31,26,26,.76);\n }\n\n \/* Products *\/\n .products__grid{\n grid-template-columns: repeat(4, 1fr);\n }\n .product{\n padding: 20px;\n border-radius: var(--radius-md);\n background: rgba(255,255,255,.75);\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: 0 10px 24px rgba(31,26,26,.06);\n display:flex;\n flex-direction: column;\n gap: 10px;\n min-height: 190px;\n }\n .iconbox{\n width: 52px; height: 52px;\n border-radius: 18px;\n display:grid;\n place-items:center;\n background: rgba(241, 90, 42, .14);\n border: 1px solid rgba(241, 90, 42, .22);\n color: var(--c-primary);\n }\n .product p{ font-size: 14px; }\n\n \/* Sectors *\/\n .pills{\n display:flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 16px;\n }\n .pill{\n padding: 12px 14px;\n border-radius: 999px;\n background: rgba(249,194,168,.45);\n border: 1px solid rgba(241,90,42,.18);\n font-weight: 800;\n font-size: 13px;\n color: rgba(31,26,26,.80);\n }\n\n \/* Advantages *\/\n .advantages__grid{\n grid-template-columns: repeat(3, 1fr);\n }\n .adv{\n padding: 22px;\n border-radius: var(--radius-md);\n background: rgba(255,255,255,.75);\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: 0 10px 24px rgba(31,26,26,.06);\n display:flex;\n gap: 14px;\n align-items:flex-start;\n }\n .adv .iconbox{\n width: 46px; height: 46px;\n border-radius: 16px;\n }\n .adv h3{ font-size: 18px; }\n .adv p{ font-size: 14px; }\n\n \/* Quality block *\/\n .quality{\n border-radius: var(--radius-lg);\n background:\n radial-gradient(circle at 15% 25%, rgba(241, 90, 42, .20), transparent 55%),\n radial-gradient(circle at 85% 65%, rgba(249, 194, 168, .55), transparent 58%),\n linear-gradient(135deg, rgba(255,255,255,.72), rgba(247,246,234,.80));\n border: 1px solid rgba(31,26,26,.08);\n box-shadow: var(--shadow-md);\n padding: clamp(20px, 3vw, 34px);\n display:grid;\n grid-template-columns: 1.05fr .95fr;\n gap: clamp(14px, 2.5vw, 26px);\n align-items: center;\n }\n .quality__points{\n display:grid;\n gap: 10px;\n margin-top: 16px;\n }\n .point{\n display:flex;\n gap: 12px;\n align-items:flex-start;\n padding: 12px 14px;\n border-radius: 16px;\n background: rgba(255,255,255,.65);\n border: 1px solid rgba(31,26,26,.06);\n }\n .point strong{\n display:block;\n font-size: 14px;\n color: rgba(31,26,26,.86);\n margin-bottom: 2px;\n }\n .point small{\n display:block;\n font-size: 13px;\n color: rgba(31,26,26,.70);\n }\n .quality__side{\n border-radius: var(--radius-lg);\n min-height: 240px;\n background:\n radial-gradient(circle at 35% 35%, rgba(241,90,42,.25), transparent 55%),\n radial-gradient(circle at 70% 70%, rgba(249,194,168,.55), transparent 58%),\n rgba(255,255,255,.72);\n border: 1px solid rgba(31,26,26,.08);\n position: relative;\n overflow: hidden;\n }\n .quality__side::after{\n content:\"\";\n position:absolute;\n inset: 14px;\n border-radius: calc(var(--radius-lg) - 10px);\n border: 1px dashed rgba(31,26,26,.16);\n opacity: .55;\n pointer-events:none;\n }\n .quality__tag{\n position:absolute;\n left: 16px;\n bottom: 16px;\n padding: 10px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.82);\n border: 1px solid rgba(31,26,26,.10);\n font-weight: 900;\n font-size: 13px;\n color: rgba(31,26,26,.86);\n }\n\n \/* Final CTA *\/\n .cta{\n color: var(--c-white);\n background: linear-gradient(135deg, rgba(31,26,26,.92), rgba(31,26,26,.86)),\n radial-gradient(circle at 30% 30%, rgba(241,90,42,.28), transparent 55%),\n radial-gradient(circle at 80% 70%, rgba(249,194,168,.30), transparent 55%);\n }\n .cta .container{\n position: relative;\n }\n .cta__wrap{\n border-radius: var(--radius-lg);\n padding: clamp(22px, 3.6vw, 44px);\n border: 1px solid rgba(255,255,255,.14);\n background: rgba(255,255,255,.06);\n box-shadow: 0 18px 60px rgba(0,0,0,.25);\n display:grid;\n grid-template-columns: 1.25fr .75fr;\n gap: 18px;\n align-items:center;\n backdrop-filter: blur(10px);\n }\n .cta h2{ color: var(--c-white); }\n .cta p{ color: rgba(255,255,255,.80); }\n .cta .btn--ghost{\n background: rgba(255,255,255,.12);\n border-color: rgba(255,255,255,.22);\n color: var(--c-white);\n }\n .cta .btn--ghost:hover{\n border-color: rgba(255,255,255,.32);\n box-shadow: 0 16px 40px rgba(0,0,0,.22);\n }\n\n \/* Responsive *\/\n @media (max-width: 980px){\n .hero__wrap{ grid-template-columns: 1fr; }\n .hero__right{ min-height: 320px; }\n .stats__grid{ grid-template-columns: repeat(2, 1fr); margin-top: 18px; }\n .split{ grid-template-columns: 1fr; }\n .products__grid{ grid-template-columns: repeat(2, 1fr); }\n .advantages__grid{ grid-template-columns: repeat(2, 1fr); }\n .quality{ grid-template-columns: 1fr; }\n .cta__wrap{ grid-template-columns: 1fr; }\n .checklist{ grid-template-columns: 1fr; }\n }\n @media (max-width: 520px){\n .stats__grid{ grid-template-columns: 1fr; }\n .products__grid{ grid-template-columns: 1fr; }\n .advantages__grid{ grid-template-columns: 1fr; }\n .brandline{ gap: 8px; }\n .brandmark{ width: 40px; height: 40px; border-radius: 14px; font-size: 18px;}\n .chip{ width: 100%; justify-content: center; }\n }\n\n \/* Reduced motion *\/\n @media (prefers-reduced-motion: reduce){\n .reveal{ transition: none; transform:none; }\n .btn{ transition: none; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n \n <section class=\"section hero\">\n <div class=\"blob blob--soft\" style=\"width:520px;height:520px;left:-220px;top:-220px;\"><\/div>\n <div class=\"blob blob--primary\" style=\"width:360px;height:360px;right:-120px;top:-140px;\"><\/div>\n <div class=\"blob blob--cream\" style=\"width:540px;height:540px;right:-280px;bottom:-280px;\"><\/div>\n\n <div class=\"container hero__wrap\">\n <div class=\"reveal\">\n <div class=\"brandline\">\n <span class=\"brandtext\">Shotete<\/span>\n <img decoding=\"async\" \n src=\"https:\/\/shotete.mx\/wp-content\/uploads\/2026\/01\/imglog.png\"\n alt=\"Icono de la marca Shotete\"\n class=\"brandicon\"\n style=\"position: relative; top: -1.5px;\"\n \/>\n <\/div>\n\n <p class=\"kicker\">Protecci\u00f3n personal desechable<\/p>\n <h1 class=\"hero__title\">\n Fabricaci\u00f3n de <span class=\"accent\">cubrebocas<\/span> y respiradores desechables\n <\/h1>\n\n <p class=\"lead\" style=\"margin-top:12px;\">\n Protecci\u00f3n confiable para la salud y la industria. Dise\u00f1amos y fabricamos equipo de protecci\u00f3n respiratoria\n desechable con enfoque en calidad, seguridad y cumplimiento normativo.\n <\/p>\n\n \n <\/div>\n\n <div class=\"hero__right reveal\">\n <div class=\"hero__visual\" aria-label=\"Visual de marca\">\n <div class=\"hero__chips\">\n <span class=\"chip\"><span class=\"dot\"><\/span>Altos est\u00e1ndares de calidad<\/span>\n <span class=\"chip\"><span class=\"dot\"><\/span>Uso m\u00e9dico e industrial<\/span>\n <span class=\"chip\"><span class=\"dot\"><\/span>Comodidad y funcionalidad<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section stats\" aria-label=\"Indicadores\">\n <div class=\"container\">\n <div class=\"grid stats__grid\">\n <div class=\"stat reveal\">\n <div class=\"stat__num\" data-counter=\"24\">0<\/div>\n <div class=\"stat__label\">Abastecimiento confiable<\/div>\n <\/div>\n <div class=\"stat reveal\">\n <div class=\"stat__num\" data-counter=\"100\">0<\/div>\n <div class=\"stat__label\">Control de calidad (en proceso)<\/div>\n <\/div>\n <div class=\"stat reveal\">\n <div class=\"stat__num\" data-counter=\"4\">0<\/div>\n <div class=\"stat__label\">L\u00edneas de producto<\/div>\n <\/div>\n <div class=\"stat reveal\">\n <div class=\"stat__num\" data-counter=\"5\">0<\/div>\n <div class=\"stat__label\">Sectores atendidos<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"nosotros\">\n <div class=\"container split\">\n <div class=\"media reveal\" aria-label=\"Imagen o visual de planta \/ manufactura\">\n <img decoding=\"async\" src=\"https:\/\/shotete.mx\/wp-content\/uploads\/2026\/01\/imga.png\" alt=\"Planta de manufactura de insumos de protecci\u00f3n personal\" class=\"media-img\"\/>\n <div class=\"badge\">Manufactura especializada<\/div>\n <div class=\"badges\" aria-hidden=\"true\">\n <div class=\"badge-mini\">Q<\/div>\n <div class=\"badge-mini\">S<\/div>\n <div class=\"badge-mini\">+<\/div>\n <\/div>\n <\/div>\n\n <div class=\"reveal\">\n <p class=\"kicker\">Acerca de nosotros<\/p>\n <h2>\u00bfQui\u00e9nes somos?<\/h2>\n <p class=\"lead\" style=\"margin-top:12px;\">\n SHOTETE es una empresa dedicada a la fabricaci\u00f3n de insumos de protecci\u00f3n personal desechables,\n especializada en cubrebocas y respiradores de distintos niveles de protecci\u00f3n.\n <\/p>\n\n <div class=\"card card--pad\" style=\"margin-top:18px;\">\n <h3 class=\"card-title\">\u00bfQu\u00e9 hacemos?<\/h3>\n <p>\n Dise\u00f1amos y fabricamos equipo de protecci\u00f3n respiratoria desechable para uso m\u00e9dico, industrial y general,\n asegurando <strong>funcionalidad<\/strong>, <strong>comodidad<\/strong> y <strong>cumplimiento normativo<\/strong>.\n <\/p>\n\n <div class=\"checklist\">\n <div class=\"check\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M20 6L9 17l-5-5\" stroke=\"#F15A2A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <span>Productos confiables y seguros<\/span>\n <\/div>\n <div class=\"check\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M20 6L9 17l-5-5\" stroke=\"#F15A2A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <span>Materiales seleccionados<\/span>\n <\/div>\n <div class=\"check\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M20 6L9 17l-5-5\" stroke=\"#F15A2A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <span>Enfoque en comodidad<\/span>\n <\/div>\n <div class=\"check\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M20 6L9 17l-5-5\" stroke=\"#F15A2A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <span>Calidad en cada etapa<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <style>\n \/* \u2705 Mobile: el contenedor se adapta y la imagen puede \"llenar\" mejor *\/\n @media (max-width: 680px){\n .media{\n min-height: auto; \/* deja de forzar altura *\/\n aspect-ratio: 4 \/ 3; \/* altura estable y responsiva *\/\n border-radius: 20px; \/* opcional si ya lo tienes *\/\n }\n\n .media-img{\n object-fit: cover; \/* \"zoom\" para que se vea m\u00e1s grande *\/\n padding: 0; \/* evita bordes en m\u00f3vil *\/\n transform: scale(1.08); \/* zoom sutil extra *\/\n }\n }\n\n \/* Mobile peque\u00f1o *\/\n@media (max-width: 480px){\n\n \/* Reduce altura visual del contenedor *\/\n .media{\n aspect-ratio: 4 \/ 3;\n padding-top: 8px;\n padding-bottom: 8px;\n }\n\n \/* Ajusta el \"zoom\" de la imagen *\/\n .media-img{\n transform: scale(1.05); \/* menos zoom *\/\n }\n\n\n \/* Badges laterales m\u00e1s peque\u00f1os y alineados *\/\n .media .badges{\n right: 10px;\n bottom: 10px;\n gap: 8px;\n }\n\n .media .badge-mini{\n width: 36px;\n height: 36px;\n font-size: 13px;\n }\n}\n\n<\/style>\n\n\n \n <section class=\"section\" id=\"productos\" aria-label=\"L\u00edneas de producto\">\n <div class=\"container\">\n <p class=\"kicker reveal\">Portafolio<\/p>\n <h2 class=\"reveal\">L\u00edneas de producto<\/h2>\n <p class=\"lead reveal\" style=\"margin-top:12px;\">\n Contamos con un portafolio de productos enfocado en la protecci\u00f3n e higiene, dise\u00f1ado para responder a distintas necesidades y niveles de exigencia.\n <\/p>\n\n <div class=\"grid products__grid\" style=\"margin-top:22px;\">\n <article class=\"product reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\n \n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 10c0 6 4 9 8 9s8-3 8-9\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M4 10c2-2 5-3 8-3s6 1 8 3\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M7 13h10\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Cubrebocas desechables<\/h3>\n <p>Diferentes niveles y especificaciones para necesidades m\u00e9dicas, industriales y generales.<\/p>\n <\/article>\n\n <article class=\"product reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\n \n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M7 6h10l2 6c0 5-3 8-7 8s-7-3-7-8l2-6z\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M9 13h6\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Respiradores desechables<\/h3>\n <p>Soluciones de mayor protecci\u00f3n para entornos de riesgo y alta exigencia.<\/p>\n <\/article>\n\n <article class=\"product reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\n \n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8 4v9c0 3 2 5 5 5h6v-3h-4c-2 0-3-1-3-3V4H8z\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M19 18H7c-2 0-3 1-3 2h15v-2z\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Cubrebotas desechables<\/h3>\n <p>Protecci\u00f3n e higiene para \u00e1reas controladas y procesos con requerimientos sanitarios.<\/p>\n <\/article>\n\n <article class=\"product reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\n \n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 12c2-4 6-6 8-6s6 2 8 6\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M4 12v4c0 2 4 3 8 3s8-1 8-3v-4\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Gorros desechables<\/h3>\n <p>Accesorios esenciales para higiene y control en entornos m\u00e9dicos e industriales.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" aria-label=\"Compromiso con la calidad\">\n <div class=\"container\">\n <div class=\"quality reveal\">\n <div>\n <p class=\"kicker\">Calidad<\/p>\n <h2>Compromiso con la calidad<\/h2>\n <p class=\"lead\" style=\"margin-top:12px;\">\n Todos nuestros productos son fabricados bajo procesos controlados, utilizando materiales seleccionados que garantizan seguridad, resistencia y desempe\u00f1o en entornos de alta exigencia.\n <\/p>\n\n <div class=\"quality__points\">\n <div class=\"point\">\n <div class=\"iconbox\" style=\"width:44px;height:44px;border-radius:16px;\" aria-hidden=\"true\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 2l7 4v6c0 6-4 9-7 10C9 21 5 18 5 12V6l7-4z\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M9 12l2 2 4-5\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div>\n <strong>Procesos controlados<\/strong>\n <small>Control de calidad en cada etapa del proceso.<\/small>\n <\/div>\n <\/div>\n\n <div class=\"point\">\n <div class=\"iconbox\" style=\"width:44px;height:44px;border-radius:16px;\" aria-hidden=\"true\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 7h16M7 7v14m10-14v14\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M6 21h12\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div>\n <strong>Materiales seleccionados<\/strong>\n <small>Seguridad, resistencia y desempe\u00f1o consistente.<\/small>\n <\/div>\n <\/div>\n\n <div class=\"point\">\n <div class=\"iconbox\" style=\"width:44px;height:44px;border-radius:16px;\" aria-hidden=\"true\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3v18\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M6 9c3-2 9-2 12 0\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M6 15c3 2 9 2 12 0\" stroke=\"#F15A2A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div>\n <strong>Comodidad y eficiencia<\/strong>\n <small>Protecci\u00f3n sin comprometer la operaci\u00f3n.<\/small>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n<div \n class=\"quality__side\"\n aria-label=\"Espacio para fotograf\u00eda de planta o detalle de producto\"\n style=\"\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n \"\n>\n <img decoding=\"async\"\n src=\"https:\/\/shotete.mx\/wp-content\/uploads\/2026\/01\/imgb.png\"\n alt=\"Detalle de producto y control de calidad\"\n style=\"\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n padding: 24px;\n z-index: 1;\n \"\n \/>\n\n \n <div\n style=\"\n position: absolute;\n inset: 0;\n background: radial-gradient(\n circle at 70% 30%,\n rgba(241,90,42,.15),\n transparent 55%\n );\n z-index: 2;\n pointer-events: none;\n \"\n ><\/div>\n\n <div \n class=\"quality__tag\"\n style=\"z-index:3;\"\n >\n Desempe\u00f1o en alta exigencia\n <\/div>\n<\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" aria-label=\"A qui\u00e9n atendemos\">\n <div class=\"container\">\n <p class=\"kicker reveal\">Clientes<\/p>\n <h2 class=\"reveal\">A qui\u00e9n atendemos<\/h2>\n <p class=\"lead reveal\" style=\"margin-top:12px;\">\n Atendemos a clientes de distintos sectores que requieren soluciones confiables de protecci\u00f3n personal.\n <\/p>\n\n <div class=\"pills reveal\" aria-label=\"Sectores\">\n <span class=\"pill\">Sector salud<\/span>\n <span class=\"pill\">Industria y manufactura<\/span>\n <span class=\"pill\">Empresas de servicios<\/span>\n <span class=\"pill\">Distribuidores y mayoristas<\/span>\n <span class=\"pill\">Instituciones p\u00fablicas y privadas<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" aria-label=\"Ventajas competitivas\">\n <div class=\"container\">\n <p class=\"kicker reveal\">Diferenciadores<\/p>\n <h2 class=\"reveal\">Ventajas competitivas<\/h2>\n <p class=\"lead reveal\" style=\"margin-top:12px;\">\n Capacidades enfocadas en fabricaci\u00f3n especializada, control de calidad y atenci\u00f3n directa para asegurar abastecimiento confiable.\n <\/p>\n\n <div class=\"grid advantages__grid\" style=\"margin-top:22px;\">\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Fabricaci\u00f3n especializada<\/h3>\n <p>Producci\u00f3n enfocada en protecci\u00f3n respiratoria y accesorios desechables.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Control de calidad<\/h3>\n <p>Revisi\u00f3n y seguimiento en cada etapa del proceso para consistencia.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Producci\u00f3n escalable<\/h3>\n <p>Capacidad para responder a demandas variables y proyectos a volumen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Abastecimiento confiable<\/h3>\n <p>Planeaci\u00f3n y continuidad para entregas consistentes.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Atenci\u00f3n personalizada<\/h3>\n <p>Relaci\u00f3n directa para entender necesidades y proponer soluciones.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"adv reveal\">\n <div class=\"iconbox\" aria-hidden=\"true\">\u2713<\/div>\n <div>\n <h3>Enfoque normativo<\/h3>\n <p>Dise\u00f1o orientado a funcionalidad, comodidad y cumplimiento aplicable.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section cta\" id=\"contacto\" aria-label=\"Objetivo y contacto\">\n <div class=\"container\">\n <div class=\"cta__wrap reveal\">\n <div>\n <p class=\"kicker\" style=\"color: rgba(255,255,255,.70);\">Nuestro objetivo<\/p>\n <h2>Ser un proveedor confiable de equipo de protecci\u00f3n desechable<\/h2>\n <p class=\"lead\" style=\"margin-top:12px; max-width: 70ch;\">\n Contribuimos a la seguridad, higiene y bienestar de las personas en su entorno laboral y profesional,\n sin comprometer la comodidad ni la eficiencia operativa.\n <\/p>\n\n \n <\/div>\n\n \n <div class=\"card card--pad\" id=\"form\" style=\"background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.18); box-shadow:none;\">\n <h3 style=\"color:#fff; margin-bottom:10px;\">Contacto<\/h3>\n <p style=\"color: rgba(255,255,255,.78); font-size: 14px; margin-bottom: 14px;\">\n Deja tus datos y te contactamos.\n <\/p>\n <script data-b24-form=\"inline\/43\/gfr5p6\" data-skip-moving=\"true\">\n (function(w,d,u){\n var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()\/180000|0);\n var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h); \n })(window,document,'https:\/\/cdn.bitrix24.com\/b28057311\/crm\/form\/loader_43.js');\n <\/script>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n\n\n\n\n<footer class=\"footer\" aria-label=\"Pie de p\u00e1gina\">\n <div class=\"container footer__wrap\">\n\n <div class=\"footer__top\">\n <div class=\"footer__brand\">\n <img decoding=\"async\" src=\"https:\/\/shotete.mx\/wp-content\/uploads\/2026\/01\/imglog.png\" alt=\"Icono de la marca Shotete\" class=\"footer__logo\"\/>\n <div>\n <div class=\"footer__name\">Shotete<\/div>\n <div class=\"footer__tagline\">Protecci\u00f3n confiable para la salud y la industria<\/div>\n <\/div>\n <\/div>\n <div class=\"footer__contact\">\n <div><span class=\"footer__label\">Correo:<\/span> <a href=\"mailto:contacto@shotete.mx\">contacto@shotete.mx<\/a><\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer__bottom\">\n <small>\u00a9 <span id=\"year\"><\/span> SHOTETE. Todos los derechos reservados.<\/small>\n <small class=\"footer__note\">Equipo de protecci\u00f3n personal desechable.<\/small>\n <\/div>\n\n <\/div>\n<\/footer>\n\n<style>\n .footer{\n position: relative;\n padding: 34px 0 22px;\n background: #260707;\n color: rgba(251, 121, 0, 0.86);\n border-top: 1px solid rgba(255,255,255,.10);\n overflow: clip;\n }\n\n .footer::before{\n content:\"\";\n position:absolute;\n inset:-2px;\n background: radial-gradient(circle at 60% 120%, rgba(241,90,42,.22), transparent 55%);\n opacity:.55;\n pointer-events:none;\n }\n\n .footer__wrap{ position: relative; }\n\n .footer__top{\n display:flex;\n align-items:center;\n justify-content: space-between;\n gap: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid rgba(255,255,255,.10);\n }\n\n .footer__brand{\n display:flex;\n align-items:center;\n gap: 12px;\n min-width: 220px;\n }\n\n .footer__logo{\n width: 44px; height: 44px;\n border-radius: 16px;\n display:grid;\n place-items:center;\n font-family: var(--font-title);\n font-weight: 900;\n font-size: 20px;\n color: var(--c-primary);\n background: rgba(241,90,42,.14);\n border: 1px solid rgba(241,90,42,.30);\n box-shadow: 0 14px 40px rgba(0,0,0,.22);\n font-size: 20px;\n }\n\n .footer__name{\n font-family: var(--font-title);\n font-weight: 900;\n letter-spacing: -0.02em;\n font-size: 18px;\n color: #fff;\n line-height: 1.1;\n }\n\n .footer__tagline{\n font-size: 13px;\n color: rgb(255, 255, 255);\n font-weight: 700;\n margin-top: 2px;\n }\n\n .footer__contact{\n display:grid;\n gap: 8px;\n padding: 12px 14px;\n border-radius: 18px;\n background: rgba(255,255,255,.06);\n border: 1px solid rgba(255,255,255,.12);\n backdrop-filter: blur(10px);\n box-shadow: 0 18px 60px rgba(0,0,0,.18);\n font-size: 13px;\n font-weight: 800;\n color: rgb(255, 255, 255);\n }\n\n .footer__label{\n color: rgb(255, 255, 255);\n font-weight: 900;\n }\n\n .footer__contact a{\n color: rgb(255, 255, 255);\n font-weight: 900;\n }\n .footer__contact a:hover{ color:#fff; }\n\n .footer__bottom{\n display:flex;\n align-items:flex-start;\n justify-content: space-between;\n gap: 12px;\n padding-top: 14px;\n color: rgb(255, 255, 255);\n font-weight: 750;\n }\n\n .footer__note{\n max-width: 56ch;\n text-align: right;\n }\n\n @media (max-width: 820px){\n .footer__top{ flex-direction: column; align-items: stretch; }\n .footer__contact{ width: 100%; }\n .footer__bottom{ flex-direction: column; }\n .footer__note{ text-align: left; }\n }\n<\/style>\n\n<script>\n (function(){\n const y = document.getElementById(\"year\");\n if (y) y.textContent = new Date().getFullYear();\n })();\n<\/script>\n\n\n\n\n\n\n <script>\n \/\/ Reveal on scroll\n const reveals = Array.from(document.querySelectorAll(\".reveal\"));\n const io = new IntersectionObserver((entries) => {\n entries.forEach((e) => {\n if (e.isIntersecting) {\n e.target.classList.add(\"is-visible\");\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.18 });\n\n reveals.forEach(el => io.observe(el));\n\n \/\/ Animated counters (simple, for stats)\n function animateCounter(el, to) {\n const prefersReduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n if (prefersReduced) { el.textContent = to; return; }\n\n const from = 0;\n const duration = 8000;\n const start = performance.now();\n\n function tick(now){\n const t = Math.min(1, (now - start) \/ duration);\n const val = Math.floor(from + (to - from) * (1 - Math.pow(1 - t, 3))); \/\/ easeOutCubic\n el.textContent = val + (to >= 100 ? \"%\" : \"\");\n if (t < 1) requestAnimationFrame(tick);\n }\n requestAnimationFrame(tick);\n }\n\n \/\/ Kick counters when stats section becomes visible\n const statNums = Array.from(document.querySelectorAll(\"[data-counter]\"));\n const statsObserver = new IntersectionObserver((entries) => {\n entries.forEach((e) => {\n if (e.isIntersecting) {\n statNums.forEach(n => animateCounter(n, parseInt(n.getAttribute(\"data-counter\"), 10)));\n statsObserver.disconnect();\n }\n });\n }, { threshold: 0.35 });\n const statsSection = document.querySelector(\".stats\");\n if (statsSection) statsObserver.observe(statsSection);\n\n \/\/ Lightweight toast (for demo)\n function toast(message){\n const t = document.createElement(\"div\");\n t.textContent = message;\n t.style.cssText = `\n position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%);\n background: rgba(31,26,26,.92); color: #fff; padding: 12px 14px;\n border-radius: 14px; border: 1px solid rgba(255,255,255,.12);\n box-shadow: 0 16px 44px rgba(0,0,0,.22);\n font-weight: 800; font-size: 13px; z-index: 9999;\n max-width: min(560px, calc(100% - 24px));\n `;\n document.body.appendChild(t);\n setTimeout(()=> { t.style.opacity = \"0\"; t.style.transition = \"opacity .25s ease\"; }, 2400);\n setTimeout(()=> t.remove(), 2800);\n }\n window.toast = toast;\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SHOTETE Shotete Protecci\u00f3n personal desechable Fabricaci\u00f3n de cubrebocas y respiradores desechables Protecci\u00f3n confiable para la salud y la industria. Dise\u00f1amos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":10,"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/shotete.mx\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}