{"id":138,"date":"2025-04-11T08:21:56","date_gmt":"2025-04-11T08:21:56","guid":{"rendered":"https:\/\/mranthony.es\/?page_id=138"},"modified":"2026-04-29T19:39:25","modified_gmt":"2026-04-29T17:39:25","slug":"home","status":"publish","type":"page","link":"https:\/\/mranthony.es\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<!-- HERO SECTION -->\n<div class=\"hero-banner fade-in-section\">\n  <div class=\"hero-overlay\">\n    <div class=\"hero-content\">\n      <h1 class=\"hero-title\">Exclusively Made for You, since 1908<\/h1>\n      <h2 style=\"font-size:0px;height:0px;overflow:hidden;\">Trajes a medida en Valencia &#8211; Mr. Anthony<\/h2>\n      <p class=\"hero-sub\">M\u00e1s de un siglo de elegancia brit\u00e1nica en Valencia.<\/p>\n      <p class=\"hero-sub\">Mr. Anthony, especialistas en trajes a medida, reinterpretando la sastrer\u00eda cl\u00e1sica bajo la luz mediterr\u00e1nea.<\/p>\n      <a href=\"https:\/\/mranthony.es\/the-collection\/\" class=\"boton-coleccion boton-dorado\">Mr. Anthony COLLECTION<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n#popup-cita .popup-content {\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n#popup-cita .popup-content::-webkit-scrollbar {\n  display: none;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\n.hero-banner {\n  position: relative;\n  width: 100%;\n  height: 100vh;\n  background-image: url('https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/33.png');\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  margin: 0;\n}\n\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding: 0 20px;\n}\n\n.hero-content {\n  max-width: 900px;\n  padding: 0 1rem;\n}\n\n.hero-title,\n.hero-sub,\n.boton-coleccion {\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeInUpHero 1.2s ease forwards;\n}\n\n.hero-title {\n  color: white;\n  font-family: Georgia, serif;\n  font-size: 2.8rem;\n  text-shadow: 1px 1px 5px rgba(0,0,0,0.4);\n}\n\n.hero-sub {\n  color: #e0e0e0;\n  margin-top: 1rem;\n  font-size: 1.2rem;\n  animation-delay: 0.6s;\n}\n\n.boton-coleccion {\n  margin-top: 2rem;\n  display: inline-block;\n  padding: 1rem 2rem;\n  font-family: Georgia, serif;\n  font-size: 1rem;\n  text-decoration: none;\n  animation-delay: 1.2s;\n  transition: all 0.3s ease;\n}\n\n\/* \u2705 BOT\u00d3N ESTILO FINAL: negro con borde dorado *\/\n.boton-coleccion.boton-dorado {\n  background: black;\n  color: white;\n  border: 2px solid #D4AF37;\n}\n\n.boton-coleccion.boton-dorado:hover {\n  background: #D4AF37;\n  color: black;\n  border-color: #D4AF37;\n  box-shadow: 0 0 10px rgba(212, 175, 55, 0.4);\n}\n\n@keyframes fadeInUpHero {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* \ud83d\udcf1 RESPONSIVE *\/\n@media screen and (max-width: 768px) {\n  .hero-title {\n    font-size: 2rem;\n  }\n  .hero-sub {\n    font-size: 1rem;\n    margin-top: 0.8rem;\n  }\n  .boton-coleccion {\n    font-size: 1rem;\n    padding: 0.9rem 1.8rem;\n    margin-top: 1.5rem;\n  }\n}\n<\/style>\n<!-- L\u00cdNEA DORADA SUPERIOR -->\n<div class=\"linea-dorada-galeria fade-line\"><\/div>\n\n<!-- GALER\u00cdA ELEGANTE Y SIM\u00c9TRICA -->\n<section class=\"galeria-home\">\n  <div class=\"galeria-item\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/15.png\" alt=\"Imagen 1\" class=\"fade-image\"><\/div>\n  <div class=\"galeria-item\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/descarga-1.jpg\" alt=\"Imagen 2\" class=\"fade-image\"><\/div>\n  <div class=\"galeria-item\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/19.png\" alt=\"Imagen 3\" class=\"fade-image\"><\/div>\n  <div class=\"galeria-item\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/descarga-26.jpg\" alt=\"Imagen 4\" class=\"fade-image\"><\/div>\n  <div class=\"galeria-item\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/DB-0274-optimizada-scaled.jpg\" alt=\"Imagen 5\" class=\"fade-image\"><\/div>\n  <div class=\"galeria-item\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/05\/1000215433.jpg\" alt=\"Imagen 6\" class=\"fade-image\"><\/div>\n<\/section>\n\n<!-- L\u00cdNEA DORADA INFERIOR -->\n<div class=\"linea-dorada-galeria fade-line\"><\/div>\n\n<style>\n\/* Asegura que todo el body no tenga m\u00e1rgenes ni scroll horizontal *\/\nbody, html {\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n}\n\n\/* L\u00cdNEAS DORADAS M\u00c1S LARGAS CON ANIMACI\u00d3N *\/\n.linea-dorada-galeria {\n  width: 160px;\n  height: 2px;\n  background-color: #D4AF37;\n  margin: 50px auto 30px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: all 0.8s ease;\n}\n.fade-line.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* GALER\u00cdA SIN NING\u00daN M\u00c1RGEN O PADDING QUE LA LIMITEN *\/\n.galeria-home {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  width: 100vw;\n  margin: 0;\n  padding: 0;\n  border-spacing: 0;\n  box-sizing: border-box;\n}\n\n\/* Cada celda sin espacio interno ni externo *\/\n.galeria-item {\n  width: 100%;\n  height: 420px;\n  background-color: #f4f1ec;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* Imagen ajustada para cubrir todo el espacio, sin espacios blancos *\/\n.galeria-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  opacity: 0;\n  transform: scale(1.05);\n  transition: all 0.8s ease;\n  filter: brightness(0.95);\n  border: 2px solid transparent;\n  box-sizing: border-box;\n  display: block;\n}\n\n.fade-image.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.fade-image.visible:hover {\n  transform: scale(1.03);\n  filter: brightness(1.05) contrast(1.05);\n  border-color: rgba(212, 175, 55, 0.5);\n  box-shadow: 0 0 10px rgba(212, 175, 55, 0.2);\n}\n\n\/* Responsive a una columna *\/\n@media (max-width: 768px) {\n  .galeria-home {\n    grid-template-columns: 1fr;\n  }\n  .galeria-item {\n    height: auto;\n    aspect-ratio: 3 \/ 2;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const images = document.querySelectorAll('.fade-image');\n  const lines = document.querySelectorAll('.fade-line');\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.classList.add('visible');\n        }, index * 150);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.25 });\n\n  images.forEach(img => observer.observe(img));\n  lines.forEach(line => observer.observe(line));\n});\n<\/script>\n\n<!-- BLOQUE TEXTO SOBRE MOON -->\n<section class=\"bloque-tejido unido-anterior\" style=\"background-image:url('https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/moon.jpg');\">\n  <div class=\"bloque-overlay centrado\">\n    <div class=\"bloque-contenido\">\n      <p>En Mr. Anthony confeccionamos trajes a medida en Valencia, combinando m\u00e1s de 100 a\u00f1os de tradici\u00f3n brit\u00e1nica con la elegancia mediterr\u00e1nea.<\/p>\n      <p><strong><span class=\"linea-dorada\">Cada pieza es \u00fanica, dise\u00f1ada exclusivamente para ti.<\/span><\/strong><\/p>\n     <a href=\"#popup-cita\" class=\"boton-cita animar-cita\" onclick=\"abrirPopup()\">Reserva tu momento<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.bloque-tejido {\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0 auto;\n  padding: 0;\n  min-height: 100vh;\n  width: 100%;\n}\n\n.bloque-overlay {\n  background: rgba(255,255,255,0.95);\n  backdrop-filter: blur(6px);\n  border-radius: 0;\n  box-shadow: none;\n  max-width: 800px;\n  width: 90%;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  opacity: 0;\n  transform: scale(0.95) translateY(30px);\n  transition: opacity 1s ease, transform 1s ease;\n}\n\n.bloque-overlay.visible {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n.bloque-contenido {\n  font-family: Georgia, serif;\n  font-size: 18px;\n  color: #333;\n  text-align: center;\n  line-height: 1.8;\n  width: 100%;\n}\n\n.linea-dorada {\n  display: inline-block;\n  position: relative;\n  padding-bottom: 6px;\n  transition: all 0.3s ease;\n  cursor: default;\n}\n\n.linea-dorada::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 2px;\n  width: 100%;\n  background-color: rgba(212, 175, 55, 0.6);\n  transition: all 0.3s ease;\n}\n\n.linea-dorada:hover::after {\n  height: 3px;\n  background-color: rgba(212, 175, 55, 0.85);\n  box-shadow: 0 0 6px rgba(212, 175, 55, 0.5);\n}\n\n\/* BOT\u00d3N CON RELIEVE DORADO *\/\n.boton-cita {\n  display: inline-block;\n  padding: 12px 30px;\n  background: black;\n  color: white;\n  text-decoration: none;\n  border: 2px solid #D4AF37;\n  font-family: Georgia, serif;\n  border-radius: 8px;\n  transition: all 0.3s ease;\n  opacity: 0;\n  transform: translateY(20px);\n  margin-top: 30px;\n}\n\n.boton-cita:hover {\n  background: #D4AF37;\n  color: black;\n  border-color: #D4AF37;\n  box-shadow: 0 0 10px rgba(212, 175, 55, 0.4);\n}\n\n.boton-cita.animada {\n  animation: fadeSlideUp 1s ease-out forwards;\n}\n\n@keyframes fadeSlideUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@media (max-width: 768px) {\n  .bloque-overlay {\n    padding: 30px 20px;\n  }\n\n  .bloque-contenido {\n    font-size: 16px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const bloque = document.querySelector('.bloque-overlay');\n  const observerBloque = new IntersectionObserver(([entry]) => {\n    if (entry.isIntersecting) {\n      bloque.classList.add('visible');\n      const boton = bloque.querySelector('.boton-cita');\n      if (boton) {\n        boton.classList.add('animada');\n      }\n      observerBloque.unobserve(entry.target);\n    }\n  }, { threshold: 0.3 });\n  observerBloque.observe(bloque);\n});\n<\/script>\n\n<!-- SECCI\u00d3N: Gamas a medida con detalles exclusivos y elegancia -->\n<section class=\"gamas-trajes-full\">\n  <div class=\"gama gama-essential\">\n    <div class=\"gama-overlay\"><\/div>\n    <div class=\"gama-texto\">\n      <h3 class=\"fadein-title\">Essential<\/h3>\n      <p>Nuestra medida cl\u00e1sica, funcional y sobria.<\/p> \n      <p>Una selecci\u00f3n de tejidos nobles para quienes valoran la elegancia cotidiana con la precisi\u00f3n del corte a medida.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"gama gama-heritage\">\n    <div class=\"gama-overlay\"><\/div>\n    <div class=\"gama-texto\">\n      <h3 class=\"fadein-title\">Heritage<\/h3>\n      <p>Estilo con car\u00e1cter propio.<\/p> \n      <p>Telas premium y mayor personalizaci\u00f3n para quienes desean que su traje hable por ellos con distinci\u00f3n y presencia.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"gama gama-signature\">\n    <div class=\"gama-overlay dorado\"><\/div>\n    <div class=\"gama-texto\">\n      <h3 class=\"fadein-title\">Signature<\/h3>\n      <p>La c\u00faspide de la tradici\u00f3n a medida.<\/p> \n      <p>Tejidos excepcionales, acabados a mano y m\u00e1xima expresi\u00f3n del legado brit\u00e1nico reinterpretado bajo la luz mediterr\u00e1nea.<\/p>\n      <a href=\"https:\/\/mranthony.es\/made-to-suit-you\/\" class=\"boton-reserva gama-btn\">Made to Suit You<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.gamas-trajes-full {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.gama {\n  flex: 1 1 33.3333%;\n  min-height: 420px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  color: white;\n  text-align: center;\n  padding: 40px;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  overflow: hidden;\n  transition: all 0.4s ease;\n}\n\n.gama-essential {\n  background-image: url('https:\/\/mranthony.es\/wp-content\/uploads\/2025\/05\/\u0422\u0435\u043f\u043b\u044b\u0435-\u0442\u043a\u0430\u043d\u0438.jpg');\n}\n\n.gama-heritage {\n  background-image: url('https:\/\/mranthony.es\/wp-content\/uploads\/2025\/05\/descarga-34.jpg');\n}\n\n.gama-signature {\n  background-image: url('https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/zegna.jpg');\n}\n\n.gama-overlay {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.45);\n  z-index: 1;\n}\n\n.gama-overlay.dorado {\n  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(212, 175, 55, 0.15));\n}\n\n.gama-texto {\n  position: relative;\n  z-index: 2;\n  max-width: 90%;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: all 0.8s ease-out;\n}\n\n.gama:hover .gama-texto,\n.gama:has(.fadein-title.animada) .gama-texto {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.gama h3 {\n  font-size: 24px;\n  margin-bottom: 10px;\n  font-family: Georgia, serif;\n  position: relative;\n  display: inline-block;\n  transition: text-shadow 0.4s ease;\n  padding-bottom: 10px;\n}\n\n.gama h3::after {\n  content: \"\";\n  display: block;\n  width: 60px;\n  height: 2px;\n  background-color: rgba(255, 255, 255, 0.6);\n  margin: 10px auto 0;\n  transition: width 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;\n}\n\n.gama:hover h3::after {\n  width: 90px;\n}\n\n\/* L\u00ednea dorada solo para Signature *\/\n.gama-signature h3::after {\n  background-color: rgba(212, 175, 55, 0.6);\n}\n\n.gama-signature:hover h3::after {\n  background-color: rgba(212, 175, 55, 0.85);\n  box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);\n}\n\n\/* Glow dorado en hover del t\u00edtulo Signature *\/\n.gama-signature:hover h3 {\n  text-shadow: 0 0 10px rgba(212, 175, 55, 0.6);\n}\n\n.gama p {\n  font-size: 16px;\n  font-family: Georgia, serif;\n  line-height: 1.5;\n  margin-bottom: 10px;\n}\n\n\/* Animaci\u00f3n de entrada *\/\n.fadein-title {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: all 1s ease;\n}\n\n.fadein-title.animada {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.gama-btn {\n  margin-top: 20px;\n  display: inline-block;\n  background: black;\n  color: white;\n  border: 2px solid #D4AF37;\n  padding: 0.8rem 1.6rem;\n  text-decoration: none;\n  font-family: Georgia, serif;\n  font-size: 1rem;\n  border-radius: 8px;\n  transition: all 0.3s ease;\n}\n\n.gama-btn:hover {\n  background: #D4AF37;\n  color: black;\n  border-color: #D4AF37;\n  box-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n}\n\n@media (max-width: 768px) {\n  .gama {\n    flex: 1 1 100%;\n  }\n}\n<\/style>\n\n<script>\n  \/\/ Animaci\u00f3n al entrar en vista\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"animada\");\n      }\n    });\n  }, { threshold: 0.5 });\n\n  document.querySelectorAll('.fadein-title').forEach(el => observer.observe(el));\n<\/script>\n<!-- SECCI\u00d3N CASAS DE TEJIDOS -->\n<section class=\"tejidos-section fade-in-section\">\n  <div class=\"tejidos-titulo\">\n    <h2>Casas de Tejidos<\/h2>\n    <div class=\"linea-dorada\"><\/div>\n    <p class=\"subtexto\">Trabajamos con las casas m\u00e1s prestigiosas del mundo. Y muchas m\u00e1s&#8230;<\/p>\n  <\/div>\n\n  <div class=\"tejidos-intro\">\n    <p>En sastrer\u00eda, todo comienza con la materia prima. No hay buen corte sin un buen tejido. Por eso, en Mr. Anthony seleccionamos exclusivamente telas de casas con historia, prestigio y calidad inquebrantable. Desde los cl\u00e1sicos brit\u00e1nicos hasta los refinados italianos, cada tejido que entra en nuestro atelier ha sido elegido para perdurar en el tiempo y elevar la experiencia de vestir a medida.<\/p>\n  <\/div>\n\n  <div class=\"tejidos-grid\">\n    <div class=\"tejido-logo\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/06\/E-Zegna.png\" alt=\"Ermenegildo Zegna\"><\/div>\n    <div class=\"tejido-logo\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/06\/Reda.png\" alt=\"Reda\"><\/div>\n\n    <div class=\"tejido-logo\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/06\/Moon.png\" alt=\"Moon\"><\/div>\n    <div class=\"tejido-logo\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/06\/bateman.png\" alt=\"Bateman Ogden\"><\/div>\n\n    <div class=\"tejido-logo\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/06\/Vitale.png\" alt=\"Vitale Barberis Canonico\"><\/div>\n    <div class=\"tejido-logo\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/06\/Stylbiella.png\" alt=\"Stylbiella\"><\/div>\n\n    <div class=\"tejido-logo\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/06\/Marlane.png\" alt=\"Marlane\"><\/div>\n    <div class=\"tejido-logo\"><img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/06\/Guabello.png\" alt=\"Guabello\"><\/div>\n  <\/div>\n<\/section>\n\n<style>\n.tejidos-section {\n  background: #fafafa;\n  padding: 100px 20px;\n  text-align: center;\n  font-family: Georgia, serif;\n}\n\n.tejidos-titulo h2 {\n  font-size: 34px;\n  color: #1a1a1a;\n  margin-bottom: 10px;\n  letter-spacing: 1px;\n}\n\n.tejidos-titulo .linea-dorada {\n  width: 90px;\n  height: 3px;\n  margin: 0 auto 20px;\n  background: linear-gradient(to right, #d4af37, #bfa03b);\n  border-radius: 3px;\n  animation: expand-line 2s ease forwards;\n}\n\n@keyframes expand-line {\n  0% { width: 0; opacity: 0; }\n  100% { width: 90px; opacity: 1; }\n}\n\n.tejidos-titulo .subtexto {\n  font-style: italic;\n  color: #555;\n  font-size: 17px;\n  margin-bottom: 40px;\n}\n\n.tejidos-intro {\n  max-width: 850px;\n  margin: 0 auto 60px;\n  color: #444;\n  font-size: 16.5px;\n  line-height: 1.75;\n  padding: 0 15px;\n}\n\n.tejidos-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 40px;\n  justify-items: center;\n  align-items: center;\n  padding: 0 20px;\n}\n\n.tejido-logo {\n  background: white;\n  padding: 30px;\n  border-radius: 14px;\n  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n  max-width: 240px;\n  width: 100%;\n  height: 130px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #e5e5e5;\n}\n\n.tejido-logo:hover {\n  transform: translateY(-6px) scale(1.02);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n.tejido-logo img {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .tejidos-grid {\n    gap: 25px;\n  }\n  .tejido-logo {\n    height: auto;\n    padding: 20px;\n  }\n}\n\n\/* Fade-in elegante *\/\n.fade-in-section {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.8s ease, transform 0.8s ease;\n}\n.fade-in-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.25 });\n\n  document.querySelectorAll('.fade-in-section').forEach(el => observer.observe(el));\n});\n<\/script>\n<!-- SECCI\u00d3N UNIFICADA: NUESTRA HISTORIA Y HER EDITION (ESTILO ELEGANTE) -->\n<section class=\"historia-her-edition fade-in-section\">\n  <!-- Nuestra Historia -->\n  <div class=\"historia-item animacion-individual\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/125.png\" alt=\"Edificio hist\u00f3rico\" class=\"fade-in-img\">\n    <a href=\"https:\/\/mranthony.es\/nuestra-historia\" class=\"boton-reserva fade-in-btn historia-btn\">Historia<\/a>\n    <div class=\"historia-texto\">\n      <h3>Desde 1908\u2026 Mr. Anthony<\/h3>\n      <p>Una historia de elegancia, legado y medida.<\/p>\n      <p>Desde un peque\u00f1o atelier ingl\u00e9s hasta el coraz\u00f3n de Valencia, el legado de Jeremy D. Williams sigue vivo en cada puntada.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Her Edition -->\n  <div class=\"historia-item animacion-individual\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/109.png\" alt=\"Her Edition\" class=\"fade-in-img\">\n    <a href=\"https:\/\/mranthony.es\/mr-anthony-her-edition\/\" class=\"boton-reserva fade-in-btn historia-btn\">Her Edition<\/a>\n    <div class=\"historia-texto\">\n      <h3>Her Edition by Mr. Anthony<\/h3>\n      <p>Elegancia sin g\u00e9nero.<\/p>\n      <p>Nuestra l\u00ednea femenina a medida celebra a las mujeres que aprecian la precisi\u00f3n, el car\u00e1cter y la sofisticaci\u00f3n atemporal.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.historia-her-edition {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  width: 100%;\n  margin: 0;\n  padding: 80px 0;\n  background: #eeeeee;\n  gap: 30px;\n}\n\n.historia-item {\n  flex: 1 1 420px;\n  max-width: 560px;\n  position: relative;\n  text-align: center;\n  overflow: hidden;\n  border-radius: 12px;\n  background: white;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  opacity: 0;\n  transform: translateY(40px);\n}\n\n.historia-item.visible {\n  opacity: 1;\n  transform: translateY(0);\n  transition: opacity 0.8s ease, transform 0.8s ease;\n}\n\n.historia-item:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);\n}\n\n.historia-item img {\n  width: 100%;\n  height: auto;\n  display: block;\n  filter: grayscale(100%) brightness(0.85);\n  border-top: 1px solid rgba(212, 175, 55, 0.15);\n  border-top-left-radius: 12px;\n  border-top-right-radius: 12px;\n  transition: all 0.6s ease;\n}\n\n.historia-item:hover img {\n  filter: grayscale(0%) brightness(0.95);\n}\n\n.historia-texto {\n  padding: 40px 30px;\n  font-family: Georgia, serif;\n  color: #222;\n}\n\n.historia-texto h3 {\n  font-size: 1.6rem;\n  margin-bottom: 20px;\n  position: relative;\n  font-family: Georgia, serif;\n  display: inline-block;\n  padding-bottom: 8px;\n}\n\n.historia-texto h3::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 2px;\n  background-color: rgba(212, 175, 55, 0.6);\n}\n\n.historia-texto p {\n  font-size: 1rem;\n  line-height: 1.6;\n  margin-bottom: 12px;\n}\n\n.boton-reserva.historia-btn {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: black;\n  color: white;\n  border: 2px solid #D4AF37;\n  padding: 0.8rem 1.6rem;\n  text-decoration: none;\n  font-family: Georgia, serif;\n  transition: all 0.3s ease;\n  z-index: 2;\n  border-radius: 8px;\n}\n\n.boton-reserva.historia-btn:hover {\n  background: #D4AF37;\n  color: black;\n  border-color: #D4AF37;\n  box-shadow: 0 0 10px rgba(212, 175, 55, 0.4);\n}\n\n@media screen and (max-width: 768px) {\n  .historia-her-edition {\n    flex-direction: column;\n    padding: 60px 20px;\n  }\n  .historia-item {\n    max-width: 100%;\n  }\n  .historia-texto h3 {\n    font-size: 1.4rem;\n  }\n  .historia-texto p {\n    font-size: 0.95rem;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const historiaItems = document.querySelectorAll('.historia-item');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.3 });\n\n  historiaItems.forEach(item => observer.observe(item));\n});\n<\/script>\n<!-- SECCI\u00d3N DESTACADA: Camisa FORTYMARTYRS ELEGANTE -->\n<section class=\"camisa-forty-section fade-in-section\">\n  <div class=\"camisa-inner\">\n    <div class=\"camisa-imagen\">\n      <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/DB-0555.jpg\" alt=\"Camisa FORTYMARTYRS\" class=\"camisa-img\">\n    <\/div>\n    <div class=\"camisa-overlay\">\n      <div class=\"camisa-content\">\n        <p class=\"camisa-frase\">Cada camisa, una declaraci\u00f3n.<br><strong>FORTYMARTYRS por Mr. Anthony<\/strong><\/p>\n        <a href=\"https:\/\/www.fortymartyrs.co.uk\" class=\"boton-reserva\" target=\"_blank\" rel=\"noopener\">Ver Colecci\u00f3n<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const camisaOverlay = document.querySelector('.camisa-overlay');\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        camisaOverlay.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.3 });\n\n  if (camisaOverlay) observer.observe(camisaOverlay);\n});\n<\/script>\n<!-- BLOQUE FINAL CON FONDO DE TEJIDO CORREGIDO Y CENTRADO -->\n<section class=\"bloque-final\" style=\"background-image:url('https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/moon.jpg');\">\n  <div class=\"bloque-overlay\">\n    <div class=\"bloque-contenido\">\n      <h2>\u00abDescubre la elegancia hecha a medida\u00bb<\/h2>\n      <p>Agenda tu cita personalizada y vive la experiencia Mr. Anthony.<\/p>\n      <a href=\"#popup-cita\" class=\"boton-cita animar-cita\" onclick=\"abrirPopup()\">Reserva tu momento<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const bloque = document.querySelectorAll('.bloque-overlay');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        const boton = entry.target.querySelector('.boton-cita');\n        if (boton) {\n          boton.classList.add('animada');\n        }\n      }\n    });\n  }, { threshold: 0.3 });\n\n  bloque.forEach(el => observer.observe(el));\n});\n<\/script>\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <title>Reserva tu cita \u2013 Mr. Anthony<\/title>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <style>\n    \/* Tu dise\u00f1o original intacto *\/\n    .fixed-appointment-button {\n      position: fixed;\n      bottom: 25px;\n      right: 25px;\n      background: black;\n      color: white;\n      padding: 12px 24px;\n      border: 2px solid white;\n      font-family: Georgia, serif;\n      font-size: 14px;\n      border-radius: 8px;\n      cursor: pointer;\n      z-index: 9999;\n      transition: all 0.3s ease;\n      text-decoration: none;\n      display: inline-block;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n    }\n\n    .fixed-appointment-button:hover {\n      background: white;\n      color: black;\n      border-color: black;\n    }\n\n    @media (max-width: 768px) {\n      .fixed-appointment-button {\n        bottom: 20px;\n        right: 20px;\n        padding: 10px 20px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <a href=\"https:\/\/wa.me\/34670283051?text=Estimado%20Mr.%20Anthony%2C%20le%20escribo%20para%20solicitar%20una%20cita%20de%20sastrer%C3%ADa%20y%20conocer%20su%20disponibilidad.%20Un%20cordial%20saludo.\" class=\"fixed-appointment-button\" target=\"_blank\" rel=\"noopener\">\n    Reserva tu momento\n  <\/a>\n\n<\/body>\n<\/html>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Exclusively Made for You, since 1908 Trajes a medida en Valencia &#8211; Mr. Anthony M\u00e1s de un siglo de elegancia brit\u00e1nica en Valencia. Mr. Anthony, especialistas en trajes a medida, reinterpretando la sastrer\u00eda cl\u00e1sica bajo la luz mediterr\u00e1nea. Mr. Anthony COLLECTION En Mr. Anthony confeccionamos trajes a medida en Valencia, combinando m\u00e1s de 100 a\u00f1os [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"footnotes":""},"class_list":["post-138","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/pages\/138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/comments?post=138"}],"version-history":[{"count":393,"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/pages\/138\/revisions"}],"predecessor-version":[{"id":1692,"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/pages\/138\/revisions\/1692"}],"wp:attachment":[{"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/media?parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}