{"id":4135,"date":"2026-06-27T22:08:00","date_gmt":"2026-06-27T22:08:00","guid":{"rendered":"https:\/\/caramellapastry.com\/?page_id=4135"},"modified":"2026-07-27T06:31:56","modified_gmt":"2026-07-27T06:31:56","slug":"custom","status":"publish","type":"page","link":"https:\/\/caramellapastry.com\/es_ES\/custom\/","title":{"rendered":"custom"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4135\" class=\"elementor elementor-4135\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d69e545 e-con-full elementor-hidden-mobile elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"d69e545\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11ea343 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"11ea343\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    \n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,700&display=swap');   \n    @font-face {\n      font-family: 'Barqish';\n      src: url('\/wp-content\/uploads\/2026\/05\/Barqish.woff2') format('woff2');\n      font-weight: normal;\n      font-style: normal;\n      font-display: swap;\n    }\n\n\n    \/* --- VARIABLES CSS --- *\/\n    .tp-page {\n      width: 100%;\n      overflow-x: hidden;\n      --morado: #473368;\n      --amarillo: #eec456;\n      --lila-1: #dfdaee;\n      --lila-2: #f6f5fb;\n      --crema: #fdf4e0;\n      --crema-2: #fffbf3;\n      --blanco: #ffffff;\n      --texto-oscuro: #333333;\n      --font-principal: 'Barqish', 'Pacifico', cursive;\n      --font-secundaria: 'Roboto', sans-serif;\n      --shadow-card: 0 4px 20px rgba(71, 51, 104, 0.15);\n      --shadow-hover: 0 8px 30px rgba(71, 51, 104, 0.25);\n      --transition: all 0.3s ease;\n    }\n\n    * { box-sizing: border-box; }\n\n    \/* --- CONTENEDOR PRINCIPAL --- *\/\n    .tp-main {\n      position: relative;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* --- HERO: Layout de 2 columnas --- *\/\n    .tp-hero {\n      position: relative;\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      min-height: 700px;\n    }\n\n    \/* --- COLUMNA IZQUIERDA --- *\/\n    .tp-hero-left {\n      width: 100%;\n      display: flex;\n      justify-content: flex-start;\n      flex-direction: column-reverse;\n    }\n\n    .tp-buscas {\n      position: absolute;\n      top: 100px;\n      left: 40px;\n      font-family: var(--font-principal);\n      font-size: 35px;\n      color: var(--morado);\n      line-height: 1.15;\n      text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.6);\n      z-index: 2;\n    }\n\n    \/* --- CTA (parte inferior izquierda) --- *\/\n    .tp-cta {\n      width: 100%;\n      background: linear-gradient(to bottom, var(--crema), var(--crema-2));\n      padding: 10px 30px 0 30px;\n    }\n\n    p.tp-cta-highlight {\n      font-family: var(--font-secundaria);\n      font-size: 16px;\n      color: var(--morado);\n      position: relative;\n      font-weight: 600;\n      text-align: justify;\n      line-height: 1.6;\n    }\n\n    \/* --- COLUMNA DERECHA --- *\/\n    .tp-hero-right {\n      width: 27%;\n      min-width: 320px;\n      background: var(--lila-2);\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n      border-radius: 50px 0 0 0;\n      flex-shrink: 0;\n      margin: 150px 30px 0 0;\n    }\n\n    \/* --- BADGE \"CAKES \/ Customized\" --- *\/\n    .tp-badge {\n      width: 100%;\n      position: relative;\n      background: var(--morado);\n      padding: 35px 40px 30px;\n      border-radius: 50px 0 0 0;\n      box-shadow: 0 4px 15px rgba(71, 51, 104, 0.3);\n    }\n\n    .tp-badge-fallback {\n      display: block;\n    }\n\n    .tp-badge h2 {\n      font-family: var(--font-secundaria);\n      font-size: 20px;\n      font-weight: 300;\n      color: var(--amarillo);\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      margin: 0;\n      line-height: 1.3;\n    }\n\n    .tp-badge h3 {\n      font-family: var(--font-principal);\n      font-size: 30px;\n      color: var(--amarillo);\n      margin: 0;\n      line-height: 1.05;\n    }\n\n    \/* --- LISTAS --- *\/\n    .tp-lists {\n      padding: 23px;\n      flex: 1;\n      background: var(--lila-2);\n    }\n\n    .tp-list-group {\n      margin-bottom: 25px;\n    }\n\n    .tp-list-group:last-child {\n      margin-bottom: 0;\n    }\n\n    .tp-list-title {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-family: var(--font-secundaria);\n      font-size: 15px;\n      font-weight: 700;\n      color: var(--morado);\n      text-transform: uppercase;\n      margin-bottom: 8px;\n    }\n\n    .tp-list-title .arrow-icon {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      background: var(--morado);\n      color: #fff;\n      border-radius: 4px;\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .tp-list-items {\n      list-style: inherit;\n      padding: 0 0 0 38px;\n      margin: 0;\n    }\n\n    .tp-list-items li {\n      font-family: var(--font-secundaria);\n      font-size: 13px;\n      color: var(--morado);\n      padding: 2px 0;\n      position: relative;\n      font-weight: 600;\n    }\n\n    \/* --- Resetear padding de Elementor --- *\/\n    .e-con-full, .e-con>.e-con-inner {\n      padding-block-end: 0;\n      padding-block-start: 0;\n    }\n\n    .e-con {\n      --padding-inline-start: 0;\n      --padding-inline-end: 0;\n    }\n\n    \/* ============================================\n       RESPONSIVE \u2014 TABLET (768px - 1024px)\n       ============================================ *\/\n    @media (max-width: 1024px) {\n      .tp-hero {\n        min-height: 700px;\n      }\n\n      .tp-hero-right {\n        width: 35%;\n        min-width: 280px;\n      }\n\n      .tp-buscas {\n        font-size: 30px;\n        top: 25px;\n        left: 25px;\n      }\n\n      .tp-badge {\n        padding: 28px 25px 22px;\n      }\n\n      .tp-badge h2 {\n        font-size: 17px;\n        letter-spacing: 1px;\n      }\n\n      .tp-badge h3 {\n        font-size: 26px;\n      }\n\n      .tp-lists {\n        padding: 18px;\n      }\n\n      .tp-list-title {\n        font-size: 13px;\n        gap: 5px;\n      }\n\n      .tp-list-title .arrow-icon {\n        width: 22px;\n        height: 22px;\n        font-size: 11px;\n      }\n\n      .tp-list-items li {\n        font-size: 12px;\n      }\n\n      p.tp-cta-highlight {\n        font-size: 14px;\n      }\n    }\n\n    \/* ============================================\n       RESPONSIVE \u2014 MOBILE (max 767px)\n       Las columnas se apilan verticalmente\n       ============================================ *\/\n    @media (max-width: 767px) {\n      .tp-hero {\n        flex-direction: column;\n        min-height: auto;\n        padding: 0 10px;\n      }\n\n      \/* La izquierda se convierte en una zona de fondo visible *\/\n      .tp-hero-left {\n        width: 100%;\n        min-height: 320px;\n        flex-direction: column;\n        justify-content: flex-end;\n      }\n\n      .tp-buscas {\n        position: relative;\n        top: auto;\n        left: auto;\n        padding: 25px 20px 10px;\n        font-size: 30px;\n      }\n\n      .tp-cta {\n        padding: 15px 20px 20px;\n      }\n\n      p.tp-cta-highlight {\n        font-size: 14px;\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n        text-align: left;\n      }\n\n      \/* La derecha se apila debajo, ocupa todo el ancho *\/\n      .tp-hero-right {\n        width: 100%;\n        min-width: unset;\n        border-radius: 30px 30px 0 0;\n      }\n\n      .tp-badge {\n        border-radius: 30px 30px 0 0;\n        padding: 30px 25px 22px;\n        text-align: center;\n      }\n\n      .tp-badge h2 {\n        font-size: 18px;\n      }\n\n      .tp-badge h3 {\n        font-size: 32px;\n      }\n\n      .tp-lists {\n        padding: 22px 25px 30px;\n      }\n\n      .tp-list-title {\n        font-size: 14px;\n      }\n\n      .tp-list-items {\n        padding-left: 30px;\n      }\n\n      .tp-list-items li {\n        font-size: 14px;\n        padding: 3px 0;\n      }\n    }\n\n    \/* ============================================\n       RESPONSIVE \u2014 MOBILE PEQUE\u00d1O (max 480px)\n       ============================================ *\/\n    @media (max-width: 480px) {\n      .tp-hero-left {\n        min-height: 240px;\n      }\n\n      .tp-buscas {\n        font-size: 24px;\n        padding: 20px 15px 8px;\n      }\n\n      .tp-cta {\n        padding: 12px 15px 18px;\n      }\n\n      p.tp-cta-highlight {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      .tp-badge {\n        padding: 22px 20px 18px;\n      }\n\n      .tp-badge h2 {\n        font-size: 16px;\n      }\n\n      .tp-badge h3 {\n        font-size: 26px;\n      }\n\n      .tp-lists {\n        padding: 18px 20px 25px;\n      }\n\n      .tp-list-title {\n        font-size: 12px;\n      }\n\n      .tp-list-title .arrow-icon {\n        width: 20px;\n        height: 20px;\n        font-size: 10px;\n      }\n\n      .tp-list-items li {\n        font-size: 12px;\n      }\n    }\n    \n<\/style>\n<div class=\"tp-page\">\n    <div class=\"tp-main\">\n\n      <div class=\"tp-hero\">\n\n        <div class=\"tp-hero-left\">\n          <h2 class=\"tp-buscas\">\u00bfBuscas <br>algo \u00fanico?<\/h2>\n          <div class=\"tp-cta\">\n            <p class=\"tp-cta-highlight\">\n              We create custom cakes for any occasion.\n              From birthdays to weddings, we tailor our services to your tastes and preferences.\n              Let us make your dream cake a reality! Place your order now and turn any\n              occasion into a sweet and unforgettable moment with Caramella.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-hero-right\">\n\n          <div class=\"tp-badge\">\n            <div class=\"tp-badge-fallback\">\n              <h2>TORTAS<\/h2>\n              <h3>Personalizadas<\/h3>\n            <\/div>\n          <\/div>\n\n          <div class=\"tp-lists\">\n\n            <div class=\"tp-list-group\">\n              <div class=\"tp-list-title\">\n                <span class=\"arrow-icon\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\n                HAY PASTELES DE MUCHOS SABORES\n              <\/div>\n              <ul class=\"tp-list-items\">\n                <li>Vanilla<\/li>\n                <li>Chocolate<\/li>\n                <li>Orange Marmalade<\/li>\n                <li>Red velvet<\/li>\n                <li>Tres leches<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"tp-list-group\">\n              <div class=\"tp-list-title\">\n                <span class=\"arrow-icon\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\n                RELLENOS\n              <\/div>\n              <ul class=\"tp-list-items\">\n                <li>Arequipe<\/li>\n                <li>Chocolate<\/li>\n                <li>Fresas con crema<\/li>\n                <li>Melocot\u00f3n con crema<\/li>\n                <li>Passion fruit cream (brigadeiro) maracuy\u00e1<\/li>\n                <li>Crema de lim\u00f3n<\/li>\n                <li>Crema de lim\u00f3n y frambuesa<\/li>\n              <\/ul>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6dba1a3 e-con-full elementor-hidden-mobile elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"6dba1a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65ec64b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"65ec64b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    \n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,700&display=swap');   \n    @font-face {\n      font-family: 'Barqish';\n      src: url('\/wp-content\/uploads\/2026\/05\/Barqish.woff2') format('woff2');\n      font-weight: normal;\n      font-style: normal;\n      font-display: swap;\n    }\n\n\n    \/* --- VARIABLES CSS --- *\/\n    .tp-page {\n      width: 100%;\n      overflow-x: hidden;\n      --morado: #473368;\n      --amarillo: #eec456;\n      --lila-1: #dfdaee;\n      --lila-2: #f6f5fb;\n      --crema: #fdf4e0;\n      --crema-2: #fffbf3;\n      --blanco: #ffffff;\n      --texto-oscuro: #333333;\n      --font-principal: 'Barqish', 'Pacifico', cursive;\n      --font-secundaria: 'Roboto', sans-serif;\n      --shadow-card: 0 4px 20px rgba(71, 51, 104, 0.15);\n      --shadow-hover: 0 8px 30px rgba(71, 51, 104, 0.25);\n      --transition: all 0.3s ease;\n    }\n\n    * { box-sizing: border-box; }\n\n    \/* --- CONTENEDOR PRINCIPAL --- *\/\n    .tp-main {\n      position: relative;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* --- HERO: Layout de 2 columnas --- *\/\n    .tp-hero {\n      position: relative;\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      min-height: 700px;\n    }\n\n    \/* --- COLUMNA IZQUIERDA --- *\/\n    .tp-hero-left {\n      width: 100%;\n      display: flex;\n      justify-content: flex-start;\n      flex-direction: column-reverse;\n    }\n\n    .tp-buscas1 {\n      position: absolute;\n      top: 200px;\n      left: 40px;\n      font-family: var(--font-principal);\n      font-size: 22px;\n      color: var(--morado);\n      line-height: 1.15;\n      text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.6);\n      z-index: 2;\n    }\n\n    \/* --- CTA (parte inferior izquierda) --- *\/\n    .tp-cta {\n      width: 100%;\n      background: linear-gradient(to bottom, var(--crema), var(--crema-2));\n      padding: 10px 30px 0 30px;\n    }\n\n    p.tp-cta-highlight {\n      font-family: var(--font-secundaria);\n      font-size: 16px;\n      color: var(--morado);\n      position: relative;\n      font-weight: 600;\n      text-align: justify;\n      line-height: 1.6;\n    }\n\n    \/* --- COLUMNA DERECHA --- *\/\n    .tp-hero-right {\n      width: 27%;\n      min-width: 320px;\n      background: var(--lila-2);\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n      border-radius: 50px 0 0 0;\n      flex-shrink: 0;\n      margin: 150px 30px 0 0;\n    }\n\n    \/* --- BADGE \"CAKES \/ Customized\" --- *\/\n    .tp-badge {\n      width: 100%;\n      position: relative;\n      background: var(--morado);\n      padding: 35px 40px 30px;\n      border-radius: 50px 0 0 0;\n      box-shadow: 0 4px 15px rgba(71, 51, 104, 0.3);\n    }\n\n    .tp-badge-fallback {\n      display: block;\n    }\n\n    .tp-badge h2 {\n      font-family: var(--font-secundaria);\n      font-size: 20px;\n      font-weight: 300;\n      color: var(--amarillo);\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      margin: 0;\n      line-height: 1.3;\n    }\n\n    .tp-badge h3 {\n      font-family: var(--font-principal);\n      font-size: 30px;\n      color: var(--amarillo);\n      margin: 0;\n      line-height: 1.05;\n    }\n\n    \/* --- LISTAS --- *\/\n    .tp-lists {\n      padding: 23px;\n      flex: 1;\n      background: var(--lila-2);\n    }\n\n    .tp-list-group {\n      margin-bottom: 25px;\n    }\n\n    .tp-list-group:last-child {\n      margin-bottom: 0;\n    }\n\n    .tp-list-title {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-family: var(--font-secundaria);\n      font-size: 15px;\n      font-weight: 700;\n      color: var(--morado);\n      text-transform: uppercase;\n      margin-bottom: 8px;\n    }\n\n    .tp-list-title .arrow-icon {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      background: var(--morado);\n      color: #fff;\n      border-radius: 4px;\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .tp-list-items {\n      list-style: inherit;\n      padding: 0 0 0 38px;\n      margin: 0;\n    }\n\n    .tp-list-items li {\n      font-family: var(--font-secundaria);\n      font-size: 13px;\n      color: var(--morado);\n      padding: 2px 0;\n      position: relative;\n      font-weight: 600;\n    }\n\n    \/* --- Resetear padding de Elementor --- *\/\n    .e-con-full, .e-con>.e-con-inner {\n      padding-block-end: 0;\n      padding-block-start: 0;\n    }\n\n    .e-con {\n      --padding-inline-start: 0;\n      --padding-inline-end: 0;\n    }\n\n    \/* ============================================\n       RESPONSIVE \u2014 TABLET (768px - 1024px)\n       ============================================ *\/\n    @media (max-width: 1024px) {\n      .tp-hero {\n        min-height: 700px;\n      }\n\n      .tp-hero-right {\n        width: 35%;\n        min-width: 280px;\n      }\n\n      .tp-buscas {\n        font-size: 30px;\n        top: 25px;\n        left: 25px;\n      }\n\n      .tp-badge {\n        padding: 28px 25px 22px;\n      }\n\n      .tp-badge h2 {\n        font-size: 17px;\n        letter-spacing: 1px;\n      }\n\n      .tp-badge h3 {\n        font-size: 26px;\n      }\n\n      .tp-lists {\n        padding: 18px;\n      }\n\n      .tp-list-title {\n        font-size: 13px;\n        gap: 5px;\n      }\n\n      .tp-list-title .arrow-icon {\n        width: 22px;\n        height: 22px;\n        font-size: 11px;\n      }\n\n      .tp-list-items li {\n        font-size: 12px;\n      }\n\n      p.tp-cta-highlight {\n        font-size: 14px;\n      }\n    }\n\n    \/* ============================================\n       RESPONSIVE \u2014 MOBILE (max 767px)\n       Las columnas se apilan verticalmente\n       ============================================ *\/\n    @media (max-width: 767px) {\n      .tp-hero {\n        flex-direction: column;\n        min-height: auto;\n        padding: 0 10px;\n      }\n\n      \/* La izquierda se convierte en una zona de fondo visible *\/\n      .tp-hero-left {\n        width: 100%;\n        min-height: 320px;\n        flex-direction: column;\n        justify-content: flex-end;\n      }\n\n      .tp-buscas {\n        position: relative;\n        top: auto;\n        left: auto;\n        padding: 25px 20px 10px;\n        font-size: 30px;\n      }\n\n      .tp-cta {\n        padding: 15px 20px 20px;\n      }\n\n      p.tp-cta-highlight {\n        font-size: 14px;\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n        text-align: left;\n      }\n\n      \/* La derecha se apila debajo, ocupa todo el ancho *\/\n      .tp-hero-right {\n        width: 100%;\n        min-width: unset;\n        border-radius: 30px 30px 0 0;\n      }\n\n      .tp-badge {\n        border-radius: 30px 30px 0 0;\n        padding: 30px 25px 22px;\n        text-align: center;\n      }\n\n      .tp-badge h2 {\n        font-size: 18px;\n      }\n\n      .tp-badge h3 {\n        font-size: 32px;\n      }\n\n      .tp-lists {\n        padding: 22px 25px 30px;\n      }\n\n      .tp-list-title {\n        font-size: 14px;\n      }\n\n      .tp-list-items {\n        padding-left: 30px;\n      }\n\n      .tp-list-items li {\n        font-size: 14px;\n        padding: 3px 0;\n      }\n    }\n\n    \/* ============================================\n       RESPONSIVE \u2014 MOBILE PEQUE\u00d1O (max 480px)\n       ============================================ *\/\n    @media (max-width: 480px) {\n      .tp-hero-left {\n        min-height: 240px;\n      }\n\n      .tp-buscas {\n        font-size: 24px;\n        padding: 20px 15px 8px;\n      }\n\n      .tp-cta {\n        padding: 12px 15px 18px;\n      }\n\n      p.tp-cta-highlight {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      .tp-badge {\n        padding: 22px 20px 18px;\n      }\n\n      .tp-badge h2 {\n        font-size: 16px;\n      }\n\n      .tp-badge h3 {\n        font-size: 26px;\n      }\n\n      .tp-lists {\n        padding: 18px 20px 25px;\n      }\n\n      .tp-list-title {\n        font-size: 12px;\n      }\n\n      .tp-list-title .arrow-icon {\n        width: 20px;\n        height: 20px;\n        font-size: 10px;\n      }\n\n      .tp-list-items li {\n        font-size: 12px;\n      }\n    }\n    \n<\/style>\n<div class=\"tp-page\">\n    <div class=\"tp-main\">\n\n      <div class=\"tp-hero\">\n\n        <div class=\"tp-hero-left\">\n          <h2 class=\"tp-buscas1\">\u00bfBuscas <br>algo \u00fanico?<\/h2>\n          <div class=\"tp-cta\">\n            <p class=\"tp-cta-highlight\">\n              We create custom cakes for any occasion.\n              From birthdays to weddings, we tailor our services to your tastes and preferences.\n              Let us make your dream cake a reality! Place your order now and turn any\n              occasion into a sweet and unforgettable moment with Caramella.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-hero-right\">\n\n          <div class=\"tp-badge\">\n            <div class=\"tp-badge-fallback\">\n              <h2>TORTAS<\/h2>\n              <h3>Personalizadas<\/h3>\n            <\/div>\n          <\/div>\n\n          <div class=\"tp-lists\">\n\n            <div class=\"tp-list-group\">\n              <div class=\"tp-list-title\">\n                <span class=\"arrow-icon\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\n                HAY PASTELES DE MUCHOS SABORES\n              <\/div>\n              <ul class=\"tp-list-items\">\n                <li>Vanilla<\/li>\n                <li>Chocolate<\/li>\n                <li>Orange Marmalade<\/li>\n                <li>Red velvet<\/li>\n                <li>Tres leches<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"tp-list-group\">\n              <div class=\"tp-list-title\">\n                <span class=\"arrow-icon\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\n                RELLENOS\n              <\/div>\n              <ul class=\"tp-list-items\">\n                <li>Arequipe<\/li>\n                <li>Chocolate<\/li>\n                <li>Fresas con crema<\/li>\n                <li>Melocot\u00f3n con crema<\/li>\n                <li>Passion fruit cream (brigadeiro) maracuy\u00e1<\/li>\n                <li>Crema de lim\u00f3n<\/li>\n                <li>Crema de lim\u00f3n y frambuesa<\/li>\n              <\/ul>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed2976d elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"ed2976d\" 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-a92dd33 elementor-widget elementor-widget-image\" data-id=\"a92dd33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/caramellapastry.com\/wp-content\/uploads\/2026\/05\/FONDO-1-1024x605.png\" class=\"attachment-large size-large wp-image-2240\" alt=\"fondo\" srcset=\"https:\/\/caramellapastry.com\/wp-content\/uploads\/2026\/05\/FONDO-1-1024x605.png 1024w, https:\/\/caramellapastry.com\/wp-content\/uploads\/2026\/05\/FONDO-1-1536x908.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  title=\"custom\" \/>\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-a6d13b8 elementor-widget elementor-widget-html\" data-id=\"a6d13b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,700&display=swap');   \r\n    @font-face {\r\n      font-family: 'Barqish';\r\n      src: url('\/wp-content\/uploads\/2026\/05\/Barqish.woff2') format('woff2');\r\n      font-weight: normal;\r\n      font-style: normal;\r\n      font-display: swap;\r\n    }\r\n\r\n\r\n    \/* --- VARIABLES CSS --- *\/\r\n    .tp-page {\r\n      width: 100%;\r\n      overflow-x: hidden;\r\n      --morado: #473368;\r\n      --amarillo: #eec456;\r\n      --lila-1: #dfdaee;\r\n      --lila-2: #f6f5fb;\r\n      --crema: #fdf4e0;\r\n      --crema-2: #fffbf3;\r\n      --blanco: #ffffff;\r\n      --texto-oscuro: #333333;\r\n      --font-principal: 'Barqish', 'Pacifico', cursive;\r\n      --font-secundaria: 'Roboto', sans-serif;\r\n      --shadow-card: 0 4px 20px rgba(71, 51, 104, 0.15);\r\n      --shadow-hover: 0 8px 30px rgba(71, 51, 104, 0.25);\r\n      --transition: all 0.3s ease;\r\n    }\r\n\r\n    * { box-sizing: border-box; }\r\n\r\n    \/* --- CONTENEDOR PRINCIPAL --- *\/\r\n    .tp-main {\r\n      position: relative;\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    \/* --- HERO: Layout de 2 columnas --- *\/\r\n    .tp-hero {\r\n      position: relative;\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: row;\r\n      min-height: 750px;\r\n    }\r\n\r\n    \/* --- COLUMNA IZQUIERDA --- *\/\r\n    .tp-hero-left {\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      flex-direction: column-reverse;\r\n    }\r\n\r\n    .tp-buscas {\r\n      position: absolute;\r\n      top: 120px;\r\n      left: 40px;\r\n      font-family: var(--font-principal);\r\n      font-size: 35px;\r\n      color: var(--morado);\r\n      line-height: 1.15;\r\n      text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.6);\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* --- CTA (parte inferior izquierda) --- *\/\r\n    .tp-cta {\r\n      width: 100%;\r\n      background: linear-gradient(to bottom, var(--crema), var(--crema-2));\r\n      padding: 10px 30px 0 30px;\r\n    }\r\n\r\n    p.tp-cta-highlight {\r\n      font-family: var(--font-secundaria);\r\n      font-size: 16px;\r\n      color: var(--morado);\r\n      position: relative;\r\n      font-weight: 600;\r\n      text-align: justify;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* --- COLUMNA DERECHA --- *\/\r\n    .tp-hero-right {\r\n      width: 27%;\r\n      min-width: 320px;\r\n      background: var(--lila-2);\r\n      display: flex;\r\n      flex-direction: column;\r\n      padding: 0;\r\n      border-radius: 50px 0 0 0;\r\n      flex-shrink: 0;\r\n      margin: 150px 30px 0 0;\r\n    }\r\n\r\n    \/* --- BADGE \"CAKES \/ Customized\" --- *\/\r\n    .tp-badge {\r\n      width: 100%;\r\n      position: relative;\r\n      background: var(--morado);\r\n      padding: 35px 40px 30px;\r\n      border-radius: 50px 0 0 0;\r\n      box-shadow: 0 4px 15px rgba(71, 51, 104, 0.3);\r\n    }\r\n\r\n    .tp-badge-fallback {\r\n      display: block;\r\n    }\r\n\r\n    .tp-badge h2 {\r\n      font-family: var(--font-secundaria);\r\n      font-size: 20px;\r\n      font-weight: 300;\r\n      color: var(--amarillo);\r\n      text-transform: uppercase;\r\n      letter-spacing: 2px;\r\n      margin: 0;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .tp-badge h3 {\r\n      font-family: var(--font-principal);\r\n      font-size: 30px;\r\n      color: var(--amarillo);\r\n      margin: 0;\r\n      line-height: 1.05;\r\n    }\r\n\r\n    \/* --- LISTAS --- *\/\r\n    .tp-lists {\r\n      padding: 23px;\r\n      flex: 1;\r\n      background: var(--lila-2);\r\n    }\r\n\r\n    .tp-list-group {\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    .tp-list-group:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .tp-list-title {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-family: var(--font-secundaria);\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      color: var(--morado);\r\n      text-transform: uppercase;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .tp-list-title .arrow-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 28px;\r\n      height: 28px;\r\n      background: var(--morado);\r\n      color: #fff;\r\n      border-radius: 4px;\r\n      font-size: 14px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .tp-list-items {\r\n      list-style: inherit;\r\n      padding: 0 0 0 38px;\r\n      margin: 0;\r\n    }\r\n\r\n    .tp-list-items li {\r\n      font-family: var(--font-secundaria);\r\n      font-size: 13px;\r\n      color: var(--morado);\r\n      padding: 2px 0;\r\n      position: relative;\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* --- Resetear padding de Elementor --- *\/\r\n    .e-con-full, .e-con>.e-con-inner {\r\n      padding-block-end: 0;\r\n      padding-block-start: 0;\r\n    }\r\n\r\n    .e-con {\r\n      --padding-inline-start: 0;\r\n      --padding-inline-end: 0;\r\n    }\r\n\r\n    \/* ============================================\r\n       RESPONSIVE \u2014 TABLET (768px - 1024px)\r\n       ============================================ *\/\r\n    @media (max-width: 1024px) {\r\n      .tp-hero {\r\n        min-height: 500px;\r\n      }\r\n\r\n      .tp-hero-right {\r\n        width: 35%;\r\n        min-width: 280px;\r\n      }\r\n\r\n      .tp-buscas {\r\n        font-size: 30px;\r\n        top: 50px;\r\n        left: 25px;\r\n      }\r\n\r\n      .tp-badge {\r\n        padding: 28px 25px 22px;\r\n      }\r\n\r\n      .tp-badge h2 {\r\n        font-size: 17px;\r\n        letter-spacing: 1px;\r\n      }\r\n\r\n      .tp-badge h3 {\r\n        font-size: 26px;\r\n      }\r\n\r\n      .tp-lists {\r\n        padding: 18px;\r\n      }\r\n\r\n      .tp-list-title {\r\n        font-size: 13px;\r\n        gap: 5px;\r\n      }\r\n\r\n      .tp-list-title .arrow-icon {\r\n        width: 22px;\r\n        height: 22px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      .tp-list-items li {\r\n        font-size: 12px;\r\n      }\r\n\r\n      p.tp-cta-highlight {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n\r\n    \/* ============================================\r\n       RESPONSIVE \u2014 MOBILE (max 767px)\r\n       Las columnas se apilan verticalmente\r\n       ============================================ *\/\r\n    @media (max-width: 767px) {\r\n      .tp-hero {\r\n        flex-direction: column;\r\n        min-height: auto;\r\n        padding: 0 10px;\r\n      }\r\n\r\n      \/* La izquierda se convierte en una zona de fondo visible *\/\r\n      .tp-hero-left {\r\n        width: 100%;\r\n        min-height: 320px;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n      }\r\n\r\n      .tp-buscas {\r\n        position: relative;\r\n        top: auto;\r\n        left: auto;\r\n        padding: 25px 20px 10px;\r\n        font-size: 30px;\r\n      }\r\n\r\n      .tp-cta {\r\n        padding: 15px 20px 20px;\r\n      }\r\n\r\n      p.tp-cta-highlight {\r\n        font-size: 14px;\r\n        margin-left: 0 !important;\r\n        margin-right: 0 !important;\r\n        text-align: left;\r\n      }\r\n\r\n      \/* La derecha se apila debajo, ocupa todo el ancho *\/\r\n      .tp-hero-right {\r\n        width: 100%;\r\n        min-width: unset;\r\n        border-radius: 30px 30px 0 0;\r\n      }\r\n\r\n      .tp-badge {\r\n        border-radius: 30px 30px 0 0;\r\n        padding: 30px 25px 22px;\r\n        text-align: center;\r\n      }\r\n\r\n      .tp-badge h2 {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .tp-badge h3 {\r\n        font-size: 32px;\r\n      }\r\n\r\n      .tp-lists {\r\n        padding: 22px 25px 30px;\r\n      }\r\n\r\n      .tp-list-title {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .tp-list-items {\r\n        padding-left: 30px;\r\n      }\r\n\r\n      .tp-list-items li {\r\n        font-size: 14px;\r\n        padding: 3px 0;\r\n      }\r\n    }\r\n\r\n    \/* ============================================\r\n       RESPONSIVE \u2014 MOBILE PEQUE\u00d1O (max 480px)\r\n       ============================================ *\/\r\n    @media (max-width: 480px) {\r\n      .tp-hero-left {\r\n        min-height: 240px;\r\n      }\r\n\r\n      .tp-buscas {\r\n        font-size: 24px;\r\n        padding: 40px 15px 8px;\r\n      }\r\n\r\n      .tp-cta {\r\n        padding: 12px 15px 18px;\r\n      }\r\n\r\n      p.tp-cta-highlight {\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n      }\r\n\r\n      .tp-badge {\r\n        padding: 22px 20px 18px;\r\n      }\r\n\r\n      .tp-badge h2 {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .tp-badge h3 {\r\n        font-size: 26px;\r\n      }\r\n\r\n      .tp-lists {\r\n        padding: 18px 20px 25px;\r\n      }\r\n\r\n      .tp-list-title {\r\n        font-size: 12px;\r\n      }\r\n\r\n      .tp-list-title .arrow-icon {\r\n        width: 20px;\r\n        height: 20px;\r\n        font-size: 10px;\r\n      }\r\n\r\n      .tp-list-items li {\r\n        font-size: 12px;\r\n      }\r\n    }\r\n    \r\n<\/style>\r\n<div class=\"tp-page\">\r\n    <div class=\"tp-main\">\r\n\r\n      <div class=\"tp-hero\">\r\n\r\n        <div class=\"tp-hero-left\">\r\n          <h2 class=\"tp-buscas\">\u00bfBuscas <br>algo \u00fanico?<\/h2>\r\n          <div class=\"tp-cta\">\r\n            <p class=\"tp-cta-highlight\">\r\n              Creamos pasteles personalizados para cualquier ocasi\u00f3n.\n              Desde cumplea\u00f1os hasta bodas, adaptamos nuestros servicios a tus gustos y preferencias.\n              \u00a1D\u00e9janos hacer realidad el pastel de tus sue\u00f1os! Haz tu pedido ahora y convierte cualquier\n              ocasi\u00f3n en un momento dulce e inolvidable con Caramella.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tp-hero-right\">\r\n\r\n          <div class=\"tp-badge\">\r\n            <div class=\"tp-badge-fallback\">\r\n              <h2>TORTAS<\/h2>\r\n              <h3>Personalizadas<\/h3>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tp-lists\">\r\n\r\n            <div class=\"tp-list-group\">\r\n              <div class=\"tp-list-title\">\r\n                <span class=\"arrow-icon\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n                HAY PASTELES DE MUCHOS SABORES\r\n              <\/div>\r\n              <ul class=\"tp-list-items\">\r\n                <li>Vanilla<\/li>\r\n                <li>Chocolate<\/li>\r\n                <li>Orange Marmalade<\/li>\r\n                <li>Red velvet<\/li>\r\n                <li>Tres leches<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"tp-list-group\">\r\n              <div class=\"tp-list-title\">\r\n                <span class=\"arrow-icon\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n                RELLENOS\r\n              <\/div>\r\n              <ul class=\"tp-list-items\">\r\n                <li>Arequipe<\/li>\r\n                <li>Chocolate<\/li>\r\n                <li>Fresas con crema<\/li>\r\n                <li>Melocot\u00f3n con crema<\/li>\r\n                <li>Passion fruit cream (brigadeiro) maracuy\u00e1<\/li>\r\n                <li>Crema de lim\u00f3n<\/li>\r\n                <li>Crema de lim\u00f3n y frambuesa<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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 class=\"elementor-element elementor-element-ca15ae0 elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"ca15ae0\" 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-cc078ed elementor-widget elementor-widget-image\" data-id=\"cc078ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"752\" height=\"572\" src=\"https:\/\/caramellapastry.com\/wp-content\/uploads\/2026\/07\/FONDO-final.png\" class=\"attachment-large size-large wp-image-4875\" alt=\"fondo final\" srcset=\"https:\/\/caramellapastry.com\/wp-content\/uploads\/2026\/07\/FONDO-final.png 752w, https:\/\/caramellapastry.com\/wp-content\/uploads\/2026\/07\/FONDO-final-300x228.png 300w, https:\/\/caramellapastry.com\/wp-content\/uploads\/2026\/07\/FONDO-final-16x12.png 16w\" sizes=\"(max-width: 752px) 100vw, 752px\"  title=\"custom\" \/>\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 class=\"elementor-element elementor-element-466b234 elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"466b234\" 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-9d32597 elementor-widget elementor-widget-heading\" data-id=\"9d32597\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfBuscas algo \u00fanico?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7966520 e-con-full e-flex e-con e-child\" data-id=\"7966520\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-125fafc elementor-widget elementor-widget-spacer\" data-id=\"125fafc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-948a514 elementor-widget elementor-widget-heading\" data-id=\"948a514\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">TORTAS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-632646c elementor-widget elementor-widget-heading\" data-id=\"632646c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Personalizadas<\/h2>\t\t\t\t<\/div>\n\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 class=\"elementor-element elementor-element-3d3a31d elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"3d3a31d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae44578 elementor-widget elementor-widget-html\" data-id=\"ae44578\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,700&display=swap');   \r\n    @font-face {\r\n      font-family: 'Barqish';\r\n      src: url('\/wp-content\/uploads\/2026\/05\/Barqish.woff2') format('woff2');\r\n      font-weight: normal;\r\n      font-style: normal;\r\n      font-display: swap;\r\n    }\r\n\r\n\r\n    \/* --- VARIABLES CSS --- *\/\r\n    .tp-page {\r\n      width: 100%;\r\n      overflow-x: hidden;\r\n      --morado: #473368;\r\n      --amarillo: #eec456;\r\n      --lila-1: #dfdaee;\r\n      --lila-2: #f6f5fb;\r\n      --crema: #fdf4e0;\r\n      --crema-2: #fffbf3;\r\n      --blanco: #ffffff;\r\n      --texto-oscuro: #333333;\r\n      --font-principal: 'Barqish', 'Pacifico', cursive;\r\n      --font-secundaria: 'Roboto', sans-serif;\r\n      --shadow-card: 0 4px 20px rgba(71, 51, 104, 0.15);\r\n      --shadow-hover: 0 8px 30px rgba(71, 51, 104, 0.25);\r\n      --transition: all 0.3s ease;\r\n    }\r\n\r\n    * { box-sizing: border-box; }\r\n\r\n    \/* --- CONTENEDOR PRINCIPAL --- *\/\r\n    .tp-main {\r\n      position: relative;\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    \/* --- HERO: Layout de 2 columnas --- *\/\r\n    .tp-hero {\r\n      position: relative;\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: row;\r\n      min-height: 750px;\r\n    }\r\n\r\n    \/* --- COLUMNA IZQUIERDA --- *\/\r\n    .tp-hero-left {\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      flex-direction: column-reverse;\r\n    }\r\n\r\n    .tp-buscas {\r\n      position: absolute;\r\n      top: 120px;\r\n      left: 40px;\r\n      font-family: var(--font-principal);\r\n      font-size: 35px;\r\n      color: var(--morado);\r\n      line-height: 1.15;\r\n      text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.6);\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* --- CTA (parte inferior izquierda) --- *\/\r\n    .tp-cta {\r\n      width: 100%;\r\n      background: linear-gradient(to bottom, var(--crema), var(--crema-2));\r\n      padding: 10px 30px 0 30px;\r\n    }\r\n\r\n    p.tp-cta-highlight {\r\n      font-family: var(--font-secundaria);\r\n      font-size: 16px;\r\n      color: var(--morado);\r\n      position: relative;\r\n      font-weight: 600;\r\n      text-align: justify;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* --- COLUMNA DERECHA --- *\/\r\n    .tp-hero-right {\r\n      width: 27%;\r\n      min-width: 320px;\r\n      background: var(--blanco);\r\n      display: flex;\r\n      flex-direction: column;\r\n      padding: 0;\r\n      border-radius: 50px 0 0 0;\r\n      flex-shrink: 0;\r\n     \r\n    }\r\n\r\n    \/* --- BADGE \"CAKES \/ Customized\" --- *\/\r\n    .tp-badge {\r\n      width: 100%;\r\n      position: relative;\r\n      background: var(--morado);\r\n      padding: 35px 40px 30px;\r\n      border-radius: 50px 0 0 0;\r\n      box-shadow: 0 4px 15px rgba(71, 51, 104, 0.3);\r\n    }\r\n\r\n    .tp-badge-fallback {\r\n      display: block;\r\n    }\r\n\r\n    .tp-badge h2 {\r\n      font-family: var(--font-secundaria);\r\n      font-size: 20px;\r\n      font-weight: 300;\r\n      color: var(--amarillo);\r\n      text-transform: uppercase;\r\n      letter-spacing: 2px;\r\n      margin: 0;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .tp-badge h3 {\r\n      font-family: var(--font-principal);\r\n      font-size: 30px;\r\n      color: var(--amarillo);\r\n      margin: 0;\r\n      line-height: 1.05;\r\n    }\r\n\r\n    \/* --- LISTAS --- *\/\r\n    .tp-lists {\r\n      padding: 23px;\r\n      flex: 1;\r\n      background: var(--blanco);\r\n    }\r\n\r\n    .tp-list-group {\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    .tp-list-group:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .tp-list-title {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-family: var(--font-secundaria);\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      color: var(--morado);\r\n      text-transform: uppercase;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .tp-list-title .arrow-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 28px;\r\n      height: 28px;\r\n      background: var(--morado);\r\n      color: #fff;\r\n      border-radius: 4px;\r\n      font-size: 14px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .tp-list-items {\r\n      list-style: inherit;\r\n      padding: 0 0 0 38px;\r\n      margin: 0;\r\n    }\r\n\r\n    .tp-list-items li {\r\n      font-family: var(--font-secundaria);\r\n      font-size: 13px;\r\n      color: var(--morado);\r\n      padding: 2px 0;\r\n      position: relative;\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* --- Resetear padding de Elementor --- *\/\r\n    .e-con-full, .e-con>.e-con-inner {\r\n      padding-block-end: 0;\r\n      padding-block-start: 0;\r\n    }\r\n\r\n    .e-con {\r\n      --padding-inline-start: 0;\r\n      --padding-inline-end: 0;\r\n    }\r\n\r\n    \/* ============================================\r\n       RESPONSIVE \u2014 TABLET (768px - 1024px)\r\n       ============================================ *\/\r\n    @media (max-width: 1024px) {\r\n      .tp-hero {\r\n        min-height: 500px;\r\n      }\r\n\r\n      .tp-hero-right {\r\n        width: 35%;\r\n        min-width: 280px;\r\n      }\r\n\r\n      .tp-buscas {\r\n        font-size: 30px;\r\n        top: 50px;\r\n        left: 25px;\r\n      }\r\n\r\n      .tp-badge {\r\n        padding: 28px 25px 22px;\r\n      }\r\n\r\n      .tp-badge h2 {\r\n        font-size: 17px;\r\n        letter-spacing: 1px;\r\n      }\r\n\r\n      .tp-badge h3 {\r\n        font-size: 26px;\r\n      }\r\n\r\n      .tp-lists {\r\n        padding: 18px;\r\n      }\r\n\r\n      .tp-list-title {\r\n        font-size: 13px;\r\n        gap: 5px;\r\n      }\r\n\r\n      .tp-list-title .arrow-icon {\r\n        width: 22px;\r\n        height: 22px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      .tp-list-items li {\r\n        font-size: 12px;\r\n      }\r\n\r\n      p.tp-cta-highlight {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n\r\n    \/* ============================================\r\n       RESPONSIVE \u2014 MOBILE (max 767px)\r\n       Las columnas se apilan verticalmente\r\n       ============================================ *\/\r\n    @media (max-width: 767px) {\r\n      .tp-hero {\r\n        flex-direction: column;\r\n        min-height: auto;\r\n        padding: 0 10px;\r\n      }\r\n\r\n      \/* La izquierda se convierte en una zona de fondo visible *\/\r\n      .tp-hero-left {\r\n        width: 100%;\r\n        min-height: 320px;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n      }\r\n\r\n      .tp-buscas {\r\n        position: relative;\r\n        top: auto;\r\n        left: auto;\r\n        padding: 25px 20px 10px;\r\n        font-size: 30px;\r\n      }\r\n\r\n      .tp-cta {\r\n        padding: 15px 20px 20px;\r\n      }\r\n\r\n      p.tp-cta-highlight {\r\n        font-size: 14px;\r\n        margin-left: 0 !important;\r\n        margin-right: 0 !important;\r\n        text-align: left;\r\n      }\r\n\r\n      \/* La derecha se apila debajo, ocupa todo el ancho *\/\r\n      .tp-hero-right {\r\n        width: 100%;\r\n        min-width: unset;\r\n        border-radius: 30px 30px 0 0;\r\n      }\r\n\r\n      .tp-badge {\r\n        border-radius: 30px 30px 0 0;\r\n        padding: 30px 25px 22px;\r\n        text-align: center;\r\n      }\r\n\r\n      .tp-badge h2 {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .tp-badge h3 {\r\n        font-size: 32px;\r\n      }\r\n\r\n      .tp-lists {\r\n        padding: 22px 25px 30px;\r\n      }\r\n\r\n      .tp-list-title {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .tp-list-items {\r\n        padding-left: 30px;\r\n      }\r\n\r\n      .tp-list-items li {\r\n        font-size: 14px;\r\n        padding: 3px 0;\r\n      }\r\n    }\r\n\r\n    \/* ============================================\r\n       RESPONSIVE \u2014 MOBILE PEQUE\u00d1O (max 480px)\r\n       ============================================ *\/\r\n    @media (max-width: 480px) {\r\n      .tp-hero-left {\r\n        min-height: 240px;\r\n      }\r\n\r\n      .tp-buscas {\r\n        font-size: 24px;\r\n        padding: 40px 15px 8px;\r\n      }\r\n\r\n      .tp-cta {\r\n        padding: 12px 15px 18px;\r\n      }\r\n\r\n      p.tp-cta-highlight {\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n      }\r\n\r\n      .tp-badge {\r\n        padding: 22px 20px 18px;\r\n      }\r\n\r\n      .tp-badge h2 {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .tp-badge h3 {\r\n        font-size: 26px;\r\n      }\r\n\r\n      .tp-lists {\r\n        padding: 18px 20px 25px;\r\n      }\r\n\r\n      .tp-list-title {\r\n        font-size: 12px;\r\n      }\r\n\r\n      .tp-list-title .arrow-icon {\r\n        width: 20px;\r\n        height: 20px;\r\n        font-size: 10px;\r\n      }\r\n\r\n      .tp-list-items li {\r\n        font-size: 12px;\r\n      }\r\n    }\r\n    \r\n<\/style>\r\n<div class=\"tp-page\">\r\n    <div class=\"tp-main\">\r\n\r\n      <div class=\"tp-hero\">\r\n\r\n   \r\n\r\n        <div class=\"tp-hero-right\">\r\n\r\n         \r\n\r\n          <div class=\"tp-lists\">\r\n\r\n            <div class=\"tp-list-group\">\r\n              <div class=\"tp-list-title\">\r\n                <span class=\"arrow-icon\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n                HAY PASTELES DE MUCHOS SABORES\r\n              <\/div>\r\n              <ul class=\"tp-list-items\">\r\n                <li>Vanilla<\/li>\r\n                <li>Chocolate<\/li>\r\n                <li>Orange Marmalade<\/li>\r\n                <li>Red velvet<\/li>\r\n                <li>Tres leches<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"tp-list-group\">\r\n              <div class=\"tp-list-title\">\r\n                <span class=\"arrow-icon\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n                RELLENOS\r\n              <\/div>\r\n              <ul class=\"tp-list-items\">\r\n                <li>Arequipe<\/li>\r\n                <li>Chocolate<\/li>\r\n                <li>Fresas con crema<\/li>\r\n                <li>Melocot\u00f3n con crema<\/li>\r\n                <li>Passion fruit cream (brigadeiro) maracuy\u00e1<\/li>\r\n                <li>Crema de lim\u00f3n<\/li>\r\n                <li>Crema de lim\u00f3n y frambuesa<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Looking for something unique? We create custom cakes for any occasion. From birthdays to weddings, we tailor our services to your tastes and preferences. Let us make your dream cake a reality! Place your order now and turn any occasion into a sweet and unforgettable moment with Caramella. CAKES Customized CAKES COME IN MANY FLAVORS [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-4135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/caramellapastry.com\/es_ES\/wp-json\/wp\/v2\/pages\/4135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/caramellapastry.com\/es_ES\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/caramellapastry.com\/es_ES\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/caramellapastry.com\/es_ES\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/caramellapastry.com\/es_ES\/wp-json\/wp\/v2\/comments?post=4135"}],"version-history":[{"count":212,"href":"https:\/\/caramellapastry.com\/es_ES\/wp-json\/wp\/v2\/pages\/4135\/revisions"}],"predecessor-version":[{"id":4885,"href":"https:\/\/caramellapastry.com\/es_ES\/wp-json\/wp\/v2\/pages\/4135\/revisions\/4885"}],"wp:attachment":[{"href":"https:\/\/caramellapastry.com\/es_ES\/wp-json\/wp\/v2\/media?parent=4135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}