{"id":84,"date":"2026-05-21T15:16:29","date_gmt":"2026-05-21T15:16:29","guid":{"rendered":"https:\/\/genaromartinezsalones.com\/?page_id=84"},"modified":"2026-07-21T22:49:15","modified_gmt":"2026-07-21T22:49:15","slug":"elementor-84","status":"publish","type":"page","link":"https:\/\/genaromartinezsalones.com\/","title":{"rendered":"Elementor #84"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"84\" class=\"elementor elementor-84\">\n\t\t\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-5162db5 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"5162db5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-8ddb2ae e-con-full e-flex e-con e-child\" data-id=\"8ddb2ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6e52d1 elementor-widget elementor-widget-html\" data-id=\"d6e52d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"entrada-premium\">\r\n    <h1 class=\"texto-era-dorado\">\r\n        <span class=\"linea-secundaria\">EL INICIO DE UNA<\/span>\r\n        <span class=\"linea-principal\">NUEVA<\/span>\r\n        <span class=\"linea-principal\">ERA<\/span>\r\n    <\/h1>\r\n<\/div>\r\n\r\n<style>\r\n\/* 1. Contenedor de Entrada (Webflow Style Reveal) *\/\r\n.entrada-premium {\r\n    overflow: hidden !important;\r\n    text-align: center !important;\r\n    width: 100% !important;\r\n    display: block !important;\r\n    background-color: transparent !important;\r\n}\r\n\r\n.texto-era-dorado {\r\n    text-align: center !important;\r\n    text-transform: uppercase !important;\r\n    margin: 0 !important;\r\n    display: block !important;\r\n    line-height: 1.05 !important; \/* Ajuste estricto para pegar los renglones como en la captura *\/\r\n\r\n    \/* --- GRADIENTE DE LUJO UNIFICADO --- *\/\r\n    background: linear-gradient(135deg, #cb8c00 0%, #ffbf00 50%, #cb8c00 100%) !important;\r\n    -webkit-background-clip: text !important;\r\n    background-clip: text !important;\r\n    -webkit-text-fill-color: transparent !important;\r\n\r\n    \/* --- ANIMACI\u00d3N PREMIUM --- *\/\r\n    opacity: 0;\r\n    transform: translate3d(0, 30px, 0) rotateX(10deg);\r\n    transform-style: preserve-3d;\r\n    animation: revelaLujo 1.4s cubic-bezier(0.2, 1, 0.2, 1) 0.3s forwards;\r\n}\r\n\r\n\/* Forzado de renglones individuales *\/\r\n.texto-era-dorado span {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    -webkit-background-clip: text !important;\r\n    background-clip: text !important;\r\n}\r\n\r\n\/* RENGL\u00d3N 1: Be Vietnam Pro (Delgada, peque\u00f1a y muy espaciada como tu imagen) *\/\r\n.linea-secundaria {\r\n    font-family: 'Be Vietnam Pro', sans-serif !important;\r\n    font-weight: 300 !important; \/* Estilo ultra limpio y fino *\/\r\n    font-size: 25px !important; \/* Tama\u00f1o compacto en relaci\u00f3n al resto *\/\r\n    letter-spacing: 1px !important; \/* Espaciado premium abierto *\/\r\n    margin-bottom: 0px !important; \/* Separaci\u00f3n con la palabra de abajo *\/\r\n}\r\n\r\n\/* RENGLONES 2 Y 3: Giflika (Tipograf\u00eda masiva y protag\u00f3nica) *\/\r\n.linea-principal {\r\n    font-family: 'Giflika', 'Giflika Regular', sans-serif !important;\r\n    font-weight: 400 !important;\r\n    font-size: 72px !important; \/* Tama\u00f1o gigante id\u00e9ntico a la captura *\/\r\n    letter-spacing: 1px !important;\r\n}\r\n\r\n\/* Ajuste responsivo para pantallas m\u00f3viles *\/\r\n@media (max-width: 768px) {\r\n    .linea-secundaria {\r\n        font-size: 14px !important;\r\n        letter-spacing: 4px !important;\r\n    }\r\n    .linea-principal {\r\n        font-size: 52px !important;\r\n    }\r\n}\r\n\r\n\/* 2. Definici\u00f3n de la Animaci\u00f3n *\/\r\n@keyframes revelaLujo {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translate3d(0, 30px, 0) rotateX(10deg);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translate3d(0, 0px, 0) rotateX(0deg);\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8011d5a elementor-widget elementor-widget-html\" data-id=\"8011d5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contenedor-boton-era\">\r\n    <a href=\"https:\/\/agendapro.com\/site\/mx\/bygenaromartinezsalones\/499806?rwg_token=AFd1xnHvvILzsK8UMufzc7U85B6NZnVtIRu0sXNMniOEK9pLf_oPXgivwo4C1qAezZXjVRsD3gfiP4rtyDCPHb4TokmAvoytWw==\" target=\"_blank\" class=\"boton-era\">\r\n        Vive la experiencia <span class=\"linea-punto\"><\/span>\r\n    <\/a>\r\n<\/div>\r\n\r\n<style>\r\n.contenedor-boton-era {\r\n    text-align: center !important;\r\n    margin-top: 30px !important;\r\n}\r\n\r\n.boton-era {\r\n    font-family: 'Be Vietnam Pro', sans-serif !important; \/* Ajuste de tipograf\u00eda *\/\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 18px !important;\r\n    font-weight: 400 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.4) !important; \/* Borde inicial m\u00e1s sutil *\/\r\n    border-radius: 50px !important;\r\n    padding: 12px 35px !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    background-color: transparent !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; \/* Transici\u00f3n premium *\/\r\n}\r\n\r\n.boton-era .linea-punto {\r\n    display: inline-block !important;\r\n    width: 30px !important; \/* Tama\u00f1o inicial *\/\r\n    height: 1px !important;\r\n    background-color: #ffffff !important;\r\n    margin-left: 15px !important;\r\n    position: relative !important;\r\n    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.boton-era .linea-punto::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    right: 0 !important;\r\n    top: -2px !important;\r\n    width: 5px !important;\r\n    height: 5px !important;\r\n    background-color: #ffffff !important;\r\n    border-radius: 50% !important;\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* --- EFECTOS HOVER (LUJO) --- *\/\r\n.boton-era:hover {\r\n    border-color: #ffffff !important;\r\n    background-color: rgba(255, 255, 255, 0.05) !important; \/* Capa transl\u00facida m\u00ednima *\/\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n\/* Al pasar el mouse, la l\u00ednea se estira de 30px a 55px suavemente *\/\r\n.boton-era:hover .linea-punto {\r\n    width: 55px !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-c503d32 e-con-full e-flex e-con e-child\" data-id=\"c503d32\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d25d72d elementor-widget elementor-widget-image\" data-id=\"d25d72d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-06-at-10.59.14-AM-768x1024.jpeg\" class=\"attachment-large size-large wp-image-146\" alt=\"\" srcset=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-06-at-10.59.14-AM-768x1024.jpeg 768w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-06-at-10.59.14-AM-225x300.jpeg 225w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-06-at-10.59.14-AM.jpeg 1086w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-0b3d522 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"0b3d522\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-c4dfbf8 e-con-full e-flex e-con e-child\" data-id=\"c4dfbf8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfadda9 elementor-widget elementor-widget-html\" data-id=\"dfadda9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"entrada-premium\">\r\n    <h1 class=\"texto-era-dorado\">\r\n        <span class=\"linea-secundaria\">EL INICIO DE UNA<\/span>\r\n        <span class=\"linea-principal\">NUEVA<\/span>\r\n        <span class=\"linea-principal\">ERA<\/span>\r\n    <\/h1>\r\n<\/div>\r\n\r\n<style>\r\n\/* 1. Contenedor de Entrada (Webflow Style Reveal) *\/\r\n.entrada-premium {\r\n    overflow: hidden !important;\r\n    text-align: center !important;\r\n    width: 100% !important;\r\n    display: block !important;\r\n    background-color: transparent !important;\r\n}\r\n\r\n.texto-era-dorado {\r\n    text-align: center !important;\r\n    text-transform: uppercase !important;\r\n    margin: 0 !important;\r\n    display: block !important;\r\n    line-height: 1.05 !important; \/* Ajuste estricto para pegar los renglones como en la captura *\/\r\n\r\n    \/* --- GRADIENTE DE LUJO UNIFICADO --- *\/\r\n    background: linear-gradient(135deg, #cb8c00 0%, #ffbf00 50%, #cb8c00 100%) !important;\r\n    -webkit-background-clip: text !important;\r\n    background-clip: text !important;\r\n    -webkit-text-fill-color: transparent !important;\r\n\r\n    \/* --- ANIMACI\u00d3N PREMIUM --- *\/\r\n    opacity: 0;\r\n    transform: translate3d(0, 30px, 0) rotateX(10deg);\r\n    transform-style: preserve-3d;\r\n    animation: revelaLujo 1.4s cubic-bezier(0.2, 1, 0.2, 1) 0.3s forwards;\r\n}\r\n\r\n\/* Forzado de renglones individuales *\/\r\n.texto-era-dorado span {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    -webkit-background-clip: text !important;\r\n    background-clip: text !important;\r\n}\r\n\r\n\/* RENGL\u00d3N 1: Be Vietnam Pro (Delgada, peque\u00f1a y muy espaciada como tu imagen) *\/\r\n.linea-secundaria {\r\n    font-family: 'Be Vietnam Pro', sans-serif !important;\r\n    font-weight: 300 !important; \/* Estilo ultra limpio y fino *\/\r\n    font-size: 25px !important; \/* Tama\u00f1o compacto en relaci\u00f3n al resto *\/\r\n    letter-spacing: 1px !important; \/* Espaciado premium abierto *\/\r\n    margin-bottom: 0px !important; \/* Separaci\u00f3n con la palabra de abajo *\/\r\n}\r\n\r\n\/* RENGLONES 2 Y 3: Giflika (Tipograf\u00eda masiva y protag\u00f3nica) *\/\r\n.linea-principal {\r\n    font-family: 'Giflika', 'Giflika Regular', sans-serif !important;\r\n    font-weight: 400 !important;\r\n    font-size: 72px !important; \/* Tama\u00f1o gigante id\u00e9ntico a la captura *\/\r\n    letter-spacing: 1px !important;\r\n}\r\n\r\n\/* Ajuste responsivo para pantallas m\u00f3viles *\/\r\n@media (max-width: 768px) {\r\n    .linea-secundaria {\r\n        font-size: 14px !important;\r\n        letter-spacing: 4px !important;\r\n    }\r\n    .linea-principal {\r\n        font-size: 52px !important;\r\n    }\r\n}\r\n\r\n\/* 2. Definici\u00f3n de la Animaci\u00f3n *\/\r\n@keyframes revelaLujo {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translate3d(0, 30px, 0) rotateX(10deg);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translate3d(0, 0px, 0) rotateX(0deg);\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-36b0d61 e-con-full e-flex e-con e-child\" data-id=\"36b0d61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ffb57f elementor-widget elementor-widget-image\" data-id=\"0ffb57f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-06-at-10.59.14-AM-768x1024.jpeg\" class=\"attachment-large size-large wp-image-146\" alt=\"\" srcset=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-06-at-10.59.14-AM-768x1024.jpeg 768w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-06-at-10.59.14-AM-225x300.jpeg 225w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-06-at-10.59.14-AM.jpeg 1086w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-222d5ff elementor-widget elementor-widget-html\" data-id=\"222d5ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contenedor-boton-era\">\r\n    <a href=\"https:\/\/agendapro.com\/site\/mx\/bygenaromartinezsalones\/499806?rwg_token=AFd1xnHvvILzsK8UMufzc7U85B6NZnVtIRu0sXNMniOEK9pLf_oPXgivwo4C1qAezZXjVRsD3gfiP4rtyDCPHb4TokmAvoytWw==\" target=\"_blank\" class=\"boton-era\">\r\n        Vive la experiencia <span class=\"linea-punto\"><\/span>\r\n    <\/a>\r\n<\/div>\r\n\r\n<style>\r\n.contenedor-boton-era {\r\n    text-align: center !important;\r\n    margin-top: 30px !important;\r\n}\r\n\r\n.boton-era {\r\n    font-family: 'Be Vietnam Pro', sans-serif !important; \/* Ajuste de tipograf\u00eda *\/\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 18px !important;\r\n    font-weight: 400 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.4) !important; \/* Borde inicial m\u00e1s sutil *\/\r\n    border-radius: 50px !important;\r\n    padding: 12px 35px !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    background-color: transparent !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; \/* Transici\u00f3n premium *\/\r\n}\r\n\r\n.boton-era .linea-punto {\r\n    display: inline-block !important;\r\n    width: 30px !important; \/* Tama\u00f1o inicial *\/\r\n    height: 1px !important;\r\n    background-color: #ffffff !important;\r\n    margin-left: 15px !important;\r\n    position: relative !important;\r\n    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.boton-era .linea-punto::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    right: 0 !important;\r\n    top: -2px !important;\r\n    width: 5px !important;\r\n    height: 5px !important;\r\n    background-color: #ffffff !important;\r\n    border-radius: 50% !important;\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* --- EFECTOS HOVER (LUJO) --- *\/\r\n.boton-era:hover {\r\n    border-color: #ffffff !important;\r\n    background-color: rgba(255, 255, 255, 0.05) !important; \/* Capa transl\u00facida m\u00ednima *\/\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n\/* Al pasar el mouse, la l\u00ednea se estira de 30px a 55px suavemente *\/\r\n.boton-era:hover .linea-punto {\r\n    width: 55px !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-b6fad4d e-flex e-con-boxed e-con e-parent\" data-id=\"b6fad4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-663a63d elementor-widget elementor-widget-html\" data-id=\"663a63d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"marquee-full-width\">\r\n    <div class=\"marquee-contenido\">\r\n        <span>MAKEUP ARTIST<\/span>\r\n        <span>HAIR STYLE<\/span>\r\n        <span>NAILS<\/span>\r\n        <span>BEAUTY<\/span>\r\n        <span>MAKEUP ARTIST<\/span>\r\n        <span>HAIR STYLE<\/span>\r\n        <span>NAILS<\/span>\r\n        <span>BEAUTY<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Forzamos al contenedor a romper los m\u00e1rgenes de Elementor y ocupar todo el ancho real *\/\r\n.marquee-full-width {\r\n    position: relative !important;\r\n    width: 100vw !important;\r\n    left: 50% !important;\r\n    right: 50% !important;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n    overflow: hidden !important;\r\n    background: #906401 !important; \/* Tu color de fondo exacto *\/\r\n    padding: 18px 0 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n}\r\n\r\n.marquee-contenido {\r\n    display: flex !important;\r\n    white-space: nowrap !important;\r\n    animation: marchaSuave 30s linear infinite !important; \r\n}\r\n\r\n.marquee-contenido span {\r\n    font-family: 'Giflika', 'Giflika Regular', sans-serif !important; \/* Ajuste a tu tipograf\u00eda local *\/\r\n    color: #ffffff !important; \/* Las letras se quedan en blanco para resaltar *\/\r\n    font-size: 22px !important;\r\n    font-weight: 400 !important;\r\n    letter-spacing: 4px !important;\r\n    padding: 0 50px !important;\r\n    display: inline-block !important;\r\n}\r\n\r\n@keyframes marchaSuave {\r\n    0% {\r\n        transform: translate3d(0, 0, 0);\r\n    }\r\n    100% {\r\n        transform: translate3d(-50%, 0, 0);\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-6d4f57e e-flex e-con-boxed e-con e-parent\" data-id=\"6d4f57e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6783de elementor-widget elementor-widget-html\" data-id=\"b6783de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"genaro-about-wrapper\">\r\n    <div class=\"genaro-about-container\">\r\n        \r\n        <!-- CABECERA DE LA SECCI\u00d3N -->\r\n        <div class=\"genaro-about-header\">\r\n            <h2 class=\"genaro-title font-giflika\">CONOCE UN POCO M\u00c1S<\/h2>\r\n            <p class=\"genaro-subtitle font-vietnam\">del sal\u00f3n de los famosos<\/p>\r\n        <\/div>\r\n\r\n        <!-- GRID PRINCIPAL DE TRES COLUMNAS -->\r\n        <div class=\"genaro-about-grid\">\r\n            \r\n            <!-- COLUMNA IZQUIERDA (TEXTO HISTORIA Y FORMACI\u00d3N) -->\r\n            <div class=\"genaro-text-col font-vietnam\">\r\n                <p>Mi nombre es Genaro Mart\u00ednez. Inici\u00e9 mi trayectoria hace diecis\u00e9is a\u00f1os en mi natal Campeche, donde en menos de un a\u00f1o asum\u00ed la gerencia de un sal\u00f3n de belleza.<\/p>\r\n                \r\n                <p>A los veinte a\u00f1os decid\u00ed emprender mi propio camino hacia M\u00e9rida para fundar lo que hoy, quince a\u00f1os despu\u00e9s, es una marca consolidada: By Genaro Mart\u00ednez Salones. Mi gran inspiraci\u00f3n siempre ha sido la transformaci\u00f3n a trav\u00e9s del cabello.<\/p>\r\n                \r\n                <p>Como colorimetrista y qu\u00edmico capilar egresado de la prestigiosa Universidad de Lujo de K\u00e9rastase, soy un fiel creyente de que el estilismo es una ciencia exacta. Comprender los procesos qu\u00edmicos y dominar las f\u00f3rmulas es lo que me ha permitido mantenerme vigente y ofrecer resultados impecables.<\/p>\r\n                \r\n                <p>Para m\u00ed, la excelencia requiere una actualizaci\u00f3n constante y una s\u00f3lida base de educaci\u00f3n, tanto profesional como emocional.<\/p>\r\n            <\/div>\r\n\r\n            <!-- COLUMNA CENTRAL (IMAGEN Y BOT\u00d3N CTA) -->\r\n            <div class=\"genaro-visual-col\">\r\n                <div class=\"genaro-image-frame\">\r\n                    <img decoding=\"async\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-scaled.jpg\" alt=\"Genaro Mart\u00ednez\">\r\n                <\/div>\r\n                \r\n                <div class=\"contenedor-boton-era\">\r\n                    <a href=\"https:\/\/agendapro.com\/site\/mx\/bygenaromartinezsalones\/499806?rwg_token=AFd1xnHvvILzsK8UMufzc7U85B6NZnVtIRu0sXNMniOEK9pLf_oPXgivwo4C1qAezZXjVRsD3gfiP4rtyDCPHb4TokmAvoytWw==\" target=\"_blank\" class=\"boton-era\">\r\n                        Vive la experiencia <span class=\"linea-punto\"><\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- COLUMNA DERECHA (TEXTO INSTALACIONES Y VALORES) -->\r\n            <div class=\"genaro-text-col font-vietnam\">\r\n                <p>Nuestra historia se ha escrito siempre en la Avenida Campestre. Comenzamos en un espacio peque\u00f1o y hoy nos enorgullece recibirte en las nuevas y sofisticadas instalaciones de By Genaro Mart\u00ednez Salones, concebidas como una verdadera m\u00e1quina de transformar vidas.<\/p>\r\n                \r\n                <p>Esta transformaci\u00f3n impacta desde nuestros colaboradores, quienes encuentran aqu\u00ed un espacio de crecimiento continuo, hasta nuestras clientas, a quienes hemos acompa\u00f1ado en los momentos m\u00e1s significativos de sus vidas, desde bodas hasta procesos de profunda renovaci\u00f3n personal.<\/p>\r\n                \r\n                <p>Nos definimos como un sal\u00f3n cien por ciento humanista y altruista; creemos firmemente en el valor de dar y compartir, devolviendo a la sociedad y a nuestros clientes un poco de la confianza y el cari\u00f1o que nos permiten recibir de ellos todos los d\u00edas.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* CONTENEDOR GENERAL DE LA SECCI\u00d3N *\/\r\n    .genaro-about-wrapper {\r\n        width: 100% !important;\r\n        background-color: #000000 !important;\r\n        padding: 80px 4% !important;\r\n        box-sizing: border-box !important;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .genaro-about-container {\r\n        max-width: 1280px !important;\r\n        margin: 0 auto !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* FUENTES DE LA MARCA *\/\r\n    .font-vietnam { font-family: 'Be Vietnam Pro', sans-serif !important; }\r\n    .font-giflika { font-family: 'Giflika', 'Giflika Regular', sans-serif !important; }\r\n\r\n    \/* ENCABEZADO CENTRADO *\/\r\n    .genaro-about-header {\r\n        text-align: center !important;\r\n        margin-bottom: 50px !important;\r\n    }\r\n\r\n    .genaro-title {\r\n        background: linear-gradient(135deg, #cb8c00 0%, #ffbf00 50%, #cb8c00 100%) !important;\r\n        -webkit-background-clip: text !important;\r\n        background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n        font-size: 42px !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 2px !important;\r\n        text-transform: uppercase !important;\r\n        margin: 0 0 8px 0 !important;\r\n        line-height: 1.1 !important;\r\n    }\r\n\r\n    .genaro-subtitle {\r\n        color: rgba(255, 255, 255, 0.7) !important;\r\n        font-size: 16px !important;\r\n        font-weight: 300 !important;\r\n        letter-spacing: 1.5px !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    \/* GRID TRES COLUMNAS *\/\r\n    .genaro-about-grid {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        gap: 40px !important;\r\n    }\r\n\r\n    \/* COLUMNAS DE TEXTO *\/\r\n    .genaro-text-col {\r\n        width: 32% !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 20px !important;\r\n    }\r\n\r\n    .genaro-text-col p {\r\n        color: rgba(255, 255, 255, 0.85) !important;\r\n        font-size: 14px !important;\r\n        line-height: 1.7 !important;\r\n        font-weight: 300 !important;\r\n        margin: 0 !important;\r\n        text-align: justify !important;\r\n    }\r\n\r\n    \/* COLUMNA CENTRAL DE IMAGEN Y BOT\u00d3N *\/\r\n    .genaro-visual-col {\r\n        width: 32% !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important;\r\n        gap: 30px !important;\r\n    }\r\n\r\n    .genaro-image-frame {\r\n        width: 100% !important;\r\n        max-width: 360px !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        overflow: hidden !important;\r\n        position: relative !important;\r\n        border-radius: 2px !important;\r\n    }\r\n\r\n    .genaro-image-frame img {\r\n        width: 100% !important;\r\n        height: auto !important;\r\n        display: block !important;\r\n        object-fit: cover !important;\r\n        transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .genaro-image-frame:hover img {\r\n        transform: scale(1.03) !important;\r\n    }\r\n\r\n    \/* ESTILO DE BOT\u00d3N MARCA (VIVE LA EXPERIENCIA) *\/\r\n    .contenedor-boton-era {\r\n        text-align: center !important;\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    .boton-era {\r\n        font-family: 'Be Vietnam Pro', sans-serif !important;\r\n        color: #ffffff !important;\r\n        text-decoration: none !important;\r\n        font-size: 15px !important;\r\n        font-weight: 400 !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.4) !important;\r\n        border-radius: 50px !important;\r\n        padding: 12px 30px !important;\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        background-color: transparent !important;\r\n        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .boton-era .linea-punto {\r\n        display: inline-block !important;\r\n        width: 30px !important;\r\n        height: 1px !important;\r\n        background-color: #ffffff !important;\r\n        margin-left: 15px !important;\r\n        position: relative !important;\r\n        transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .boton-era .linea-punto::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        right: 0 !important;\r\n        top: -2px !important;\r\n        width: 5px !important;\r\n        height: 5px !important;\r\n        background-color: #ffffff !important;\r\n        border-radius: 50% !important;\r\n        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .boton-era:hover {\r\n        border-color: #cb8c00 !important;\r\n        background-color: rgba(203, 140, 0, 0.08) !important;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .boton-era:hover .linea-punto {\r\n        width: 45px !important;\r\n        background-color: #cb8c00 !important;\r\n    }\r\n\r\n    .boton-era:hover .linea-punto::after {\r\n        background-color: #cb8c00 !important;\r\n    }\r\n\r\n    \/* ADAPTABILIDAD RESPONSIVA *\/\r\n    @media (max-width: 991px) {\r\n        .genaro-about-grid {\r\n            flex-direction: column !important;\r\n            gap: 40px !important;\r\n        }\r\n\r\n        .genaro-text-col, .genaro-visual-col {\r\n            width: 100% !important;\r\n            max-width: 700px !important;\r\n        }\r\n\r\n        .genaro-visual-col {\r\n            order: -1 !important; \/* Coloca la foto arriba en tablets\/m\u00f3viles *\/\r\n        }\r\n\r\n        .genaro-text-col p {\r\n            text-align: left !important;\r\n        }\r\n\r\n        .genaro-title {\r\n            font-size: 32px !important;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-e99338e elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"e99338e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-58c6cc7 e-con-full e-flex e-con e-child\" data-id=\"58c6cc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<p class=\"e-a189d7e-c9550be g-bd72ab9 e-paragraph-base\" data-interaction-id=\"a189d7e\">Mi nombre es Genaro Mart\u00ednez. Inici\u00e9 mi trayectoria hace diecis\u00e9is a\u00f1os en mi natal Campeche, donde en menos de un a\u00f1o asum\u00ed la gerencia de un sal\u00f3n de belleza. <br><br>A los veinte a\u00f1os decid\u00ed emprender mi propio camino hacia M\u00e9rida para fundar lo que hoy, quince a\u00f1os despu\u00e9s, es una marca consolidada: By Genaro Mart\u00ednez Salones.Mi gran inspiraci\u00f3n siempre ha sido la transformaci\u00f3n a trav\u00e9s del cabello. <br><br>Como colorimetrista y qu\u00edmico capilar egresado de la prestigiosa Universidad de Lujo de K\u00e9rastase, soy un fiel creyente de que el estilismo es una ciencia exacta. Comprender los procesos qu\u00edmicos y dominar las f\u00f3rmulas es lo que me ha permitido mantenerme vigente y ofrecer resultados impecables. <br><br>Para m\u00ed, la excelencia requiere una actualizaci\u00f3n constante y una s\u00f3lida base de educaci\u00f3n, tanto profesional como emocional.<\/p>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-3e22b71 e-con-full e-flex e-con e-child\" data-id=\"3e22b71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<h2 data-interaction-id=\"9b8d511\" class=\"e-9b8d511-e542210 e-heading-base\">CONOCE UN POCO M\u00c1S<\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"04209a0\" class=\"e-04209a0-c0cdc57 e-heading-base\">del sal\u00f3n de los famosos<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-8bd420e elementor-widget elementor-widget-image\" data-id=\"8bd420e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"731\" height=\"1024\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-731x1024.jpg\" class=\"attachment-large size-large wp-image-163\" alt=\"\" srcset=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-731x1024.jpg 731w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-214x300.jpg 214w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-768x1075.jpg 768w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-1097x1536.jpg 1097w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-1462x2048.jpg 1462w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-scaled.jpg 1828w\" sizes=\"(max-width: 731px) 100vw, 731px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-555de80 elementor-widget elementor-widget-html\" data-id=\"555de80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BLOQUE INDIVIDUAL BOT\u00d3N CENTRADO -->\r\n<div class=\"contenedor-boton-era\">\r\n    <a href=\"https:\/\/agendapro.com\/site\/mx\/bygenaromartinezsalones\/499806?rwg_token=AFd1xnHvvILzsK8UMufzc7U85B6NZnVtIRu0sXNMniOEK9pLf_oPXgivwo4C1qAezZXjVRsD3gfiP4rtyDCPHb4TokmAvoytWw==\" target=\"_blank\" class=\"boton-era\">\r\n        Vive la experiencia <span class=\"linea-punto\"><\/span>\r\n    <\/a>\r\n<\/div>\r\n\r\n<style>\r\n.contenedor-boton-era {\r\n    text-align: center !important;\r\n    width: 100% !important;\r\n    margin-top: 30px !important;\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    align-items: center !important;\r\n}\r\n\r\n.boton-era {\r\n    font-family: 'Be Vietnam Pro', sans-serif !important;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 18px !important;\r\n    font-weight: 400 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.4) !important;\r\n    border-radius: 50px !important;\r\n    padding: 12px 35px !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    background-color: transparent !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.boton-era .linea-punto {\r\n    display: inline-block !important;\r\n    width: 30px !important;\r\n    height: 1px !important;\r\n    background-color: #ffffff !important;\r\n    margin-left: 15px !important;\r\n    position: relative !important;\r\n    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.boton-era .linea-punto::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    right: 0 !important;\r\n    top: -2px !important;\r\n    width: 5px !important;\r\n    height: 5px !important;\r\n    background-color: #ffffff !important;\r\n    border-radius: 50% !important;\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* --- EFECTOS HOVER (LUJO) --- *\/\r\n.boton-era:hover {\r\n    border-color: #ffffff !important;\r\n    background-color: rgba(255, 255, 255, 0.05) !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n.boton-era:hover .linea-punto {\r\n    width: 55px !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-ae8c217 e-con-full e-flex e-con e-child\" data-id=\"ae8c217\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<p class=\"e-8993e4e-e21dda5 g-bd72ab9 e-paragraph-base\" data-interaction-id=\"8993e4e\">Nuestra historia se ha escrito siempre en la Avenida Campestre. Comenzamos en un espacio peque\u00f1o y hoy nos enorgullece recibirte en las nuevas y sofisticadas instalaciones de By Genaro Mart\u00ednez Salones, concebidas como una verdadera m\u00e1quina de transformar vidas.<br><br>Esta transformaci\u00f3n impacta desde nuestros colaboradores, quienes encuentran aqu\u00ed un espacio de crecimiento continuo, hasta nuestras clientas, a quienes hemos acompa\u00f1ado en los momentos m\u00e1s significativos de sus vidas, desde bodas hasta procesos de profunda renovaci\u00f3n personal. <br><br>Nos definimos como un sal\u00f3n cien por ciento humanista y altruista; creemos firmemente en el valor de dar y compartir, devolviendo a la sociedad y a nuestros clientes un poco de la confianza y el cari\u00f1o que nos permiten recibir de ellos todos los d\u00edas.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-fd040b0 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"fd040b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-bff2439 e-con-full e-flex e-con e-child\" data-id=\"bff2439\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<h2 data-interaction-id=\"5fab695\" class=\"e-5fab695-23c47b2 e-heading-base\">CONOCE UN POCO M\u00c1S<\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"3c2876d\" class=\"e-3c2876d-792949e e-heading-base\">del sal\u00f3n de los famosos<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-669da0d elementor-widget elementor-widget-image\" data-id=\"669da0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"731\" height=\"1024\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-731x1024.jpg\" class=\"attachment-large size-large wp-image-163\" alt=\"\" srcset=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-731x1024.jpg 731w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-214x300.jpg 214w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-768x1075.jpg 768w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-1097x1536.jpg 1097w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-1462x2048.jpg 1462w, https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/26_04_28_PG_SESION_PUBLICIDAD_GENARO_MARTINEZ_SALON_03-scaled.jpg 1828w\" sizes=\"(max-width: 731px) 100vw, 731px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69d84b7 elementor-widget elementor-widget-html\" data-id=\"69d84b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contenedor-boton-era\">\r\n    <a href=\"https:\/\/agendapro.com\/site\/mx\/bygenaromartinezsalones\/499806?rwg_token=AFd1xnHvvILzsK8UMufzc7U85B6NZnVtIRu0sXNMniOEK9pLf_oPXgivwo4C1qAezZXjVRsD3gfiP4rtyDCPHb4TokmAvoytWw==\" target=\"_blank\" class=\"boton-era\">\r\n        Vive la experiencia <span class=\"linea-punto\"><\/span>\r\n    <\/a>\r\n<\/div>\r\n\r\n<style>\r\n.contenedor-boton-era {\r\n    text-align: center !important;\r\n    margin-top: 30px !important;\r\n}\r\n\r\n.boton-era {\r\n    font-family: 'Be Vietnam Pro', sans-serif !important; \/* Ajuste de tipograf\u00eda *\/\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 18px !important;\r\n    font-weight: 400 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.4) !important; \/* Borde inicial m\u00e1s sutil *\/\r\n    border-radius: 50px !important;\r\n    padding: 12px 35px !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    background-color: transparent !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; \/* Transici\u00f3n premium *\/\r\n}\r\n\r\n.boton-era .linea-punto {\r\n    display: inline-block !important;\r\n    width: 30px !important; \/* Tama\u00f1o inicial *\/\r\n    height: 1px !important;\r\n    background-color: #ffffff !important;\r\n    margin-left: 15px !important;\r\n    position: relative !important;\r\n    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.boton-era .linea-punto::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    right: 0 !important;\r\n    top: -2px !important;\r\n    width: 5px !important;\r\n    height: 5px !important;\r\n    background-color: #ffffff !important;\r\n    border-radius: 50% !important;\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* --- EFECTOS HOVER (LUJO) --- *\/\r\n.boton-era:hover {\r\n    border-color: #ffffff !important;\r\n    background-color: rgba(255, 255, 255, 0.05) !important; \/* Capa transl\u00facida m\u00ednima *\/\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n\/* Al pasar el mouse, la l\u00ednea se estira de 30px a 55px suavemente *\/\r\n.boton-era:hover .linea-punto {\r\n    width: 55px !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-83a5f35 e-con-full e-flex e-con e-child\" data-id=\"83a5f35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<p class=\"e-0c12470-95e4f61 g-bd72ab9 e-paragraph-base\" data-interaction-id=\"0c12470\">Mi nombre es Genaro Mart\u00ednez. Inici\u00e9 mi trayectoria hace diecis\u00e9is a\u00f1os en mi natal Campeche, donde en menos de un a\u00f1o asum\u00ed la gerencia de un sal\u00f3n de belleza. <br><br>A los veinte a\u00f1os decid\u00ed emprender mi propio camino hacia M\u00e9rida para fundar lo que hoy, quince a\u00f1os despu\u00e9s, es una marca consolidada: By Genaro Mart\u00ednez Salones.Mi gran inspiraci\u00f3n siempre ha sido la transformaci\u00f3n a trav\u00e9s del cabello. <br><br>Como colorimetrista y qu\u00edmico capilar egresado de la prestigiosa Universidad de Lujo de K\u00e9rastase, soy un fiel creyente de que el estilismo es una ciencia exacta. Comprender los procesos qu\u00edmicos y dominar las f\u00f3rmulas es lo que me ha permitido mantenerme vigente y ofrecer resultados impecables. <br><br>Para m\u00ed, la excelencia requiere una actualizaci\u00f3n constante y una s\u00f3lida base de educaci\u00f3n, tanto profesional como emocional.<\/p>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-d9bb084 e-con-full e-flex e-con e-child\" data-id=\"d9bb084\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<p class=\"e-3e11d6d-cf9b972 g-bd72ab9 e-paragraph-base\" data-interaction-id=\"3e11d6d\">Nuestra historia se ha escrito siempre en la Avenida Campestre. Comenzamos en un espacio peque\u00f1o y hoy nos enorgullece recibirte en las nuevas y sofisticadas instalaciones de By Genaro Mart\u00ednez Salones, concebidas como una verdadera m\u00e1quina de transformar vidas.<br><br>Esta transformaci\u00f3n impacta desde nuestros colaboradores, quienes encuentran aqu\u00ed un espacio de crecimiento continuo, hasta nuestras clientas, a quienes hemos acompa\u00f1ado en los momentos m\u00e1s significativos de sus vidas, desde bodas hasta procesos de profunda renovaci\u00f3n personal. <br><br>Nos definimos como un sal\u00f3n cien por ciento humanista y altruista; creemos firmemente en el valor de dar y compartir, devolviendo a la sociedad y a nuestros clientes un poco de la confianza y el cari\u00f1o que nos permiten recibir de ellos todos los d\u00edas.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-6c1d9f2 e-flex e-con-boxed e-con e-parent\" data-id=\"6c1d9f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<h2 data-interaction-id=\"52683eb\" class=\"e-52683eb-5b67462 e-heading-base\">MEN\u00da DE EXPERIENCIAS<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c50be8 elementor-widget elementor-widget-html\" data-id=\"7c50be8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"salon-menu-wrapper\">\r\n    \r\n    <!-- MEN\u00da SUPERIOR DE BOTONES (3 CATEGOR\u00cdAS CENTRADAS) -->\r\n    <div class=\"salon-menu-container\">\r\n        \r\n        <button class=\"salon-menu-item\" onclick=\"openSalonModal('salon-modal-makeup')\">\r\n            <div class=\"salon-image-frame\">\r\n                <img decoding=\"async\" src=\"https:\/\/darksalmon-echidna-213925.hostingersite.com\/wp-content\/uploads\/2026\/05\/El-Inicio-de-una-nueva-Era-7.png\" alt=\"Makeup\">\r\n            <\/div>\r\n            <span>Makeup<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"salon-menu-item salon-item-small\" onclick=\"openSalonModal('salon-modal-nails')\">\r\n            <div class=\"salon-image-frame\">\r\n                <img decoding=\"async\" src=\"https:\/\/darksalmon-echidna-213925.hostingersite.com\/wp-content\/uploads\/2026\/05\/El-Inicio-de-una-nueva-Era-4-1.png\" alt=\"Nails\">\r\n            <\/div>\r\n            <span>Nails<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"salon-menu-item salon-item-small\" onclick=\"openSalonModal('salon-modal-hair')\">\r\n            <div class=\"salon-image-frame\">\r\n                <img decoding=\"async\" src=\"https:\/\/darksalmon-echidna-213925.hostingersite.com\/wp-content\/uploads\/2026\/05\/El-Inicio-de-una-nueva-Era-2-1.png\" alt=\"Hair\">\r\n            <\/div>\r\n            <span>Hair<\/span>\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n    <!-- MODAL 1: MAKEUP -->\r\n    <div id=\"salon-modal-makeup\" class=\"salon-modal\" onclick=\"closeSalonModalOnLayout(event)\">\r\n        <div class=\"salon-modal-content\">\r\n            <button class=\"salon-close-btn\" onclick=\"closeSalonModal('salon-modal-makeup')\">&times;<\/button>\r\n            <div class=\"editorial-servicio-wrapper\">\r\n                <div class=\"editorial-container\">\r\n                    <div class=\"editorial-visual-side\">\r\n                        <div class=\"editorial-bg-block\">\r\n                            <img decoding=\"async\" src=\"https:\/\/darksalmon-echidna-213925.hostingersite.com\/wp-content\/uploads\/2026\/05\/El-Inicio-de-una-nueva-Era-7.png\" alt=\"Fondo Makeup\">\r\n                        <\/div> \r\n                        <div class=\"editorial-image-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OK-Foto-01-06-26-6-28-53-pm-scaled.jpg\" alt=\"Maquillaje y Mirada\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"editorial-content-side\">\r\n                        <div class=\"editorial-meta font-vietnam\">\r\n                            <span class=\"meta-line\"><\/span>\r\n                            <span class=\"meta-tag\">MAKEUP & LOOK<\/span>\r\n                        <\/div>\r\n\r\n                        <h2 class=\"editorial-titulo font-giflika\">MAQUILLAJE Y MIRADA<\/h2>\r\n\r\n                        <div class=\"editorial-modal-scrollable\">\r\n                            <div class=\"editorial-table-container font-vietnam\">\r\n                                <div class=\"editorial-table-row header-row\">\r\n                                    <div class=\"col-service\">SERVICIO<\/div>\r\n                                    <div class=\"col-price\">PRECIO<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-category-divider\">MAQUILLAJE<\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Maquillaje y Peinado<\/div>\r\n                                    <div class=\"col-price\">$2,000.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Maquillaje<\/div>\r\n                                    <div class=\"col-price\">Desde $1,000.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-category-divider\">CEJAS, PESTA\u00d1AS Y DEPILACI\u00d3N<\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Dise\u00f1o de Cejas<\/div>\r\n                                    <div class=\"col-price\">$500.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Dise\u00f1o de Cejas con Pigmentaci\u00f3n<\/div>\r\n                                    <div class=\"col-price\">$600.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Depilado de Cejas<\/div>\r\n                                    <div class=\"col-price\">$220.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Depilado de Bozo<\/div>\r\n                                    <div class=\"col-price\">$250.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Pesta\u00f1as Tira 3D<\/div>\r\n                                    <div class=\"col-price\">$300.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Aplicaci\u00f3n de Pesta\u00f1as de Tira 3D<\/div>\r\n                                    <div class=\"col-price\">$200.00<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- BOT\u00d3N VIVE LA EXPERIENCIA -->\r\n                        <div class=\"contenedor-boton-era\">\r\n                            <a href=\"https:\/\/agendapro.com\/site\/mx\/bygenaromartinezsalones\/499806?rwg_token=AFd1xnHvvILzsK8UMufzc7U85B6NZnVtIRu0sXNMniOEK9pLf_oPXgivwo4C1qAezZXjVRsD3gfiP4rtyDCPHb4TokmAvoytWw==\" target=\"_blank\" class=\"boton-era\">\r\n                                Vive la experiencia <span class=\"linea-punto\"><\/span>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- MODAL 2: NAILS -->\r\n    <div id=\"salon-modal-nails\" class=\"salon-modal\" onclick=\"closeSalonModalOnLayout(event)\">\r\n        <div class=\"salon-modal-content\">\r\n            <button class=\"salon-close-btn\" onclick=\"closeSalonModal('salon-modal-nails')\">&times;<\/button>\r\n            <div class=\"editorial-servicio-wrapper\">\r\n                <div class=\"editorial-container\">\r\n                    <div class=\"editorial-visual-side\">\r\n                        <div class=\"editorial-bg-block\">\r\n                            <img decoding=\"async\" src=\"https:\/\/darksalmon-echidna-213925.hostingersite.com\/wp-content\/uploads\/2026\/05\/El-Inicio-de-una-nueva-Era-4-1.png\" alt=\"Fondo Nails\">\r\n                        <\/div> \r\n                        <div class=\"editorial-image-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OK-Area-de-pedi.png\" alt=\"Servicios de U\u00f1as\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"editorial-content-side\">\r\n                        <div class=\"editorial-meta font-vietnam\">\r\n                            <span class=\"meta-line\"><\/span>\r\n                            <span class=\"meta-tag\">NAIL CARE & SPA<\/span>\r\n                        <\/div>\r\n\r\n                        <h2 class=\"editorial-titulo font-giflika\">SERVICIOS DE U\u00d1AS<\/h2>\r\n\r\n                        <div class=\"editorial-modal-scrollable\">\r\n                            <div class=\"editorial-table-container font-vietnam\">\r\n                                <div class=\"editorial-table-row header-row\">\r\n                                    <div class=\"col-service\">SERVICIO<\/div>\r\n                                    <div class=\"col-price\">PRECIO<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Manicure B\u00e1sico<\/div>\r\n                                    <div class=\"col-price\">$350.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Manicure Spa<\/div>\r\n                                    <div class=\"col-price\">$450.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Pedicure B\u00e1sico<\/div>\r\n                                    <div class=\"col-price\">$450.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Pedicure Spa<\/div>\r\n                                    <div class=\"col-price\">$550.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Pedicure Spa con Velas<\/div>\r\n                                    <div class=\"col-price\">$750.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Esmaltado en Manos o Pies<\/div>\r\n                                    <div class=\"col-price\">$150.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Aplicaci\u00f3n de Gelish en Manos o Pies<\/div>\r\n                                    <div class=\"col-price\">$250.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Aplicaci\u00f3n de Rubber<\/div>\r\n                                    <div class=\"col-price\">$300.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Fortalecimiento con Acr\u00edlico<\/div>\r\n                                    <div class=\"col-price\">$300.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">U\u00f1as Acr\u00edlicas Esculturales<\/div>\r\n                                    <div class=\"col-price\">Desde $500.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Retoque de U\u00f1as<\/div>\r\n                                    <div class=\"col-price\">Desde $370.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Tratamiento Gel Vitaminado<\/div>\r\n                                    <div class=\"col-price\">$280.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Retiro de Gelish<\/div>\r\n                                    <div class=\"col-price\">Desde $150.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Retiro de Acr\u00edlico<\/div>\r\n                                    <div class=\"col-price\">Desde $250.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Retiro de Rubber<\/div>\r\n                                    <div class=\"col-price\">$200.00<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- BOT\u00d3N VIVE LA EXPERIENCIA -->\r\n                        <div class=\"contenedor-boton-era\">\r\n                            <a href=\"https:\/\/agendapro.com\/site\/mx\/bygenaromartinezsalones\/499806?rwg_token=AFd1xnHvvILzsK8UMufzc7U85B6NZnVtIRu0sXNMniOEK9pLf_oPXgivwo4C1qAezZXjVRsD3gfiP4rtyDCPHb4TokmAvoytWw==\" target=\"_blank\" class=\"boton-era\">\r\n                                Vive la experiencia <span class=\"linea-punto\"><\/span>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- MODAL 3: HAIR -->\r\n    <div id=\"salon-modal-hair\" class=\"salon-modal\" onclick=\"closeSalonModalOnLayout(event)\">\r\n        <div class=\"salon-modal-content\">\r\n            <button class=\"salon-close-btn\" onclick=\"closeSalonModal('salon-modal-hair')\">&times;<\/button>\r\n            <div class=\"editorial-servicio-wrapper\">\r\n                <div class=\"editorial-container\">\r\n                    <div class=\"editorial-visual-side\">\r\n                        <div class=\"editorial-bg-block\">\r\n                            <img decoding=\"async\" src=\"https:\/\/darksalmon-echidna-213925.hostingersite.com\/wp-content\/uploads\/2026\/05\/El-Inicio-de-una-nueva-Era-2-1.png\" alt=\"Esencia Genaro Fondo Hair\">\r\n                        <\/div> \r\n                        <div class=\"editorial-image-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OK-DSC03588-scaled.jpg\" alt=\"Cortes de Autor Genaro Hair\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"editorial-content-side\">\r\n                        <div class=\"editorial-meta font-vietnam\">\r\n                            <span class=\"meta-line\"><\/span>\r\n                            <span class=\"meta-tag\">CORTES Y PEINADO<\/span>\r\n                        <\/div>\r\n\r\n                        <h2 class=\"editorial-titulo font-giflika\">SERVICIOS DE CABELLO<\/h2>\r\n\r\n                        <div class=\"editorial-modal-scrollable\">\r\n                            <div class=\"editorial-table-container font-vietnam\">\r\n                                <div class=\"editorial-table-row header-row\">\r\n                                    <div class=\"col-service\">SERVICIO<\/div>\r\n                                    <div class=\"col-price\">PRECIO<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-category-divider\">CORTES Y PEINADO<\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Corte Dama <span class=\"sub-detail\">(incluye lavado y secado)<\/span><\/div>\r\n                                    <div class=\"col-price\">$600.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Corte Dama o Caballero c\/Genaro<\/div>\r\n                                    <div class=\"col-price\">$1,000.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Corte Caballero<\/div>\r\n                                    <div class=\"col-price\">$600.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Corte Ni\u00f1o<\/div>\r\n                                    <div class=\"col-price\">$350.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Brushing o Planchado <span class=\"sub-detail\">(incluye lavado)<\/span><\/div>\r\n                                    <div class=\"col-price\">$500.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Peinado<\/div>\r\n                                    <div class=\"col-price\">Desde $1,000.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Lavado de Cabello<\/div>\r\n                                    <div class=\"col-price\">$150.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-category-divider\">COLOR Y TINTES<\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Tinte Parejo<\/div>\r\n                                    <div class=\"col-price\">Desde $1,200.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Efecto de Color<\/div>\r\n                                    <div class=\"col-price\">Desde $3,000.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Retoque de Tinte<\/div>\r\n                                    <div class=\"col-price\">Desde $1,000.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-category-divider\">TRATAMIENTOS CAPILARES<\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Tratamiento Keratina Biosham<\/div>\r\n                                    <div class=\"col-price\">Desde $2,500.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Tratamiento Brazilian Blowout<\/div>\r\n                                    <div class=\"col-price\">Desde $3,500.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Tratamiento Fusio-Dose K\u00e9rastase<\/div>\r\n                                    <div class=\"col-price\">Desde $1,200.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Tratamiento de C\u00e9lulas Madre<\/div>\r\n                                    <div class=\"col-price\">Desde $1,200.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Experiencia K\u00e9rastase de Lujo<\/div>\r\n                                    <div class=\"col-price\">Desde $1,500.00<\/div>\r\n                                <\/div>\r\n                                <div class=\"editorial-table-row\">\r\n                                    <div class=\"col-service\">Tratamiento Lights Co de Lujo Alfa<\/div>\r\n                                    <div class=\"col-price\">Desde $1,500.00<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- BOT\u00d3N VIVE LA EXPERIENCIA -->\r\n                        <div class=\"contenedor-boton-era\">\r\n                            <a href=\"https:\/\/agendapro.com\/site\/mx\/bygenaromartinezsalones\/499806?rwg_token=AFd1xnHvvILzsK8UMufzc7U85B6NZnVtIRu0sXNMniOEK9pLf_oPXgivwo4C1qAezZXjVRsD3gfiP4rtyDCPHb4TokmAvoytWw==\" target=\"_blank\" class=\"boton-era\">\r\n                                Vive la experiencia <span class=\"linea-punto\"><\/span>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .salon-menu-wrapper {\r\n        width: 100% !important;\r\n        background-color: #000000 !important;\r\n        padding: 60px 0 !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* CENTRADO EXACTO DE RECUADROS *\/\r\n    .salon-menu-container {\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        gap: 40px !important;\r\n        width: 100% !important;\r\n        max-width: 1100px !important;\r\n        margin: 0 auto !important;\r\n        padding: 0 20px !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .salon-menu-item {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        cursor: pointer !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        padding: 0 !important;\r\n        transition: transform 0.3s ease !important;\r\n        outline: none !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .salon-menu-item:hover {\r\n        transform: translateY(-5px) !important;\r\n    }\r\n\r\n    .salon-image-frame {\r\n        width: 240px !important;\r\n        height: 240px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .salon-item-small .salon-image-frame {\r\n        width: 190px !important;\r\n        height: 190px !important;\r\n    }\r\n\r\n    .salon-image-frame img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: contain !important;\r\n    }\r\n\r\n    .salon-menu-item span {\r\n        font-family: 'Giflika', 'Giflika Regular', sans-serif !important;\r\n        font-size: 1.8rem !important;\r\n        letter-spacing: 2px !important;\r\n        text-transform: uppercase !important;\r\n        font-weight: 300 !important;\r\n        margin-top: 15px !important;\r\n        color: #ffffff !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .editorial-servicio-wrapper {\r\n        width: 100% !important;\r\n        background-color: #000000 !important;\r\n        padding: 60px 4% !important;\r\n        box-sizing: border-box !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .editorial-container {\r\n        display: flex !important;\r\n        width: 100% !important;\r\n        max-width: 1200px !important;\r\n        margin: 0 auto !important;\r\n        gap: 5% !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    .font-vietnam { font-family: 'Be Vietnam Pro', sans-serif !important; }\r\n    .font-giflika { font-family: 'Giflika', 'Giflika Regular', sans-serif !important; }\r\n\r\n    .editorial-visual-side {\r\n        width: 45% !important;\r\n        position: relative !important;\r\n        padding: 40px 0 !important;\r\n    }\r\n\r\n    .editorial-bg-block {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: -12% !important;\r\n        width: 85% !important;\r\n        height: 85% !important;\r\n        overflow: hidden !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n        border-radius: 2px !important;\r\n        z-index: 1 !important;\r\n        opacity: 0.25 !important;\r\n        transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .editorial-bg-block img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        filter: grayscale(100%) !important;\r\n    }\r\n\r\n    .editorial-image-frame {\r\n        width: 90% !important;\r\n        height: 520px !important;\r\n        margin-left: auto !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        overflow: hidden !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n    }\r\n\r\n    .editorial-image-frame img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        filter: grayscale(5%) !important;\r\n        transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .editorial-content-side {\r\n        width: 50% !important;\r\n        text-align: left !important;\r\n    }\r\n\r\n    .editorial-meta {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 15px !important;\r\n        margin-bottom: 25px !important;\r\n    }\r\n\r\n    .meta-line {\r\n        display: inline-block !important;\r\n        width: 40px !important;\r\n        height: 1px !important;\r\n        background-color: #cb8c00 !important;\r\n    }\r\n\r\n    .meta-tag {\r\n        color: rgba(255, 255, 255, 0.5) !important;\r\n        font-size: 13px !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 3px !important;\r\n        text-transform: uppercase !important;\r\n    }\r\n\r\n    .editorial-titulo {\r\n        background: linear-gradient(135deg, #cb8c00 0%, #ffbf00 50%, #cb8c00 100%) !important;\r\n        -webkit-background-clip: text !important;\r\n        background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n        font-size: 44px !important;\r\n        font-weight: 400 !important;\r\n        line-height: 1.1 !important;\r\n        letter-spacing: 1px !important;\r\n        margin: 0 0 20px 0 !important;\r\n    }\r\n\r\n    .editorial-table-container {\r\n        width: 100% !important;\r\n        margin-bottom: 25px !important;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n    }\r\n\r\n    .editorial-category-divider {\r\n        font-family: 'Giflika', 'Giflika Regular', sans-serif !important;\r\n        color: #ffffff !important;\r\n        font-size: 14px !important;\r\n        letter-spacing: 1.5px !important;\r\n        text-transform: uppercase !important;\r\n        padding: 12px 0 6px 0 !important;\r\n        margin-top: 20px !important;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n    }\r\n\r\n    .editorial-table-row {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        padding: 16px 0 !important;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    .header-row {\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n        font-size: 11px !important;\r\n        letter-spacing: 2px !important;\r\n        color: rgba(255, 255, 255, 0.4) !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    .col-service {\r\n        color: #ffffff !important;\r\n        font-weight: 300 !important;\r\n        text-align: left !important;\r\n    }\r\n\r\n    .sub-detail {\r\n        font-size: 12px !important;\r\n        color: rgba(255, 255, 255, 0.4) !important;\r\n        display: inline-block !important;\r\n        margin-left: 4px !important;\r\n    }\r\n\r\n    .col-price {\r\n        color: #cb8c00 !important;\r\n        font-weight: 400 !important;\r\n        white-space: nowrap !important;\r\n    }\r\n\r\n    \/* ESTILOS DEL BOT\u00d3N ERA DENTRO DE MODAL *\/\r\n    .contenedor-boton-era {\r\n        text-align: left !important;\r\n        margin-top: 25px !important;\r\n    }\r\n\r\n    .boton-era {\r\n        font-family: 'Be Vietnam Pro', sans-serif !important;\r\n        color: #ffffff !important;\r\n        text-decoration: none !important;\r\n        font-size: 16px !important;\r\n        font-weight: 400 !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.4) !important;\r\n        border-radius: 50px !important;\r\n        padding: 12px 35px !important;\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        background-color: transparent !important;\r\n        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .boton-era .linea-punto {\r\n        display: inline-block !important;\r\n        width: 30px !important;\r\n        height: 1px !important;\r\n        background-color: #ffffff !important;\r\n        margin-left: 15px !important;\r\n        position: relative !important;\r\n        transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .boton-era .linea-punto::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        right: 0 !important;\r\n        top: -2px !important;\r\n        width: 5px !important;\r\n        height: 5px !important;\r\n        background-color: #ffffff !important;\r\n        border-radius: 50% !important;\r\n        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .boton-era:hover {\r\n        border-color: #ffffff !important;\r\n        background-color: rgba(255, 255, 255, 0.05) !important;\r\n        letter-spacing: 0.5px !important;\r\n    }\r\n\r\n    .boton-era:hover .linea-punto {\r\n        width: 55px !important;\r\n    }\r\n\r\n    .salon-modal {\r\n        display: none;\r\n        position: fixed !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        bottom: 0 !important;\r\n        width: 100vw !important;\r\n        height: 100vh !important;\r\n        background-color: rgba(0, 0, 0, 0.92) !important;\r\n        backdrop-filter: blur(14px) !important;\r\n        -webkit-backdrop-filter: blur(14px) !important;\r\n        z-index: 99999999 !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        box-sizing: border-box !important;\r\n        padding: 20px !important;\r\n    }\r\n\r\n    .salon-modal-content {\r\n        background-color: #000000 !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n        max-width: 1050px !important;\r\n        width: 100% !important;\r\n        max-height: 90vh !important;\r\n        position: relative !important;\r\n        box-sizing: border-box !important;\r\n        transform: scale(0.95);\r\n        transition: transform 0.3s ease !important;\r\n        overflow-y: auto !important;\r\n    }\r\n\r\n    .salon-close-btn {\r\n        position: absolute !important;\r\n        top: 20px !important;\r\n        right: 25px !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        color: #888888 !important;\r\n        font-size: 38px !important;\r\n        cursor: pointer !important;\r\n        transition: color 0.3s ease !important;\r\n        line-height: 1 !important;\r\n        z-index: 10 !important;\r\n    }\r\n\r\n    .salon-close-btn:hover {\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .editorial-modal-scrollable {\r\n        max-height: 42vh !important;\r\n        overflow-y: auto !important;\r\n        padding-right: 12px !important;\r\n    }\r\n\r\n    .editorial-modal-scrollable::-webkit-scrollbar {\r\n        width: 3px !important;\r\n    }\r\n    .editorial-modal-scrollable::-webkit-scrollbar-track {\r\n        background: rgba(255, 255, 255, 0.02) !important;\r\n    }\r\n    .editorial-modal-scrollable::-webkit-scrollbar-thumb {\r\n        background: #cb8c00 !important;\r\n    }\r\n\r\n    @media (max-width: 991px) {\r\n        .editorial-container {\r\n            flex-direction: column !important;\r\n            gap: 30px !important;\r\n        }\r\n        .editorial-visual-side, .editorial-content-side {\r\n            width: 100% !important;\r\n            position: relative !important;\r\n        }\r\n        .editorial-bg-block {\r\n            display: none !important;\r\n        }\r\n        .editorial-image-frame {\r\n            width: 100% !important;\r\n            height: 320px !important;\r\n            margin: 0 !important;\r\n        }\r\n        .editorial-titulo {\r\n            font-size: 32px !important;\r\n        }\r\n        .contenedor-boton-era {\r\n            text-align: center !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .salon-menu-container {\r\n            flex-direction: column !important;\r\n            gap: 40px !important;\r\n        }\r\n        .editorial-servicio-wrapper {\r\n            padding: 40px 4% !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        var modales = document.querySelectorAll('.salon-modal');\r\n        modales.forEach(function(modal) {\r\n            document.body.appendChild(modal);\r\n        });\r\n    });\r\n\r\n    function openSalonModal(modalId) {\r\n        const modal = document.getElementById(modalId);\r\n        if (modal) {\r\n            modal.style.display = 'flex';\r\n            setTimeout(() => {\r\n                modal.querySelector('.salon-modal-content').style.transform = 'scale(1)';\r\n            }, 10);\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n    }\r\n\r\n    function closeSalonModal(modalId) {\r\n        const modal = document.getElementById(modalId);\r\n        if (modal) {\r\n            modal.querySelector('.salon-modal-content').style.transform = 'scale(0.95)';\r\n            setTimeout(() => {\r\n                modal.style.display = 'none';\r\n            }, 200);\r\n            document.body.style.overflow = 'auto';\r\n        }\r\n    }\r\n\r\n    function closeSalonModalOnLayout(event) {\r\n        if (event.target.classList.contains('salon-modal')) {\r\n            closeSalonModal(event.target.id);\r\n        }\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-76f7b4e e-flex e-con-boxed e-con e-parent\" data-id=\"76f7b4e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80cefc4 elementor-widget elementor-widget-html\" data-id=\"80cefc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N INSTALACIONES ESTILO EDITORIAL GENARO CON LIGHTBOX -->\r\n<div class=\"genaro-espacios-wrapper\">\r\n    <div class=\"genaro-espacios-container\">\r\n        \r\n        <!-- ENCABEZADO EDITORIAL COMPLETO -->\r\n        <div class=\"espacios-header font-vietnam\">\r\n            <h2 class=\"editorial-titulo font-giflika\">\r\n                NUESTRAS INSTALACIONES\r\n            <\/h2>\r\n            <p class=\"espacios-subtitulo\">\r\n                Dise\u00f1o, confort y arquitectura pensados para tu experiencia.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- MOSAICO EDITORIAL SIN ESPACIOS VAC\u00cdOS -->\r\n        <div class=\"espacios-grid\">\r\n            \r\n            <!-- 1. Recepci\u00f3n (Horizontal superior) -->\r\n            <div class=\"grid-item item-wide\" onclick=\"openGalleryModal('https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OKRecepcion-horizontal.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OKRecepcion-horizontal.png\" alt=\"Recepci\u00f3n Genaro Mart\u00ednez\">\r\n            <\/div>\r\n\r\n            <!-- 2. \u00c1rea General \/ Espejos (Cuadrado central) -->\r\n            <div class=\"grid-item\" onclick=\"openGalleryModal('https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OK-a3727496-0420-4487-9188-69bc19d68c1b.jpg')\">\r\n                <img decoding=\"async\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OK-a3727496-0420-4487-9188-69bc19d68c1b.jpg\" alt=\"Instalaciones Genaro Mart\u00ednez\">\r\n            <\/div>\r\n\r\n            <!-- 3. Sala de Espera (Cuadrado central) -->\r\n            <div class=\"grid-item\" onclick=\"openGalleryModal('https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OK-Sala.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OK-Sala.png\" alt=\"Sala Genaro Mart\u00ednez\">\r\n            <\/div>\r\n\r\n            <!-- 4. \u00c1rea de Pedicure (Horizontal inferior) -->\r\n            <div class=\"grid-item item-wide\" onclick=\"openGalleryModal('https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OK-Area-de-pedi.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OK-Area-de-pedi.png\" alt=\"\u00c1rea de Pedicure Genaro Mart\u00ednez\">\r\n            <\/div>\r\n\r\n            <!-- 5. Escaleras (Vertical Alta que cierra la columna derecha hasta el final) -->\r\n            <div class=\"grid-item grid-escaleras\" onclick=\"openGalleryModal('https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OK-Escaleras.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/07\/OK-Escaleras.png\" alt=\"Escaleras Genaro Mart\u00ednez\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- MODAL \/ LIGHTBOX PARA AMPLIAR FOTOS -->\r\n<div id=\"genaro-lightbox-modal\" class=\"gallery-lightbox\" onclick=\"closeGalleryModal(event)\">\r\n    <button class=\"gallery-close-btn\" onclick=\"closeGalleryModalDirect()\">&times;<\/button>\r\n    <div class=\"lightbox-content\">\r\n        <img decoding=\"async\" id=\"lightbox-target-img\" src=\"\" alt=\"Instalaciones Genaro Ampliada\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- ESTRUCTURA GENERAL DE LA SECCI\u00d3N --- *\/\r\n    .genaro-espacios-wrapper {\r\n        width: 100% !important;\r\n        background-color: #000000 !important;\r\n        padding: 90px 4% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .genaro-espacios-container {\r\n        max-width: 1100px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    \/* --- ENCABEZADO EDITORIAL --- *\/\r\n    .espacios-header {\r\n        text-align: center !important;\r\n        margin-bottom: 50px !important;\r\n    }\r\n\r\n    .espacios-header .editorial-titulo {\r\n        background: linear-gradient(135deg, #cb8c00 0%, #ffbf00 50%, #cb8c00 100%) !important;\r\n        -webkit-background-clip: text !important;\r\n        background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n        font-size: 42px !important;\r\n        font-weight: 400 !important;\r\n        line-height: 1.1 !important;\r\n        letter-spacing: 1px !important;\r\n        margin: 0 0 15px 0 !important;\r\n    }\r\n\r\n    .espacios-subtitulo {\r\n        color: rgba(255, 255, 255, 0.6) !important;\r\n        font-size: 14px !important;\r\n        font-weight: 300 !important;\r\n        max-width: 500px !important;\r\n        margin: 0 auto !important;\r\n        line-height: 1.5 !important;\r\n        letter-spacing: 0.5px !important;\r\n    }\r\n\r\n    \/* --- LAYOUT DEL MOSAICO PERFECTO SIN HUECOS --- *\/\r\n    .espacios-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        grid-template-rows: repeat(3, 200px) !important;\r\n        gap: 16px !important;\r\n    }\r\n\r\n    \/* ELEMENTOS INDIVIDUALES *\/\r\n    .grid-item {\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n        background-color: #050505 !important;\r\n        cursor: pointer !important;\r\n    }\r\n\r\n    .grid-item img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        filter: grayscale(15%) !important;\r\n        transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), filter 0.6s ease !important;\r\n    }\r\n\r\n    .grid-item:hover img {\r\n        transform: scale(1.03) !important;\r\n        filter: grayscale(0%) !important;\r\n    }\r\n\r\n    \/* FORMATOS Y ENCAJES EXACTOS *\/\r\n    .item-wide {\r\n        grid-column: span 2 !important;\r\n    }\r\n\r\n    .grid-escaleras {\r\n        grid-column: 3 !important;\r\n        grid-row: 1 \/ span 3 !important; \/* Cubre toda la altura de la columna derecha *\/\r\n    }\r\n\r\n    \/* --- LIGHTBOX (VENTANA EMERGENTE) --- *\/\r\n    .gallery-lightbox {\r\n        display: none;\r\n        position: fixed !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100vw !important;\r\n        height: 100vh !important;\r\n        background-color: rgba(0, 0, 0, 0.94) !important;\r\n        backdrop-filter: blur(10px) !important;\r\n        -webkit-backdrop-filter: blur(10px) !important;\r\n        z-index: 999999999 !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        padding: 40px !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .lightbox-content {\r\n        max-width: 90vw !important;\r\n        max-height: 85vh !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    .lightbox-content img {\r\n        max-width: 100% !important;\r\n        max-height: 85vh !important;\r\n        object-fit: contain !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.8) !important;\r\n    }\r\n\r\n    .gallery-close-btn {\r\n        position: absolute !important;\r\n        top: 25px !important;\r\n        right: 30px !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        color: #ffffff !important;\r\n        font-size: 42px !important;\r\n        cursor: pointer !important;\r\n        line-height: 1 !important;\r\n        z-index: 10 !important;\r\n        transition: opacity 0.3s ease !important;\r\n    }\r\n\r\n    .gallery-close-btn:hover {\r\n        opacity: 0.7 !important;\r\n    }\r\n\r\n    \/* --- RESPONSIVO M\u00d3VIL Y TABLET --- *\/\r\n    @media (max-width: 991px) {\r\n        .espacios-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            grid-template-rows: auto !important;\r\n            grid-auto-rows: 240px !important;\r\n        }\r\n        .grid-escaleras {\r\n            grid-column: span 1 !important;\r\n            grid-row: span 2 !important;\r\n        }\r\n        .item-wide {\r\n            grid-column: span 2 !important;\r\n        }\r\n        .espacios-header .editorial-titulo {\r\n            font-size: 32px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .espacios-grid {\r\n            grid-template-columns: 1fr !important;\r\n            grid-auto-rows: 260px !important;\r\n            gap: 12px !important;\r\n        }\r\n        .grid-escaleras, .item-wide {\r\n            grid-column: span 1 !important;\r\n            grid-row: span 1 !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        var modalLightbox = document.getElementById('genaro-lightbox-modal');\r\n        if(modalLightbox) {\r\n            document.body.appendChild(modalLightbox);\r\n        }\r\n    });\r\n\r\n    function openGalleryModal(imgUrl) {\r\n        const modal = document.getElementById('genaro-lightbox-modal');\r\n        const targetImg = document.getElementById('lightbox-target-img');\r\n        if (modal && targetImg) {\r\n            targetImg.src = imgUrl;\r\n            modal.style.display = 'flex';\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n    }\r\n\r\n    function closeGalleryModalDirect() {\r\n        const modal = document.getElementById('genaro-lightbox-modal');\r\n        if (modal) {\r\n            modal.style.display = 'none';\r\n            document.body.style.overflow = 'auto';\r\n        }\r\n    }\r\n\r\n    function closeGalleryModal(event) {\r\n        if (event.target.id === 'genaro-lightbox-modal') {\r\n            closeGalleryModalDirect();\r\n        }\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-0bc0428 e-flex e-con-boxed e-con e-parent\" data-id=\"0bc0428\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-168a8ac elementor-widget elementor-widget-html\" data-id=\"168a8ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"genaro-feed-wrapper\">\r\n    <div class=\"genaro-feed-container\">\r\n        \r\n        <!-- CABECERA DE LA SECCI\u00d3N -->\r\n        <div class=\"genaro-feed-header\">\r\n            <h2 class=\"genaro-title font-giflika\">S\u00cdGUENOS EN INSTAGRAM<\/h2>\r\n            <p class=\"genaro-subtitle font-vietnam\">@bygenaromartinezsalones<\/p>\r\n        <\/div>\r\n\r\n        <!-- CONTENEDOR DEL WIDGET -->\r\n        <div class=\"genaro-widget-frame\">\r\n            <div class=\"sk-ww-instagram-reels\" data-embed-id=\"25699103\"><\/div>\r\n            <script src=\"https:\/\/widgets.sociablekit.com\/instagram-reels\/widget.js\" defer><\/script>\r\n        <\/div>\r\n\r\n        <!-- BOT\u00d3N CON EL ESTILO OFICIAL DEL SITIO -->\r\n        <div class=\"contenedor-boton-era\">\r\n            <a href=\"https:\/\/www.instagram.com\/bygenaromartinezsalones\/\" target=\"_blank\" class=\"boton-era\">\r\n                Ir a Instagram <span class=\"linea-punto\"><\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* CONTENEDOR PRINCIPAL DE LA SECCI\u00d3N *\/\r\n    .genaro-feed-wrapper {\r\n        width: 100% !important;\r\n        background-color: #000000 !important;\r\n        padding: 80px 4% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .genaro-feed-container {\r\n        max-width: 1200px !important;\r\n        margin: 0 auto !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* FUENTES DE LA MARCA *\/\r\n    .font-vietnam { font-family: 'Be Vietnam Pro', sans-serif !important; }\r\n    .font-giflika { font-family: 'Giflika', 'Giflika Regular', sans-serif !important; }\r\n\r\n    \/* ENCABEZADO EDITORIAL *\/\r\n    .genaro-feed-header {\r\n        text-align: center !important;\r\n        margin-bottom: 40px !important;\r\n    }\r\n\r\n    .genaro-title {\r\n        background: linear-gradient(135deg, #cb8c00 0%, #ffbf00 50%, #cb8c00 100%) !important;\r\n        -webkit-background-clip: text !important;\r\n        background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n        font-size: 38px !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 2px !important;\r\n        text-transform: uppercase !important;\r\n        margin: 0 0 8px 0 !important;\r\n        line-height: 1.1 !important;\r\n    }\r\n\r\n    .genaro-subtitle {\r\n        color: rgba(255, 255, 255, 0.8) !important;\r\n        font-size: 15px !important;\r\n        font-weight: 300 !important;\r\n        letter-spacing: 1.5px !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    \/* CONTENEDOR SIN BORDE BLANCO *\/\r\n    .genaro-widget-frame {\r\n        width: 100% !important;\r\n        border: none !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        background-color: #000000 !important;\r\n    }\r\n\r\n    \/* FORZAR COLOR BLANCO EN TODOS LOS TEXTOS E INTERFACES INYECTADAS POR SOCIABLEKIT *\/\r\n    .sk-ww-instagram-reels,\r\n    .sk-ww-instagram-reels *,\r\n    .sk_instagram_reels_element,\r\n    .sk_instagram_reels_item,\r\n    .sk-pop-feed-title,\r\n    .sk-pop-feed-description {\r\n        background-color: transparent !important;\r\n        color: #ffffff !important;\r\n        font-family: 'Be Vietnam Pro', sans-serif !important;\r\n    }\r\n\r\n    \/* SOBREESCRIBIR TEXTOS OSCUROS O GRISES INTERNOS DEL WIDGET *\/\r\n    .sk-ww-instagram-reels p,\r\n    .sk-ww-instagram-reels span,\r\n    .sk-ww-instagram-reels a,\r\n    .sk-ww-instagram-reels div {\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    \/* OCULTAR CR\u00c9DITOS O LOGOS DEL WIDGET SI APARECEN *\/\r\n    .sk-ww-instagram-reels .sk-branding,\r\n    .sk-ww-instagram-reels .sociablekit-credit {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* BOT\u00d3N ERA OFICIAL *\/\r\n    .contenedor-boton-era {\r\n        text-align: center !important;\r\n        margin-top: 40px !important;\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    .boton-era {\r\n        font-family: 'Be Vietnam Pro', sans-serif !important;\r\n        color: #ffffff !important;\r\n        text-decoration: none !important;\r\n        font-size: 16px !important;\r\n        font-weight: 400 !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.4) !important;\r\n        border-radius: 50px !important;\r\n        padding: 12px 35px !important;\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        background-color: transparent !important;\r\n        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .boton-era .linea-punto {\r\n        display: inline-block !important;\r\n        width: 30px !important;\r\n        height: 1px !important;\r\n        background-color: #ffffff !important;\r\n        margin-left: 15px !important;\r\n        position: relative !important;\r\n        transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .boton-era .linea-punto::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        right: 0 !important;\r\n        top: -2px !important;\r\n        width: 5px !important;\r\n        height: 5px !important;\r\n        background-color: #ffffff !important;\r\n        border-radius: 50% !important;\r\n        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .boton-era:hover {\r\n        border-color: #cb8c00 !important;\r\n        background-color: rgba(203, 140, 0, 0.08) !important;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .boton-era:hover .linea-punto {\r\n        width: 55px !important;\r\n        background-color: #cb8c00 !important;\r\n    }\r\n\r\n    .boton-era:hover .linea-punto::after {\r\n        background-color: #cb8c00 !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .genaro-feed-wrapper {\r\n            padding: 50px 4% !important;\r\n        }\r\n\r\n        .genaro-title {\r\n            font-size: 28px !important;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-ce9723e elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"ce9723e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-7dacaa6 e-con-full e-flex e-con e-child\" data-id=\"7dacaa6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6230f4c elementor-widget elementor-widget-html\" data-id=\"6230f4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contenedor-mapa-elementor\">\r\n    <!-- MAPA IFRAME EN ESCALA DE GRISES -->\r\n    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3370.4256330182866!2d-89.61877942528594!3d21.015010888251794!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8f5676a4ba7e8fcb%3A0xcb5f516a1a4aaf5!2sBy%20Genaro%20Martinez%20Salones!5e1!3m2!1ses!2smx!4v1779220607381!5m2!1ses!2smx\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n    \r\n    <!-- PIN DORADO LUXURY SUPERPUESTO -->\r\n    <div class=\"pin-dorado-overlay\">\r\n        <svg width=\"42\" height=\"54\" viewBox=\"0 0 24 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 0C5.37 0 0 5.37 0 12C0 21 12 32 12 32C12 32 24 21 24 12C24 5.37 18.63 0 12 0ZM12 16C9.79 16 8 14.21 8 12C8 9.79 9.79 8 12 8C14.21 8 16 9.79 16 12C16 14.21 14.21 16 12 16Z\" fill=\"url(#gold-gradient-map)\"\/>\r\n            <defs>\r\n                <linearGradient id=\"gold-gradient-map\" x1=\"0\" y1=\"0\" x2=\"24\" y2=\"32\" gradientUnits=\"userSpaceOnUse\">\r\n                    <stop offset=\"0%\" stop-color=\"#cb8c00\" \/>\r\n                    <stop offset=\"50%\" stop-color=\"#ffbf00\" \/>\r\n                    <stop offset=\"100%\" stop-color=\"#cb8c00\" \/>\r\n                <\/linearGradient>\r\n            <\/defs>\r\n        <\/svg>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Se adapta al 100% de la columna de Elementor sin desbordarse *\/\r\n.contenedor-mapa-elementor {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 550px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: hidden !important;\r\n    display: block !important;\r\n}\r\n\r\n.contenedor-mapa-elementor iframe {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    \/* Estilo oscuro luxury para el mapa *\/\r\n    filter: grayscale(1) invert(1) contrast(1.2) brightness(0.8) !important;\r\n}\r\n\r\n\/* PIN DORADO POSICIONADO AL CENTRO EXACTO *\/\r\n.pin-dorado-overlay {\r\n    position: absolute !important;\r\n    top: 50% !important;\r\n    left: 50% !important;\r\n    transform: translate(-50%, -100%) !important;\r\n    pointer-events: none !important;\r\n    z-index: 10 !important;\r\n    filter: drop-shadow(0px 8px 15px rgba(0,0,0,0.9)) !important;\r\n}\r\n\r\n\/* Ajuste de altura en m\u00f3viles *\/\r\n@media (max-width: 768px) {\r\n    .contenedor-mapa-elementor {\r\n        height: 350px !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-037b11e e-con-full e-flex e-con e-child\" data-id=\"037b11e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f6507d elementor-widget elementor-widget-html\" data-id=\"9f6507d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"seccion-visitanos-clean\" style=\"background-color: #000000 !important; width: 100% !important; padding: 80px 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important;\">\r\n    \r\n    <div class=\"contenido-visitanos-premium\" style=\"max-width: 440px !important; width: 100% !important; text-align: center !important;\">\r\n        \r\n        <!-- T\u00cdTULO EN GIFLIKA -->\r\n        <h2 style=\"font-family: 'Giflika', 'Giflika Regular', sans-serif !important; font-size: 38px !important; font-weight: 400 !important; letter-spacing: 5px !important; color: #cb8c00 !important; margin: 0 0 35px 0 !important; text-transform: uppercase !important;\">\r\n            VIS\u00cdTANOS\r\n        <\/h2>\r\n        \r\n        <!-- TEXTOS EN BE VIETNAM PRO -->\r\n        <p style=\"font-family: 'Be Vietnam Pro', sans-serif !important; color: #ffffff !important; font-size: 15px !important; font-weight: 300 !important; line-height: 1.8 !important; letter-spacing: 1px !important; margin: 0 0 25px 0 !important;\">\r\n            Av Campestre entre calle 1C y 1D, Colonia Campestre,<br>\r\n            97120 M\u00e9rida, Yuc.\r\n        <\/p>\r\n        \r\n        <p style=\"font-family: 'Be Vietnam Pro', sans-serif !important; color: #ffffff !important; font-size: 15px !important; font-weight: 300 !important; line-height: 1.8 !important; letter-spacing: 1px !important; margin: 0 0 35px 0 !important;\">\r\n            Lunes a Viernes | 8:00 am a 8:00 pm\r\n        <\/p>\r\n        \r\n        <!-- CONTENEDOR DE TU BOT\u00d3N ERA CON LINK ACTUALIZADO -->\r\n        <div class=\"contenedor-boton-luxury\">\r\n            <a href=\"https:\/\/maps.app.goo.gl\/wTXN7KebQ3ErHMAd9\" target=\"_blank\" class=\"boton-era\">\r\n                C\u00f3mo llegar <span class=\"linea-punto\"><\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- ANIMACI\u00d3N REVEAL DE LUJO EN ENTRADA --- *\/\r\n.contenido-visitanos-premium {\r\n    opacity: 0;\r\n    transform: translate3d(0, 45px, 0);\r\n    animation: revealLuxury 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;\r\n}\r\n\r\n\/* --- CLASES DE TU BOT\u00d3N ERA --- *\/\r\n.contenedor-boton-luxury {\r\n    text-align: center !important;\r\n    margin-top: 40px !important;\r\n}\r\n\r\n.boton-era {\r\n    font-family: 'Be Vietnam Pro', sans-serif !important;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 18px !important;\r\n    font-weight: 400 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.4) !important;\r\n    border-radius: 50px !important;\r\n    padding: 12px 35px !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    background-color: transparent !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.boton-era .linea-punto {\r\n    display: inline-block !important;\r\n    width: 30px !important;\r\n    height: 1px !important;\r\n    background-color: #ffffff !important;\r\n    margin-left: 15px !important;\r\n    position: relative !important;\r\n    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.boton-era .linea-punto::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    right: 0 !important;\r\n    top: -2px !important;\r\n    width: 5px !important;\r\n    height: 5px !important;\r\n    background-color: #ffffff !important;\r\n    border-radius: 50% !important;\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* --- HOVER PREMIUM DEL BOT\u00d3N --- *\/\r\n.boton-era:hover {\r\n    border-color: #ffffff !important;\r\n    background-color: rgba(255, 255, 255, 0.05) !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n.boton-era:hover .linea-punto {\r\n    width: 55px !important;\r\n}\r\n\r\n\/* --- KEYFRAMES --- *\/\r\n@keyframes revealLuxury {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translate3d(0, 45px, 0);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translate3d(0, 0, 0);\r\n    }\r\n}\r\n\r\n\/* RESPONSIVO AJUSTE *\/\r\n@media (max-width: 768px) {\r\n    .titulo-luxury {\r\n        font-size: 32px !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-a918982 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"a918982\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-5d6be4c e-con-full e-flex e-con e-child\" data-id=\"5d6be4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91e6f82 elementor-widget elementor-widget-html\" data-id=\"91e6f82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"seccion-visitanos-clean\" style=\"background-color: #000000 !important; width: 100% !important; padding: 80px 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important;\">\r\n    \r\n    <div class=\"contenido-visitanos-premium\" style=\"max-width: 440px !important; width: 100% !important; text-align: center !important;\">\r\n        \r\n        <!-- T\u00cdTULO EN GIFLIKA -->\r\n        <h2 style=\"font-family: 'Giflika', 'Giflika Regular', sans-serif !important; font-size: 38px !important; font-weight: 400 !important; letter-spacing: 5px !important; color: #cb8c00 !important; margin: 0 0 35px 0 !important; text-transform: uppercase !important;\">\r\n            VIS\u00cdTANOS\r\n        <\/h2>\r\n        \r\n        <!-- TEXTOS EN BE VIETNAM PRO -->\r\n        <p style=\"font-family: 'Be Vietnam Pro', sans-serif !important; color: #ffffff !important; font-size: 15px !important; font-weight: 300 !important; line-height: 1.8 !important; letter-spacing: 1px !important; margin: 0 0 25px 0 !important;\">\r\n            Av Campestre entre calle 1C y 1D, Colonia Campestre,<br>\r\n            97120 M\u00e9rida, Yuc.\r\n        <\/p>\r\n        \r\n        <p style=\"font-family: 'Be Vietnam Pro', sans-serif !important; color: #ffffff !important; font-size: 15px !important; font-weight: 300 !important; line-height: 1.8 !important; letter-spacing: 1px !important; margin: 0 0 35px 0 !important;\">\r\n            Lunes a Viernes | 8:00 am a 8:00 pm\r\n        <\/p>\r\n        \r\n        <!-- CONTENEDOR DE TU BOT\u00d3N ERA CON LINK ACTUALIZADO -->\r\n        <div class=\"contenedor-boton-luxury\">\r\n            <a href=\"https:\/\/maps.app.goo.gl\/wTXN7KebQ3ErHMAd9\" target=\"_blank\" class=\"boton-era\">\r\n                C\u00f3mo llegar <span class=\"linea-punto\"><\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- ANIMACI\u00d3N REVEAL DE LUJO EN ENTRADA --- *\/\r\n.contenido-visitanos-premium {\r\n    opacity: 0;\r\n    transform: translate3d(0, 45px, 0);\r\n    animation: revealLuxury 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;\r\n}\r\n\r\n\/* --- CLASES DE TU BOT\u00d3N ERA --- *\/\r\n.contenedor-boton-luxury {\r\n    text-align: center !important;\r\n    margin-top: 40px !important;\r\n}\r\n\r\n.boton-era {\r\n    font-family: 'Be Vietnam Pro', sans-serif !important;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 18px !important;\r\n    font-weight: 400 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.4) !important;\r\n    border-radius: 50px !important;\r\n    padding: 12px 35px !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    background-color: transparent !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.boton-era .linea-punto {\r\n    display: inline-block !important;\r\n    width: 30px !important;\r\n    height: 1px !important;\r\n    background-color: #ffffff !important;\r\n    margin-left: 15px !important;\r\n    position: relative !important;\r\n    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.boton-era .linea-punto::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    right: 0 !important;\r\n    top: -2px !important;\r\n    width: 5px !important;\r\n    height: 5px !important;\r\n    background-color: #ffffff !important;\r\n    border-radius: 50% !important;\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* --- HOVER PREMIUM DEL BOT\u00d3N --- *\/\r\n.boton-era:hover {\r\n    border-color: #ffffff !important;\r\n    background-color: rgba(255, 255, 255, 0.05) !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n.boton-era:hover .linea-punto {\r\n    width: 55px !important;\r\n}\r\n\r\n\/* --- KEYFRAMES --- *\/\r\n@keyframes revealLuxury {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translate3d(0, 45px, 0);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translate3d(0, 0, 0);\r\n    }\r\n}\r\n\r\n\/* RESPONSIVO AJUSTE *\/\r\n@media (max-width: 768px) {\r\n    .titulo-luxury {\r\n        font-size: 32px !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-ff22dd0 e-con-full e-flex e-con e-child\" data-id=\"ff22dd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6d91ec elementor-widget elementor-widget-html\" data-id=\"f6d91ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contenedor-mapa-elementor\">\r\n    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3370.4256330182866!2d-89.61877942528594!3d21.015010888251794!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8f5676a4ba7e8fcb%3A0xcb5f516a1a4aaf5!2sBy%20Genaro%20Martinez%20Salones!5e1!3m2!1ses!2smx!4v1779220607381!5m2!1ses!2smx\" style=\"border:0; width:100%; height:100%;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n<\/div>\r\n\r\n<style>\r\n\/* Se adapta al 100% de la columna de Elementor sin desbordarse *\/\r\n.contenedor-mapa-elementor {\r\n    width: 100% !important;\r\n    height: 550px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: hidden !important;\r\n    display: block !important;\r\n}\r\n\r\n.contenedor-mapa-elementor iframe {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    \/* Estilo oscuro luxury *\/\r\n    filter: grayscale(1) invert(1) contrast(1.2) brightness(0.8) !important;\r\n}\r\n\r\n\/* Ajuste de altura en m\u00f3viles *\/\r\n@media (max-width: 768px) {\r\n    .contenedor-mapa-elementor {\r\n        height: 350px !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-83eb8d4 e-flex e-con-boxed e-con e-parent\" data-id=\"83eb8d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-736994d elementor-widget elementor-widget-html\" data-id=\"736994d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@300;400;500&display=swap\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<footer class=\"footer-luxury-genaro\">\r\n    <div class=\"contenedor-footer-grid\">\r\n        \r\n        <div class=\"columna-footer-item bloque-logo-placeholder\">\r\n            <div class=\"logo-placeholder-content\">\r\n                <img decoding=\"async\" src=\"https:\/\/genaromartinezsalones.com\/wp-content\/uploads\/2026\/05\/El-Inicio-de-una-nueva-Era-8.png\" alt=\"Logo\" class=\"logo-imagen-src\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"columna-footer-item bloque-direccion\">\r\n            <p>Av Campestre entre calle 1C y 1D,<br>Colonia Campestre, 97120 M\u00e9rida, Yuc.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"columna-footer-item bloque-contacto\">\r\n            <a href=\"https:\/\/wa.me\/529993381841\" target=\"_blank\" class=\"link-contacto-gold\">9993381841<\/a>\r\n            <a href=\"mailto:g.martinezsalon@gmail.com\" class=\"link-contacto-mail\">g.martinezsalon@gmail.com<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"columna-footer-item bloque-sociales\">\r\n            <div class=\"wrapper-iconos-sociales\">\r\n                <a href=\"http:\/\/facebook.com\/genaromartinezsalones\" target=\"_blank\" class=\"icono-social-circle\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                <a href=\"https:\/\/www.instagram.com\/genaro_martinezoficial?igsh=MWZ0MWJkM3BmejFxZw==\" target=\"_blank\" class=\"icono-social-circle\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                <a href=\"https:\/\/wa.me\/529993381841\" target=\"_blank\" class=\"icono-social-circle\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"columna-footer-item bloque-legal\">\r\n            <a href=\"\/aviso-de-privacidad\" class=\"link-legal\">Aviso de privacidad<\/a>\r\n            <span class=\"txt-creditos\">Sitio by e-Blueberry<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n\/* --- BASE DEL FOOTER LUXURY BLACK --- *\/\r\n.footer-luxury-genaro {\r\n    background-color: #000000 !important;\r\n    padding: 60px 4% !important;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* GRID DE 5 COLUMNAS FLUIDO *\/\r\n.contenedor-footer-grid {\r\n    display: grid !important;\r\n    grid-template-columns: 1.2fr 1.5fr 1.2fr 1fr 1.2fr !important;\r\n    gap: 30px !important;\r\n    align-items: center !important;\r\n    max-width: 1300px !important;\r\n    margin: 0 auto !important;\r\n}\r\n\r\n.columna-footer-item {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: center !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* --- COLUMNA 1: LOGO --- *\/\r\n.logo-placeholder-content {\r\n    display: flex !important;\r\n    align-items: flex-start !important;\r\n    justify-content: center !important;\r\n    width: 100% !important;\r\n}\r\n\r\n.logo-imagen-src {\r\n    max-width: 160px !important;\r\n    height: auto !important;\r\n    display: block !important;\r\n}\r\n\r\n\/* --- COLUMNA 2: DIRECCI\u00d3N --- *\/\r\n.bloque-direccion p {\r\n    font-family: 'Be Vietnam Pro', sans-serif !important;\r\n    color: #ffffff !important;\r\n    font-size: 14px !important;\r\n    font-weight: 300 !important;\r\n    line-height: 1.8 !important;\r\n    letter-spacing: 0.5px !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* --- COLUMNA 3: CONTACTO --- *\/\r\n.bloque-contacto a {\r\n    font-family: 'Be Vietnam Pro', sans-serif !important;\r\n    font-size: 14px !important;\r\n    text-decoration: none !important;\r\n    margin-bottom: 6px !important;\r\n    width: fit-content !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n.link-contacto-gold {\r\n    color: #cb8c00 !important; \r\n    font-weight: 400 !important;\r\n    transition: color 0.3s ease !important;\r\n}\r\n.link-contacto-gold:hover {\r\n    color: #ffbf00 !important;\r\n}\r\n.link-contacto-mail {\r\n    color: #ffffff !important;\r\n    font-weight: 300 !important;\r\n    opacity: 0.9 !important;\r\n}\r\n\r\n\/* --- COLUMNA 4: REDES --- *\/\r\n.bloque-sociales {\r\n    align-items: center !important;\r\n}\r\n.wrapper-iconos-sociales {\r\n    display: flex !important;\r\n    gap: 14px !important;\r\n}\r\n.icono-social-circle {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    width: 34px !important;\r\n    height: 34px !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.4) !important;\r\n    border-radius: 50% !important;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 13px !important;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n.icono-social-circle:hover {\r\n    border-color: #cb8c00 !important;\r\n    color: #cb8c00 !important;\r\n    background-color: rgba(255, 255, 255, 0.02) !important;\r\n    transform: scale3d(1.05, 1.05, 1.05) !important;\r\n}\r\n\r\n\/* --- COLUMNA 5: LEGAL \/ CR\u00c9DITOS --- *\/\r\n.bloque-legal {\r\n    text-align: right !important;\r\n    align-items: flex-end !important;\r\n}\r\n.bloque-legal a, .bloque-legal span {\r\n    font-family: 'Be Vietnam Pro', sans-serif !important;\r\n    font-size: 13px !important;\r\n    color: #666666 !important;\r\n    font-weight: 300 !important;\r\n    text-decoration: none !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n.link-legal {\r\n    margin-bottom: 6px !important;\r\n    transition: color 0.3s ease !important;\r\n}\r\n.link-legal:hover {\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* --- RESPONSIVO --- *\/\r\n@media (max-width: 991px) {\r\n    .contenedor-footer-grid {\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 40px 20px !important;\r\n    }\r\n    .bloque-legal {\r\n        text-align: left !important;\r\n        align-items: flex-start !important;\r\n    }\r\n    .bloque-sociales {\r\n        align-items: flex-start !important;\r\n    }\r\n    .logo-placeholder-content {\r\n        justify-content: flex-start !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .contenedor-footer-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 35px !important;\r\n        text-align: center !important;\r\n    }\r\n    \/* AJUSTE CR\u00cdTICO: Fuerza el centrado horizontal del logo en m\u00f3viles *\/\r\n    .logo-placeholder-content {\r\n        justify-content: center !important;\r\n        text-align: center !important;\r\n    }\r\n    .bloque-legal, .bloque-sociales {\r\n        text-align: center !important;\r\n        align-items: center !important;\r\n    }\r\n    .bloque-contacto a {\r\n        margin: 0 auto 6px auto !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-2686a44 e-flex e-con-boxed e-con e-parent\" data-id=\"2686a44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35dbf28 elementor-widget elementor-widget-html\" data-id=\"35dbf28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/api.whatsapp.com\/send\/?phone=529993381841&text=%C2%A1Hola%21+Vengo+desde+tu+sitio+web\" target=\"_blank\" class=\"whatsapp-flotante-master\" id=\"wa-flotante-genaro\" aria-label=\"Contacto por WhatsApp\">\r\n    <div class=\"whatsapp-pulso-premium\"><\/div>\r\n    <i class=\"fab fa-whatsapp icono-wa-premium\"><\/i>\r\n<\/a>\r\n\r\n<style>\r\n\/* --- FORZADO FIJO GLOBAL ABSOLUTO --- *\/\r\n.whatsapp-flotante-master {\r\n    position: fixed !important;\r\n    bottom: 30px !important;\r\n    right: 30px !important;\r\n    width: 56px !important;\r\n    height: 56px !important;\r\n    background-color: rgba(13, 13, 13, 0.7) !important;\r\n    border: 1px solid #cb8c00 !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    text-decoration: none !important;\r\n    z-index: 99999999 !important; \/* Prioridad m\u00e1xima por encima de cualquier capa o pop-up *\/\r\n    box-sizing: border-box !important;\r\n    backdrop-filter: blur(8px) !important;\r\n    -webkit-backdrop-filter: blur(8px) !important;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    \r\n    \/* Evita que contenedores padre con transform rompan la propiedad fixed *\/\r\n    transform: none !important; \r\n}\r\n\r\n.whatsapp-flotante-master .icono-wa-premium {\r\n    color: #cb8c00 !important;\r\n    font-size: 26px !important;\r\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n.whatsapp-pulso-premium {\r\n    position: absolute !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    border: 1px solid rgba(203, 140, 0, 0.5) !important;\r\n    border-radius: 50% !important;\r\n    left: 0 !important;\r\n    top: 0 !important;\r\n    z-index: 1 !important;\r\n    box-sizing: border-box !important;\r\n    animation: pulsoLuxuryMaster 2.5s infinite ease-in-out !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.whatsapp-flotante-master:hover {\r\n    background-color: #cb8c00 !important;\r\n    border-color: #cb8c00 !important;\r\n    box-shadow: 0 10px 30px rgba(203, 140, 0, 0.4) !important;\r\n    transform: translateY(-5px) !important;\r\n}\r\n\r\n.whatsapp-flotante-master:hover .icono-wa-premium {\r\n    color: #ffffff !important;\r\n    transform: scale(1.05) !important;\r\n}\r\n\r\n@keyframes pulsoLuxuryMaster {\r\n    0% {\r\n        transform: scale(1);\r\n        opacity: 0.8;\r\n    }\r\n    100% {\r\n        transform: scale(1.45);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .whatsapp-flotante-master {\r\n        bottom: 25px !important;\r\n        right: 25px !important;\r\n        width: 52px !important;\r\n        height: 52px !important;\r\n    }\r\n    \r\n    .whatsapp-flotante-master .icono-wa-premium {\r\n        font-size: 24px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    var waBtn = document.getElementById(\"wa-flotante-genaro\");\r\n    if (waBtn) {\r\n        \/\/ Saca el bot\u00f3n de la caja de Elementor y lo avienta directo a la ra\u00edz del sitio\r\n        document.body.appendChild(waBtn);\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EL INICIO DE UNA NUEVA ERA Vive la experiencia EL INICIO DE UNA NUEVA ERA Vive la experiencia MAKEUP ARTIST HAIR STYLE NAILS BEAUTY MAKEUP ARTIST HAIR STYLE NAILS BEAUTY CONOCE UN POCO M\u00c1S del sal\u00f3n de los famosos Mi nombre es Genaro Mart\u00ednez. Inici\u00e9 mi trayectoria hace diecis\u00e9is a\u00f1os en mi natal Campeche, donde [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/genaromartinezsalones.com\/index.php?rest_route=\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/genaromartinezsalones.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/genaromartinezsalones.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/genaromartinezsalones.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/genaromartinezsalones.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=84"}],"version-history":[{"count":167,"href":"https:\/\/genaromartinezsalones.com\/index.php?rest_route=\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/genaromartinezsalones.com\/index.php?rest_route=\/wp\/v2\/pages\/84\/revisions\/305"}],"wp:attachment":[{"href":"https:\/\/genaromartinezsalones.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}