{"id":24,"date":"2025-05-27T21:06:39","date_gmt":"2025-05-27T21:06:39","guid":{"rendered":"https:\/\/www.reformas-tenerife.com\/index.php\/2025\/05\/27\/custom-css\/"},"modified":"2025-05-27T21:06:39","modified_gmt":"2025-05-27T21:06:39","slug":"custom-css","status":"publish","type":"post","link":"https:\/\/www.reformas-tenerife.com\/index.php\/2025\/05\/27\/custom-css\/","title":{"rendered":"Custom CSS"},"content":{"rendered":"<style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }<\/p>\n<p>    body {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n      line-height: 1.6;\n      color: #333;\n      overflow-x: hidden;\n    }<\/p>\n<p>    .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }<\/p>\n<p>    \/* Header *\/\n    .wp-header {\n      position: fixed;\n      top: 0;\n      width: 100%;\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(10px);\n      z-index: 1000;\n      padding: 1rem 0;\n      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .wp-nav {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }<\/p>\n<p>    .wp-logo {\n      font-size: 1.8rem;\n      font-weight: 700;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .wp-nav-links {\n      display: flex;\n      list-style: none;\n      gap: 2rem;\n    }<\/p>\n<p>    .wp-nav-links a {\n      text-decoration: none;\n      color: #333;\n      font-weight: 500;\n      transition: color 0.3s ease;\n      position: relative;\n    }<\/p>\n<p>    .wp-nav-links a:hover {\n      color: #667eea;\n    }<\/p>\n<p>    .wp-nav-links a::after {\n      content: '';\n      position: absolute;\n      width: 0;\n      height: 2px;\n      bottom: -5px;\n      left: 0;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      transition: width 0.3s ease;\n    }<\/p>\n<p>    .wp-nav-links a:hover::after {\n      width: 100%;\n    }<\/p>\n<p>    .wp-cta-btn {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: white;\n      padding: 12px 24px;\n      border-radius: 50px;\n      text-decoration: none;\n      font-weight: 600;\n      transition: all 0.3s ease;\n      border: none;\n      cursor: pointer;\n    }<\/p>\n<p>    .wp-cta-btn:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);\n    }<\/p>\n<p>    \/* Hero Section *\/\n    .wp-hero {\n      height: 100vh;\n      background: linear-gradient(135deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 100%), url('\/api\/placeholder\/1920\/800');\n      background-size: cover;\n      background-position: center;\n      display: flex;\n      align-items: center;\n      color: white;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .wp-hero::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);\n      animation: shimmer 3s infinite;\n    }<\/p>\n<p>    @keyframes shimmer {\n      0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n      100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n    }<\/p>\n<p>    .wp-hero-content {\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    .wp-hero h1 {\n      font-size: 4rem;\n      margin-bottom: 1rem;\n      font-weight: 800;\n      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n      animation: fadeInUp 1s ease-out;\n    }<\/p>\n<p>    .wp-hero .subtitle {\n      font-size: 1.5rem;\n      margin-bottom: 1rem;\n      opacity: 0.9;\n      font-weight: 300;\n      animation: fadeInUp 1s ease-out 0.2s both;\n    }<\/p>\n<p>    .wp-hero p {\n      font-size: 1.2rem;\n      margin-bottom: 2rem;\n      max-width: 600px;\n      margin-left: auto;\n      margin-right: auto;\n      opacity: 0.95;\n      animation: fadeInUp 1s ease-out 0.4s both;\n    }<\/p>\n<p>    @keyframes fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }<\/p>\n<p>    \/* Stats Section *\/\n    .wp-stats {\n      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n      padding: 5rem 0;\n    }<\/p>\n<p>    .wp-stats-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 3rem;\n      text-align: center;\n    }<\/p>\n<p>    .wp-stat-item {\n      background: white;\n      padding: 2rem;\n      border-radius: 20px;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }<\/p>\n<p>    .wp-stat-item:hover {\n      transform: translateY(-10px);\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n    }<\/p>\n<p>    .wp-stat-number {\n      font-size: 3rem;\n      font-weight: 800;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 0.5rem;\n    }<\/p>\n<p>    .wp-stat-label {\n      color: #666;\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      font-size: 0.9rem;\n    }<\/p>\n<p>    \/* About Section *\/\n    .wp-about {\n      padding: 6rem 0;\n      background: white;\n    }<\/p>\n<p>    .wp-about-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 4rem;\n      align-items: center;\n    }<\/p>\n<p>    .wp-about-text h2 {\n      font-size: 3rem;\n      margin-bottom: 2rem;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      font-weight: 700;\n    }<\/p>\n<p>    .wp-about-text p {\n      font-size: 1.1rem;\n      color: #666;\n      line-height: 1.8;\n      margin-bottom: 2rem;\n    }<\/p>\n<p>    .wp-about-image {\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n      transform: rotate(2deg);\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .wp-about-image:hover {\n      transform: rotate(0deg) scale(1.05);\n    }<\/p>\n<p>    .wp-about-image img {\n      width: 100%;\n      height: 400px;\n      object-fit: cover;\n    }<\/p>\n<p>    \/* Menu\/Services Section *\/\n    .wp-menu {\n      padding: 6rem 0;\n      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n      color: white;\n    }<\/p>\n<p>    .wp-menu h2 {\n      text-align: center;\n      font-size: 3rem;\n      margin-bottom: 4rem;\n      font-weight: 700;\n      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n    }<\/p>\n<p>    .wp-menu-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 2rem;\n    }<\/p>\n<p>    .wp-menu-item {\n      background: rgba(255, 255, 255, 0.95);\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n      color: #333;\n    }<\/p>\n<p>    .wp-menu-item:hover {\n      transform: translateY(-10px);\n      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\n    }<\/p>\n<p>    .wp-menu-item img {\n      width: 100%;\n      height: 200px;\n      object-fit: cover;\n    }<\/p>\n<p>    .wp-menu-item-content {\n      padding: 1.5rem;\n    }<\/p>\n<p>    .wp-menu-item h3 {\n      font-size: 1.3rem;\n      margin-bottom: 0.5rem;\n      color: #333;\n      font-weight: 600;\n    }<\/p>\n<p>    .wp-menu-item p {\n      color: #666;\n      margin-bottom: 1rem;\n      line-height: 1.6;\n    }<\/p>\n<p>    .wp-menu-item .price {\n      font-size: 1.2rem;\n      font-weight: 700;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    \/* Testimonials *\/\n    .wp-testimonials {\n      padding: 6rem 0;\n      background: #f8fafc;\n    }<\/p>\n<p>    .wp-testimonials h2 {\n      text-align: center;\n      font-size: 3rem;\n      margin-bottom: 4rem;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      font-weight: 700;\n    }<\/p>\n<p>    .wp-testimonials-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n      gap: 2rem;\n    }<\/p>\n<p>    .wp-testimonial {\n      background: white;\n      padding: 2rem;\n      border-radius: 20px;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n      position: relative;\n    }<\/p>\n<p>    .wp-testimonial::before {\n      content: '\"';\n      position: absolute;\n      top: -10px;\n      left: 20px;\n      font-size: 4rem;\n      color: #667eea;\n      font-weight: bold;\n    }<\/p>\n<p>    .wp-testimonial-text {\n      font-style: italic;\n      margin-bottom: 1rem;\n      color: #666;\n      line-height: 1.6;\n    }<\/p>\n<p>    .wp-testimonial-author {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n    }<\/p>\n<p>    .wp-testimonial-avatar {\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    }<\/p>\n<p>    .wp-testimonial-name {\n      font-weight: 600;\n      color: #333;\n    }<\/p>\n<p>    \/* Contact Section *\/\n    .wp-contact {\n      padding: 6rem 0;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: white;\n      text-align: center;\n    }<\/p>\n<p>    .wp-contact h2 {\n      font-size: 3rem;\n      margin-bottom: 2rem;\n      font-weight: 700;\n    }<\/p>\n<p>    .wp-contact p {\n      font-size: 1.2rem;\n      margin-bottom: 3rem;\n      opacity: 0.9;\n    }<\/p>\n<p>    .wp-contact-info {\n      display: flex;\n      justify-content: center;\n      gap: 2rem;\n      flex-wrap: wrap;\n    }<\/p>\n<p>    .wp-contact-item {\n      background: rgba(255, 255, 255, 0.2);\n      padding: 1rem 2rem;\n      border-radius: 50px;\n      backdrop-filter: blur(10px);\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .wp-contact-item:hover {\n      background: rgba(255, 255, 255, 0.3);\n      transform: translateY(-2px);\n    }<\/p>\n<p>    .wp-contact-icon {\n      font-size: 1.2rem;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .wp-hero h1 { font-size: 2.5rem; }\n      .wp-hero .subtitle { font-size: 1.2rem; }\n      .wp-about-content { grid-template-columns: 1fr; }\n      .wp-nav-links { display: none; }\n      .wp-menu-grid { grid-template-columns: 1fr; }\n      .wp-testimonials-grid { grid-template-columns: 1fr; }\n      .wp-stats-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    <\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-24","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.reformas-tenerife.com\/index.php\/wp-json\/wp\/v2\/posts\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.reformas-tenerife.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.reformas-tenerife.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.reformas-tenerife.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.reformas-tenerife.com\/index.php\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":0,"href":"https:\/\/www.reformas-tenerife.com\/index.php\/wp-json\/wp\/v2\/posts\/24\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.reformas-tenerife.com\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.reformas-tenerife.com\/index.php\/wp-json\/wp\/v2\/categories?post=24"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.reformas-tenerife.com\/index.php\/wp-json\/wp\/v2\/tags?post=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}