{"id":8,"date":"2023-10-09T19:12:27","date_gmt":"2023-10-09T17:12:27","guid":{"rendered":"https:\/\/matutexen.com\/?page_id=8"},"modified":"2026-10-02T10:09:41","modified_gmt":"2026-10-02T08:09:41","slug":"home","status":"publish","type":"page","link":"https:\/\/matutexen.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9ea2ba4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9ea2ba4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4da033c9\" data-id=\"4da033c9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-088047f elementor-widget elementor-widget-html\" data-id=\"088047f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\n\/* =========================================================\n   HERO MATUTE XEN\n   ========================================================= *\/\n\n.matute-hero {\n    width: 100%;\n    min-height: 100vh;\n    background: #101015;\n    color: #fff;\n    font-family: 'Roboto', sans-serif;\n    overflow: hidden;\n    position: relative;\n}\n\n\n\/* =========================================================\n   CONTENIDO\n   ========================================================= *\/\n\n.matute-hero__content {\n    width: 100%;\n    min-height: 100vh;\n    max-width: 1600px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    position: relative;\n}\n\n\n\/* =========================================================\n   TEXTO\n   ========================================================= *\/\n\n.matute-hero__text {\n    position: relative;\n    z-index: 3;\n\n    width: 60%;\n    max-width: 900px;\n\n    padding-left: 7%;\n    padding-right: 20px;\n\n    box-sizing: border-box;\n\n    opacity: 0;\n    visibility: visible;\n\n    transform: translateY(25px);\n\n    animation:\n        matuteTextoBase\n        1.1s\n        cubic-bezier(.22,.61,.36,1)\n        .65s\n        forwards;\n\n    filter: blur(20px);\n}\n\n\n\/* =========================================================\n   NOMBRE\n   ========================================================= *\/\n\n.matute-hero__name {\n    width: 100%;\n    word-spacing: 0.16em;\n    margin: 0;\n    padding: 0;\n\n    font-family: 'Roboto', sans-serif;\n\n    font-size: clamp(3.7rem, 5.8vw, 6.1rem);\n    font-weight: 900;\n\n    line-height: .9;\n    letter-spacing: -.055em;\n\n    color: #fff;\n\n    text-transform: uppercase;\n    white-space: nowrap;\n\n    opacity: 0;\n    transform: translateY(20px);\n    filter: blur(20px);\n\n    animation:\n        matuteTextoNombre\n        1.3s\n        cubic-bezier(.22,.61,.36,1)\n        .72s\n        forwards;\n}\n\n\n\/* =========================================================\n   SUBT\u00cdTULO\n   ========================================================= *\/\n\n.matute-hero__subtitle {\n    margin: 24px 0 0;\n    padding: 0;\n\n    font-family: 'Roboto', sans-serif;\n\n    font-size: clamp(1.2rem, 1.8vw, 1.65rem);\n    font-weight: 300;\n\n    line-height: 1.4;\n    letter-spacing: .06em;\n\n    color: #fff;\n\n    opacity: 0;\n\n    transform: translateY(15px);\n    filter: blur(16px);\n\n    animation:\n        matuteTextoSubtitulo\n        1.1s\n        cubic-bezier(.22,.61,.36,1)\n        1.15s\n        forwards;\n}\n\n\n\/* =========================================================\n   FOTO\n   ========================================================= *\/\n\n.matute-hero__image {\n    position: absolute;\n    inset: 0;\n\n    display: flex;\n    justify-content: center;\n    align-items: flex-end;\n\n    pointer-events: none;\n    z-index: 1;\n}\n\n\n\/* =========================================================\n   IMAGEN ESCRITORIO \/ TABLET\n   ========================================================= *\/\n\n.matute-hero__image--desktop {\n    display: flex;\n}\n\n.matute-hero__image--desktop img {\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center bottom;\n\n    display: block;\n\n    opacity: 0;\n\n    animation:\n        matuteFotoEntrada\n        1s\n        cubic-bezier(.22,.61,.36,1)\n        forwards;\n}\n\n\n\/* =========================================================\n   IMAGEN M\u00d3VIL\n   OCULTA COMPLETAMENTE POR DEFECTO\n   ========================================================= *\/\n\n.matute-hero__image--mobile {\n    display: none;\n}\n\n.matute-hero__image--mobile img {\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center top;\n\n    display: block;\n\n    opacity: 0;\n\n    animation:\n        matuteFotoEntrada\n        1s\n        cubic-bezier(.22,.61,.36,1)\n        forwards;\n}\n\n\n\/* =========================================================\n   ANIMACI\u00d3N TEXTO\n   ========================================================= *\/\n\n.matute-hero.matute-hero--loaded .matute-hero__text {\n    visibility: visible;\n\n    animation:\n        matuteTextoBase\n        1.1s\n        cubic-bezier(.22,.61,.36,1)\n        .65s\n        forwards;\n}\n\n\n.matute-hero.matute-hero--loaded .matute-hero__name {\n\n    animation:\n        matuteTextoNombre\n        1.3s\n        cubic-bezier(.22,.61,.36,1)\n        .72s\n        forwards;\n}\n\n\n.matute-hero.matute-hero--loaded .matute-hero__subtitle {\n\n    animation:\n        matuteTextoSubtitulo\n        1.1s\n        cubic-bezier(.22,.61,.36,1)\n        1.15s\n        forwards;\n}\n\n\n\/* =========================================================\n   KEYFRAMES\n   ========================================================= *\/\n\n@keyframes matuteFotoEntrada {\n\n    0% {\n        opacity: 0;\n        transform: scale(1.035);\n    }\n\n    100% {\n        opacity: 1;\n        transform: scale(1);\n    }\n\n}\n\n\n@keyframes matuteTextoBase {\n\n    0% {\n        opacity: 0;\n        transform: translateY(25px);\n        filter: blur(20px);\n    }\n\n    35% {\n        opacity: .35;\n        filter: blur(13px);\n    }\n\n    65% {\n        opacity: .75;\n        transform: translateY(8px);\n        filter: blur(6px);\n    }\n\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n        filter: blur(0);\n    }\n\n}\n\n\n@keyframes matuteTextoNombre {\n\n    0% {\n        opacity: 0;\n        transform: translateY(22px);\n        filter: blur(20px);\n    }\n\n    25% {\n        opacity: .2;\n        filter: blur(16px);\n    }\n\n    50% {\n        opacity: .55;\n        transform: translateY(10px);\n        filter: blur(9px);\n    }\n\n    75% {\n        opacity: .82;\n        transform: translateY(3px);\n        filter: blur(4px);\n    }\n\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n        filter: blur(0);\n    }\n\n}\n\n\n@keyframes matuteTextoSubtitulo {\n\n    0% {\n        opacity: 0;\n        transform: translateY(16px);\n        filter: blur(16px);\n    }\n\n    35% {\n        opacity: .25;\n        filter: blur(11px);\n    }\n\n    65% {\n        opacity: .65;\n        transform: translateY(5px);\n        filter: blur(5px);\n    }\n\n    100% {\n        opacity: .9;\n        transform: translateY(0);\n        filter: blur(0);\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .matute-hero {\n        min-height: 90vh;\n    }\n\n    .matute-hero__content {\n        min-height: 90vh;\n    }\n\n    .matute-hero__text {\n        width: 65%;\n        max-width: 750px;\n        padding-left: 6%;\n    }\n\n    .matute-hero__name {\n        font-size: clamp(3.4rem, 7.5vw, 5.7rem);\n        line-height: .9;\n    }\n\n    .matute-hero__subtitle {\n        font-size: clamp(1.05rem, 2vw, 1.4rem);\n        margin-top: 20px;\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .matute-hero {\n        min-height: 100svh;\n        height: 100svh;\n    }\n\n    .matute-hero__content {\n        min-height: 100svh;\n        height: 100svh;\n        align-items: flex-start;\n    }\n\n\n    \/* =====================================================\n       TEXTO CENTRADO\n       ===================================================== *\/\n\n    .matute-hero__text {\n        width: 100%;\n        max-width: none;\n\n        padding: 300px 20px 0;\n\n        box-sizing: border-box;\n\n        text-align: center;\n\n        z-index: 3;\n\n        text-shadow:\n            0 2px 4px rgba(0, 0, 0, 1),\n            0 4px 12px rgba(0, 0, 0, .95),\n            0 8px 25px rgba(0, 0, 0, .85),\n            0 12px 40px rgba(0, 0, 0, .65);\n    }\n\n\n    \/* =====================================================\n       NOMBRE\n       ===================================================== *\/\n\n    .matute-hero__name {\n        width: 100%;\n\n        font-size: clamp(3rem, 13vw, 4.8rem);\n\n        line-height: .9;\n        letter-spacing: -.06em;\n\n        white-space: nowrap;\n\n        text-align: center;\n\n        text-shadow:\n            0 2px 4px rgba(0, 0, 0, 1),\n            0 5px 15px rgba(0, 0, 0, 1),\n            0 10px 30px rgba(0, 0, 0, .9);\n    }\n\n\n    \/* =====================================================\n       SUBT\u00cdTULO\n       ===================================================== *\/\n\n    .matute-hero__subtitle {\n\n        margin-top: 18px;\n\n        width: 100%;\n        max-width: 100%;\n\n        font-size: 1.05rem;\n        font-weight: 300;\n\n        letter-spacing: .04em;\n        line-height: 1.4;\n\n        text-align: center;\n\n        text-shadow:\n            0 2px 4px rgba(0, 0, 0, 1),\n            0 4px 12px rgba(0, 0, 0, 1),\n            0 8px 25px rgba(0, 0, 0, .9);\n    }\n\n\n    \/* =====================================================\n       OCULTAR FOTO DE ORDENADOR EN M\u00d3VIL\n       ===================================================== *\/\n\n    .matute-hero__image--desktop {\n        display: none !important;\n    }\n\n\n    \/* =====================================================\n       MOSTRAR SOLO FOTO M\u00d3VIL\n       ===================================================== *\/\n\n    .matute-hero__image--mobile {\n\n        display: flex !important;\n\n        position: absolute;\n\n        top: 0;\n        left: 0;\n        right: 0;\n\n        height: 68svh;\n\n        overflow: hidden;\n\n        align-items: flex-start;\n        justify-content: center;\n\n        pointer-events: none;\n\n        z-index: 1;\n    }\n\n\n    .matute-hero__image--mobile img {\n\n        width: 100%;\n        height: 100%;\n\n        object-fit: cover;\n        object-position: center top;\n\n        display: block;\n\n        opacity: 0;\n\n        animation:\n            matuteFotoEntrada\n            1s\n            cubic-bezier(.22,.61,.36,1)\n            forwards;\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VILES MUY PEQUE\u00d1OS\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .matute-hero__text {\n        padding-top: 270px;\n        padding-left: 15px;\n        padding-right: 15px;\n    }\n\n    .matute-hero__name {\n        font-size: clamp(2.7rem, 13vw, 4rem);\n    }\n\n    .matute-hero__subtitle {\n        font-size: .98rem;\n    }\n\n    .matute-hero__image--mobile {\n        height: 65svh;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCIR MOVIMIENTO\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .matute-hero__image img,\n    .matute-hero.matute-hero--loaded .matute-hero__text,\n    .matute-hero.matute-hero--loaded .matute-hero__name,\n    .matute-hero.matute-hero--loaded .matute-hero__subtitle {\n\n        animation: none !important;\n\n        opacity: 1 !important;\n        visibility: visible !important;\n\n        transform: none !important;\n        filter: none !important;\n    }\n\n}\n\n<\/style>\n\n\n<section class=\"matute-hero\" aria-labelledby=\"matute-hero-title\">\n\n    <div class=\"matute-hero__content\">\n\n\n        <!-- =================================================\n             TEXTO\n        ================================================== -->\n\n        <div class=\"matute-hero__text\">\n\n            <h1 id=\"matute-hero-title\" class=\"matute-hero__name\">\n                MATUTE XEN\n            <\/h1>\n\n            <h2 class=\"matute-hero__subtitle\">\n                Mago de la Regi\u00f3n de Murcia\n            <\/h2>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             FOTO ORDENADOR + TABLET\n             ESTA ES LA FOTO ORIGINAL\n        ================================================== -->\n\n        <div class=\"matute-hero__image matute-hero__image--desktop\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2023\/10\/matute-cuerpo-e1790536252597.png\"\n                alt=\"Matute Xen, mago en la Regi\u00f3n de Murcia\"\n                loading=\"eager\"\n                fetchpriority=\"high\"\n            >\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             FOTO EXCLUSIVA M\u00d3VIL\n             ESTA ES LA NUEVA FOTO\n        ================================================== -->\n\n        <div class=\"matute-hero__image matute-hero__image--mobile\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/matute-cuerpo-e1790536252597-copia.png\"\n                alt=\"Matute Xen, mago en la Regi\u00f3n de Murcia\"\n                loading=\"eager\"\n            >\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<script>\n\n(function () {\n\n    function initMatuteHero() {\n\n        const hero =\n            document.querySelector(\n                '.matute-hero'\n            );\n\n        if (!hero) return;\n\n\n        if (\n            hero.dataset.animationStarted ===\n            'true'\n        ) return;\n\n\n        hero.dataset.animationStarted =\n            'true';\n\n\n        \/*\n         * La fotograf\u00eda comienza inmediatamente.\n         *\n         * A los 250 ms activamos\n         * la secuencia del texto.\n         *\/\n\n        setTimeout(function () {\n\n            hero.classList.add(\n                'matute-hero--loaded'\n            );\n\n        }, 250);\n\n    }\n\n\n    \/* Elementor \/ WordPress *\/\n\n    if (\n        document.readyState ===\n        'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initMatuteHero\n        );\n\n    } else {\n\n        initMatuteHero();\n\n    }\n\n\n    \/* Seguridad para Elementor *\/\n\n    setTimeout(\n        initMatuteHero,\n        300\n    );\n\n    setTimeout(\n        initMatuteHero,\n        700\n    );\n\n    setTimeout(\n        initMatuteHero,\n        1200\n    );\n\n})();\n\n<\/script>\n\n\n<!-- =========================================================\n     MATUTE XEN - SERVICIOS\n     4 TARJETAS CON EFECTO 3D\n     ========================================================= -->\n\n<!-- =========================================================\n     MATUTE XEN - SERVICIOS\n     4 TARJETAS CON EFECTO 3D\n========================================================= -->\n\n<section class=\"matute-servicios\" aria-labelledby=\"servicios-title\">\n\n  <div class=\"matute-servicios__header\">\n\n    <span class=\"matute-servicios__eyebrow\">\n      MAGIA PARA CADA OCASI\u00d3N\n    <\/span>\n\n    <h2 id=\"servicios-title\">\n      Vive la magia de <span>Matute Xen<\/span>\n    <\/h2>\n\n  <\/div>\n\n\n  <div class=\"matute-servicios__grid\">\n\n\n    <!-- =====================================================\n         1. EVENTOS PRIVADOS\n    ====================================================== -->\n\n    <article class=\"matute-card\">\n\n      <div class=\"matute-card__inner\">\n\n        <div class=\"matute-card__front\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/evento-privado.png\"\n            alt=\"Matute Xen realizando magia en eventos privados\"\n            loading=\"lazy\"\n          >\n\n          <div class=\"matute-card__overlay\"><\/div>\n\n          <div class=\"matute-card__front-content\">\n            <h3>Eventos Privados<\/h3>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"matute-card__back\">\n\n          <h3>Eventos Privados<\/h3>\n\n          <p>\n            Lleva la magia a tus momentos m\u00e1s especiales.\n            Matute Xen realiza espect\u00e1culos para\n            <strong>comuniones, cumplea\u00f1os y bodas<\/strong>,\n            adaptados a cada celebraci\u00f3n.\n          <\/p>\n\n          <a\n            href=\"https:\/\/wa.me\/34617346809\"\n            class=\"matute-card__button\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            aria-label=\"Contactar con Matute Xen por WhatsApp\"\n          >\n            CONTACTO\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- =====================================================\n         2. TEATROS\n    ====================================================== -->\n\n    <article class=\"matute-card\">\n\n      <div class=\"matute-card__inner\">\n\n        <div class=\"matute-card__front\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/teatros.png\"\n            alt=\"Matute Xen realizando un espect\u00e1culo de magia en teatros\"\n            loading=\"lazy\"\n          >\n\n          <div class=\"matute-card__overlay\"><\/div>\n\n          <div class=\"matute-card__front-content\">\n            <h3>Teatros<\/h3>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"matute-card__back\">\n\n          <h3>Teatros<\/h3>\n\n          <p>\n            Matute Xen cuenta con numerosos espect\u00e1culos de magia, mentalismo e hipnosis para <strong>teatros, casas de cultura y\n            festivales<\/strong>, con propuestas adaptadas a todo\n            tipo de p\u00fablico.\n          <\/p>\n\n          <a\n            href=\"https:\/\/wa.me\/34617346809\"\n            class=\"matute-card__button\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            aria-label=\"Contactar con Matute Xen por WhatsApp\"\n          >\n            CONTACTO\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- =====================================================\n         3. EMPRESAS\n    ====================================================== -->\n\n    <article class=\"matute-card\">\n\n      <div class=\"matute-card__inner\">\n\n        <div class=\"matute-card__front\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/empresa.png\"\n            alt=\"Matute Xen realizando magia en un evento de empresa\"\n            loading=\"lazy\"\n          >\n\n          <div class=\"matute-card__overlay\"><\/div>\n\n          <div class=\"matute-card__front-content\">\n            <h3>Empresas<\/h3>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"matute-card__back\">\n\n          <h3>Empresas<\/h3>\n\n          <p>\n            Una forma diferente de sorprender en tus eventos.\n            Matute Xen adapta su magia a la <strong>marca y filosof\u00eda\n            de cada empresa<\/strong>, creando experiencias para\n            <strong>presentaciones de producto, comidas de empresa\n            y presentador de eventos<\/strong>.\n          <\/p>\n\n          <a\n            href=\"https:\/\/wa.me\/34617346809\"\n            class=\"matute-card__button\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            aria-label=\"Contactar con Matute Xen por WhatsApp\"\n          >\n            CONTACTO\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- =====================================================\n         4. MI SALA DE MAGIA\n    ====================================================== -->\n\n    <article class=\"matute-card\">\n\n      <div class=\"matute-card__inner\">\n\n        <div class=\"matute-card__front\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/mi-sala-1.png\"\n            alt=\"Matute Xen realizando magia en La Caverna del Brujo, Murcia\"\n            loading=\"lazy\"\n          >\n\n          <div class=\"matute-card__overlay\"><\/div>\n\n          <div class=\"matute-card__front-content\">\n            <h3>Mi sala de Magia<\/h3>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"matute-card__back\">\n\n          <h3>Mi sala de Magia<\/h3>\n\n          <p>\n            Bienvenido a <strong>La Caverna del Brujo<\/strong>,\n            mi sala de magia en Murcia, situada en La Flota, Murcia.\n            Disfruta de mi magia\n            <strong>todos los fines de semana<\/strong>.\n          <\/p>\n\n          <a\n            href=\"https:\/\/www.lacavernadelbrujo.es\/\"\n            class=\"matute-card__button\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            aria-label=\"Visitar la web de La Caverna del Brujo\"\n          >\n            Visitar web\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.matute-servicios {\n\n  --matute-bg: #101015;\n  --matute-gold: #c9a45c;\n  --matute-gold-light: #e0c27a;\n  --matute-white: #ffffff;\n  --matute-muted: #b8b8bd;\n\n  background: var(--matute-bg);\n\n  color: var(--matute-white);\n\n  font-family: 'Roboto', sans-serif;\n\n  padding: 110px 6%;\n\n  width: 100%;\n\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.matute-servicios__header {\n\n  max-width: 900px;\n\n  margin: 0 auto 60px;\n\n  text-align: center;\n}\n\n\n.matute-servicios__eyebrow {\n\n  display: block;\n\n  color: var(--matute-gold);\n\n  font-size: 12px;\n\n  font-weight: 500;\n\n  letter-spacing: 0.25em;\n\n  margin-bottom: 18px;\n}\n\n\n.matute-servicios__header h2 {\n\n  margin: 0;\n\n  font-size: clamp(2.2rem, 4vw, 4rem);\n\n  line-height: 1.05;\n\n  font-weight: 700;\n\n  letter-spacing: -0.03em;\n}\n\n\n.matute-servicios__header h2 span {\n\n  color: var(--matute-gold);\n}\n\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.matute-servicios__grid {\n\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n\n  gap: 22px;\n}\n\n\n\n\/* =========================================================\n   TARJETA\n========================================================= *\/\n\n.matute-card {\n\n  height: 560px;\n\n  perspective: 1400px;\n\n  cursor: pointer;\n\n  \/* Antes de aparecer, la tarjeta queda oculta *\/\n  opacity: 0;\n  visibility: hidden;\n  transform: translate3d(0, 90px, 0) scale(.94);\n  filter: blur(16px);\n\n  transition:\n    opacity 1.05s cubic-bezier(.22,.61,.36,1),\n    transform 1.05s cubic-bezier(.22,.61,.36,1),\n    filter 1.05s cubic-bezier(.22,.61,.36,1);\n\n  will-change:\n    opacity,\n    transform,\n    filter;\n\n}\n\n\n\/* Estado visible *\/\n\n.matute-card.matute-card--revealed {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  transform: translate3d(0, 0, 0) scale(1);\n\n  filter: blur(0);\n\n}\n\n\n.matute-card__inner {\n\n  width: 100%;\n\n  height: 100%;\n\n  position: relative;\n\n  transform-style: preserve-3d;\n\n  transition:\n    transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);\n\n  border-radius: 8px;\n}\n\n\n\n\/* =========================================================\n   GIRO\n========================================================= *\/\n\n.matute-card:hover .matute-card__inner {\n\n  transform: rotateY(180deg);\n}\n\n\n\n\/* =========================================================\n   CARAS\n========================================================= *\/\n\n.matute-card__front,\n.matute-card__back {\n\n  position: absolute;\n\n  inset: 0;\n\n  width: 100%;\n\n  height: 100%;\n\n  border-radius: 8px;\n\n  overflow: hidden;\n\n  backface-visibility: hidden;\n\n  -webkit-backface-visibility: hidden;\n}\n\n\n\n\/* =========================================================\n   FRENTE\n========================================================= *\/\n\n.matute-card__front {\n\n  background: #18181e;\n\n  border: 1px solid rgba(201,164,92,0.35);\n\n  box-shadow:\n    0 18px 40px rgba(0,0,0,0.45),\n    0 5px 15px rgba(0,0,0,0.25);\n\n  box-sizing: border-box;\n}\n\n\n\n\/* =========================================================\n   FOTOGRAF\u00cdAS\n========================================================= *\/\n\n.matute-card__front img {\n\n  width: 100%;\n\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n\n  border-radius: 8px;\n\n  filter:\n    saturate(0.92)\n    contrast(1.06)\n    brightness(0.90);\n\n  transition:\n    transform 0.8s ease,\n    filter 0.8s ease,\n    box-shadow 0.4s ease;\n}\n\n\n\n\/* =========================================================\n   HOVER FOTOGRAF\u00cdAS\n========================================================= *\/\n\n.matute-card:hover .matute-card__front {\n\n  border-color: rgba(201,164,92,0.65);\n\n  box-shadow:\n    0 22px 48px rgba(0,0,0,0.55),\n    0 7px 20px rgba(0,0,0,0.30);\n}\n\n\n.matute-card:hover .matute-card__front img {\n\n  transform: scale(1.04);\n\n  filter:\n    saturate(0.92)\n    contrast(1.06)\n    brightness(0.90);\n}\n\n\n\n\/* =========================================================\n   OSCURECER FOTO\n========================================================= *\/\n\n.matute-card__overlay {\n\n  position: absolute;\n\n  inset: 0;\n\n  border-radius: 8px;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(16,16,21,0.95) 0%,\n      rgba(16,16,21,0.25) 55%,\n      rgba(16,16,21,0.05) 100%\n    );\n}\n\n\n\n\/* =========================================================\n   TEXTO FRENTE\n========================================================= *\/\n\n.matute-card__front-content {\n\n  position: absolute;\n\n  left: 30px;\n\n  right: 30px;\n\n  bottom: 30px;\n\n  z-index: 2;\n}\n\n\n.matute-card__front h3 {\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(1.5rem, 2vw, 2rem);\n\n  line-height: 1.05;\n\n  font-weight: 700;\n}\n\n\n\n\/* =========================================================\n   PARTE TRASERA\n========================================================= *\/\n\n.matute-card__back {\n\n  transform: rotateY(180deg);\n\n  background:\n    radial-gradient(\n      circle at top right,\n      rgba(201,164,92,0.12),\n      transparent 40%\n    ),\n    #18181e;\n\n  border: 1px solid rgba(201,164,92,0.35);\n\n  border-radius: 8px;\n\n  padding: 38px 32px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  align-items: flex-start;\n\n  box-sizing: border-box;\n}\n\n\n.matute-card__back h3 {\n\n  margin: 0 0 22px;\n\n  color: var(--matute-gold-light);\n\n  font-size: 2rem;\n\n  line-height: 1.05;\n\n  font-weight: 700;\n}\n\n\n.matute-card__back p {\n\n  margin: 0 0 30px;\n\n  color: var(--matute-muted);\n\n  font-size: 15px;\n\n  line-height: 1.7;\n\n  font-weight: 400;\n}\n\n\n.matute-card__back p strong {\n\n  color: #ffffff;\n\n  font-weight: 500;\n}\n\n\n\n\/* =========================================================\n   BOT\u00d3N\n========================================================= *\/\n\n.matute-card__button {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  min-width: 125px;\n\n  padding: 13px 22px;\n\n  border: 1px solid var(--matute-gold);\n\n  color: var(--matute-gold-light);\n\n  text-decoration: none;\n\n  font-size: 12px;\n\n  font-weight: 500;\n\n  letter-spacing: 0.12em;\n\n  text-transform: uppercase;\n\n  transition:\n    background 0.3s ease,\n    color 0.3s ease,\n    transform 0.3s ease;\n}\n\n\n.matute-card__button:hover {\n\n  background: var(--matute-gold);\n\n  color: #101015;\n\n  transform: translateY(-2px);\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .matute-servicios__grid {\n\n    grid-template-columns: repeat(2, 1fr);\n\n    max-width: 900px;\n  }\n\n\n  .matute-card {\n\n    height: 520px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   M\u00d3VIL\n   M\u00c1XIMO APROVECHAMIENTO DEL ESPACIO\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  .matute-servicios {\n\n    \/*\n     * Muy poco espacio superior.\n     * La secci\u00f3n comienza pr\u00e1cticamente\n     * pegada a la anterior.\n     *\/\n\n    padding: 5px 15px 60px;\n  }\n\n\n  .matute-servicios__header {\n\n    margin-top: 0;\n\n    margin-bottom: 20px;\n  }\n\n\n  .matute-servicios__eyebrow {\n\n    margin-bottom: 12px;\n\n    font-size: 11px;\n\n    letter-spacing: 0.22em;\n  }\n\n\n  .matute-servicios__header h2 {\n\n    font-size: 2.2rem;\n\n    line-height: 1.05;\n  }\n\n\n  .matute-servicios__grid {\n\n    grid-template-columns: 1fr;\n\n    gap: 16px;\n\n    max-width: 500px;\n  }\n\n\n  .matute-card {\n\n    height: 500px;\n  }\n\n\n  \/*\n   * EN M\u00d3VIL:\n   * - No usamos hover para girar.\n   * - El giro depende \u00fanicamente del toque.\n   * - Un toque: FOTO \u2192 INFORMACI\u00d3N.\n   * - Otro toque: INFORMACI\u00d3N \u2192 FOTO.\n   *\/\n\n  .matute-card:hover .matute-card__inner {\n\n    transform: none;\n  }\n\n\n  \/*\n   * Correcci\u00f3n del peque\u00f1o glitch del giro:\n   * las dos caras mantienen su 3D real y el\n   * navegador oculta por completo la cara trasera\n   * de cada elemento cuando corresponde.\n   *\/\n\n  .matute-card__front,\n  .matute-card__back {\n\n    -webkit-backface-visibility: hidden !important;\n    backface-visibility: hidden !important;\n  }\n\n\n  .matute-card__front {\n\n    transform: rotateY(0deg) !important;\n  }\n\n\n  .matute-card__back {\n\n    transform: rotateY(180deg) !important;\n  }\n\n\n  .matute-card.matute-card--flipped .matute-card__inner {\n\n    transform: rotateY(180deg);\n  }\n\n\n  \/*\n   * Evita que el t\u00edtulo de la cara frontal\n   * aparezca reflejado\/espejado al mostrar\n   * la informaci\u00f3n trasera.\n   *\/\n\n  .matute-card.matute-card--flipped .matute-card__front-content {\n\n    opacity: 0;\n    visibility: hidden;\n  }\n\n\n  .matute-card__front-content {\n\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n\n    left: 25px;\n\n    right: 25px;\n\n    bottom: 25px;\n\n    transition:\n      opacity 0.25s ease,\n      visibility 0.25s ease;\n  }\n\n\n  .matute-card__back {\n\n    padding: 32px 27px;\n  }\n\n}\n\n\n\n<\/style>\n\n\n\n<script>\n\n\/* =========================================================\n   APARICI\u00d3N M\u00c1GICA DE LAS 4 TARJETAS AL HACER SCROLL\n========================================================= *\/\n\n(function () {\n\n  const section =\n    document.querySelector('.matute-servicios');\n\n  const grid =\n    section &&\n    section.querySelector('.matute-servicios__grid');\n\n  const cards =\n    section\n      ? Array.from(\n          section.querySelectorAll('.matute-card')\n        )\n      : [];\n\n  if (!section || !grid || cards.length !== 4) {\n    return;\n  }\n\n\n  function revealCard(card) {\n\n    if (\n      card &&\n      !card.classList.contains('matute-card--revealed')\n    ) {\n\n      card.classList.add(\n        'matute-card--revealed'\n      );\n\n    }\n\n  }\n\n\n  function revealDesktop() {\n\n    if (window.innerWidth <= 650) {\n      return;\n    }\n\n    const viewportHeight =\n      window.innerHeight ||\n      document.documentElement.clientHeight;\n\n    const gridTop =\n      grid.getBoundingClientRect().top +\n      window.scrollY;\n\n    const scrollPosition =\n      window.scrollY +\n      viewportHeight * 0.82;\n\n    \/*\n     * En ordenador las 4 tarjetas aparecen juntas\n     * al llegar la secci\u00f3n al \u00e1rea visible.\n     * Todas reciben al mismo tiempo el mismo efecto\n     * de difuminado y revelado m\u00e1gico.\n     *\/\n\n    if (scrollPosition >= gridTop) {\n\n      cards.forEach(function(card) {\n\n        revealCard(card);\n\n      });\n\n    }\n\n  }\n\n\n  function revealMobile() {\n\n    \/*\n     * M\u00d3VIL: se mantiene exactamente el revelado\n     * uno por uno mediante IntersectionObserver.\n     *\/\n\n    const observer =\n      new IntersectionObserver(\n        function(entries) {\n\n          entries.forEach(function(entry) {\n\n            if (entry.isIntersecting) {\n\n              revealCard(entry.target);\n\n              observer.unobserve(\n                entry.target\n              );\n\n            }\n\n          });\n\n        },\n        {\n          threshold: 0.12,\n          rootMargin: '0px 0px -8% 0px'\n        }\n      );\n\n\n    cards.forEach(function(card) {\n\n      observer.observe(card);\n\n    });\n\n  }\n\n\n  let ticking = false;\n\n\n  function handleScroll() {\n\n    if (ticking) {\n      return;\n    }\n\n    ticking = true;\n\n\n    window.requestAnimationFrame(\n      function() {\n\n        revealDesktop();\n\n        ticking = false;\n\n      }\n    );\n\n  }\n\n\n  function initReveal() {\n\n    if (window.innerWidth <= 650) {\n\n      revealMobile();\n\n    } else {\n\n      revealDesktop();\n\n      window.addEventListener(\n        'scroll',\n        handleScroll,\n        { passive: true }\n      );\n\n      window.addEventListener(\n        'resize',\n        handleScroll,\n        { passive: true }\n      );\n\n      \/*\n       * Elementor puede terminar de montar el\n       * bloque despu\u00e9s de DOMContentLoaded.\n       *\/\n\n      setTimeout(revealDesktop, 300);\n      setTimeout(revealDesktop, 800);\n      setTimeout(revealDesktop, 1400);\n\n    }\n\n  }\n\n\n  if (\n    document.readyState === 'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initReveal\n    );\n\n  } else {\n\n    initReveal();\n\n  }\n\n\n  window.addEventListener(\n    'load',\n    function() {\n\n      revealDesktop();\n\n    }\n  );\n\n})();\n\n\n\/* =========================================================\n   SOPORTE T\u00c1CTIL PARA M\u00d3VILES\n========================================================= *\/\n\ndocument.querySelectorAll('.matute-card').forEach(function(card) {\n\n  card.addEventListener('click', function(event) {\n\n    \/*\n     * En m\u00f3vil, un toque alterna entre\n     * fotograf\u00eda e informaci\u00f3n.\n     * Si se pulsa un bot\u00f3n\/enlace,\n     * dejamos que funcione normalmente.\n     *\/\n\n    if (event.target.closest('a')) {\n\n      return;\n\n    }\n\n\n    if (window.innerWidth <= 650) {\n\n      card.classList.toggle(\n        'matute-card--flipped'\n      );\n\n    }\n\n  });\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9a5097 elementor-widget elementor-widget-html\" data-id=\"f9a5097\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"matute-marcas\" aria-labelledby=\"marcas-title\">\n\n  <div class=\"matute-marcas__header\">\n    <span class=\"matute-marcas__eyebrow\">CONFIANZA Y EXPERIENCIA<\/span>\n\n    <h2 id=\"marcas-title\">\n      Marcas que han contado conmigo\n    <\/h2>\n\n    <div class=\"matute-marcas__line\"><\/div>\n  <\/div>\n\n\n  <div class=\"matute-marcas__carousel\">\n\n    <!-- FLECHA IZQUIERDA -->\n    <button\n      class=\"matute-marcas__arrow matute-marcas__arrow--left\"\n      type=\"button\"\n      aria-label=\"Ver logos anteriores\">\n      <span>\u2039<\/span>\n    <\/button>\n\n\n    <!-- CONTENEDOR -->\n    <div class=\"matute-marcas__track-wrapper\">\n\n      <div class=\"matute-marcas__track\">\n\n        <!-- LOS 40 -->\n        <div class=\"matute-marca\">\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Los-50.png\"\n            alt=\"Los 40\"\n            loading=\"lazy\">\n        <\/div>\n\n\n        <!-- BANKINTER -->\n        <div class=\"matute-marca\">\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Bankinter.png\"\n            alt=\"Bankinter\"\n            loading=\"lazy\">\n        <\/div>\n\n\n        <!-- ENDESA -->\n        <div class=\"matute-marca\">\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/endesa.png\"\n            alt=\"Endesa\"\n            loading=\"lazy\">\n        <\/div>\n\n\n        <!-- JUGUETTOS -->\n        <div class=\"matute-marca\">\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Juguettos.png\"\n            alt=\"Juguettos\"\n            loading=\"lazy\">\n        <\/div>\n\n\n        <!-- ODISEO -->\n        <div class=\"matute-marca\">\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Odiseo_Logo-1.png\"\n            alt=\"Odiseo\"\n            loading=\"lazy\">\n        <\/div>\n\n\n        <!-- LIBERA -->\n        <div class=\"matute-marca\">\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Libera.png\"\n            alt=\"Libera\"\n            loading=\"lazy\">\n        <\/div>\n\n\n        <!-- PCCOMPONENTES -->\n        <div class=\"matute-marca\">\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Pc-Componentes.png\"\n            alt=\"PcComponentes\"\n            loading=\"lazy\">\n        <\/div>\n\n\n        <!-- SANTANDER -->\n        <div class=\"matute-marca\">\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Santander.png\"\n            alt=\"Santander\"\n            loading=\"lazy\">\n        <\/div>\n\n\n        <!-- TEDx -->\n        <div class=\"matute-marca\">\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Tedx.png\"\n            alt=\"TEDx\"\n            loading=\"lazy\">\n        <\/div>\n\n\n        <!-- UCAM -->\n        <div class=\"matute-marca\">\n          <img decoding=\"async\"\n            src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/UCAM.png\"\n            alt=\"UCAM\"\n            loading=\"lazy\">\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FLECHA DERECHA -->\n    <button\n      class=\"matute-marcas__arrow matute-marcas__arrow--right\"\n      type=\"button\"\n      aria-label=\"Ver logos siguientes\">\n      <span>\u203a<\/span>\n    <\/button>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   MARCAS\n========================================================= *\/\n\n.matute-marcas{\n  width:100%;\n  padding:100px 5% 110px;\n\n  \/* Aparici\u00f3n m\u00e1gica al entrar en pantalla *\/\n  opacity:0;\n  visibility:hidden;\n  transform:translate3d(0,70px,0) scale(.985);\n  filter:blur(14px);\n\n  transition:\n    opacity 1.05s cubic-bezier(.22,.61,.36,1),\n    transform 1.05s cubic-bezier(.22,.61,.36,1),\n    filter 1.05s cubic-bezier(.22,.61,.36,1);\n\n  will-change:\n    opacity,\n    transform,\n    filter;\n\n  background:#101015;\n\n  overflow:hidden;\n  box-sizing:border-box;\n\n  font-family:'Roboto',sans-serif;\n}\n\n\n.matute-marcas.matute-marcas--revealed{\n\n  opacity:1;\n  visibility:visible;\n  transform:translate3d(0,0,0) scale(1);\n  filter:blur(0);\n\n}\n\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.matute-marcas__header{\n  width:100%;\n  max-width:1250px;\n\n  margin:0 auto 55px;\n\n  text-align:center;\n}\n\n\n.matute-marcas__eyebrow{\n  display:block;\n\n  margin-bottom:15px;\n\n  font-size:13px;\n  font-weight:500;\n\n  letter-spacing:.18em;\n  text-transform:uppercase;\n\n  color:#c9a45c;\n}\n\n\n.matute-marcas h2{\n  margin:0;\n\n  font-family:'Roboto',sans-serif;\n\n  font-size:clamp(2rem,4vw,3.4rem);\n\n  line-height:1.1;\n\n  font-weight:700;\n\n  letter-spacing:-.03em;\n\n  color:#fff;\n}\n\n\n.matute-marcas__line{\n  width:55px;\n  height:2px;\n\n  margin:25px auto 0;\n\n  background:#c9a45c;\n}\n\n\n\n\/* =========================================================\n   APARICI\u00d3N M\u00c1GICA DEL ENCABEZADO - SOLO ORDENADOR\n========================================================= *\/\n\n@media(min-width:601px){\n\n  .matute-marcas__header{\n    opacity:0;\n    transform:translate3d(0,35px,0);\n    filter:blur(18px);\n\n    transition:\n      opacity 1.05s cubic-bezier(.22,.61,.36,1),\n      transform 1.05s cubic-bezier(.22,.61,.36,1),\n      filter 1.05s cubic-bezier(.22,.61,.36,1);\n\n    will-change:\n      opacity,\n      transform,\n      filter;\n  }\n\n\n  .matute-marcas.matute-marcas--revealed .matute-marcas__header{\n    opacity:1;\n    transform:translate3d(0,0,0);\n    filter:blur(0);\n\n    transition-delay:.08s;\n  }\n\n}\n\n\n\/* =========================================================\n   CARRUSEL\n========================================================= *\/\n\n.matute-marcas__carousel{\n  position:relative;\n\n  width:100%;\n  max-width:1400px;\n\n  margin:0 auto;\n\n  overflow:hidden;\n\n  box-sizing:border-box;\n}\n\n\n.matute-marcas__track-wrapper{\n  width:100%;\n\n  overflow:hidden;\n\n  padding:0 70px;\n\n  box-sizing:border-box;\n\n  mask-image:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      #000 7%,\n      #000 93%,\n      transparent 100%\n    );\n\n  -webkit-mask-image:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      #000 7%,\n      #000 93%,\n      transparent 100%\n    );\n}\n\n\n\n\/* =========================================================\n   TRACK\n========================================================= *\/\n\n.matute-marcas__track{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:flex-start;\n\n  width:max-content;\n\n  gap:70px;\n\n  padding:25px 30px;\n\n  box-sizing:border-box;\n\n  transform:translateX(0);\n\n  transition:\n    transform 1.5s cubic-bezier(.22,.61,.36,1);\n}\n\n\n\n\/* =========================================================\n   LOGOS\n========================================================= *\/\n\n.matute-marca{\n  flex:0 0 auto;\n\n  width:190px;\n  height:100px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  box-sizing:border-box;\n}\n\n\n.matute-marca img{\n  display:block;\n\n  width:auto;\n\n  max-width:180px;\n\n  height:auto;\n\n  max-height:75px;\n\n  object-fit:contain;\n\n  filter:none;\n\n  transition:\n    transform .3s ease,\n    opacity .3s ease;\n}\n\n\n.matute-marca:hover img{\n  transform:scale(1.06);\n}\n\n\n\n\/* =========================================================\n   FLECHAS\n   DORADO MATUTE\n========================================================= *\/\n\n.matute-marcas__arrow{\n\n  position:absolute;\n\n  top:50%;\n\n  transform:translateY(-50%);\n\n  z-index:10;\n\n  width:48px;\n  height:48px;\n\n  padding:0;\n\n  border:1px solid #c9a45c;\n\n  border-radius:50%;\n\n  background:#101015;\n\n  color:#c9a45c !important;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  cursor:pointer;\n\n  font-family:Arial,sans-serif;\n\n  transition:\n    color .3s ease,\n    border-color .3s ease,\n    background .3s ease,\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n\n\n\/* S\u00cdMBOLO *\/\n\n.matute-marcas__arrow span{\n\n  display:block;\n\n  color:#c9a45c !important;\n\n  font-size:38px;\n\n  font-weight:300;\n\n  line-height:1;\n\n  margin-top:-4px;\n}\n\n\n\n\/* IZQUIERDA *\/\n\n.matute-marcas__arrow--left{\n  left:8px;\n}\n\n\n\/* DERECHA *\/\n\n.matute-marcas__arrow--right{\n  right:8px;\n}\n\n\n\n\/* =========================================================\n   HOVER\n========================================================= *\/\n\n.matute-marcas__arrow:hover{\n\n  color:#e0c27a !important;\n\n  border-color:#e0c27a;\n\n  background:rgba(201,164,92,.12);\n\n  box-shadow:\n    0 0 18px rgba(201,164,92,.25);\n\n  transform:\n    translateY(-50%)\n    scale(1.08);\n}\n\n\n.matute-marcas__arrow:hover span{\n  color:#e0c27a !important;\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n  .matute-marcas{\n    padding:85px 4% 90px;\n  }\n\n\n  .matute-marcas__header{\n    margin-bottom:45px;\n  }\n\n\n  .matute-marcas__track-wrapper{\n    padding:0 60px;\n  }\n\n\n  .matute-marcas__track{\n    gap:50px;\n\n    padding:20px 25px;\n  }\n\n\n  .matute-marca{\n    width:170px;\n    height:90px;\n  }\n\n\n  .matute-marca img{\n    max-width:160px;\n    max-height:65px;\n  }\n\n\n  .matute-marcas__arrow{\n\n    width:42px;\n    height:42px;\n\n    color:#c9a45c !important;\n  }\n\n\n  .matute-marcas__arrow span{\n\n    color:#c9a45c !important;\n\n    font-size:33px;\n  }\n\n\n  .matute-marcas__arrow--left{\n    left:5px;\n  }\n\n\n  .matute-marcas__arrow--right{\n    right:5px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media(max-width:600px){\n\n  .matute-marcas{\n\n    padding:75px 0 80px;\n  }\n\n\n  .matute-marcas__header{\n\n    padding:0 25px;\n\n    margin-bottom:35px;\n  }\n\n\n  .matute-marcas__eyebrow{\n\n    font-size:11px;\n\n    letter-spacing:.14em;\n  }\n\n\n  .matute-marcas h2{\n\n    font-size:2rem;\n  }\n\n\n  .matute-marcas__line{\n\n    margin-top:20px;\n  }\n\n\n  .matute-marcas__track-wrapper{\n\n    padding:0 50px;\n  }\n\n\n  .matute-marcas__track{\n\n    gap:35px;\n\n    padding:15px 20px;\n  }\n\n\n  .matute-marca{\n\n    width:145px;\n    height:80px;\n  }\n\n\n  .matute-marca img{\n\n    max-width:135px;\n    max-height:58px;\n  }\n\n\n  .matute-marcas__arrow{\n\n    width:38px;\n    height:38px;\n\n    color:#c9a45c !important;\n  }\n\n\n  .matute-marcas__arrow span{\n\n    color:#c9a45c !important;\n\n    font-size:30px;\n  }\n\n\n  .matute-marcas__arrow--left{\n    left:4px;\n  }\n\n\n  .matute-marcas__arrow--right{\n    right:4px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   REDUCIR ANIMACI\u00d3N\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .matute-marcas{\n    opacity:1;\n    visibility:visible;\n    transform:none;\n    filter:none;\n    transition:none;\n  }\n\n  .matute-marca img{\n    transition:none;\n  }\n\n  .matute-marcas__track{\n    transition:none;\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n\/* =========================================================\n   APARICI\u00d3N M\u00c1GICA DE LAS MARCAS AL HACER SCROLL\n   Ordenador + m\u00f3vil\n========================================================= *\/\n\n(function(){\n\n  const marcas =\n    document.querySelector('.matute-marcas');\n\n  if(!marcas) return;\n\n  let revealed = false;\n\n\n  function revealMarcas(){\n\n    if(revealed) return;\n\n    revealed = true;\n\n    marcas.classList.add(\n      'matute-marcas--revealed'\n    );\n\n  }\n\n\n  function checkPosition(){\n\n    if(revealed) return;\n\n    if(\n      window.matchMedia(\n        '(prefers-reduced-motion: reduce)'\n      ).matches\n    ){\n\n      revealMarcas();\n\n      return;\n\n    }\n\n\n    const rect =\n      marcas.getBoundingClientRect();\n\n    const viewportHeight =\n      window.innerHeight ||\n      document.documentElement.clientHeight;\n\n\n    if(\n      rect.top <= viewportHeight * 0.86\n    ){\n\n      revealMarcas();\n\n    }\n\n  }\n\n\n  let ticking = false;\n\n\n  function onScroll(){\n\n    if(ticking) return;\n\n    ticking = true;\n\n    window.requestAnimationFrame(function(){\n\n      checkPosition();\n\n      ticking = false;\n\n    });\n\n  }\n\n\n  function initReveal(){\n\n    checkPosition();\n\n\n    if(\n      'IntersectionObserver' in window\n    ){\n\n      const observer =\n        new IntersectionObserver(\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  revealMarcas();\n\n                  observer.disconnect();\n\n                }\n\n              }\n            );\n\n          },\n          {\n            threshold:.08,\n            rootMargin:\n              '0px 0px -8% 0px'\n          }\n        );\n\n\n      observer.observe(marcas);\n\n    }\n\n\n    window.addEventListener(\n      'scroll',\n      onScroll,\n      {passive:true}\n    );\n\n    window.addEventListener(\n      'resize',\n      onScroll,\n      {passive:true}\n    );\n\n\n    \/* Seguridad para Elementor *\/\n    setTimeout(checkPosition,150);\n    setTimeout(checkPosition,500);\n    setTimeout(checkPosition,1000);\n    setTimeout(checkPosition,1800);\n\n  }\n\n\n  if(\n    document.readyState === 'loading'\n  ){\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initReveal\n    );\n\n  }else{\n\n    initReveal();\n\n  }\n\n\n  window.addEventListener(\n    'load',\n    checkPosition\n  );\n\n})();\n\n\n<\/script>\n\n\n<script>\n\n(function(){\n\n  const carousel =\n    document.querySelector('.matute-marcas');\n\n  if(!carousel) return;\n\n\n  const track =\n    carousel.querySelector(\n      '.matute-marcas__track'\n    );\n\n\n  const wrapper =\n    carousel.querySelector(\n      '.matute-marcas__track-wrapper'\n    );\n\n\n  const leftButton =\n    carousel.querySelector(\n      '.matute-marcas__arrow--left'\n    );\n\n\n  const rightButton =\n    carousel.querySelector(\n      '.matute-marcas__arrow--right'\n    );\n\n\n  if(\n    !track ||\n    !wrapper ||\n    !leftButton ||\n    !rightButton\n  ) return;\n\n\n\n  \/* =====================================================\n     LOGOS ORIGINALES\n  ===================================================== *\/\n\n  const logosOriginales =\n    Array.from(\n      track.querySelectorAll(\n        '.matute-marca'\n      )\n    );\n\n\n\n  \/* =====================================================\n     DUPLICAR LOGOS\n  ===================================================== *\/\n\n  logosOriginales.forEach(\n    function(logo){\n\n      const copia =\n        logo.cloneNode(true);\n\n      copia.setAttribute(\n        'aria-hidden',\n        'true'\n      );\n\n      track.appendChild(copia);\n\n    }\n  );\n\n\n\n  let position = 0;\n\n  let step = 0;\n\n  let originalWidth = 0;\n\n\n\n  \/* =====================================================\n     CALCULAR MEDIDAS\n  ===================================================== *\/\n\n  function calculateDimensions(){\n\n    const firstLogo =\n      track.querySelector(\n        '.matute-marca'\n      );\n\n\n    if(!firstLogo) return;\n\n\n    const trackStyle =\n      window.getComputedStyle(\n        track\n      );\n\n\n    const gap =\n      parseFloat(\n        trackStyle.columnGap ||\n        trackStyle.gap\n      ) || 0;\n\n\n    step =\n      firstLogo.offsetWidth + gap;\n\n\n    \/*\n      Los 10 logos originales\n      forman un ciclo completo.\n    *\/\n\n    originalWidth =\n      step *\n      logosOriginales.length;\n\n  }\n\n\n\n  \/* =====================================================\n     ACTUALIZAR POSICI\u00d3N\n  ===================================================== *\/\n\n  function updatePosition(){\n\n    track.style.transform =\n      'translateX(-' +\n      position +\n      'px)';\n\n  }\n\n\n\n  \/* =====================================================\n     NORMALIZAR\n  ===================================================== *\/\n\n  function normalizePosition(){\n\n    \/*\n      Cuando llegamos al segundo grupo,\n      volvemos silenciosamente al primero.\n    *\/\n\n    if(\n      position >= originalWidth\n    ){\n\n      position -= originalWidth;\n\n\n      track.style.transition =\n        'none';\n\n\n      updatePosition();\n\n\n      track.offsetHeight;\n\n\n      track.style.transition =\n        'transform 1.5s cubic-bezier(.22,.61,.36,1)';\n\n    }\n\n\n\n    \/*\n      Cuando vamos hacia atr\u00e1s\n      hacemos el salto inverso.\n    *\/\n\n    if(\n      position < 0\n    ){\n\n      position += originalWidth;\n\n\n      track.style.transition =\n        'none';\n\n\n      updatePosition();\n\n\n      track.offsetHeight;\n\n\n      track.style.transition =\n        'transform .6s cubic-bezier(.22,.61,.36,1)';\n\n    }\n\n  }\n\n\n\n  \/* =====================================================\n     MOVER\n  ===================================================== *\/\n\n  function moveCarousel(direction){\n\n    if(!step) return;\n\n\n    position +=\n      direction * step;\n\n\n    updatePosition();\n\n\n    \/*\n      Esperamos a que termine\n      la transici\u00f3n.\n    *\/\n\n    setTimeout(\n      function(){\n\n        normalizePosition();\n\n      },\n      1510\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     FLECHA DERECHA\n  ===================================================== *\/\n\n  rightButton.addEventListener(\n    'click',\n    function(){\n\n      moveCarousel(1);\n\n    }\n  );\n\n\n\n  \/* =====================================================\n     FLECHA IZQUIERDA\n  ===================================================== *\/\n\n  leftButton.addEventListener(\n    'click',\n    function(){\n\n      moveCarousel(-1);\n\n    }\n  );\n\n\n\n  \/* =====================================================\n     REDIMENSIONADO\n  ===================================================== *\/\n\n  window.addEventListener(\n    'resize',\n    function(){\n\n      calculateDimensions();\n\n      normalizePosition();\n\n      updatePosition();\n\n    }\n  );\n\n\n\n  \/* =====================================================\n     INICIO\n  ===================================================== *\/\n\n  calculateDimensions();\n\n  updatePosition();\n\n\n  \/* =====================================================\n     MOVIMIENTO AUTOM\u00c1TICO\n     Velocidad moderada: un logo cada 3 segundos\n  ===================================================== *\/\n\n  setInterval(function(){\n\n    moveCarousel(1);\n\n  }, 3000);\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80ff65f elementor-widget elementor-widget-html\" data-id=\"80ff65f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     MATUTE XEN - SOBRE M\u00cd\n========================================================= -->\n\n<section class=\"matute-sobre-mi\" aria-labelledby=\"sobre-mi-title\">\n\n  <div class=\"matute-sobre-mi__container\">\n\n    <!-- =====================================================\n         IMAGEN + V\u00cdDEO\n    ====================================================== -->\n\n    <div class=\"matute-sobre-mi__media\">\n\n      <span class=\"matute-sobre-mi__video-eyebrow\">\n        SOBRE MATUTE XEN\n      <\/span>\n\n      <div\n        class=\"matute-sobre-mi__image\"\n        id=\"matute-video-container\"\n        role=\"button\"\n        tabindex=\"0\"\n        aria-label=\"Pulsar para ver el v\u00eddeo de Matute Xen\"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/reproduccion.png\"\n          alt=\"Matute Xen, mago, mentalista e hipnotista\"\n          loading=\"lazy\"\n        >\n\n        <div class=\"matute-sobre-mi__image-overlay\"><\/div>\n        <span class=\"matute-sobre-mi__play\" aria-hidden=\"true\"><span class=\"matute-sobre-mi__play-icon\"><\/span><\/span>\n\n\n\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         TEXTO\n    ====================================================== -->\n\n    <div class=\"matute-sobre-mi__content\">\n\n      <h2 id=\"sobre-mi-title\">\n        Haz que tu evento<br>\n        sea <span>inolvidable<\/span>\n      <\/h2>\n\n\n      <div class=\"matute-sobre-mi__line\"><\/div>\n\n\n      <div class=\"matute-sobre-mi__text\">\n\n        <p>\n          <strong>Matute Xen<\/strong> es un apasionado de la\n          <strong>magia<\/strong> con <strong>20 a\u00f1os de experiencia<\/strong>,\n          reconocido por su <strong>elegancia<\/strong>,\n          <strong>creatividad<\/strong> y capacidad para convertir al\n          <strong>p\u00fablico en protagonista<\/strong>.\n        <\/p>\n\n        <p>\n          Sus espect\u00e1culos combinan\n          <strong>magia de cerca, mentalismo, hipnosis y magia de sal\u00f3n<\/strong>\n          para crear experiencias \u00fanicas y sorprendentes.\n        <\/p>\n\n        <p>\n          Realiza espect\u00e1culos para <strong>particulares y empresas<\/strong>\n          en <strong>toda Espa\u00f1a<\/strong>, en\n          <strong>ingl\u00e9s, franc\u00e9s y espa\u00f1ol<\/strong>. Su\n          <strong>formaci\u00f3n actoral<\/strong> y su continuidad laboral en su\n          propia <strong>sala de espect\u00e1culos<\/strong> hacen que sea una\n          opci\u00f3n ideal para disfrutar de un <strong>evento de magia de calidad<\/strong>.\n        <\/p>\n\n      <\/div>\n\n\n      <a\n        href=\"https:\/\/wa.me\/34617346809\"\n        class=\"matute-sobre-mi__button\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        aria-label=\"Contactar con Matute Xen por WhatsApp\"\n      >\n        Hablemos de tu evento\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   MATUTE XEN - SOBRE M\u00cd\n========================================================= *\/\n\n.matute-sobre-mi {\n\n  --matute-bg: #101015;\n  --matute-card: #18181e;\n  --matute-gold: #c9a45c;\n  --matute-gold-light: #e0c27a;\n  --matute-white: #ffffff;\n  --matute-muted: #b8b8bd;\n\n  width: 100%;\n\n  box-sizing: border-box;\n\n  padding: 120px 6%;\n\n  background: var(--matute-bg);\n\n  color: var(--matute-white);\n\n  font-family: 'Roboto', sans-serif;\n}\n\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.matute-sobre-mi__container {\n\n  max-width: 1400px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns: 1.05fr 0.95fr;\n\n  gap: 90px;\n\n  align-items: center;\n}\n\n\n\/* =========================================================\n   MEDIA\n========================================================= *\/\n\n.matute-sobre-mi__media {\n\n  width: 100%;\n\n}\n\n\n.matute-sobre-mi__video-eyebrow {\n\n  display: block;\n\n  margin:\n    0 0 18px;\n\n  color:\n    var(--matute-gold);\n\n  font-size:\n    12px;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    0.25em;\n\n  text-align:\n    left;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\/* =========================================================\n   IMAGEN \/ MARCO\n========================================================= *\/\n\n.matute-sobre-mi__image {\n\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 4 \/ 5;\n\n  overflow: hidden;\n\n  background: #000;\n\n  border: 1px solid var(--matute-gold);\n\n  border-radius: 4px;\n\n  box-sizing: border-box;\n\n  \/*\n   * SOMBRA PARA SEPARAR LA FOTO DEL FONDO\n   * + peque\u00f1o halo dorado muy sutil\n   *\/\n\n  box-shadow:\n    0 0 0 1px rgba(201,164,92,0.12),\n    0 12px 30px rgba(0,0,0,0.45),\n    0 25px 65px rgba(0,0,0,0.55),\n    0 0 35px rgba(201,164,92,0.08);\n\n}\n\n\n\/* =========================================================\n   IMAGEN\n========================================================= *\/\n\n.matute-sobre-mi__image > img {\n\n  width: 100%;\n\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n\n  object-position: center;\n\n  transition:\n    transform 0.8s ease,\n    filter 0.8s ease;\n}\n\n\n\/* =========================================================\n   LA FOTO ES EL BOT\u00d3N\n   Pulso suave + llamada visual \"P\u00daLSAME\"\n========================================================= *\/\n\n@keyframes matuteFotoPulso {\n\n  0%,\n  100% {\n    transform: scale(1);\n    filter:\n      brightness(1)\n      saturate(1);\n  }\n\n  38% {\n    transform: scale(1.012);\n    filter:\n      brightness(1.035)\n      saturate(1.02);\n  }\n\n  52% {\n    transform: scale(1.028);\n    filter:\n      brightness(1.10)\n      saturate(1.05);\n  }\n\n  68% {\n    transform: scale(1.012);\n    filter:\n      brightness(1.035)\n      saturate(1.02);\n  }\n\n}\n\n\n\/* El marco completo respira ligeramente para llamar la atenci\u00f3n. *\/\n\n.matute-sobre-mi__image {\n  cursor: pointer;\n  animation:\n    matuteFotoMarcoPulso\n    3.2s\n    ease-in-out\n    infinite;\n}\n\n\n\/* La propia fotograf\u00eda hace el pulso. *\/\n.matute-sobre-mi__image > img {\n  animation:\n    matuteFotoPulso\n    3.2s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   EFECTO HOVER FOTO\n========================================================= *\/\n\n.matute-sobre-mi__image:hover > img {\n\n  transform: scale(1.04);\n\n}\n\n\n\/* =========================================================\n   OSCURECER IMAGEN\n========================================================= *\/\n\n.matute-sobre-mi__image-overlay {\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(16,16,21,0.05),\n      rgba(16,16,21,0.55)\n    );\n\n  pointer-events: none;\n\n  z-index: 1;\n}\n\n\n\/* =========================================================\n   BOT\u00d3N PLAY SOBRE LA FOTOGRAF\u00cdA\n========================================================= *\/\n.matute-sobre-mi__play{\n  position:absolute;left:50%;top:50%;z-index:3;\n  width:78px;height:78px;transform:translate(-50%,-50%);\n  display:flex;align-items:center;justify-content:center;\n  border:1px solid rgba(224,194,122,.95);border-radius:50%;\n  background:rgba(16,16,21,.72);\n  box-shadow:0 0 0 1px rgba(201,164,92,.18),0 0 18px rgba(201,164,92,.20),0 10px 35px rgba(0,0,0,.42);\n  pointer-events:none;animation:matutePlayDestello 2.4s ease-in-out infinite;\n}\n.matute-sobre-mi__play::before{\n  content:\"\";position:absolute;inset:-7px;border:1px solid rgba(224,194,122,.22);\n  border-radius:50%;animation:matutePlayHalo 2.4s ease-in-out infinite;\n}\n.matute-sobre-mi__play-icon{\n  display:block;width:0;height:0;margin-left:5px;\n  border-top:11px solid transparent;border-bottom:11px solid transparent;\n  border-left:17px solid var(--matute-gold-light);\n  filter:drop-shadow(0 0 5px rgba(224,194,122,.55));\n}\n@keyframes matutePlayDestello{\n  0%,62%,100%{transform:translate(-50%,-50%) scale(1);opacity:.82;box-shadow:0 0 0 1px rgba(201,164,92,.18),0 0 18px rgba(201,164,92,.20),0 10px 35px rgba(0,0,0,.42)}\n  72%{transform:translate(-50%,-50%) scale(1.045);opacity:1;box-shadow:0 0 0 1px rgba(224,194,122,.42),0 0 34px rgba(224,194,122,.72),0 0 62px rgba(201,164,92,.30),0 10px 35px rgba(0,0,0,.42)}\n  82%{transform:translate(-50%,-50%) scale(1);opacity:.9;box-shadow:0 0 0 1px rgba(224,194,122,.24),0 0 22px rgba(224,194,122,.34),0 10px 35px rgba(0,0,0,.42)}\n}\n@keyframes matutePlayHalo{\n  0%,62%,100%{transform:scale(.92);opacity:0}\n  72%{transform:scale(1.16);opacity:.9}\n  82%{transform:scale(1.28);opacity:0}\n}\n\n\/* =========================================================\n   V\u00cdDEO A PANTALLA GRANDE\n========================================================= *\/\n\n.matute-sobre-mi__youtube {\n\n  position: fixed !important;\n\n  inset: 0 !important;\n\n  width: 100vw !important;\n  height: 100vh !important;\n\n  z-index: 999999 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  padding: 40px !important;\n\n  box-sizing: border-box !important;\n\n  background: rgba(0,0,0,0.95) !important;\n\n  animation: matuteVideoFade 0.3s ease;\n}\n\n\n@keyframes matuteVideoFade {\n\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n\n}\n\n\n\/* =========================================================\n   V\u00cdDEO YOUTUBE\n========================================================= *\/\n\n.matute-sobre-mi__youtube iframe {\n\n  display: block !important;\n\n  width: min(1200px, 92vw) !important;\n\n  height: min(675px, 78vh) !important;\n\n  border: 0 !important;\n\n  background: #000 !important;\n\n  box-shadow:\n    0 25px 80px rgba(0,0,0,0.65);\n}\n\n\n\/* =========================================================\n   BOT\u00d3N CERRAR\n========================================================= *\/\n\n.matute-sobre-mi__close {\n\n  appearance: none !important;\n  -webkit-appearance: none !important;\n\n  position: fixed !important;\n\n  top: 25px !important;\n  right: 30px !important;\n\n  z-index: 1000000 !important;\n\n  width: 46px !important;\n  height: 46px !important;\n\n  min-width: 46px !important;\n  min-height: 46px !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  background: rgba(16,16,21,0.80) !important;\n\n  border: 1px solid rgba(255,255,255,0.65) !important;\n\n  border-radius: 50% !important;\n\n  color: #ffffff !important;\n\n  cursor: pointer;\n\n  font-family: Arial, sans-serif !important;\n\n  font-size: 25px !important;\n\n  font-weight: 300 !important;\n\n  line-height: 1 !important;\n\n  box-shadow: none !important;\n\n  transition:\n    background 0.3s ease,\n    border-color 0.3s ease,\n    color 0.3s ease,\n    transform 0.3s ease !important;\n}\n\n\n.matute-sobre-mi__close:hover {\n\n  background: #c9a45c !important;\n\n  border-color: #c9a45c !important;\n\n  color: #101015 !important;\n\n  transform: rotate(90deg) !important;\n}\n\n\n\/* =========================================================\n   APARICI\u00d3N M\u00c1GICA DEL TEXTO AL HACER SCROLL\n========================================================= *\/\n\n.matute-sobre-mi__content > .matute-sobre-mi__eyebrow,\n.matute-sobre-mi__content > h2,\n.matute-sobre-mi__content > .matute-sobre-mi__line,\n.matute-sobre-mi__content > .matute-sobre-mi__text,\n.matute-sobre-mi__content > .matute-sobre-mi__button {\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  transform:\n    translate3d(0, 55px, 0);\n\n  filter: blur(12px);\n\n  transition:\n    opacity 0.95s cubic-bezier(.22,.61,.36,1),\n    transform 0.95s cubic-bezier(.22,.61,.36,1),\n    filter 0.95s cubic-bezier(.22,.61,.36,1);\n\n  will-change:\n    opacity,\n    transform,\n    filter;\n\n}\n\n\n\/* Cada elemento entra un poco despu\u00e9s del anterior *\/\n\n.matute-sobre-mi__content > .matute-sobre-mi__eyebrow {\n  transition-delay: .00s;\n}\n\n.matute-sobre-mi__content > h2 {\n  transition-delay: .16s;\n}\n\n.matute-sobre-mi__content > .matute-sobre-mi__line {\n  transition-delay: .30s;\n}\n\n.matute-sobre-mi__content > .matute-sobre-mi__text {\n  transition-delay: .44s;\n}\n\n.matute-sobre-mi__content > .matute-sobre-mi__button {\n  transition-delay: .72s;\n}\n\n\n\/* Los p\u00e1rrafos de la biograf\u00eda tambi\u00e9n aparecen progresivamente *\/\n\n.matute-sobre-mi__content > .matute-sobre-mi__text p {\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  transform:\n    translate3d(0, 28px, 0);\n\n  filter: blur(8px);\n\n  transition:\n    opacity 0.85s cubic-bezier(.22,.61,.36,1),\n    transform 0.85s cubic-bezier(.22,.61,.36,1),\n    filter 0.85s cubic-bezier(.22,.61,.36,1);\n\n}\n\n.matute-sobre-mi__content > .matute-sobre-mi__text p:nth-child(1) {\n  transition-delay: .48s;\n}\n\n.matute-sobre-mi__content > .matute-sobre-mi__text p:nth-child(2) {\n  transition-delay: .66s;\n}\n\n.matute-sobre-mi__content > .matute-sobre-mi__text p:nth-child(3) {\n  transition-delay: .84s;\n}\n\n\n\/* Estado visible *\/\n\n.matute-sobre-mi__content.matute-sobre-mi__content--revealed\n> .matute-sobre-mi__eyebrow,\n.matute-sobre-mi__content.matute-sobre-mi__content--revealed\n> h2,\n.matute-sobre-mi__content.matute-sobre-mi__content--revealed\n> .matute-sobre-mi__line,\n.matute-sobre-mi__content.matute-sobre-mi__content--revealed\n> .matute-sobre-mi__text,\n.matute-sobre-mi__content.matute-sobre-mi__content--revealed\n> .matute-sobre-mi__button {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  transform:\n    translate3d(0, 0, 0);\n\n  filter: blur(0);\n\n}\n\n\n.matute-sobre-mi__content.matute-sobre-mi__content--revealed\n> .matute-sobre-mi__text p {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  transform:\n    translate3d(0, 0, 0);\n\n  filter: blur(0);\n\n}\n\n\n\/* =========================================================\n   CONTENIDO\n========================================================= *\/\n\n.matute-sobre-mi__content {\n\n  max-width: 620px;\n}\n\n\n.matute-sobre-mi__eyebrow {\n\n  display: block;\n\n  margin-bottom: 20px;\n\n  color: var(--matute-gold);\n\n  font-size: 12px;\n\n  font-weight: 500;\n\n  letter-spacing: 0.25em;\n}\n\n\n\/* =========================================================\n   T\u00cdTULO\n========================================================= *\/\n\n.matute-sobre-mi__content h2 {\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(2.8rem, 5vw, 5rem);\n\n  line-height: 0.98;\n\n  font-weight: 700;\n\n  letter-spacing: -0.045em;\n}\n\n\n.matute-sobre-mi__content h2 span {\n\n  color: var(--matute-gold);\n}\n\n\n\/* =========================================================\n   L\u00cdNEA\n========================================================= *\/\n\n.matute-sobre-mi__line {\n\n  width: 65px;\n\n  height: 1px;\n\n  background: var(--matute-gold);\n\n  margin: 32px 0;\n}\n\n\n\/* =========================================================\n   TEXTO\n========================================================= *\/\n\n.matute-sobre-mi__text {\n\n  max-width: 590px;\n}\n\n\n.matute-sobre-mi__text p {\n\n  margin: 0 0 18px;\n\n  color: var(--matute-muted);\n\n  font-size: 16px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   PALABRAS CLAVE EN NEGRITA\n========================================================= *\/\n\n.matute-sobre-mi__text p strong {\n\n  color: #ffffff;\n\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   BOT\u00d3N WHATSAPP\n========================================================= *\/\n\n.matute-sobre-mi__button {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  margin-top: 18px;\n\n  padding: 15px 26px;\n\n  border: 1px solid var(--matute-gold);\n\n  color: var(--matute-gold-light);\n\n  background: transparent;\n\n  text-decoration: none;\n\n  font-size: 11px;\n\n  font-weight: 500;\n\n  letter-spacing: 0.14em;\n\n  text-transform: uppercase;\n\n  transition:\n    background 0.3s ease,\n    color 0.3s ease,\n    transform 0.3s ease;\n}\n\n\n.matute-sobre-mi__button:hover {\n\n  background: var(--matute-gold);\n\n  color: #101015;\n\n  transform: translateY(-2px);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n  .matute-sobre-mi {\n\n    padding: 90px 6%;\n  }\n\n\n  .matute-sobre-mi__container {\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 50px;\n  }\n\n\n  .matute-sobre-mi__content h2 {\n\n    font-size: clamp(2.5rem, 5vw, 4rem);\n  }\n\n\n  .matute-sobre-mi__text p {\n\n    font-size: 15px;\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 700px) {\n\n  .matute-sobre-mi {\n\n    padding: 80px 20px;\n  }\n\n\n  .matute-sobre-mi__container {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 55px;\n  }\n\n\n  .matute-sobre-mi__media {\n\n    width: 100%;\n  }\n\n\n  .matute-sobre-mi__video-eyebrow {\n\n    text-align: center;\n\n    margin-bottom: 14px;\n\n  }\n\n\n  .matute-sobre-mi__image {\n\n    aspect-ratio: 4 \/ 5;\n\n    \/*\n     * Sombra ligeramente m\u00e1s marcada\n     * para separar la foto del fondo m\u00f3vil\n     *\/\n\n    box-shadow:\n      0 0 0 1px rgba(201,164,92,0.14),\n      0 12px 30px rgba(0,0,0,0.50),\n      0 20px 45px rgba(0,0,0,0.55),\n      0 0 28px rgba(201,164,92,0.08);\n  }\n\n\n  .matute-sobre-mi__play{width:68px;height:68px}\n  .matute-sobre-mi__play-icon{border-top-width:10px;border-bottom-width:10px;border-left-width:15px}\n\n  .matute-sobre-mi__content {\n\n    max-width: 100%;\n  }\n\n\n  .matute-sobre-mi__content h2 {\n\n    font-size: clamp(2.7rem, 12vw, 4rem);\n  }\n\n\n  .matute-sobre-mi__text p {\n\n    font-size: 15px;\n\n    line-height: 1.7;\n  }\n\n\n  \/* V\u00cdDEO M\u00d3VIL *\/\n\n  .matute-sobre-mi__youtube {\n\n    padding: 20px !important;\n  }\n\n\n  .matute-sobre-mi__youtube iframe {\n\n    width: 94vw !important;\n\n    height: 52.875vw !important;\n\n    max-height: 70vh !important;\n  }\n\n\n  \/* CERRAR M\u00d3VIL *\/\n\n  .matute-sobre-mi__close {\n\n    top: 15px !important;\n\n    right: 15px !important;\n\n    width: 42px !important;\n    height: 42px !important;\n\n    min-width: 42px !important;\n    min-height: 42px !important;\n\n    font-size: 22px !important;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCIR ANIMACIONES\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .matute-sobre-mi__image img,\n  .matute-sobre-mi__image,\n  .matute-sobre-mi__image::after,\n  .matute-sobre-mi__button,\n  .matute-sobre-mi__close {\n\n    transition: none !important;\n  }\n\n  .matute-sobre-mi__content > .matute-sobre-mi__eyebrow,\n  .matute-sobre-mi__content > h2,\n  .matute-sobre-mi__content > .matute-sobre-mi__line,\n  .matute-sobre-mi__content > .matute-sobre-mi__text,\n  .matute-sobre-mi__content > .matute-sobre-mi__text p,\n  .matute-sobre-mi__content > .matute-sobre-mi__button {\n\n    opacity: 1 !important;\n    visibility: visible !important;\n    transform: none !important;\n    filter: none !important;\n    transition: none !important;\n\n  }\n\n  .matute-sobre-mi__image,\n  .matute-sobre-mi__image > img {\n    animation: none !important;\n    filter: none !important;\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n\/* =========================================================\n   APARICI\u00d3N M\u00c1GICA DEL TEXTO AL HACER SCROLL\n   Funciona en ordenador, tablet y m\u00f3vil.\n========================================================= *\/\n\n(function () {\n\n  const content =\n    document.querySelector(\n      '.matute-sobre-mi__content'\n    );\n\n  if (!content) return;\n\n\n  let revealed = false;\n  let ticking = false;\n\n\n  function revealContent() {\n\n    if (revealed) return;\n\n    revealed = true;\n\n    content.classList.add(\n      'matute-sobre-mi__content--revealed'\n    );\n\n  }\n\n\n  function checkVisibility() {\n\n    if (revealed) return;\n\n    if (\n      window.matchMedia(\n        '(prefers-reduced-motion: reduce)'\n      ).matches\n    ) {\n\n      revealContent();\n      return;\n\n    }\n\n\n    const rect =\n      content.getBoundingClientRect();\n\n    const viewportHeight =\n      window.innerHeight ||\n      document.documentElement.clientHeight;\n\n\n    \/*\n     * En ordenador\/tablet la revelaci\u00f3n se activa\n     * cuando el bloque de texto entra claramente\n     * en la pantalla. Esto evita depender \u00fanicamente\n     * de IntersectionObserver\/Elementor.\n     *\/\n\n    const trigger =\n      viewportHeight * 0.86;\n\n\n    if (rect.top <= trigger) {\n\n      revealContent();\n\n    }\n\n  }\n\n\n  function onScroll() {\n\n    if (ticking) return;\n\n    ticking = true;\n\n    window.requestAnimationFrame(\n      function () {\n\n        checkVisibility();\n\n        ticking = false;\n\n      }\n    );\n\n  }\n\n\n  function initReveal() {\n\n    \/*\n     * Comprobaci\u00f3n inmediata.\n     *\/\n\n    checkVisibility();\n\n\n    \/*\n     * Observer para m\u00f3vil y como apoyo general.\n     *\/\n\n    if (\n      'IntersectionObserver' in window\n    ) {\n\n      const observer =\n        new IntersectionObserver(\n          function (entries) {\n\n            entries.forEach(\n              function (entry) {\n\n                if (\n                  entry.isIntersecting\n                ) {\n\n                  revealContent();\n\n                  observer.disconnect();\n\n                }\n\n              }\n            );\n\n          },\n          {\n            threshold: 0.05,\n            rootMargin:\n              '0px 0px -5% 0px'\n          }\n        );\n\n\n      observer.observe(content);\n\n    }\n\n\n    \/*\n     * Scroll directo, especialmente \u00fatil\n     * cuando Elementor termina de montar\n     * el bloque despu\u00e9s de cargar la p\u00e1gina.\n     *\/\n\n    window.addEventListener(\n      'scroll',\n      onScroll,\n      { passive: true }\n    );\n\n\n    window.addEventListener(\n      'resize',\n      onScroll,\n      { passive: true }\n    );\n\n\n    \/*\n     * Varias comprobaciones posteriores por\n     * seguridad en Elementor\/WordPress.\n     *\/\n\n    setTimeout(\n      checkVisibility,\n      150\n    );\n\n    setTimeout(\n      checkVisibility,\n      500\n    );\n\n    setTimeout(\n      checkVisibility,\n      1000\n    );\n\n    setTimeout(\n      checkVisibility,\n      1800\n    );\n\n  }\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initReveal\n    );\n\n  } else {\n\n    initReveal();\n\n  }\n\n\n  window.addEventListener(\n    'load',\n    function () {\n\n      checkVisibility();\n\n    }\n  );\n\n})();\n\n\n\/* =========================================================\n   REPRODUCTOR YOUTUBE\n   V\u00eddeo: K5-QehIJyWo\n========================================================= *\/\n\n(function() {\n\n  const videoContainer =\n    document.getElementById('matute-video-container');\n\n\n  if (!videoContainer) {\n\n    return;\n\n  }\n\n\n  \/* =======================================================\n     ABRIR V\u00cdDEO AL PULSAR LA FOTO\n  ======================================================== *\/\n\n  function openVideo(event) {\n\n    if (event) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n\n\n    \/* Evitar duplicados *\/\n\n    if (\n      document.querySelector('.matute-sobre-mi__youtube')\n    ) {\n\n      return;\n\n    }\n\n\n    \/* Crear ventana *\/\n\n    const youtubeContainer =\n      document.createElement('div');\n\n    youtubeContainer.className =\n      'matute-sobre-mi__youtube';\n\n\n    \/* Crear v\u00eddeo *\/\n\n    const iframe =\n      document.createElement('iframe');\n\n\n    iframe.src =\n      'https:\/\/www.youtube.com\/embed\/K5-QehIJyWo?autoplay=1&rel=0';\n\n\n    iframe.title =\n      'V\u00eddeo de Matute Xen';\n\n\n    iframe.allow =\n      'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share';\n\n\n    iframe.allowFullscreen = true;\n\n\n    \/* =====================================================\n       BOT\u00d3N CERRAR\n    ====================================================== *\/\n\n    const closeButton =\n      document.createElement('button');\n\n\n    closeButton.className =\n      'matute-sobre-mi__close';\n\n\n    closeButton.type =\n      'button';\n\n\n    closeButton.innerHTML =\n      '&times;';\n\n\n    closeButton.setAttribute(\n      'aria-label',\n      'Cerrar v\u00eddeo'\n    );\n\n\n    \/* A\u00f1adir *\/\n\n    youtubeContainer.appendChild(iframe);\n\n    youtubeContainer.appendChild(closeButton);\n\n    document.body.appendChild(youtubeContainer);\n\n\n    \/* Bloquear scroll *\/\n\n    document.body.style.overflow = 'hidden';\n\n\n    \/* =====================================================\n       FUNCI\u00d3N CERRAR\n    ====================================================== *\/\n\n    function closeVideo() {\n\n      youtubeContainer.remove();\n\n      document.body.style.overflow = '';\n\n      document.removeEventListener(\n        'keydown',\n        handleEscape\n      );\n\n    }\n\n\n    \/* Cerrar con X *\/\n\n    closeButton.addEventListener(\n      'click',\n      function(event) {\n\n        event.preventDefault();\n\n        event.stopPropagation();\n\n        closeVideo();\n\n      }\n    );\n\n\n    \/* Cerrar haciendo clic fuera *\/\n\n    youtubeContainer.addEventListener(\n      'click',\n      function(event) {\n\n        if (\n          event.target === youtubeContainer\n        ) {\n\n          closeVideo();\n\n        }\n\n      }\n    );\n\n\n    \/* =====================================================\n       CERRAR CON ESC\n    ====================================================== *\/\n\n    function handleEscape(event) {\n\n      if (event.key === 'Escape') {\n\n        closeVideo();\n\n      }\n\n    }\n\n\n    document.addEventListener(\n      'keydown',\n      handleEscape\n    );\n\n  }\n\n\n  \/* Click\/tap sobre la propia fotograf\u00eda *\/\n  videoContainer.addEventListener(\n    'click',\n    openVideo\n  );\n\n\n  \/* Accesibilidad: Enter o espacio tambi\u00e9n abre el v\u00eddeo *\/\n  videoContainer.addEventListener(\n    'keydown',\n    function(event) {\n\n      if (\n        event.key === 'Enter' ||\n        event.key === ' '\n      ) {\n\n        openVideo(event);\n\n      }\n\n    }\n  );\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47da9db elementor-widget elementor-widget-html\" data-id=\"47da9db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ========================================================= \n     MATUTE XEN - RESE\u00d1AS DE GOOGLE \n========================================================= --> \n\n<section class=\"matute-resenas\" aria-labelledby=\"resenas-title\"> \n\n  <div class=\"matute-resenas__header\"> \n\n    <span class=\"matute-resenas__eyebrow\"> \n      \u00daLTIMAS RESE\u00d1AS DE GOOGLE \n    <\/span> \n\n    <h2 id=\"resenas-title\"> \n      Lo que opinan <span>mis clientes<\/span> \n    <\/h2> \n\n    <div class=\"matute-resenas__line\"><\/div> \n\n  <\/div> \n\n\n  <!-- \n    AQU\u00cd COLOCAR\u00c1S EN ELEMENTOR \n    EL WIDGET SHORTCODE DE TRUSTINDEX: \n\n    [trustindex no-registration=google] \n  --> \n\n  <div class=\"matute-resenas__widget\"> \n\n    <!-- Widget Trustindex de Elementor --> \n\n  <\/div> \n\n<\/section> \n\n\n\n<style> \n\n\/* ========================================================= \n   MATUTE XEN - RESE\u00d1AS DE GOOGLE \n========================================================= *\/ \n\n.matute-resenas { \n\n  --matute-bg: #101015; \n  --matute-gold: #c9a45c; \n  --matute-gold-light: #e0c27a; \n  --matute-white: #ffffff; \n\n  width: 100%; \n\n  box-sizing: border-box; \n\n  padding: 110px 5% 40px; \n\n  background: var(--matute-bg); \n\n  color: var(--matute-white); \n\n  font-family: 'Roboto', sans-serif; \n\n  \/* =====================================================\n     APARICI\u00d3N M\u00c1GICA AL HACER SCROLL\n  ====================================================== *\/\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  transform:\n    translate3d(0, 70px, 0)\n    scale(.985);\n\n  filter: blur(14px);\n\n  transition:\n    opacity 1.05s cubic-bezier(.22,.61,.36,1),\n    transform 1.05s cubic-bezier(.22,.61,.36,1),\n    filter 1.05s cubic-bezier(.22,.61,.36,1);\n\n  will-change:\n    opacity,\n    transform,\n    filter;\n}\n\n\/* =========================================================\n   ESTADO VISIBLE\n========================================================= *\/\n\n.matute-resenas.matute-resenas--revealed {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  transform:\n    translate3d(0, 0, 0)\n    scale(1);\n\n  filter: blur(0);\n\n}\n\n\n\/* ========================================================= \n   CABECERA \n========================================================= *\/ \n\n.matute-resenas__header { \n\n  max-width: 900px; \n\n  \/* ANTES: 55px *\/ \n  margin: 0 auto 20px; \n\n  text-align: center; \n\n} \n\n\n.matute-resenas__eyebrow { \n\n  display: block; \n\n  margin-bottom: 18px; \n\n  color: var(--matute-gold); \n\n  font-size: 11px; \n\n  font-weight: 500; \n\n  letter-spacing: 0.25em; \n\n} \n\n\n.matute-resenas__header h2 { \n\n  margin: 0; \n\n  color: #ffffff; \n\n  font-size: clamp(2.5rem, 5vw, 4.5rem); \n\n  line-height: 1; \n\n  font-weight: 700; \n\n  letter-spacing: -0.04em; \n\n} \n\n\n.matute-resenas__header h2 span { \n\n  color: var(--matute-gold); \n\n} \n\n\n\/* ========================================================= \n   L\u00cdNEA DORADA \n========================================================= *\/ \n\n.matute-resenas__line { \n\n  width: 65px; \n\n  height: 1px; \n\n  background: var(--matute-gold); \n\n  \/* ANTES: 28px *\/ \n  margin: 22px auto 0; \n\n} \n\n\n\/* ========================================================= \n   CONTENEDOR DEL WIDGET \n========================================================= *\/ \n\n.matute-resenas__widget { \n\n  width: 100%; \n\n  max-width: 1400px; \n\n  margin: 0 auto; \n\n} \n\n\n\/* ========================================================= \n   TRUSTINDEX \n========================================================= *\/ \n\n\/* \n   Acercamos el contenido de Trustindex al t\u00edtulo. \n*\/ \n\n.matute-resenas .ti-widget-container { \n\n  background: transparent !important; \n\n  margin-top: 0 !important; \n\n  padding-top: 0 !important; \n\n} \n\n\n\/* ========================================================= \n   TARJETAS \n========================================================= *\/ \n\n.matute-resenas .ti-review-item > .ti-inner { \n\n  background: #18181e !important; \n\n  border: 1px solid rgba(201,164,92,0.18) !important; \n\n  border-radius: 3px !important; \n\n  box-shadow: none !important; \n\n  transition: \n    border-color 0.3s ease, \n    transform 0.3s ease; \n\n} \n\n\n\/* ========================================================= \n   HOVER \n========================================================= *\/ \n\n.matute-resenas .ti-review-item > .ti-inner:hover { \n\n  border-color: rgba(201,164,92,0.5) !important; \n\n  transform: translateY(-3px); \n\n} \n\n\n\/* ========================================================= \n   NOMBRE \n========================================================= *\/ \n\n.matute-resenas .ti-name { \n\n  color: #ffffff !important; \n\n} \n\n\n\/* ========================================================= \n   TEXTO \n========================================================= *\/ \n\n.matute-resenas .ti-review-text { \n\n  color: #b8b8bd !important; \n\n} \n\n\n\/* ========================================================= \n   FECHA \n========================================================= *\/ \n\n.matute-resenas .ti-date { \n\n  color: #888890 !important; \n\n} \n\n\n\/* ========================================================= \n   ESTRELLAS \n========================================================= *\/ \n\n.matute-resenas .ti-star { \n\n  color: var(--matute-gold) !important; \n\n} \n\n\n\/* ========================================================= \n   ELEMENTOR + TRUSTINDEX \n========================================================= *\/ \n\n\/* \n   Si el shortcode est\u00e1 colocado en el widget de Elementor \n   inmediatamente despu\u00e9s de este bloque HTML, eliminamos \n   espacio superior innecesario. \n*\/ \n\n.matute-resenas \n+ .elementor-element { \n\n  margin-top: 0 !important; \n\n} \n\n\n\/* \n   Si Elementor introduce margen\/padding en el widget \n   de shortcode, lo anulamos. \n*\/ \n\n.matute-resenas \n+ .elementor-element.elementor-widget-shortcode { \n\n  margin-top: 0 !important; \n\n  padding-top: 0 !important; \n\n} \n\n\n\/* ========================================================= \n   M\u00d3VIL \n========================================================= *\/ \n\n@media (max-width: 700px) { \n\n  .matute-resenas { \n\n    padding: 80px 20px 30px; \n\n  } \n\n\n  .matute-resenas__header { \n\n    \/* Tambi\u00e9n reducido en m\u00f3vil *\/ \n    margin-bottom: 15px; \n\n  } \n\n\n  .matute-resenas__header h2 { \n\n    font-size: 2.6rem; \n\n  } \n\n\n  .matute-resenas__line { \n\n    margin-top: 20px; \n\n  } \n\n}\n\n\n\/* =========================================================\n   REDUCIR ANIMACIONES\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .matute-resenas {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    transform: none;\n\n    filter: none;\n\n    transition: none;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n\/* =========================================================\n   APARICI\u00d3N M\u00c1GICA DE LAS RESE\u00d1AS AL HACER SCROLL\n   Ordenador + m\u00f3vil\n========================================================= *\/\n\n(function(){\n\n  const resenas =\n    document.querySelector('.matute-resenas');\n\n  if(!resenas) return;\n\n\n  let revealed = false;\n  let ticking = false;\n\n\n  function revealResenas(){\n\n    if(revealed) return;\n\n    revealed = true;\n\n    resenas.classList.add(\n      'matute-resenas--revealed'\n    );\n\n  }\n\n\n  function checkPosition(){\n\n    if(revealed) return;\n\n\n    if(\n      window.matchMedia(\n        '(prefers-reduced-motion: reduce)'\n      ).matches\n    ){\n\n      revealResenas();\n\n      return;\n\n    }\n\n\n    const rect =\n      resenas.getBoundingClientRect();\n\n    const viewportHeight =\n      window.innerHeight ||\n      document.documentElement.clientHeight;\n\n\n    \/*\n     * La secci\u00f3n cobra vida cuando entra\n     * claramente en la pantalla.\n     *\/\n\n    if(\n      rect.top <= viewportHeight * 0.86\n    ){\n\n      revealResenas();\n\n    }\n\n  }\n\n\n  function onScroll(){\n\n    if(ticking) return;\n\n    ticking = true;\n\n    window.requestAnimationFrame(function(){\n\n      checkPosition();\n\n      ticking = false;\n\n    });\n\n  }\n\n\n  function initReveal(){\n\n    checkPosition();\n\n\n    if(\n      'IntersectionObserver' in window\n    ){\n\n      const observer =\n        new IntersectionObserver(\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  revealResenas();\n\n                  observer.disconnect();\n\n                }\n\n              }\n            );\n\n          },\n          {\n            threshold:.08,\n            rootMargin:\n              '0px 0px -8% 0px'\n          }\n        );\n\n\n      observer.observe(resenas);\n\n    }\n\n\n    window.addEventListener(\n      'scroll',\n      onScroll,\n      {passive:true}\n    );\n\n\n    window.addEventListener(\n      'resize',\n      onScroll,\n      {passive:true}\n    );\n\n\n    \/*\n     * Comprobaciones extra para Elementor\/WordPress\n     *\/\n\n    setTimeout(\n      checkPosition,\n      150\n    );\n\n    setTimeout(\n      checkPosition,\n      500\n    );\n\n    setTimeout(\n      checkPosition,\n      1000\n    );\n\n    setTimeout(\n      checkPosition,\n      1800\n    );\n\n  }\n\n\n  if(\n    document.readyState === 'loading'\n  ){\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initReveal\n    );\n\n  }else{\n\n    initReveal();\n\n  }\n\n\n  window.addEventListener(\n    'load',\n    checkPosition\n  );\n\n})();\n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a01e78d elementor-widget elementor-widget-shortcode\" data-id=\"a01e78d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-no-defer=\"1\" rel=\"stylesheet\" href=\"https:\/\/matutexen.com\/wp-content\/uploads\/trustindex-google-widget.css?1790524960\" media=\"all\"><pre class=\"ti-widget\"><div style=\"opacity: 0;height: 0 !important;overflow: hidden !important\" data-css-url=\"https:\/\/matutexen.com\/wp-content\/uploads\/trustindex-google-widget.css?1790524960\" class=\" ti-widget  ti-goog ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-time-locale=\"%d %s ago|today|day|days|week|weeks|month|months|year|years\" data-plugin-version=\"14.2\" data-layout-id=\"4\" data-layout-category=\"slider\" data-set-id=\"light-background\" data-pid=\"wp-widget\" data-language=\"en\" data-close-locale=\"Close\" data-review-target-width=\"300\" data-css-version=\"2\" data-reply-by-locale=\"Owner&apos;s reply\" data-only-rating-locale=\"This user only left a rating.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-3\"> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Next review\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Previous review\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\">  <div data-empty=\"0\" data-time=\"1782259200\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocI-Ke8UXr1ne2umUAVd3HV4IpqWNYd6ADxedbC-cE49zMrrvA=w40-h40-c-rp-mo-ba12-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocI-Ke8UXr1ne2umUAVd3HV4IpqWNYd6ADxedbC-cE49zMrrvA=w80-h80-c-rp-mo-ba12-br100 2x\" alt=\"FINA AG profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> FINA AG <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->En la Caverna del Brujo hace unas semanas fuimos a ver  el espectaculo de mentalismo ,hipnotismo, ilusionismo  de Matute y fue espectacular , todo incre\u00edble,  el espectaculo ,las puestas en escenas, etc ... dos horas de misterio y muy entretenidas . Gracias .<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1768780800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocI8tW0eTcyueJU35HJnh3s1NOH2T1fU0bGMvg2CQg83PLFDrA=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocI8tW0eTcyueJU35HJnh3s1NOH2T1fU0bGMvg2CQg83PLFDrA=w80-h80-c-rp-mo-br100 2x\" alt=\"Julio Gonzalez Beteta profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Julio Gonzalez Beteta <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->El mago fue magn\u00edfico, una actuaci\u00f3n muy pero que muy buena, todos los ni\u00f1os encantados, para my un 10<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1748995200\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVUz4u3iVqw77r7L454e7sa76HptIVMhPME9nwG8AVqHa4UjALV=w40-h40-c-rp-mo-ba12-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVUz4u3iVqw77r7L454e7sa76HptIVMhPME9nwG8AVqHa4UjALV=w80-h80-c-rp-mo-ba12-br100 2x\" alt=\"Martina Carr\u00e9 profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Martina Carr\u00e9 <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->El espect\u00e1culo de magia le gust\u00f3 a todos, ni\u00f1os y mayores. Estuvo muy bien para cerrar la celebraci\u00f3n y echar unas risas. Tambi\u00e9n lo vimos en otra ocasi\u00f3n y muy fue muy divertido<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1748908800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWeou_pklT4NrFfn68V7bfSbLIDLvvWGhw0QReARrkgzfoSjL_Z=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWeou_pklT4NrFfn68V7bfSbLIDLvvWGhw0QReARrkgzfoSjL_Z=w80-h80-c-rp-mo-br100 2x\" alt=\"carmen garcia profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> carmen garcia <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Magico! Nos encant\u00f3!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1748908800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocK_s7TaAX8Em0Qdw5-5LIufArh9dqvSHVaJfUB1brYsevtdaQ=w40-h40-c-rp-mo-ba12-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocK_s7TaAX8Em0Qdw5-5LIufArh9dqvSHVaJfUB1brYsevtdaQ=w80-h80-c-rp-mo-ba12-br100 2x\" alt=\"Cristina Martinez profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Cristina Martinez <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Contamos con \u00e9l para tener una sorpresa en la celebraci\u00f3n del quinto cumplea\u00f1os de un grupito de amigos del cole. Fue una experiencia muy bonita, donde se pod\u00eda ver la ilusi\u00f3n y la alegr\u00eda de los ni\u00f1os.&#010;Fue entretenido y nos gust\u00f3 mucho tanto a los padres como a los peque\u00f1os.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1748908800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocL04eMuE29Gt497ISJhXXT3GeLSCyiGDIOc-js0xXq3IcIcMQ=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocL04eMuE29Gt497ISJhXXT3GeLSCyiGDIOc-js0xXq3IcIcMQ=w80-h80-c-rp-mo-br100 2x\" alt=\"Ana Perez profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Ana Perez <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Fue una gran experiencia para m\u00ed hija en el d\u00eda de su comuni\u00f3n y para el resto de invitados<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1743120000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKI2mj9NpZ3MQ2eCT-Q8q2ni76u3N9cvvqy8zUPvEn1pCZLsQ=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKI2mj9NpZ3MQ2eCT-Q8q2ni76u3N9cvvqy8zUPvEn1pCZLsQ=w80-h80-c-rp-mo-br100 2x\" alt=\"Alejandro Costa Garc\u00eda profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Alejandro Costa Garc\u00eda <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Magia en estado puro, me he quedado ojipl\u00e1tico<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1743120000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKXyrkH2s6xDVWgMV1sSIQy8vGsp2Oa0xsK4QW0MBDAJU1_IQ=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKXyrkH2s6xDVWgMV1sSIQy8vGsp2Oa0xsK4QW0MBDAJU1_IQ=w80-h80-c-rp-mo-br100 2x\" alt=\"Belen Picazo profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Belen Picazo <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Matute me ha hecho creer en la magia. Alucinando!!!!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1743120000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIQgEI_1qtFcK1dnlWoV1FaGL4_p1I7nvy-_aWMuHi4RnsdlA=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIQgEI_1qtFcK1dnlWoV1FaGL4_p1I7nvy-_aWMuHi4RnsdlA=w80-h80-c-rp-mo-br100 2x\" alt=\"Jose Luis Ibeas Gonz\u00e1lez profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Jose Luis Ibeas Gonz\u00e1lez <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Incre\u00edble, jug\u00f3 con el p\u00fablico y nos fu\u00e9 sacando para compartir su magia. Espectacular se queda corto. 100% recomendado.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div> <\/div>    <\/div> <\/div> <\/pre><pre class=\"ti-hidden-markup\" hidden style=\"display: none\"><script>\n(function () { if (window.tiLoaderFallback) { return; } window.tiLoaderFallback = true; function tiLoadLoader() { if (window.TrustindexWidget || document.querySelector('script[src*=\"https:\/\/cdn.trustindex.io\/loader.js\"]')) { return; } let script = document.createElement(\"script\"); script.async = true; script.src = \"https:\/\/cdn.trustindex.io\/loader.js\"; script.setAttribute(\"data-ccm-injected\", \"1\"); document.head.appendChild(script); } if (\"loading\" === document.readyState) { document.addEventListener(\"DOMContentLoaded\", tiLoadLoader); } else { tiLoadLoader(); } })();\n<\/script>\n<\/pre><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfe5b67 elementor-widget elementor-widget-html\" data-id=\"dfe5b67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\n\/* =========================================================\n   GALER\u00cdA MATUTE XEN\n   ========================================================= *\/\n\n.matute-galeria {\n\n    width: 100%;\n\n    \/* =====================================================\n       APARICI\u00d3N M\u00c1GICA AL HACER SCROLL\n    ====================================================== *\/\n\n    opacity: 0;\n    visibility: hidden;\n\n    transform:\n        translate3d(0, 70px, 0)\n        scale(.985);\n\n    filter: blur(14px);\n\n    transition:\n        opacity 1.05s cubic-bezier(.22,.61,.36,1),\n        transform 1.05s cubic-bezier(.22,.61,.36,1),\n        filter 1.05s cubic-bezier(.22,.61,.36,1);\n\n    will-change:\n        opacity,\n        transform,\n        filter;\n\n    background: #101015;\n\n    padding:\n        85px 0\n        100px;\n\n    box-sizing: border-box;\n\n    overflow: hidden;\n\n    font-family: 'Roboto', sans-serif;\n}\n\n\n.matute-galeria.matute-galeria--revealed {\n\n    opacity: 1;\n    visibility: visible;\n\n    transform:\n        translate3d(0, 0, 0)\n        scale(1);\n\n    filter: blur(0);\n\n}\n\n\n\/* =========================================================\n   CABECERA\n   ========================================================= *\/\n\n.matute-galeria__header {\n\n    width: 100%;\n\n    text-align: center;\n\n    margin:\n        0 auto 38px;\n\n    padding:\n        0 20px;\n\n    box-sizing: border-box;\n}\n\n\n.matute-galeria__title {\n\n    margin: 0;\n\n    color: #ffffff;\n\n    font-family: 'Roboto', sans-serif;\n\n    font-size:\n        clamp(2.3rem, 4vw, 4rem);\n\n    font-weight: 900;\n\n    line-height: 1;\n\n    letter-spacing:\n        -.045em;\n\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   L\u00cdNEA DORADA\n   ========================================================= *\/\n\n.matute-galeria__line {\n\n    width: 55px;\n\n    height: 2px;\n\n    margin:\n        20px auto 0;\n\n    background: #c9a45c;\n}\n\n\n\/* =========================================================\n   FRASE MANUSCRITA\n   ========================================================= *\/\n.matute-galeria__frase {\n    width: 78vw;\n    max-width: 1200px;\n    box-sizing: border-box;\n    margin: 28px auto 0;\n    padding: 0;\n    text-align: center;\n    white-space: nowrap;\n    overflow: hidden;\n\n    color: #e0c27a;\n\n    \/* Tipograf\u00eda solicitada: Letterland \/ Nahla Script.\n       Para que se muestre exactamente, la fuente debe estar\n       instalada\/cargada en WordPress. *\/\n    font-family:\n        \"Letterland\",\n        \"Nahla Script\",\n        \"Segoe Script\",\n        \"Brush Script MT\",\n        cursive;\n\n    font-size: clamp(1.05rem, 1.9vw, 2.05rem);\n    font-weight: 400;\n    line-height: 1.2;\n    letter-spacing: .005em;\n\n    text-shadow:\n        0 0 9px rgba(201,164,92,.12),\n        0 0 20px rgba(201,164,92,.06);\n\n    opacity: 0;\n    visibility: hidden;\n    transform: translate3d(0, 42px, 0);\n    filter: blur(10px);\n\n    transition:\n        opacity 1.15s cubic-bezier(.22,.61,.36,1),\n        transform 1.15s cubic-bezier(.22,.61,.36,1),\n        filter 1.15s cubic-bezier(.22,.61,.36,1);\n\n    will-change: opacity, transform, filter;\n}\n.matute-galeria__frase.matute-galeria__frase--visible{opacity:1;visibility:visible;transform:translate3d(0,0,0);filter:blur(0);}\n\n\n\/* =========================================================\n   VENTANA DEL SLIDER\n   ========================================================= *\/\n\n.matute-galeria__viewport {\n\n    width: 100%;\n\n    overflow: hidden;\n\n    box-sizing: border-box;\n\n    cursor: grab;\n\n    touch-action: pan-y;\n\n    user-select: none;\n\n    -webkit-user-select: none;\n}\n\n\n.matute-galeria__viewport.is-dragging {\n\n    cursor: grabbing;\n}\n\n\n\/* =========================================================\n   CARRIL DE FOTOS\n   ========================================================= *\/\n\n.matute-galeria__track {\n\n    display: flex;\n\n    width: 100%;\n\n    transition:\n        transform .65s cubic-bezier(.22,.61,.36,1);\n\n    will-change: transform;\n}\n\n\n.matute-galeria__viewport.is-dragging\n.matute-galeria__track {\n\n    transition: none;\n}\n\n\n\/* =========================================================\n   CADA FOTO\n   ========================================================= *\/\n\n.matute-galeria__item {\n\n    flex:\n        0 0 100%;\n\n    width: 100%;\n\n    display: flex;\n\n    justify-content: center;\n\n    align-items: center;\n\n    box-sizing: border-box;\n\n    padding:\n        0 10vw 20px;\n}\n\n\n\/* =========================================================\n   CONTENEDOR DE IMAGEN\n========================================================= *\/\n\n.matute-galeria__photo {\n\n    width: 78vw;\n\n    max-width: 1200px;\n\n    position: relative;\n\n    overflow: hidden;\n\n    border-radius: 7px;\n\n    background: #18181e;\n\n    border:\n        1px solid\n        rgba(201,164,92,.30);\n\n    box-shadow:\n        0 18px 40px\n        rgba(0,0,0,.42),\n\n        0 0 0 1px\n        rgba(201,164,92,.05);\n\n    cursor: zoom-in;\n}\n\n\n\/* =========================================================\n   IMAGEN\n========================================================= *\/\n\n.matute-galeria__photo img {\n\n    display: block;\n\n    width: 100%;\n\n    height: auto;\n\n    aspect-ratio: 16 \/ 9;\n\n    object-fit: cover;\n\n    user-select: none;\n\n    -webkit-user-drag: none;\n\n    pointer-events: none;\n\n    transition:\n        transform .6s ease;\n}\n\n\n\/* =========================================================\n   EFECTO HOVER\n========================================================= *\/\n\n.matute-galeria__photo:hover img {\n\n    transform:\n        scale(1.015);\n}\n\n\n\/* =========================================================\n   LIGHTBOX \/ FOTO GRANDE\n========================================================= *\/\n\n.matute-galeria__lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    width: 100vw;\n\n    height: 100vh;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background:\n        rgba(0,0,0,.94);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n    transition:\n        opacity .3s ease,\n        visibility .3s ease;\n}\n\n\n\/* =========================================================\n   LIGHTBOX ABIERTO\n========================================================= *\/\n\n.matute-galeria__lightbox.is-open {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   IMAGEN GRANDE\n========================================================= *\/\n\n.matute-galeria__lightbox img {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 92vw;\n\n    max-height: 88vh;\n\n    object-fit: contain;\n\n    border:\n        1px solid\n        rgba(201,164,92,.65);\n\n    box-shadow:\n        0 25px 80px\n        rgba(0,0,0,.75),\n\n        0 0 35px\n        rgba(201,164,92,.08);\n\n    transform:\n        scale(.96);\n\n    transition:\n        transform .35s ease;\n}\n\n\n.matute-galeria__lightbox.is-open img {\n\n    transform:\n        scale(1);\n}\n\n\n\/* =========================================================\n   BOT\u00d3N CERRAR\n========================================================= *\/\n\n.matute-galeria__lightbox-close {\n\n    position: absolute;\n\n    top: 25px;\n\n    right: 30px;\n\n    width: 48px;\n\n    height: 48px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 0;\n\n    margin: 0;\n\n    background:\n        rgba(16,16,21,.85);\n\n    border:\n        1px solid\n        rgba(201,164,92,.65);\n\n    border-radius: 50%;\n\n    color: #ffffff;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 29px;\n\n    font-weight: 300;\n\n    line-height: 1;\n\n    cursor: pointer;\n\n    z-index: 2;\n\n    transition:\n        background .3s ease,\n        color .3s ease,\n        border-color .3s ease,\n        transform .3s ease;\n}\n\n\n.matute-galeria__lightbox-close:hover {\n\n    background:\n        #c9a45c;\n\n    color:\n        #101015;\n\n    border-color:\n        #c9a45c;\n\n    transform:\n        rotate(90deg);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .matute-galeria {\n\n        padding:\n            75px 0\n            90px;\n    }\n\n\n    .matute-galeria__header {\n\n        margin-bottom:\n            30px;\n    }\n\n\n    .matute-galeria__item {\n\n        padding:\n            0 8vw 18px;\n    }\n\n\n    .matute-galeria__photo {\n\n        width: 84vw;\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .matute-galeria {\n\n        padding:\n            65px 0\n            75px;\n    }\n\n\n    .matute-galeria__header {\n\n        margin-bottom:\n            28px;\n\n        padding:\n            0 20px;\n    }\n\n\n    .matute-galeria__title {\n\n        font-size:\n            clamp(2rem, 10vw, 3rem);\n    }\n\n\n    .matute-galeria__line {\n\n        margin-top:\n            17px;\n    }\n\n\n    .matute-galeria__item {\n\n        padding:\n            0 9vw 15px;\n    }\n\n\n    .matute-galeria__photo {\n\n        width: 82vw;\n\n        border-radius: 6px;\n    }\n\n\n    .matute-galeria__frase {\n        width: 82vw;\n        max-width: none;\n        margin-top: 24px;\n        padding: 0;\n        font-size: clamp(.72rem, 2.55vw, 1.05rem);\n        white-space: nowrap;\n        letter-spacing: 0;\n        overflow: hidden;\n    }\n\n\n    \/* LIGHTBOX M\u00d3VIL *\/\n\n    .matute-galeria__lightbox {\n\n        padding:\n            20px;\n    }\n\n\n    .matute-galeria__lightbox img {\n\n        max-width: 94vw;\n\n        max-height: 82vh;\n\n        border-radius: 3px;\n    }\n\n\n    .matute-galeria__lightbox-close {\n\n        top: 15px;\n\n        right: 15px;\n\n        width: 43px;\n\n        height: 43px;\n\n        font-size: 25px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCIR MOVIMIENTO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .matute-galeria {\n\n        opacity: 1;\n        visibility: visible;\n        transform: none;\n        filter: none;\n        transition: none;\n\n    }\n\n    .matute-galeria__track,\n    .matute-galeria__lightbox,\n    .matute-galeria__lightbox img,\n    .matute-galeria__photo img,\n    .matute-galeria__frase {\n\n        transition: none;\n    }\n\n    .matute-galeria__frase {opacity:1;visibility:visible;transform:none;filter:none;}\n\n}\n\n<\/style>\n\n\n\n<section\n    class=\"matute-galeria\"\n    aria-label=\"Galer\u00eda de im\u00e1genes de Matute Xen\"\n>\n\n\n    <!-- =====================================================\n         CABECERA\n    ====================================================== -->\n\n    <div class=\"matute-galeria__header\">\n\n        <h2 class=\"matute-galeria__title\">\n            GALER\u00cdA\n        <\/h2>\n\n        <div\n            class=\"matute-galeria__line\"\n            aria-hidden=\"true\"\n        ><\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         VENTANA DEL SLIDER\n    ====================================================== -->\n\n    <div\n        class=\"matute-galeria__viewport\"\n        id=\"matuteGaleriaViewport\"\n    >\n\n\n        <div\n            class=\"matute-galeria__track\"\n            id=\"matuteGaleriaTrack\"\n        >\n\n\n            <!-- =================================================\n                 FOTO 1\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/horizaontal.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/horizaontal.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"eager\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 FOTO 2\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/1112.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/1112.png\"\n                        alt=\"Matute Xen realizando un espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 FOTO 3\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/123.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/123.png\"\n                        alt=\"Matute Xen realizando magia de cerca\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- =================================================\n                 FOTO 4\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-14.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-14.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 5\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/1.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/1.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 6\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/2.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/2.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 7\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/3.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/3.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 8\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/4.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/4.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 9\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/5.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/5.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 10\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/6.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/6.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 11\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/8.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/8.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 12\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/9.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/9.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 13\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/10.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/10.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 14\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/12.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/12.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 15\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/13.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/13.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 16\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/14.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/14.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 17\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/17.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/17.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 18\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-1.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-1.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 19\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-3.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-3.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 20\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-4.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-4.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 21\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-5.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-5.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 22\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-8.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-8.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 23\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-10.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-10.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 24\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-11.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-11.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 25\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-12.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-12.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 FOTO 26\n            ================================================== -->\n\n            <div class=\"matute-galeria__item\">\n\n                <div\n                    class=\"matute-galeria__photo\"\n                    data-full-image=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-13.png\"\n                >\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Capa-13.png\"\n                        alt=\"Matute Xen durante su espect\u00e1culo de magia\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"matute-galeria__frase\" id=\"matuteGaleriaFrase\" aria-label=\"Frase de Matute Xen\">\n        Lo m\u00edo es pasional, no conozco otra forma de hacerlo, d\u00e9jate ilusionar\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     LIGHTBOX\n========================================================= -->\n\n<div\n    class=\"matute-galeria__lightbox\"\n    id=\"matuteGaleriaLightbox\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Imagen ampliada\"\n>\n\n    <button\n        type=\"button\"\n        class=\"matute-galeria__lightbox-close\"\n        id=\"matuteGaleriaLightboxClose\"\n        aria-label=\"Cerrar imagen\"\n    >\n        &times;\n    <\/button>\n\n\n    <img decoding=\"async\"\n        id=\"matuteGaleriaLightboxImage\"\n        src=\"\"\n        alt=\"\"\n    >\n\n<\/div>\n\n\n\n<script>\n\n\/* =========================================================\n   APARICI\u00d3N M\u00c1GICA DE LA GALER\u00cdA AL HACER SCROLL\n   Ordenador + m\u00f3vil\n========================================================= *\/\n\n(function(){\n\n    const galeria =\n        document.querySelector(\n            '.matute-galeria'\n        );\n\n    if(!galeria) return;\n\n\n    let revealed = false;\n    let ticking = false;\n\n\n    function revealGaleria(){\n\n        if(revealed) return;\n\n        revealed = true;\n\n        galeria.classList.add(\n            'matute-galeria--revealed'\n        );\n\n    }\n\n\n    function checkPosition(){\n\n        if(revealed) return;\n\n\n        if(\n            window.matchMedia(\n                '(prefers-reduced-motion: reduce)'\n            ).matches\n        ){\n\n            revealGaleria();\n\n            return;\n\n        }\n\n\n        const rect =\n            galeria.getBoundingClientRect();\n\n        const viewportHeight =\n            window.innerHeight ||\n            document.documentElement.clientHeight;\n\n\n        \/*\n         * La galer\u00eda empieza a aparecer cuando\n         * entra claramente en la pantalla.\n         *\/\n\n        if(\n            rect.top <= viewportHeight * 0.86\n        ){\n\n            revealGaleria();\n\n        }\n\n    }\n\n\n    function onScroll(){\n\n        if(ticking) return;\n\n        ticking = true;\n\n        window.requestAnimationFrame(function(){\n\n            checkPosition();\n\n            ticking = false;\n\n        });\n\n    }\n\n\n    function initReveal(){\n\n        checkPosition();\n\n\n        if(\n            'IntersectionObserver' in window\n        ){\n\n            const observer =\n                new IntersectionObserver(\n                    function(entries){\n\n                        entries.forEach(\n                            function(entry){\n\n                                if(\n                                    entry.isIntersecting\n                                ){\n\n                                    revealGaleria();\n\n                                    observer.disconnect();\n\n                                }\n\n                            }\n                        );\n\n                    },\n                    {\n                        threshold: 0.08,\n                        rootMargin:\n                            '0px 0px -8% 0px'\n                    }\n                );\n\n\n            observer.observe(galeria);\n\n        }\n\n\n        window.addEventListener(\n            'scroll',\n            onScroll,\n            { passive: true }\n        );\n\n\n        window.addEventListener(\n            'resize',\n            onScroll,\n            { passive: true }\n        );\n\n\n        \/*\n         * Comprobaciones extra para Elementor \/\n         * WordPress cuando el bloque termina\n         * de montarse.\n         *\/\n\n        setTimeout(\n            checkPosition,\n            150\n        );\n\n        setTimeout(\n            checkPosition,\n            500\n        );\n\n        setTimeout(\n            checkPosition,\n            1000\n        );\n\n        setTimeout(\n            checkPosition,\n            1800\n        );\n\n    }\n\n\n    if(\n        document.readyState === 'loading'\n    ){\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initReveal\n        );\n\n    }else{\n\n        initReveal();\n\n    }\n\n\n    window.addEventListener(\n        'load',\n        checkPosition\n    );\n\n})();\n\n\n<\/script>\n\n\n<script>\n\n(function(){\nconst frase=document.getElementById('matuteGaleriaFrase');if(!frase)return;let visible=false,ticking=false;function reveal(){if(visible)return;visible=true;frase.classList.add('matute-galeria__frase--visible');}function check(){if(visible)return;if(window.matchMedia('(prefers-reduced-motion: reduce)').matches){reveal();return;}const r=frase.getBoundingClientRect(),h=window.innerHeight||document.documentElement.clientHeight;if(r.top<=h*.88)reveal();}function scroll(){if(ticking)return;ticking=true;requestAnimationFrame(()=>{check();ticking=false;});}function init(){check();if('IntersectionObserver'in window){const o=new IntersectionObserver(e=>e.forEach(x=>{if(x.isIntersecting){reveal();o.disconnect();}}),{threshold:.05,rootMargin:'0px 0px -5% 0px'});o.observe(frase);}window.addEventListener('scroll',scroll,{passive:true});window.addEventListener('resize',scroll,{passive:true});[150,500,1000,1800].forEach(t=>setTimeout(check,t));}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();window.addEventListener('load',check);})();\n\n\n(function () {\n\n\n    \/* =====================================================\n       ELEMENTOS\n    ===================================================== *\/\n\n    const viewport =\n        document.getElementById(\n            'matuteGaleriaViewport'\n        );\n\n\n    const track =\n        document.getElementById(\n            'matuteGaleriaTrack'\n        );\n\n\n    const lightbox =\n        document.getElementById(\n            'matuteGaleriaLightbox'\n        );\n\n\n    const lightboxImage =\n        document.getElementById(\n            'matuteGaleriaLightboxImage'\n        );\n\n\n    const lightboxClose =\n        document.getElementById(\n            'matuteGaleriaLightboxClose'\n        );\n\n\n    if (\n        !viewport ||\n        !track ||\n        !lightbox ||\n        !lightboxImage ||\n        !lightboxClose\n    ) {\n\n        return;\n\n    }\n\n\n\n    \/* =====================================================\n       CONFIGURACI\u00d3N SLIDER\n    ===================================================== *\/\n\n    const totalSlides =\n        track.children.length;\n\n\n    let currentSlide = 0;\n\n\n    let autoPlay = null;\n\n\n    let isDragging = false;\n\n\n    let startX = 0;\n\n\n    let currentX = 0;\n\n\n    let hasMoved = false;\n\n\n    const AUTO_TIME = 4000;\n\n\n    const SWIPE_THRESHOLD = 50;\n\n\n\n    \/* =====================================================\n       CAMBIAR FOTO\n    ===================================================== *\/\n\n    function goToSlide(index, animate = true) {\n\n        currentSlide = index;\n\n\n        if (currentSlide >= totalSlides) {\n\n            currentSlide = 0;\n\n        }\n\n\n        if (currentSlide < 0) {\n\n            currentSlide =\n                totalSlides - 1;\n\n        }\n\n\n        if (animate) {\n\n            track.style.transition =\n                'transform .65s cubic-bezier(.22,.61,.36,1)';\n\n        } else {\n\n            track.style.transition =\n                'none';\n\n        }\n\n\n        track.style.transform =\n            'translateX(-' +\n            (currentSlide * 100) +\n            '%)';\n\n    }\n\n\n\n    \/* =====================================================\n       SIGUIENTE\n    ===================================================== *\/\n\n    function nextSlide() {\n\n        goToSlide(\n            currentSlide + 1,\n            true\n        );\n\n    }\n\n\n\n    \/* =====================================================\n       ANTERIOR\n    ===================================================== *\/\n\n    function previousSlide() {\n\n        goToSlide(\n            currentSlide - 1,\n            true\n        );\n\n    }\n\n\n\n    \/* =====================================================\n       AUTOPLAY\n    ===================================================== *\/\n\n    function startAutoPlay() {\n\n        stopAutoPlay();\n\n\n        autoPlay =\n            setInterval(\n                function () {\n\n                    nextSlide();\n\n                },\n                AUTO_TIME\n            );\n\n    }\n\n\n\n    function stopAutoPlay() {\n\n        if (autoPlay) {\n\n            clearInterval(autoPlay);\n\n            autoPlay = null;\n\n        }\n\n    }\n\n\n\n    function restartAutoPlay() {\n\n        stopAutoPlay();\n\n        startAutoPlay();\n\n    }\n\n\n\n    \/* =====================================================\n       TOUCH \/ RAT\u00d3N\n    ===================================================== *\/\n\n    function pointerStart(x) {\n\n        isDragging = true;\n\n        hasMoved = false;\n\n        startX = x;\n\n        currentX = x;\n\n\n        viewport.classList.add(\n            'is-dragging'\n        );\n\n\n        stopAutoPlay();\n\n    }\n\n\n\n    function pointerMove(x) {\n\n        if (!isDragging) return;\n\n\n        currentX = x;\n\n\n        const delta =\n            currentX - startX;\n\n\n        if (\n            Math.abs(delta) > 8\n        ) {\n\n            hasMoved = true;\n\n        }\n\n\n        const width =\n            viewport.offsetWidth;\n\n\n        if (!width) return;\n\n\n        const percentage =\n            (delta \/ width) * 100;\n\n\n        const translate =\n            -(currentSlide * 100) +\n            percentage;\n\n\n        track.style.transition =\n            'none';\n\n\n        track.style.transform =\n            'translateX(' +\n            translate +\n            '%)';\n\n    }\n\n\n\n    function pointerEnd() {\n\n        if (!isDragging) return;\n\n\n        isDragging = false;\n\n\n        viewport.classList.remove(\n            'is-dragging'\n        );\n\n\n        const delta =\n            currentX - startX;\n\n\n        if (\n            Math.abs(delta) >=\n            SWIPE_THRESHOLD\n        ) {\n\n\n            if (delta < 0) {\n\n                nextSlide();\n\n            } else {\n\n                previousSlide();\n\n            }\n\n\n        } else {\n\n            goToSlide(\n                currentSlide,\n                true\n            );\n\n        }\n\n\n        restartAutoPlay();\n\n    }\n\n\n\n    \/* =====================================================\n       TOUCH\n    ===================================================== *\/\n\n    viewport.addEventListener(\n        'touchstart',\n        function (event) {\n\n            if (!event.touches.length)\n                return;\n\n\n            pointerStart(\n                event.touches[0].clientX\n            );\n\n        },\n        {\n            passive: true\n        }\n    );\n\n\n    viewport.addEventListener(\n        'touchmove',\n        function (event) {\n\n            if (!isDragging)\n                return;\n\n\n            if (!event.touches.length)\n                return;\n\n\n            pointerMove(\n                event.touches[0].clientX\n            );\n\n        },\n        {\n            passive: true\n        }\n    );\n\n\n    viewport.addEventListener(\n        'touchend',\n        function () {\n\n            pointerEnd();\n\n        }\n    );\n\n\n    viewport.addEventListener(\n        'touchcancel',\n        function () {\n\n            pointerEnd();\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       RAT\u00d3N\n    ===================================================== *\/\n\n    viewport.addEventListener(\n        'mousedown',\n        function (event) {\n\n            event.preventDefault();\n\n            pointerStart(\n                event.clientX\n            );\n\n        }\n    );\n\n\n    window.addEventListener(\n        'mousemove',\n        function (event) {\n\n            if (!isDragging)\n                return;\n\n\n            pointerMove(\n                event.clientX\n            );\n\n        }\n    );\n\n\n    window.addEventListener(\n        'mouseup',\n        function () {\n\n            if (!isDragging)\n                return;\n\n\n            pointerEnd();\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       EVITAR ARRASTRE NATIVO\n    ===================================================== *\/\n\n    viewport.addEventListener(\n        'dragstart',\n        function (event) {\n\n            event.preventDefault();\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       ABRIR LIGHTBOX\n    ===================================================== *\/\n\n    const photos =\n        document.querySelectorAll(\n            '.matute-galeria__photo'\n        );\n\n\n    photos.forEach(\n        function (photo) {\n\n\n            photo.addEventListener(\n                'click',\n                function () {\n\n\n                    \/*\n                     * Si el usuario estaba\n                     * arrastrando, no abrir.\n                     *\/\n\n                    if (hasMoved) {\n\n                        hasMoved = false;\n\n                        return;\n\n                    }\n\n\n                    const fullImage =\n                        photo.getAttribute(\n                            'data-full-image'\n                        );\n\n\n                    const image =\n                        photo.querySelector(\n                            'img'\n                        );\n\n\n                    if (!fullImage || !image)\n                        return;\n\n\n                    lightboxImage.src =\n                        fullImage;\n\n\n                    lightboxImage.alt =\n                        image.alt || '';\n\n\n                    lightbox.classList.add(\n                        'is-open'\n                    );\n\n\n                    document.body.style.overflow =\n                        'hidden';\n\n\n                    stopAutoPlay();\n\n\n                    \/*\n                     * Poner el foco\n                     * en el bot\u00f3n cerrar.\n                     *\/\n\n                    setTimeout(\n                        function () {\n\n                            lightboxClose.focus();\n\n                        },\n                        50\n                    );\n\n                }\n            );\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       CERRAR LIGHTBOX\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'is-open'\n        );\n\n\n        lightboxImage.src = '';\n\n\n        document.body.style.overflow =\n            '';\n\n\n        restartAutoPlay();\n\n    }\n\n\n\n    \/* =====================================================\n       BOT\u00d3N X\n    ===================================================== *\/\n\n    lightboxClose.addEventListener(\n        'click',\n        function (event) {\n\n            event.preventDefault();\n\n            event.stopPropagation();\n\n            closeLightbox();\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       CLIC FUERA DE LA FOTO\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       TECLA ESC\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'is-open'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       INICIO\n    ===================================================== *\/\n\n    goToSlide(\n        0,\n        false\n    );\n\n\n    startAutoPlay();\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51a1fbb elementor-widget elementor-widget-html\" data-id=\"51a1fbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     MATUTE XEN - S\u00cdGUEME \/ CONTACTO\n     PEGAR JUSTO DEBAJO DE LA GALER\u00cdA\n========================================================= -->\n\n<section class=\"matute-social\" aria-labelledby=\"matute-social-title\">\n\n  <div class=\"matute-social__inner\">\n\n    <span class=\"matute-social__eyebrow\">\n      CONECTA CON MATUTE XEN\n    <\/span>\n\n    <h2 id=\"matute-social-title\">\n      Sigue la magia <span>tambi\u00e9n fuera del escenario<\/span>\n    <\/h2>\n\n    <p class=\"matute-social__text\">\n      Descubre nuevos v\u00eddeos, momentos de magia y novedades de Matute Xen.\n    <\/p>\n\n    <div class=\"matute-social__buttons\">\n\n      <!-- INSTAGRAM -->\n      <a\n        href=\"https:\/\/www.instagram.com\/matute_xen\/\"\n        class=\"matute-social__button\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        aria-label=\"Seguir a Matute Xen en Instagram\"\n      >\n        <span class=\"matute-social__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" ry=\"5\"><\/rect>\n            <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n            <circle cx=\"17.4\" cy=\"6.6\" r=\"1\"><\/circle>\n          <\/svg>\n        <\/span>\n\n        <span class=\"matute-social__label\">\n          Instagram\n        <\/span>\n      <\/a>\n\n\n      <!-- YOUTUBE -->\n      <a\n        href=\"https:\/\/www.youtube.com\/@matutexen2518\"\n        class=\"matute-social__button\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        aria-label=\"Visitar el canal de YouTube de Matute Xen\"\n      >\n        <span class=\"matute-social__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M21.4 7.1a2.9 2.9 0 0 0-2-2C17.6 4.6 12 4.6 12 4.6s-5.6 0-7.4.5a2.9 2.9 0 0 0-2 2C2.1 8.9 2.1 12 2.1 12s0 3.1.5 4.9a2.9 2.9 0 0 0 2 2c1.8.5 7.4.5 7.4.5s5.6 0 7.4-.5a2.9 2.9 0 0 0 2-2c.5-1.8.5-4.9.5-4.9s0-3.1-.5-4.9Z\"><\/path>\n            <path class=\"matute-social__youtube-play\" d=\"M10 9v6l5-3-5-3Z\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <span class=\"matute-social__label\">\n          YouTube\n        <\/span>\n      <\/a>\n\n\n      <!-- CONTACTO -->\n      <a\n        href=\"https:\/\/wa.me\/34617346809\"\n        class=\"matute-social__button\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        aria-label=\"Contactar con Matute Xen por WhatsApp\"\n      >\n        <span class=\"matute-social__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M20.5 11.5a8.5 8.5 0 0 1-12.6 7.4L3.5 20l1.2-4.3a8.5 8.5 0 1 1 15.8-4.2Z\"><\/path>\n            <path d=\"M9.5 8.3c-.2-.5-.4-.5-.7-.5h-.6c-.2 0-.5.1-.7.4-.2.3-.8.8-.8 2s.8 2.3.9 2.4c.1.2 1.5 2.5 3.7 3.4 1.8.7 2.2.6 2.6.6.4 0 1.3-.5 1.5-1 .2-.5.2-.9.1-1-.1-.1-.3-.1-.6-.3-.3-.1-1.3-.6-1.5-.7-.2-.1-.4-.1-.6.1l-.7.9c-.1.1-.3.2-.5.1-.3-.2-1-.4-1.9-1.2-.7-.6-1.2-1.4-1.3-1.6-.1-.2 0-.4.1-.5l.4-.5c.1-.2.2-.3.2-.5.1-.2 0-.3-.1-.5Z\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <span class=\"matute-social__label\">\n          Contacto\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   MATUTE XEN - S\u00cdGUEME \/ CONTACTO\n========================================================= *\/\n\n.matute-social {\n\n  width: 100%;\n\n  box-sizing: border-box;\n\n  padding: 85px 6% 95px;\n\n  background: #101015;\n\n  \/* =====================================================\n     APARICI\u00d3N M\u00c1GICA AL HACER SCROLL\n  ====================================================== *\/\n\n  opacity: 0;\n  visibility: hidden;\n\n  transform:\n    translate3d(0, 70px, 0)\n    scale(.985);\n\n  filter: blur(14px);\n\n  transition:\n    opacity 1.05s cubic-bezier(.22,.61,.36,1),\n    transform 1.05s cubic-bezier(.22,.61,.36,1),\n    filter 1.05s cubic-bezier(.22,.61,.36,1);\n\n  will-change:\n    opacity,\n    transform,\n    filter;\n\n  color: #ffffff;\n\n  font-family: 'Roboto', sans-serif;\n\n  position: relative;\n\n  overflow: hidden;\n\n}\n\n\n.matute-social.matute-social--revealed {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  transform:\n    translate3d(0, 0, 0)\n    scale(1);\n\n  filter: blur(0);\n\n}\n\n\n\/* =========================================================\n   DETALLE SUPERIOR\n========================================================= *\/\n\n.matute-social::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 50%;\n\n  width: min(620px, 70vw);\n\n  height: 1px;\n\n  transform: translateX(-50%);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(201,164,92,.55),\n      transparent\n    );\n\n}\n\n\n\/* =========================================================\n   CONTENIDO\n========================================================= *\/\n\n.matute-social__inner {\n\n  width: 100%;\n\n  max-width: 1250px;\n\n  margin: 0 auto;\n\n  text-align: center;\n\n}\n\n\n\/* =========================================================\n   EYEBROW\n========================================================= *\/\n\n.matute-social__eyebrow {\n\n  display: block;\n\n  margin-bottom: 15px;\n\n  color: #c9a45c;\n\n  font-size: 12px;\n\n  font-weight: 500;\n\n  letter-spacing: .24em;\n\n  text-transform: uppercase;\n\n}\n\n\n\/* =========================================================\n   T\u00cdTULO\n========================================================= *\/\n\n.matute-social h2 {\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-family: 'Roboto', sans-serif;\n\n  font-size: clamp(2rem, 4vw, 3.5rem);\n\n  line-height: 1.05;\n\n  font-weight: 700;\n\n  letter-spacing: -.035em;\n\n}\n\n.matute-social h2 span {\n\n  color: #c9a45c;\n\n}\n\n\n\/* =========================================================\n   TEXTO\n========================================================= *\/\n\n.matute-social__text {\n\n  max-width: 650px;\n\n  margin: 18px auto 38px;\n\n  color: #b8b8bd;\n\n  font-size: 15px;\n\n  line-height: 1.7;\n\n}\n\n\n\/* =========================================================\n   BOTONES\n========================================================= *\/\n\n.matute-social__buttons {\n\n  width: 100%;\n\n  max-width: 980px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 18px;\n\n}\n\n\n\/* =========================================================\n   BOT\u00d3N\n========================================================= *\/\n\n.matute-social__button {\n\n  min-height: 82px;\n\n  padding: 18px 22px;\n\n  box-sizing: border-box;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: flex-start;\n\n  gap: 16px;\n\n  position: relative;\n\n  border: 1px solid rgba(201,164,92,.42);\n\n  border-radius: 4px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.025),\n      rgba(201,164,92,.035)\n    );\n\n  color: #ffffff;\n\n  text-decoration: none;\n\n  overflow: hidden;\n\n  transition:\n    transform .35s ease,\n    border-color .35s ease,\n    background .35s ease,\n    box-shadow .35s ease;\n\n}\n\n\n\/* L\u00ednea luminosa interior *\/\n\n.matute-social__button::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  left: -35%;\n\n  top: 0;\n\n  width: 35%;\n\n  height: 100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(224,194,122,.18),\n      transparent\n    );\n\n  transform: skewX(-18deg);\n\n  transition:\n    left .7s ease;\n\n}\n\n\n\/* =========================================================\n   ICONOS\n========================================================= *\/\n\n.matute-social__icon {\n\n  width: 44px;\n\n  height: 44px;\n\n  flex: 0 0 44px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border: 1px solid rgba(201,164,92,.55);\n\n  border-radius: 50%;\n\n  color: #e0c27a;\n\n  box-sizing: border-box;\n\n  transition:\n    background .35s ease,\n    color .35s ease,\n    transform .35s ease,\n    border-color .35s ease;\n\n}\n\n.matute-social__icon svg {\n\n  width: 21px;\n\n  height: 21px;\n\n  display: block;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n\n}\n\n.matute-social__youtube-play {\n\n  fill: currentColor;\n\n  stroke: none;\n\n}\n\n\n\/* =========================================================\n   TEXTO BOT\u00d3N\n========================================================= *\/\n\n.matute-social__label {\n\n  flex: 1;\n\n  text-align: left;\n\n  font-size: 14px;\n\n  font-weight: 500;\n\n  letter-spacing: .12em;\n\n  text-transform: uppercase;\n\n}\n\n\n\/* =========================================================\n   FLECHA\n========================================================= *\/\n\n.matute-social__arrow {\n\n  flex: 0 0 auto;\n\n  color: #c9a45c;\n\n  font-size: 19px;\n\n  line-height: 1;\n\n  transition:\n    transform .35s ease,\n    color .35s ease;\n\n}\n\n\n\/* =========================================================\n   MAGIA: BRILLO Y DESTELLO AUTOM\u00c1TICO\n========================================================= *\/\n\n@keyframes matuteSocialMagicGlow {\n\n  0%,\n  100% {\n    box-shadow:\n      0 0 0 rgba(224,194,122,0),\n      0 8px 24px rgba(0,0,0,.18);\n    filter: brightness(1);\n  }\n\n  45% {\n    box-shadow:\n      0 0 10px rgba(224,194,122,.20),\n      0 0 26px rgba(201,164,92,.22),\n      0 8px 28px rgba(0,0,0,.25);\n    filter: brightness(1.04);\n  }\n\n  58% {\n    box-shadow:\n      0 0 16px rgba(255,232,164,.40),\n      0 0 38px rgba(224,194,122,.34),\n      0 8px 32px rgba(0,0,0,.28);\n    filter: brightness(1.10);\n  }\n\n  72% {\n    box-shadow:\n      0 0 7px rgba(224,194,122,.18),\n      0 0 20px rgba(201,164,92,.15),\n      0 8px 26px rgba(0,0,0,.23);\n    filter: brightness(1.02);\n  }\n\n}\n\n@keyframes matuteSocialMagicShine {\n\n  0%,\n  66% {\n    transform: translateX(-170%) skewX(-18deg);\n    opacity: 0;\n  }\n\n  71% {\n    opacity: 0;\n  }\n\n  75% {\n    opacity: .90;\n  }\n\n  84% {\n    transform: translateX(430%) skewX(-18deg);\n    opacity: 0;\n  }\n\n  100% {\n    transform: translateX(430%) skewX(-18deg);\n    opacity: 0;\n  }\n\n}\n\n@keyframes matuteSocialMagicRing {\n\n  0%,\n  100% {\n    transform: scale(.96);\n    opacity: 0;\n  }\n\n  72% {\n    transform: scale(1.01);\n    opacity: .34;\n  }\n\n  86% {\n    transform: scale(1.12);\n    opacity: 0;\n  }\n\n}\n\n\n\/* Los 3 botones cobran vida autom\u00e1ticamente *\/\n.matute-social__button {\n\n  animation:\n    matuteSocialMagicGlow\n    3.8s\n    ease-in-out\n    infinite;\n\n}\n\n\n\/* Destello que recorre cada bot\u00f3n *\/\n.matute-social__button::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: -20%;\n  bottom: -20%;\n\n  left: -28%;\n\n  width: 20%;\n\n  background:\n    linear-gradient(\n      105deg,\n      transparent 0%,\n      rgba(255,255,255,0) 20%,\n      rgba(255,246,207,.92) 50%,\n      rgba(255,255,255,0) 80%,\n      transparent 100%\n    );\n\n  transform: translateX(-170%) skewX(-18deg);\n\n  filter: blur(1px);\n\n  pointer-events: none;\n\n  z-index: 2;\n\n  animation:\n    matuteSocialMagicShine\n    3.8s\n    ease-in-out\n    infinite;\n\n}\n\n\n\/* Halo sutil alrededor *\/\n.matute-social__button::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: -2px;\n\n  border-radius: 5px;\n\n  border: 1px solid rgba(224,194,122,.0);\n\n  box-shadow:\n    0 0 0 rgba(224,194,122,0);\n\n  pointer-events: none;\n\n  z-index: 1;\n\n  animation:\n    matuteSocialMagicRing\n    3.8s\n    ease-out\n    infinite;\n\n}\n\n\n\/* El icono queda siempre por encima del destello *\/\n.matute-social__icon,\n.matute-social__label,\n.matute-social__arrow {\n\n  position: relative;\n\n  z-index: 3;\n\n}\n\n\n\/* Un peque\u00f1o desfase entre botones:\n   hace que la magia recorra la fila. *\/\n.matute-social__button:nth-child(2) {\n\n  animation-delay: .55s;\n\n}\n\n.matute-social__button:nth-child(3) {\n\n  animation-delay: 1.1s;\n\n}\n\n.matute-social__button:nth-child(2)::before,\n.matute-social__button:nth-child(2)::after {\n\n  animation-delay: .55s;\n\n}\n\n.matute-social__button:nth-child(3)::before,\n.matute-social__button:nth-child(3)::after {\n\n  animation-delay: 1.1s;\n\n}\n\n\n\/* =========================================================\n   HOVER\n========================================================= *\/\n\n.matute-social__button:hover {\n\n  transform: translateY(-5px);\n\n  border-color: rgba(224,194,122,.9);\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(201,164,92,.10),\n      rgba(255,255,255,.025)\n    );\n\n  box-shadow:\n    0 14px 35px rgba(0,0,0,.35),\n    0 0 24px rgba(201,164,92,.08);\n\n}\n\n.matute-social__button:hover::before {\n\n  left: 120%;\n\n}\n\n.matute-social__button:hover .matute-social__icon {\n\n  background: #c9a45c;\n\n  border-color: #c9a45c;\n\n  color: #101015;\n\n  transform: scale(1.06);\n\n}\n\n.matute-social__button:hover .matute-social__arrow {\n\n  color: #e0c27a;\n\n  transform: translateX(4px);\n\n}\n\n\n\/* =========================================================\n   REDUCIR MOVIMIENTO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .matute-social {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    transform: none;\n\n    filter: none;\n\n    transition: none;\n\n  }\n\n  .matute-social__button,\n  .matute-social__icon,\n  .matute-social__arrow {\n\n    transition: none;\n\n  }\n\n  .matute-social__button::before {\n\n    display: none;\n\n  }\n\n  .matute-social__button,\n  .matute-social__button::after {\n\n    animation: none;\n\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .matute-social {\n\n    padding: 75px 5% 85px;\n\n  }\n\n  .matute-social__buttons {\n\n    gap: 14px;\n\n  }\n\n  .matute-social__button {\n\n    min-height: 76px;\n\n    padding: 16px;\n\n  }\n\n  .matute-social__icon {\n\n    width: 40px;\n    height: 40px;\n    flex-basis: 40px;\n\n  }\n\n  .matute-social__label {\n\n    font-size: 12px;\n\n    letter-spacing: .09em;\n\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  .matute-social {\n\n    padding: 65px 15px 75px;\n\n  }\n\n  .matute-social__eyebrow {\n\n    font-size: 11px;\n\n    letter-spacing: .18em;\n\n  }\n\n  .matute-social h2 {\n\n    font-size: 2.15rem;\n\n  }\n\n  .matute-social__text {\n\n    margin-bottom: 28px;\n\n    font-size: 14px;\n\n  }\n\n  .matute-social__buttons {\n\n    grid-template-columns: 1fr;\n\n    gap: 12px;\n\n    max-width: 430px;\n\n  }\n\n  .matute-social__button {\n\n    min-height: 72px;\n\n    padding: 14px 18px;\n\n  }\n\n  .matute-social__icon {\n\n    width: 42px;\n    height: 42px;\n    flex-basis: 42px;\n\n  }\n\n}\n\n<\/style>\n\n<script>\n\n\/* =========================================================\n   APARICI\u00d3N M\u00c1GICA DEL BLOQUE S\u00cdGUEME\n   Ordenador + m\u00f3vil\n========================================================= *\/\n\n(function(){\n\n  const social =\n    document.querySelector(\n      '.matute-social'\n    );\n\n  if(!social) return;\n\n\n  let revealed = false;\n  let ticking = false;\n\n\n  function revealSocial(){\n\n    if(revealed) return;\n\n    revealed = true;\n\n    social.classList.add(\n      'matute-social--revealed'\n    );\n\n  }\n\n\n  function checkPosition(){\n\n    if(revealed) return;\n\n\n    if(\n      window.matchMedia(\n        '(prefers-reduced-motion: reduce)'\n      ).matches\n    ){\n\n      revealSocial();\n\n      return;\n\n    }\n\n\n    const rect =\n      social.getBoundingClientRect();\n\n    const viewportHeight =\n      window.innerHeight ||\n      document.documentElement.clientHeight;\n\n\n    \/*\n     * La secci\u00f3n comienza a aparecer cuando\n     * entra claramente en la zona visible.\n     *\/\n\n    if(\n      rect.top <= viewportHeight * 0.86\n    ){\n\n      revealSocial();\n\n    }\n\n  }\n\n\n  function onScroll(){\n\n    if(ticking) return;\n\n    ticking = true;\n\n    window.requestAnimationFrame(function(){\n\n      checkPosition();\n\n      ticking = false;\n\n    });\n\n  }\n\n\n  function initReveal(){\n\n    checkPosition();\n\n\n    if(\n      'IntersectionObserver' in window\n    ){\n\n      const observer =\n        new IntersectionObserver(\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  revealSocial();\n\n                  observer.disconnect();\n\n                }\n\n              }\n            );\n\n          },\n          {\n            threshold: 0.08,\n            rootMargin:\n              '0px 0px -8% 0px'\n          }\n        );\n\n\n      observer.observe(social);\n\n    }\n\n\n    window.addEventListener(\n      'scroll',\n      onScroll,\n      { passive: true }\n    );\n\n    window.addEventListener(\n      'resize',\n      onScroll,\n      { passive: true }\n    );\n\n\n    \/*\n     * Comprobaciones extra para Elementor \/\n     * WordPress cuando el bloque termina\n     * de montarse.\n     *\/\n\n    setTimeout(\n      checkPosition,\n      150\n    );\n\n    setTimeout(\n      checkPosition,\n      500\n    );\n\n    setTimeout(\n      checkPosition,\n      1000\n    );\n\n    setTimeout(\n      checkPosition,\n      1800\n    );\n\n  }\n\n\n  if(\n    document.readyState === 'loading'\n  ){\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initReveal\n    );\n\n  }else{\n\n    initReveal();\n\n  }\n\n\n  window.addEventListener(\n    'load',\n    checkPosition\n  );\n\n})();\n\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3321b13 elementor-widget elementor-widget-html\" data-id=\"3321b13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     MATUTE XEN - M\u00daSICA DE LA HOME\r\n========================================================= -->\r\n\r\n<audio\r\n    id=\"matute-home-music\"\r\n    autoplay\r\n    loop\r\n    preload=\"auto\"\r\n>\r\n    <source\r\n        src=\"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/Cancion-web-matute.mp3\"\r\n        type=\"audio\/mpeg\"\r\n    >\r\n<\/audio>\r\n\r\n\r\n<button\r\n    id=\"matute-music-button\"\r\n    type=\"button\"\r\n    aria-label=\"Activar m\u00fasica\"\r\n    aria-pressed=\"false\"\r\n    title=\"Activar m\u00fasica\"\r\n>\r\n    \u266a\r\n<\/button>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BOT\u00d3N M\u00daSICA\r\n========================================================= *\/\r\n\r\n#matute-music-button {\r\n\r\n    position: fixed;\r\n\r\n    left: 22px;\r\n    bottom: 22px;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    padding: 0;\r\n    margin: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid #c9a45c;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #101015;\r\n\r\n    color: #e0c27a;\r\n\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 21px;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    z-index: 999999;\r\n\r\n    box-shadow:\r\n        0 8px 25px rgba(0,0,0,.35);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease,\r\n        box-shadow .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n#matute-music-button:hover {\r\n\r\n    transform: scale(1.08);\r\n\r\n    background: #c9a45c;\r\n\r\n    color: #101015;\r\n\r\n    border-color: #e0c27a;\r\n\r\n    box-shadow:\r\n        0 0 20px rgba(201,164,92,.40),\r\n        0 8px 25px rgba(0,0,0,.35);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   M\u00daSICA ACTIVA\r\n========================================================= *\/\r\n\r\n#matute-music-button.is-playing {\r\n\r\n    animation:\r\n        matuteMusicGlow\r\n        2.5s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes matuteMusicGlow {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        box-shadow:\r\n            0 8px 25px rgba(0,0,0,.35),\r\n            0 0 0 rgba(201,164,92,0);\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        box-shadow:\r\n            0 8px 25px rgba(0,0,0,.35),\r\n            0 0 20px rgba(201,164,92,.55),\r\n            0 0 38px rgba(224,194,122,.25);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   M\u00d3VIL\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    #matute-music-button {\r\n\r\n        left: 16px;\r\n        bottom: 16px;\r\n\r\n        width: 44px;\r\n        height: 44px;\r\n\r\n        font-size: 19px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCIR MOVIMIENTO\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #matute-music-button.is-playing {\r\n\r\n        animation: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    const music =\r\n        document.getElementById(\r\n            'matute-home-music'\r\n        );\r\n\r\n    const button =\r\n        document.getElementById(\r\n            'matute-music-button'\r\n        );\r\n\r\n    if (!music || !button) return;\r\n\r\n\r\n    \/* Volumen inicial *\/\r\n    music.volume = 0.20;\r\n\r\n\r\n    let userHasChosenState = false;\r\n\r\n\r\n    \/* =====================================================\r\n       ACTUALIZAR BOT\u00d3N\r\n    ===================================================== *\/\r\n\r\n    function updateButton(){\r\n\r\n        if (music.paused) {\r\n\r\n            button.textContent = '\u266a';\r\n\r\n            button.classList.remove(\r\n                'is-playing'\r\n            );\r\n\r\n            button.setAttribute(\r\n                'aria-label',\r\n                'Activar m\u00fasica'\r\n            );\r\n\r\n            button.setAttribute(\r\n                'aria-pressed',\r\n                'false'\r\n            );\r\n\r\n            button.setAttribute(\r\n                'title',\r\n                'Activar m\u00fasica'\r\n            );\r\n\r\n        } else {\r\n\r\n            button.textContent = '\u266b';\r\n\r\n            button.classList.add(\r\n                'is-playing'\r\n            );\r\n\r\n            button.setAttribute(\r\n                'aria-label',\r\n                'Parar m\u00fasica'\r\n            );\r\n\r\n            button.setAttribute(\r\n                'aria-pressed',\r\n                'true'\r\n            );\r\n\r\n            button.setAttribute(\r\n                'title',\r\n                'Parar m\u00fasica'\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       REPRODUCIR\r\n    ===================================================== *\/\r\n\r\n    function playMusic(){\r\n\r\n        music.play()\r\n            .then(function(){\r\n\r\n                updateButton();\r\n\r\n                \/*\r\n                 * Una vez que la m\u00fasica ha comenzado,\r\n                 * dejamos de escuchar los clics generales\r\n                 * de la p\u00e1gina.\r\n                 *\/\r\n\r\n                removeFirstInteractionListeners();\r\n\r\n            })\r\n            .catch(function(){\r\n\r\n                updateButton();\r\n\r\n            });\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PRIMERA INTERACCI\u00d3N\r\n       Solo se usa si el navegador bloquea autoplay.\r\n    ===================================================== *\/\r\n\r\n    function firstInteraction(){\r\n\r\n        if (\r\n            !userHasChosenState\r\n            &&\r\n            music.paused\r\n        ) {\r\n\r\n            playMusic();\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    function removeFirstInteractionListeners(){\r\n\r\n        document.removeEventListener(\r\n            'click',\r\n            firstInteraction\r\n        );\r\n\r\n        document.removeEventListener(\r\n            'touchstart',\r\n            firstInteraction\r\n        );\r\n\r\n        document.removeEventListener(\r\n            'keydown',\r\n            firstInteraction\r\n        );\r\n\r\n    }\r\n\r\n\r\n    document.addEventListener(\r\n        'click',\r\n        firstInteraction,\r\n        { passive: true }\r\n    );\r\n\r\n    document.addEventListener(\r\n        'touchstart',\r\n        firstInteraction,\r\n        { passive: true }\r\n    );\r\n\r\n    document.addEventListener(\r\n        'keydown',\r\n        firstInteraction,\r\n        { passive: true }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       INTENTO DE AUTOPLAY\r\n    ===================================================== *\/\r\n\r\n    playMusic();\r\n\r\n\r\n    \/* =====================================================\r\n       BOT\u00d3N ON \/ OFF\r\n    ===================================================== *\/\r\n\r\n    button.addEventListener(\r\n        'click',\r\n        function(event){\r\n\r\n            event.preventDefault();\r\n\r\n            event.stopPropagation();\r\n\r\n            userHasChosenState = true;\r\n\r\n\r\n            if (music.paused) {\r\n\r\n                playMusic();\r\n\r\n            } else {\r\n\r\n                music.pause();\r\n\r\n                updateButton();\r\n\r\n                \/*\r\n                 * Muy importante:\r\n                 * al pulsar PAUSA, no volver\u00e1 a arrancar\r\n                 * simplemente por hacer clic en otra parte\r\n                 * de la p\u00e1gina.\r\n                 *\/\r\n\r\n                removeFirstInteractionListeners();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* Estado inicial *\/\r\n    updateButton();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbd8cb3 elementor-widget elementor-widget-html\" data-id=\"cbd8cb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"LocalBusiness\",\r\n  \"name\": \"Matute Xen\",\r\n  \"description\": \"Mago, mentalista, hipnotista y cartomago en la Regi\u00f3n de Murcia.\",\r\n  \"url\": \"https:\/\/matutexen.com\/\",\r\n  \"telephone\": \"+34617346809\",\r\n  \"image\": \"https:\/\/matutexen.com\/wp-content\/uploads\/2023\/10\/matute-cuerpo.png\",\r\n  \"logo\": \"https:\/\/matutexen.com\/wp-content\/uploads\/2026\/09\/cropped-LOGO-MATUTE-XEN-Blanco.png\",\r\n  \"address\": {\r\n    \"@type\": \"PostalAddress\",\r\n    \"streetAddress\": \"C\/ Virgen de la Fuensanta, 8, Bajo\",\r\n    \"postalCode\": \"30008\",\r\n    \"addressLocality\": \"Murcia\",\r\n    \"addressCountry\": \"ES\"\r\n  },\r\n  \"sameAs\": [\r\n    \"https:\/\/www.instagram.com\/matute_xen\/\",\r\n    \"https:\/\/www.youtube.com\/@matutexen2518\"\r\n  ]\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MATUTE XEN Mago de la Regi\u00f3n de Murcia MAGIA PARA CADA OCASI\u00d3N Vive la magia de Matute Xen Eventos Privados Eventos Privados Lleva la magia a tus momentos m\u00e1s especiales. Matute Xen realiza espect\u00e1culos para comuniones, cumplea\u00f1os y bodas, adaptados a cada celebraci\u00f3n. CONTACTO Teatros Teatros Matute Xen cuenta con numerosos espect\u00e1culos de magia, mentalismo&hellip; <a class=\"more-link\" href=\"https:\/\/matutexen.com\/\">Continue reading <span class=\"screen-reader-text\">Home<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/matutexen.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matutexen.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matutexen.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matutexen.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matutexen.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":313,"href":"https:\/\/matutexen.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":520,"href":"https:\/\/matutexen.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/520"}],"wp:attachment":[{"href":"https:\/\/matutexen.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}