.elementor-6 .elementor-element.elementor-element-4b0ec7f{--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;--padding-top:250px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-4b0ec7f:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-4b0ec7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.carassiucosmetics.com/wp-content/uploads/2026/05/fondo-carassiu-scaled.webp");background-position:center center;background-size:cover;}.elementor-6 .elementor-element.elementor-element-40105d7{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6 .elementor-element.elementor-element-3a53467{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-8d7fec7{text-align:center;}.elementor-6 .elementor-element.elementor-element-8d7fec7 .elementor-heading-title{font-family:"Awesome Serif", Sans-serif;font-size:100px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-68f32f9{text-align:center;font-family:"Myriad Pro Regular", Sans-serif;font-size:25px;font-weight:800;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-839d2c0{--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-6 .elementor-element.elementor-element-e4f224b img{width:56%;}.elementor-6 .elementor-element.elementor-element-b43fa1f{--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-6 .elementor-element.elementor-element-7bd558c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:200px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-7bd558c:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-7bd558c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.carassiucosmetics.com/wp-content/uploads/2026/05/fondo-carassiu-2-scaled.webp");background-position:center center;background-size:cover;}.elementor-6 .elementor-element.elementor-element-b468377{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-6 .elementor-element.elementor-element-b468377:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-b468377 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-6ab86c9 img{width:44%;}.elementor-6 .elementor-element.elementor-element-aa479e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Awesome Serif", Sans-serif;font-weight:400;color:#D31D1D;}.elementor-6 .elementor-element.elementor-element-aa479e1 a{color:#D31D1D;}.elementor-6 .elementor-element.elementor-element-7c167bd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Awesome Serif", Sans-serif;font-size:26px;font-weight:bold;color:#134C96;}.elementor-6 .elementor-element.elementor-element-7c167bd a{color:#134C96;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6 .elementor-element.elementor-element-ea0576e .elementor-button{background-color:#D31D1D;font-family:"Myriad Pro Regular", Sans-serif;font-size:35px;font-weight:500;text-decoration:underline;border-radius:30px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-7d73603{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-3742838{padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-6077653{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-8d6e049{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-5536c77{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-068c504{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-bf7f1b9{--display:flex;}.elementor-6 .elementor-element.elementor-element-750841c{--display:flex;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6 .elementor-element.elementor-element-70fc969 .elementor-main-swiper .swiper-slide{background-color:#324E8F;border-radius:19px;}.elementor-6 .elementor-element.elementor-element-70fc969 .elementor-swiper-button{font-size:0px;}.elementor-6 .elementor-element.elementor-element-70fc969 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;}.elementor-6 .elementor-element.elementor-element-70fc969 .elementor-testimonial__text{color:#FFFFFF;font-family:"Awesome Serif", Sans-serif;font-size:19px;font-weight:400;}.elementor-6 .elementor-element.elementor-element-70fc969 .elementor-testimonial__name{color:#FFFFFF;font-family:"Awesome Serif", Sans-serif;font-weight:600;}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-8d7fec7 .elementor-heading-title{font-size:57px;}.elementor-6 .elementor-element.elementor-element-68f32f9{font-size:21px;}.elementor-6 .elementor-element.elementor-element-7bd558c{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-40105d7{--width:30%;}.elementor-6 .elementor-element.elementor-element-3a53467{--width:40%;}.elementor-6 .elementor-element.elementor-element-839d2c0{--width:30%;}.elementor-6 .elementor-element.elementor-element-b468377{--width:34%;}.elementor-6 .elementor-element.elementor-element-bf7f1b9{--width:25%;}.elementor-6 .elementor-element.elementor-element-750841c{--width:75%;}}/* Start custom CSS for html, class: .elementor-element-3742838 */@font-face {
  font-family: "Awesome Serif";
  src: url("https://www.carassiucosmetics.com/wp-content/uploads/2026/05/Awesome-Serif-VAR-VF.ttf") format("woff2");   /* ⟵ REEMPLAZAR URL */
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("https://www.carassiucosmetics.com/wp-content/uploads/2026/05/Awesome-Serif-Italic-VAR-VF.ttf");   /* ⟵ REEMPLAZAR URL */
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Myriad Concept";
  src: url("https://www.carassiucosmetics.com/wp-content/uploads/2026/05/MyriadPro-Regular.ttf") format("opentype");   /* ⟵ REEMPLAZAR URL */
  font-weight: 300 700;
  font-display: swap;
}

