.elementor-1661 .elementor-element.elementor-element-97d159f{--display:flex;--min-height:100vh;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.9;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1661 .elementor-element.elementor-element-97d159f:not(.elementor-motion-effects-element-type-background), .elementor-1661 .elementor-element.elementor-element-97d159f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://caramellapastry.com/wp-content/uploads/2026/05/FONDO.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-1661 .elementor-element.elementor-element-97d159f::before, .elementor-1661 .elementor-element.elementor-element-97d159f > .elementor-background-video-container::before, .elementor-1661 .elementor-element.elementor-element-97d159f > .e-con-inner > .elementor-background-video-container::before, .elementor-1661 .elementor-element.elementor-element-97d159f > .elementor-background-slideshow::before, .elementor-1661 .elementor-element.elementor-element-97d159f > .e-con-inner > .elementor-background-slideshow::before, .elementor-1661 .elementor-element.elementor-element-97d159f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0000007D 0%, #00000000 100%);}.elementor-1661 .elementor-element.elementor-element-d15faf5{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-1661 .elementor-element.elementor-element-d15faf5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1661 .elementor-element.elementor-element-bb23213{--display:flex;--min-height:100vh;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.9;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1661 .elementor-element.elementor-element-bb23213:not(.elementor-motion-effects-element-type-background), .elementor-1661 .elementor-element.elementor-element-bb23213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://caramellapastry.com/wp-content/uploads/2026/05/FONDO.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-1661 .elementor-element.elementor-element-bb23213::before, .elementor-1661 .elementor-element.elementor-element-bb23213 > .elementor-background-video-container::before, .elementor-1661 .elementor-element.elementor-element-bb23213 > .e-con-inner > .elementor-background-video-container::before, .elementor-1661 .elementor-element.elementor-element-bb23213 > .elementor-background-slideshow::before, .elementor-1661 .elementor-element.elementor-element-bb23213 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1661 .elementor-element.elementor-element-bb23213 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0000007D 0%, #00000000 100%);}.elementor-1661 .elementor-element.elementor-element-2bf1c83{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-1661 .elementor-element.elementor-element-2bf1c83.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1661 .elementor-element.elementor-element-da35613{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1661 .elementor-element.elementor-element-049a350{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1661 .elementor-element.elementor-element-9296400{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1661 .elementor-element.elementor-element-4d64b970{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:-3px;--padding-bottom:-3px;--padding-left:-3px;--padding-right:-3px;}.elementor-1661 .elementor-element.elementor-element-4d64b970:not(.elementor-motion-effects-element-type-background), .elementor-1661 .elementor-element.elementor-element-4d64b970 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDAEE;}.elementor-1661 .elementor-element.elementor-element-69ea9095{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1661 .elementor-element.elementor-element-69ea9095:not(.elementor-motion-effects-element-type-background), .elementor-1661 .elementor-element.elementor-element-69ea9095 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDAEE;}.elementor-1661 .elementor-element.elementor-element-44988b43 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1661 .elementor-element.elementor-element-44988b43{text-align:center;}.elementor-1661 .elementor-element.elementor-element-44988b43 img{width:90%;max-width:100%;border-radius:0px 0px 50px 0px;}.elementor-1661 .elementor-element.elementor-element-37500ee1{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-1661 .elementor-element.elementor-element-37500ee1:not(.elementor-motion-effects-element-type-background), .elementor-1661 .elementor-element.elementor-element-37500ee1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDAEE;background-image:url("https://caramellapastry.com/wp-content/uploads/2026/05/QR-IG-CARAMELLA.png");background-position:center center;background-repeat:no-repeat;}.elementor-1661 .elementor-element.elementor-element-3447d308{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1661 .elementor-element.elementor-element-302ba6e3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1661 .elementor-element.elementor-element-302ba6e3:not(.elementor-motion-effects-element-type-background), .elementor-1661 .elementor-element.elementor-element-302ba6e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDAEE;}.elementor-1661 .elementor-element.elementor-element-110ef916{text-align:center;}.elementor-1661 .elementor-element.elementor-element-110ef916 img{border-radius:0px 0px 0px 50px;}.elementor-1661 .elementor-element.elementor-element-101fb400{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1661 .elementor-element.elementor-element-5b0d3e87{text-align:center;}.elementor-1661 .elementor-element.elementor-element-43314eee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1661 .elementor-element.elementor-element-7e6de55{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1661 .elementor-element.elementor-element-97d159f{--min-height:49.1vh;--padding-top:75px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-1661 .elementor-element.elementor-element-bb23213{--min-height:49.1vh;--padding-top:75px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-1661 .elementor-element.elementor-element-37500ee1{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-1661 .elementor-element.elementor-element-97d159f{--min-height:48.2vh;--padding-top:150px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1661 .elementor-element.elementor-element-d15faf5{width:100%;max-width:100%;}.elementor-1661 .elementor-element.elementor-element-bb23213{--min-height:48.2vh;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1661 .elementor-element.elementor-element-2bf1c83{width:100%;max-width:100%;}.elementor-1661 .elementor-element.elementor-element-37500ee1{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1661 .elementor-element.elementor-element-302ba6e3{--width:33.33%;}.elementor-1661 .elementor-element.elementor-element-101fb400{--width:33.33%;}.elementor-1661 .elementor-element.elementor-element-43314eee{--width:33.33%;}}@media(min-width:768px){.elementor-1661 .elementor-element.elementor-element-97d159f{--content-width:840px;}.elementor-1661 .elementor-element.elementor-element-bb23213{--content-width:840px;}.elementor-1661 .elementor-element.elementor-element-049a350{--width:33.3333%;}.elementor-1661 .elementor-element.elementor-element-9296400{--width:66.6666%;}.elementor-1661 .elementor-element.elementor-element-4d64b970{--width:100%;}.elementor-1661 .elementor-element.elementor-element-69ea9095{--width:20%;}.elementor-1661 .elementor-element.elementor-element-37500ee1{--width:20%;}.elementor-1661 .elementor-element.elementor-element-302ba6e3{--width:20%;}.elementor-1661 .elementor-element.elementor-element-101fb400{--width:20%;}.elementor-1661 .elementor-element.elementor-element-43314eee{--width:20%;}}@media(min-width:1025px){.elementor-1661 .elementor-element.elementor-element-97d159f:not(.elementor-motion-effects-element-type-background), .elementor-1661 .elementor-element.elementor-element-97d159f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-1661 .elementor-element.elementor-element-bb23213:not(.elementor-motion-effects-element-type-background), .elementor-1661 .elementor-element.elementor-element-bb23213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-d15faf5 *//* ============================================
   CARAMELLA CHIC PASTRY - CSS PERSONALIZADO
   Para usar en WordPress > Apariencia > CSS Adicional
   o en Elementor > Ajustes del Sitio > CSS Personalizado
   ============================================ */

/* --- IMPORTAR FUENTES --- */
@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');

@font-face {
  font-family: 'Barqish';
  src: url('wp-content/uploads/2026/05/Barqish.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* --- VARIABLES CSS --- */
:root {
  --morado: #473368;
  --amarillo: #eec456;
  --lila-1: #dfdaee;
  --lila-2: #f6f5fb;
  --crema: #fdf4e0;
  --crema-2: #fffbf3;
  --blanco: #ffffff;
  --texto-oscuro: #333333;
  --font-principal: Barquish, Helvetica, Arial, sans-serif;
  --font-secundaria: 'Roboto', sans-serif;
  --shadow-card: 0 4px 20px rgba(71, 51, 104, 0.15);
  --shadow-hover: 0 8px 30px rgba(71, 51, 104, 0.25);
  --transition: all 0.3s ease;
}

/* --- RESET Y ESTILOS GLOBALES --- */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-secundaria);
  color: var(--texto-oscuro);
  background-color: var(--lila-2);
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-principal);
  color: var(--morado);
  line-height: 1.2;
}

/* --- CONTACTO --- */
.contacto-section {
  display: grid;
  min-height: 85vh;
  background: var(--lila-2);
  border-radius: 50px 0 0 0;
}

.contacto-image {
  overflow: hidden;
}

.contacto-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contacto-info {
  /*padding: 40px 60px;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contacto-badge {
  background: var(--morado);
  color: var(--blanco);
  padding: 30px 40px 0 40px;
  border-radius: 50px 0 0 0;
  /*margin-bottom: 30px;*/
  position: relative;
}

.contacto-badge h2 {
  font-family: var(--font-principal);
  font-size: 56px;
  color: var(--blanco);
}

.contacto-badge p {
  font-family: var(--font-secundaria);
  font-size: 1.7rem;
  color: var(--amarillo);
  text-transform: uppercase;
  font-weight: lighter;
  letter-spacing: 1px;
}

.contacto-details {
  margin: 20px 0 30px;
  padding: 0 0 0 30px;
}

.contacto-details .intro {
  font-size: 25px;
  color: var(--texto-oscuro);
  margin-bottom: 20px;
}

.contacto-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 15px;
  font-family: var(--font-secundaria);
  font-size: 17px;
  color: var(--texto-oscuro);
}

.contacto-item .icon {
  font-size: 22px;
  flex-shrink: 0;
}

.contacto-frase {
  font-family: var(--font-principal);
  font-size: 32px;
  color: var(--morado);
  line-height: 1.4;
  /*margin-top: 20px;*/
  padding: 0 10px 0 30px;
}
.e-con.e-flex>.e-con-inner {
    justify-content: end;
}
span.text-span {
    font-size: 1.5rem;
    color: var(--morado);
    font-weight: 700;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

/* Mobile */
@media (max-width: 768px) {
  
  .productos-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
  .producto-card h4 { font-size: 18px; }

  .personalizadas-section { grid-template-columns: 1fr; }
  .personalizadas-gallery { padding: 20px; min-height: 350px; }
  .personalizadas-info { padding: 20px; }
  .personalizadas-badge h3 { font-size: 36px; }
  .personalizadas-cta { padding: 30px 20px; }

  .contacto-section { grid-template-columns: 1fr; }
  .contacto-image { min-height: 350px; }
  /*.contacto-info { padding: 30px 20px; }*/
  .contacto-info { padding: 0; }
  .contacto-badge h2 { font-size: 42px; }
  .contacto-frase { font-size: 22px; }
  .elementor-1661 .elementor-element.elementor-element-2bf1c83 {
    width: 100%;
}
.contacto-section { min-height: auto;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2bf1c83 *//* ============================================
   CARAMELLA CHIC PASTRY - CSS PERSONALIZADO
   Para usar en WordPress > Apariencia > CSS Adicional
   o en Elementor > Ajustes del Sitio > CSS Personalizado
   ============================================ */

/* --- IMPORTAR FUENTES --- */
@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');

@font-face {
  font-family: 'Barqish';
  src: url('wp-content/uploads/2026/05/Barqish.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* --- VARIABLES CSS --- */
:root {
  --morado: #473368;
  --amarillo: #eec456;
  --lila-1: #dfdaee;
  --lila-2: #f6f5fb;
  --crema: #fdf4e0;
  --crema-2: #fffbf3;
  --blanco: #ffffff;
  --texto-oscuro: #333333;
  --font-principal: Barquish, Helvetica, Arial, sans-serif;
  --font-secundaria: 'Roboto', sans-serif;
  --shadow-card: 0 4px 20px rgba(71, 51, 104, 0.15);
  --shadow-hover: 0 8px 30px rgba(71, 51, 104, 0.25);
  --transition: all 0.3s ease;
}

/* --- RESET Y ESTILOS GLOBALES --- */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-secundaria);
  color: var(--texto-oscuro);
  background-color: var(--lila-2);
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-principal);
  color: var(--morado);
  line-height: 1.2;
}

/* --- CONTACTO --- */
.contacto-section {
  display: grid;
  min-height: 85vh;
  background: var(--lila-2);
  border-radius: 50px 0 0 0;
}

.contacto-image {
  overflow: hidden;
}

.contacto-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contacto-info {
  /*padding: 40px 60px;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contacto-badge {
  background: var(--morado);
  color: var(--blanco);
  padding: 30px 40px 0 40px;
  border-radius: 50px 0 0 0;
  /*margin-bottom: 30px;*/
  position: relative;
}

.contacto-badge h2 {
  font-family: var(--font-principal);
  font-size: 56px;
  color: var(--blanco);
}

.contacto-badge p {
  font-family: var(--font-secundaria);
  font-size: 1.7rem;
  color: var(--amarillo);
  text-transform: uppercase;
  font-weight: lighter;
  letter-spacing: 1px;
}

.contacto-details {
  margin: 20px 0 30px;
  padding: 0 0 0 30px;
}

.contacto-details .intro {
  font-size: 25px;
  color: var(--texto-oscuro);
  margin-bottom: 20px;
}

.contacto-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 15px;
  font-family: var(--font-secundaria);
  font-size: 17px;
  color: var(--texto-oscuro);
}

.contacto-item .icon {
  font-size: 22px;
  flex-shrink: 0;
}

.contacto-frase {
  font-family: var(--font-principal);
  font-size: 32px;
  color: var(--morado);
  line-height: 1.4;
  /*margin-top: 20px;*/
  padding: 0 10px 0 30px;
}
.e-con.e-flex>.e-con-inner {
    justify-content: end;
}
span.text-span {
    font-size: 1.5rem;
    color: var(--morado);
    font-weight: 700;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

/* Mobile */
@media (max-width: 768px) {
  
  .productos-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
  .producto-card h4 { font-size: 18px; }

  .personalizadas-section { grid-template-columns: 1fr; }
  .personalizadas-gallery { padding: 20px; min-height: 350px; }
  .personalizadas-info { padding: 20px; }
  .personalizadas-badge h3 { font-size: 36px; }
  .personalizadas-cta { padding: 30px 20px; }

  .contacto-section { grid-template-columns: 1fr; }
  .contacto-image { min-height: 350px; }
  /*.contacto-info { padding: 30px 20px; }*/
  .contacto-info { padding: 0; }
  .contacto-badge h2 { font-size: 42px; }
  .contacto-frase { font-size: 22px; }
  .elementor-1661 .elementor-element.elementor-element-2bf1c83 {
    width: 100%;
}
.contacto-section { min-height: auto;}
}/* End custom CSS */