{"id":222,"date":"2025-04-12T13:24:53","date_gmt":"2025-04-12T11:24:53","guid":{"rendered":"https:\/\/mranthony.es\/?page_id=222"},"modified":"2026-04-29T19:48:54","modified_gmt":"2026-04-29T17:48:54","slug":"the-collection","status":"publish","type":"page","link":"https:\/\/mranthony.es\/en\/the-collection\/","title":{"rendered":"The Collection"},"content":{"rendered":"\n<!-- THE COLLECTION PAGE -->\n<section class=\"coleccion-intro fade-in-section fondo-opaco\">\n  <h2>Descubre <em style=\"color: #bfa359;\">The Collection<\/em><\/h2>\n  <p>\n    Una cuidada selecci\u00f3n de im\u00e1genes que capturan la esencia de nuestras prendas a medida.<br>\n    <strong>Mr. Anthony<\/strong>, dedicaci\u00f3n a la excelencia desde 1908.\n  <\/p>\n<\/section>\n\n<!-- BLOQUES DE COLECCI\u00d3N -->\n<section class=\"coleccion-bloque fade-in-section fondo-translucido\">\n  <h3 class=\"coleccion-titulo\">Trajes<\/h3>\n  <div class=\"coleccion-grid\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/DB-0274-optimizada-scaled.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/descarga-23.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/21.png\">\n  <\/div>\n<\/section>\n\n<section class=\"coleccion-bloque fade-in-section fondo-translucido\">\n  <h3 class=\"coleccion-titulo\">Americanas<\/h3>\n  <div class=\"coleccion-grid\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/descarga-26.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/descarga-25.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/Imperial-Black.jpg\">\n  <\/div>\n<\/section>\n\n<section class=\"coleccion-bloque fade-in-section fondo-translucido\">\n  <h3 class=\"coleccion-titulo\">Pantalones<\/h3>\n  <div class=\"coleccion-grid\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/descarga-20.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/SUGERENCIAS-PARA-LA-CINTURA-DE-TU-PANTALON-El-Aristocrata.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/descarga-21-e1745085107461.jpg\">\n  <\/div>\n<\/section>\n\n<!-- NUEVO BLOQUE DESTACADO: TAILORED JOGGER -->\n<section class=\"coleccion-bloque fade-in-section fondo-translucido standout-jogger\"> <h3 class=\"coleccion-titulo\">Tailored Jogger<\/h3>\n  <p class=\"coleccion-intro-parrafo\">\n    Descubre nuestros joggers m\u00e1s elegantes. Con est\u00e9tica vestidora y cinturilla el\u00e1stica invisible, \n    <strong>Mr. Anthony Tailored Jogger<\/strong> es la fusi\u00f3n perfecta entre estilo cl\u00e1sico y confort diario.\n  <\/p>\n  <div class=\"coleccion-grid\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/05\/1000215434.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/05\/azul-por-delante-cerca.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/05\/gris-por-detras.jpg\">\n  <\/div>\n<\/section>\n\n<section class=\"coleccion-bloque fade-in-section fondo-translucido\">\n  <h3 class=\"coleccion-titulo\">Chalecos<\/h3>\n  <div class=\"coleccion-grid\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/37.png\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/descarga-22.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/19.png\">\n  <\/div>\n<\/section>\n\n<section class=\"coleccion-bloque fade-in-section fondo-translucido\">\n  <h3 class=\"coleccion-titulo\">Abrigos<\/h3>\n  <div class=\"coleccion-grid\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/descarga-27.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/descarga-1.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/Love.jpg\">\n  <\/div>\n<\/section>\n\n<!-- CIERRE PO\u00c9TICO -->\n<section class=\"coleccion-cierre fade-in-section fondo-opaco\">\n  <p>\n    <strong>Mr. Anthony<\/strong>, donde la herencia se convierte en estilo.<br>\n    Tradici\u00f3n brit\u00e1nica en cada puntada desde 1908,<br>\n    ahora en el coraz\u00f3n de Valencia &#8211; Ciutat Vella.\n  <\/p>\n<\/section>\n\n<style>\n  html, body {\n    background-image: url('https:\/\/mranthony.es\/wp-content\/uploads\/2025\/04\/moon.jpg');\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-attachment: fixed;\n  }\n\n  section {\n    position: relative;\n    width: 90%;\n    max-width: 1440px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 80px 60px;\n    box-sizing: border-box;\n    z-index: 1;\n  }\n\n  .fondo-translucido::before,\n  .fondo-opaco::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    backdrop-filter: blur(4px);\n  }\n\n  .fondo-translucido::before {\n    background-color: rgba(255, 255, 255, 0.8);\n  }\n\n  .fondo-opaco::before {\n    background-color: #f9f9f9;\n  }\n\n  .coleccion-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 30px;\n    justify-content: center;\n  }\n\n  .coleccion-grid img {\n    flex: 1 1 320px;\n    max-width: 100%;\n    height: auto;\n    border: 1px solid #ddd;\n    transition: transform 0.4s ease, filter 0.4s ease, box-shadow 0.4s ease;\n  }\n\n  .coleccion-grid img:hover {\n    transform: scale(1.05);\n    filter: brightness(1.1);\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);\n  }\n\n  .fade-in-section {\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1.2s ease forwards;\n  }\n\n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .coleccion-titulo {\n    font-family: Georgia, serif;\n    font-size: 2rem;\n    text-align: center;\n    margin-bottom: 40px;\n    letter-spacing: 1px;\n    color: #1a1a1a;\n    position: relative;\n  }\n\n  .coleccion-titulo::after {\n    content: \"\";\n    display: block;\n    width: 60px;\n    height: 2px;\n    background: #aaa;\n    margin: 10px auto 0;\n  }\n\n  .coleccion-intro h2 {\n    font-size: 2.8rem;\n    margin-bottom: 20px;\n    letter-spacing: 1px;\n    color: #1a1a1a;\n  }\n\n  .coleccion-intro p {\n    font-size: 1.4rem;\n    color: #555;\n    max-width: 900px;\n    margin: 0 auto;\n    line-height: 1.9;\n    font-style: italic;\n    font-family: Georgia, serif;\n    text-align: center;\n  }\n\n  .coleccion-intro-parrafo {\n    font-size: 1.3rem;\n    color: #444;\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 40px;\n    font-style: italic;\n    font-family: Georgia, serif;\n    line-height: 1.8;\n  }\n\n  .coleccion-cierre p {\n    font-size: 1.4rem;\n    color: #333;\n    line-height: 2;\n    max-width: 900px;\n    margin: 0 auto;\n    font-style: italic;\n    font-family: Georgia, serif;\n    text-align: center;\n  }\n\n  @media screen and (max-width: 768px) {\n    .coleccion-grid {\n      flex-direction: column;\n      gap: 10px;\n    }\n    section {\n      width: 100%;\n      padding: 40px 20px;\n    }\n  }\n.standout-jogger {\n    animation: popIn 1.2s ease-out forwards;\n  }\n\n  @keyframes popIn {\n    0% {\n      opacity: 0;\n      transform: scale(0.95) translateY(30px);\n    }\n    100% {\n      opacity: 1;\n      transform: scale(1) translateY(0);\n    }\n  }\n<\/style>\n<!-- SECCI\u00d3N CTA RESERVA CON FRASE CENTRAL -->\n<div class=\"cta-reserva fade-in-section visible\" style=\"\n  position: relative;\n  background: url('https:\/\/mranthony.es\/wp-content\/uploads\/2025\/05\/descarga-32.jpg') center\/cover no-repeat;\n  min-height: 500px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0;\n  overflow: hidden;\n  z-index: 0;\n  flex-direction: column;  \/* para apilar frase + bot\u00f3n verticalmente *\/\n\">\n  <!-- Capa de oscurecimiento -->\n  <div style=\"\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.4);\n    z-index: 1;\n  \"><\/div>\n\n  <!-- Contenedor frase + bot\u00f3n -->\n  <div style=\"\n    position: relative;\n    z-index: 2;\n    color: white;\n    font-family: Georgia, serif;\n    font-size: 2rem;\n    text-align: center;\n    padding: 0 20px;\n    max-width: 800px;\n    line-height: 1.4;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 30px;\n  \">\n    <div>\n      Tu historia merece un traje a su altura.\n    <\/div>\n   <a href=\"#popup-cita\" class=\"boton-cita animar-cita\" onclick=\"abrirPopup()\">Reserva tu momento<\/a>\n  <\/div>\n<\/div>\n\n<style>\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: 0; \/* margen ya gestionado con gap *\/\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  .cta-reserva > div {\n    font-size: 1.5rem !important;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const boton = document.querySelector('.boton-cita');\n  const observerBoton = new IntersectionObserver(([entry]) => {\n    if (entry.isIntersecting) {\n      boton.classList.add('animada');\n      observerBoton.unobserve(entry.target);\n    }\n  }, { threshold: 0.3 });\n  if(boton) observerBoton.observe(boton);\n});\n<\/script>\n\n\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\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descubre The Collection Una cuidada selecci\u00f3n de im\u00e1genes que capturan la esencia de nuestras prendas a medida. Mr. Anthony, dedicaci\u00f3n a la excelencia desde 1908. Trajes Americanas Pantalones Tailored Jogger Descubre nuestros joggers m\u00e1s elegantes. Con est\u00e9tica vestidora y cinturilla el\u00e1stica invisible, Mr. Anthony Tailored Jogger es la fusi\u00f3n perfecta entre estilo cl\u00e1sico y confort [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"footnotes":""},"class_list":["post-222","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/pages\/222","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=222"}],"version-history":[{"count":53,"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":1699,"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/pages\/222\/revisions\/1699"}],"wp:attachment":[{"href":"https:\/\/mranthony.es\/en\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}