/* ---------- Sección ---------- */
.origin {
  /* variables locales (no afectan al resto de la web) */
  --font-display: "Awesome Serif", Georgia, serif;
  --font-body: "Myriad Concept", "Helvetica Neue", Arial, sans-serif;
  --cream: #fffdfb;
  --sea-deep: #164a97;

  position: relative;
  box-sizing: border-box;
  padding: clamp(24px, 3.5vw, 60px) clamp(16px, 4vw, 56px);
  /* imagen de fondo de la sección */
  background: #bfe3f3 url("https://www.carassiucosmetics.com/wp-content/uploads/2026/06/s3-fondo.jpg") center -22px / cover no-repeat;   /* ⟵ REEMPLAZAR URL */
}
.origin *,
.origin *::before,
.origin *::after { box-sizing: border-box; }

.origin__canvas {
  container-type: inline-size;          /* base para las unidades cqw */
  position: relative;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  aspect-ratio: 1365.87 / 747.23;
}

/* ---------- Titular entrelazado ---------- */
.origin__title { margin: 0; }
.ot {
  position: absolute;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 5.5cqw;
  line-height: 1;
  white-space: nowrap;
  color: var(--cream);
  text-shadow: 0 2px 14px rgba(31, 35, 71, 0.28);
}
.ot em { font-style: italic; font-weight: 700; }
.ot--belleza { left: 35.3%; top: 29.4%; }
.ot--que     { left: 56.5%; top: 40.2%; }
.ot--cuida   { left: 43.3%; top: 51.0%; }
.ot--mar     { left: 35.3%; top: 61.8%; }

/* ---------- Lema "nuestro origen" (SVG) ---------- */
.origin__label {
  position: absolute;
  left: 27%;
  top: 13.5%;
  width: 11%;
  height: auto;
  filter: drop-shadow(0 2px 10px rgba(31, 35, 71, 0.28));
}

/* ---------- Pills (foto → blanco con texto al pasar el ratón) ---------- */
.opill {
  position: absolute;
  margin: 0;
  height: 8.87%;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: 0 10px 26px -12px rgba(31, 35, 71, 0.5);
  outline: none;
}
.opill img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: scale(1.18);
  transition: opacity 0.3s ease;
}
.opill--2 img { object-position: center 68%; }   /* 2ª foto: mostrar el centro */

.opill figcaption {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 3% 9%;
  background: var(--cream);
  color: var(--sea-deep);
  font-family: var(--font-body);
  font-size: 0.92cqw;
  line-height: 1.15;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.opill:hover img,
.opill:focus img { opacity: 0; }
.opill:hover figcaption,
.opill:focus figcaption { opacity: 1; }

/* posiciones y anchos exactos de los 4 pills */
.opill--1 { left: 51.58%; top: 29.95%; width: 13.58%; }
.opill--2 { left: 35.24%; top: 40.78%; width: 20.46%; }
.opill--3 { left: 35.22%; top: 52.01%; width: 7.01%; }
.opill--4 { left: 57.38%; top: 62.85%; width: 7.78%; }




@media (max-width: 768px) {
  .origin {
    background-position: center top;
    background-size: cover;
    padding-bottom: 150px;
  }

  .origin__canvas {
    aspect-ratio: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 40px 0;

  }

  /* El label "nuestro origen" */
  .origin__label {
    position: static;
    width: 140px;
    margin-bottom: 8px;
  }

  /* El titular: quitamos posicionamiento absoluto y lo apilamos */
  .ot {
    position: static;
    display: block;
    font-size: 9vw;
    text-align: center;
    line-height: 1.15;
  }

  /* Las pills: las convertimos en tarjetas normales en columna */
  .opill {
    position: static;
    width: 90%;
    height: 60px;
    margin: 0 auto;
  }

  /* En móvil mostramos siempre el texto (sin hover) */
  .opill figcaption {
    opacity: 1;
    font-size: 3.2vw;
    position: static;
    background: var(--cream);
  }
  .opill img {
    display: none; /* o ponlo pequeño a un lado si prefieres mostrarlo */
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698fd39 */.elementor-6 .elementor-element.elementor-element-698fd39 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1de80ff */.elementor-6 .elementor-element.elementor-element-1de80ff img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ae1f378 */.elementor-6 .elementor-element.elementor-element-ae1f378 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Awesome Serif';
	font-display: auto;
	src: url('https://www.carassiucosmetics.com/wp-content/uploads/2026/05/Awesome-Serif-VAR-VF.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Myriad Pro Regular';
	font-display: auto;
	src: url('https://www.carassiucosmetics.com/wp-content/uploads/2026/05/MyriadPro-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */