/* Landings de campañas (copia sin Elementor de landing-candycraft.com.ar). Medidas tomadas de la original en 1366 y 375 px. */

body.cc-landing { background: #fff; font-family: Montserrat, sans-serif; color: #575756; margin: 0; }
.cc-landing .wp-site-blocks { padding: 0 !important; }
.cc-landing .wp-site-blocks > * { margin-block-start: 0 !important; }
.lp .wp-block-post-content { margin: 0 !important; }
.lp { overflow-x: hidden; }
.lp .wp-block-post-content > * { max-width: none !important; }
.lp img { display: block; max-width: 100%; height: auto; }
.lp p, .lp h1, .lp h2, .lp h3 { margin: 0; }
.lp a { text-decoration: none; }
.lp-solo-cel { display: none !important; }
/* Que ningún carrusel ensanche su columna. */
.lp .wp-block-group > * { min-width: 0; }

/* Botones */
.lp-btn { justify-content: center; margin: 0 !important; }
.lp-btn .wp-block-button__link { font-family: Montserrat, sans-serif; font-weight: 600; font-size: 24px; line-height: 24px; text-transform: uppercase; padding: 17px 24px 18px; border-radius: 7px; transition: background .3s; }
.lp-btn-rosa .wp-block-button__link { background: #FAB7DA; color: #FFF3F9; }
.lp-btn-rosa .wp-block-button__link:hover { background: #93E1D3; }
.lp-btn-lila .wp-block-button__link { background: #9280D3; color: #fff; padding: 20px 24px; }
.lp-btn-lila .wp-block-button__link:hover { background: #CDC1F7; }
.lp-flechita { font-size: .8em; margin-left: 6px; }

/* Títulos comunes */
.lp-kicker { font-family: Montserrat, sans-serif; font-weight: 600; font-size: 17.6px; line-height: 1; letter-spacing: 10px; text-transform: uppercase; text-align: center; }
.lp-verde { color: #93E1D3; }
.lp-lila-txt { color: #9280D3; }
.lp-rosa-txt { color: #FAB7DA; font-weight: 500; }
.lp-titulo-serif { font-family: "Playfair Display", serif !important; font-weight: 700; font-size: 54.4px !important; line-height: 65.28px !important; color: #808080; text-align: center; }
.lp-oscuro { color: #575756; }
.lp-separador { font-family: "Playfair Display", serif !important; font-weight: 600; font-size: 50px !important; line-height: 1 !important; display: flex; align-items: center; justify-content: center; gap: 22px; }
.lp-separador::before, .lp-separador::after { content: ""; flex: 0 1 33%; border-top: 2px solid currentColor; }
.lp-rosa { color: #FAB7DA; }
.lp-lila { color: #9280D3; margin: 10px 0 90px !important; }

/* 1. Portada */
.lp-hero { margin: 15px 15px 0; min-height: 667px; border-radius: 25px; background: #fff url(../../../uploads/landings/2024/06/BANNER-1.webp) center / cover no-repeat; display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start; padding: 213px 15px 0; box-sizing: border-box; text-align: center; }
.lp-hero-kicker { font-family: Montserrat, sans-serif; font-weight: 600; font-size: 30px; line-height: 30px; letter-spacing: 7.4px; text-transform: uppercase; color: #FFB1DA; margin-bottom: 20px !important; }
.lp-hero-titulo { font-family: "Playfair Display", serif !important; font-weight: 700; font-size: 70px !important; line-height: 77px !important; color: #808080; margin-bottom: 20px !important; }

/* 2. Pastillas */
.lp-pastillas { margin: -60px 10px 0; background: #D1F4EF; border-radius: 15px; padding: 27px 0; display: grid !important; grid-template-columns: repeat(3, 1fr); position: relative; }
.lp-pastilla { background: #93E1D3; border-radius: 18px; font-family: Poppins, sans-serif; font-weight: 500; font-size: 26px; line-height: 26px; color: #808080; text-align: center; padding: 11px 12px 10px; }

/* 3. Catálogo */
.lp-catalogo { padding: 66px 0 33px; }
.lp-catalogo-sub { font-family: Montserrat, sans-serif; font-size: 30px; line-height: 1; letter-spacing: .4px; color: #808080; text-align: center; margin-top: 42px !important; }
.lp-cats { display: flex !important; justify-content: center; gap: 59px; padding: 30px 0 31px; }
.lp-cat { width: 201px; text-align: center; }
.lp-cat figure { margin: 0 0 19px !important; }
.lp-cat-img img { width: 201px; height: 201px; object-fit: contain; margin: 0 auto; }
.lp-cat-nombre { font-family: Montserrat, sans-serif; font-weight: 600; font-size: 23px; line-height: 14px; padding-bottom: 40px; }
.lp-cat-nombre a { color: #575756; }

/* 4. Beneficios */
.lp-beneficios { margin: 9px 10px 0; background: #D1F4EF; border-radius: 15px; padding: 18px 80px; display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.lp-benef { text-align: center; padding: 11px 10px 18px; }
.lp-benef-icono { width: 74px; height: 74px; border-radius: 50%; background: #93E1D3; color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.lp-benef-icono svg { width: 42px; height: 42px; }
.lp-benef-texto { font-family: Montserrat, sans-serif !important; font-weight: 600; font-size: 18px !important; line-height: 23px !important; color: #93E1D3; }

/* 5. Nuevos ingresos */
.lp-nuevos { margin-top: 66px; background: #DED4FF; border-radius: 40px; padding: 60px 0 40px; overflow: hidden; }
.lp-nuevos figure { margin: 40px 20px !important; }
.lp-nuevos img { width: 100%; }
.lp .lp-cinta { font-family: Montserrat, sans-serif !important; font-weight: 700; font-size: 35px !important; line-height: 35px !important; color: #fff; text-align: center; text-shadow: 0 0 10px rgba(255, 255, 255, .3); border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 0; }

/* 6. Lanas */
.lp-lanas { margin: 56px 54px 0; display: grid !important; grid-template-columns: 681fr 563fr; }
.lp-lanas-foto { order: 2; border-radius: 0 25px 25px 0; background: url(../../../uploads/landings/2024/06/FOTO-TITULO-1-e1719585380945.webp) center left / cover no-repeat; display: flex !important; flex-direction: column; justify-content: center; text-align: center; min-height: 681px; }
.lp-lanas-kicker { font-family: Montserrat, sans-serif; font-weight: 600; font-size: 27px; line-height: 45px; color: #fff; padding: 27px 9px 9px; margin: 0 47px !important; background: rgba(250, 183, 218, .76); }
.lp-lanas-titulo { font-family: "Playfair Display", serif !important; font-weight: 700; font-size: 120px !important; line-height: 54px !important; color: #fff; padding: 0 0 60px; margin: 0 47px !important; background: rgba(250, 183, 218, .76); }
.lp-lanas-info { order: 1; background: #FFF3F9; border-radius: 25px 0 0 25px; padding-bottom: 32px; }
.lp-lanas-muestra { margin: 0 auto !important; }
.lp-lanas-muestra img { height: 324px; width: auto; margin: 0 auto; }
.lp-carrusel { position: relative; overflow: hidden; margin: 20px 0 !important; }
.lp-carrusel ul { list-style: none; margin: 0; padding: 0; display: flex; transition: transform .5s; }
.lp-carrusel li { flex: 0 0 25%; text-align: center; box-sizing: border-box; padding: 0 5px; }
.lp-carrusel li img { width: 119px; height: 119px; border-radius: 50%; object-fit: cover; margin: 0 auto 12px; }
.lp-carrusel li img { margin-bottom: 11px; }
.lp-carrusel li span { font-family: Montserrat, sans-serif; font-size: 15px; line-height: 22.5px; font-weight: 600; color: #808080; text-transform: uppercase; }
.lp-puntos { display: flex; justify-content: center; gap: 12px; margin-top: 16px; }
.lp-puntos button { width: 10px; height: 10px; border-radius: 50%; border: 0; padding: 0; background: rgba(0, 0, 0, .2); cursor: pointer; }
.lp-puntos button.activo { background: #FAB7DA; }

/* 7. Opiniones */
.lp-opiniones { margin: 10px; background: #D1F4EF; border-radius: 25px; padding: 14px 0 20px; text-align: center; }
.lp-opiniones .lp-titulo-serif { margin: 20px 0 !important; }
.lp-rayita { width: 10%; margin: 0 auto 20px; border: 0; border-top: 2px solid #818181; }
.lp-video { margin: 0 !important; }
.lp-video .wp-block-embed__wrapper { max-width: 830px; margin: 0 auto; }

/* 8. Agujas */
.lp-agujas { margin: 0 45px; display: grid !important; grid-template-columns: 522fr 367fr 367fr; grid-template-rows: 265px 265px; gap: 10px; }
.lp-tile { border-radius: 20px; background-size: cover; background-position: center; display: flex !important; flex-direction: column; justify-content: flex-end; overflow: hidden; }
.lp-tile-grande { grid-row: 1 / 3; }
.lp-tile-btn { margin: 0 !important; }
.lp-tile-btn .wp-block-button { width: 100%; }
.lp-tile-btn .wp-block-button__link { width: 100%; box-sizing: border-box; background: rgba(168, 145, 255, .7); color: #fff; font-family: Montserrat, sans-serif; font-weight: 600; font-size: 22px; padding: 18px 10px; border-radius: 15px 15px 0 0; transition: background .3s; }
.lp-tile-grande .lp-tile-btn .wp-block-button__link { font-size: 29px; padding: 26px 10px; border-radius: 25px 25px 0 0; }
.lp-tile-btn .wp-block-button__link:hover { background: rgba(119, 83, 255, .7); }

/* 9. Sets de tejido */
.lp-sets { margin: 176px 56px 0; display: grid !important; grid-template-columns: 510fr 730fr; }
.lp-sets-foto { border-radius: 25px 0 0 25px; background-size: cover; background-position: center left; min-height: 710px; }
.lp-sets-info { background: rgba(255, 243, 249, .79); border-radius: 0 25px 25px 0; padding: 50px 0 45px; text-align: center; }
.lp-linea-blanca { width: 100%; border: 0; border-top: 2px solid #fff; margin: 20px 0; }
.lp-sets-titulo { font-family: "Playfair Display", serif !important; font-weight: 600; font-size: 70px !important; line-height: 85px !important; color: #858585; }
.lp-sets-texto { font-size: 22px; line-height: 37px; letter-spacing: 1px; color: #808080; padding: 20px 60px 0; }
.lp-carrusel-sets li { flex-basis: 33.333%; padding: 0 14px; }
.lp-carrusel-sets li img { width: 170px; height: 170px; border-radius: 10px; object-fit: contain; background: #fff; }

/* 10. Tijeras */
.lp-tijeras { margin: 120px 56px 0; display: grid !important; grid-template-columns: 512fr 727fr; }
.lp-tijeras-info { padding: 33px 0; }
.lp-linea-verde { width: 52%; border: 0; border-top: 2px solid #93E1D3; margin: 20px 0; }
.lp-tijeras-titulo { font-family: "Playfair Display", serif !important; font-weight: 600; font-size: 76px !important; line-height: 75px !important; color: #93E1D3; text-align: left; }
.lp-tijeras-texto { font-size: 25px; line-height: 41px; font-weight: 500; letter-spacing: 1.5px; color: #969695; text-align: justify; margin: 45px 0 30px !important; }
.lp-tijeras-foto { background: #D1F4EF center / contain no-repeat; border-radius: 25px; min-height: 652px; }

/* 11. Bastidores */
.lp-bastidores-titulo { margin-top: 43px; padding: 10px 15px; }
.lp-frase { font-family: Montserrat, sans-serif !important; font-weight: 500; font-size: 39px !important; line-height: 46.8px !important; color: #969695; text-align: center; max-width: 820px; margin: 0 auto !important; }
.lp-resaltado { background: none; color: #FAB7DA; font-family: "Playfair Display", serif; font-weight: 600; }
.lp-banner-bastidor { min-height: 325px; border-radius: 25px; background-size: cover; background-position: center; }
.lp-bastidores { margin: 21px 56px 0; padding: 10px 0; display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.lp-bastidor-foto { background: #fff center / contain no-repeat; height: 320px; }
.lp-bastidor-btn { margin: 0 !important; }
.lp-bastidor-btn .wp-block-button { width: 100%; }
.lp-bastidor-btn .wp-block-button__link { width: 100%; box-sizing: border-box; background: #FAB5DA; color: #fff; font-family: Montserrat, sans-serif; font-weight: 600; font-size: 20px; line-height: 20px; white-space: nowrap; padding: 17px 10px; border-radius: 0 0 15px 15px; }
.lp-bastidor-btn .wp-block-button__link:hover { background: #FFF3F9; color: #FAB5DA; }

/* 12. Cómo comprar */
.lp-como { margin-top: 96px; background: #D1F4EF; border-radius: 15px; padding: 18px 90px 20px; }
.lp-pasos { padding: 75px 46px 105px; display: grid !important; grid-template-columns: repeat(3, 1fr); }
.lp-paso { background: rgba(147, 225, 211, .24); border-radius: 7px; padding: 27px 40px 25px; text-align: center; }
.lp-paso-icono { display: flex; width: 70px; height: 70px; margin: -10px auto 10px; border-radius: 50%; background: #FEF3F9; align-items: center; justify-content: center; }
.lp-paso-icono img { width: 38px; height: 38px; }
.lp-paso-img { margin: 0 0 20px !important; }
.lp-paso-img img { border-radius: 7px; width: 100%; height: 219px; object-fit: cover; }
.lp-paso-titulo { font-family: Montserrat, sans-serif !important; font-weight: 400; font-size: 21px !important; line-height: 30px !important; letter-spacing: 3.5px; color: #575756; margin-bottom: 20px !important; }
.lp .lp-paso-texto { font-size: 15px !important; line-height: 24px !important; color: #9B9B9A; }

/* 13. Preguntas */
.lp-faq { background: #FFF3F9; padding: 55px 70px 22px; text-align: center; }
.lp-faq .lp-titulo-serif { text-transform: capitalize; margin-bottom: 54px !important; }
.lp-preguntas { display: grid !important; grid-template-columns: 1fr 1fr; gap: 20px 20px; text-align: left; }
.lp-pregunta { margin: 0 !important; padding: 27px 25px 30px; background: #fff; border-radius: 15px; }
.lp .lp-pregunta summary { padding: 0 !important; font-family: Montserrat, sans-serif; font-weight: 300; font-size: 19px !important; line-height: 28px; color: #FAB7DA; cursor: pointer; list-style: none; margin-bottom: 3px; }
.lp-pregunta summary::-webkit-details-marker { display: none; }
.lp .lp-pregunta p { font-size: 15px !important; line-height: 22px !important; color: #9B9B9A; margin: 0 !important; }
.lp .lp-pregunta { border: 0 !important; font-size: 15px; }

/* 14. Pie */
.lp-pie { padding: 30px 15px 30px; text-align: center; }
.lp-pie-logo img { width: 196px; margin: 0 auto 20px; }
.lp-pie-web { font-size: 16px; line-height: 16px; letter-spacing: 3.1px; margin-bottom: 20px !important; }
.lp-pie-web a { color: #9B9B9A; }
.lp-datos { list-style: none; padding: 0; margin: 0 0 20px; display: flex; justify-content: center; flex-wrap: wrap; }
.lp-datos li { display: flex; align-items: center; gap: 8px; font-size: 15px; color: #888; padding: 0 13px; }
.lp-datos li + li { border-left: 1px solid #ddd; }
.lp-datos svg { width: 17px; height: 17px; color: #93E1D3; }
.lp-redes { display: flex; justify-content: center; gap: 4px; }
.lp-red { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; }
.lp-red svg { width: 25px; height: 25px; }
.lp-wa { color: #4FC55B; }
.lp-ig { color: #DD2A7B; }
.lp-fb { color: #1A6ED8; }

/* ───────── Celular ───────── */
@media (max-width: 767px) {
  .lp-solo-compu { display: none !important; }
  .lp-solo-cel { display: block !important; }
  .lp-btn .wp-block-button__link { font-size: 19px; padding: 26px 24px; }

  .lp-hero { min-height: 520px; margin: 0 10px; border-radius: 15px; background-image: url(../../../uploads/landings/2024/07/BANNER-CELU-1-e1719929860777.webp); padding: 222px 20px 0; }
  .lp-hero-kicker { font-size: 13px; line-height: 15.6px; letter-spacing: normal; margin-bottom: 20px !important; }
  .lp-hero-titulo { font-size: 25.6px !important; line-height: 30.72px !important; }

  .lp-pastillas { margin: -48px 10px 0; border-radius: 9px; padding: 0; }
  .lp-pastilla { font-size: 10px; line-height: 10px; padding: 11px 7px 10px; border-radius: 9px; display: flex; align-items: center; justify-content: center; }

  .lp-catalogo { padding: 40px 0 0; }
  .lp-separador { font-size: 39px !important; gap: 14px; }
  .lp-separador::before, .lp-separador::after { flex-basis: 18%; }
  .lp-catalogo-sub { font-size: 18px; line-height: 25px; margin-top: 30px !important; }
  .lp-cats { flex-wrap: wrap; gap: 6px 34px; padding: 18px 18px 18px; }
  .lp-cat { width: 152px; }
  .lp-cat:nth-child(3) { width: 100%; }
  .lp-cat-img img { width: auto; height: 129px; }
  .lp-cat-nombre { font-size: 17px; padding-bottom: 25px; }

  .lp-beneficios { margin: 30px 10px 0; padding: 23px 0; grid-template-columns: 1fr 1fr; gap: 0; }
  .lp-benef-texto { font-size: 14px !important; }

  .lp-nuevos { margin-top: 39px; border-radius: 15px; padding: 19px 0 10px; }
  .lp .lp-nuevos .lp-cinta { font-size: 17px !important; line-height: 17px !important; padding: 8px 0; border-bottom: 0; }
  .lp-nuevos figure { margin: 10px 0 !important; }

  .lp-lanas { margin: 39px 0 0; grid-template-columns: 1fr; }
  .lp-lanas-foto { order: 1; border-radius: 15px 15px 0 0; min-height: 347px; padding: 50px 40px; }
  .lp-lanas-kicker { font-size: 20px; }
  .lp-lanas-foto { padding: 50px 0; }
  .lp-lanas-titulo { font-size: 70px !important; line-height: 7px !important; padding: 45px 0 41px; margin: 0 40px !important; }
  .lp-lanas-kicker { padding: 15px 0; margin: 0 40px !important; line-height: 45px; }
  .lp-lanas-info { order: 2; border-radius: 0 0 15px 15px; padding: 0 10px 45px; }
  .lp-lanas-muestra img { height: 238px; }
  .lp-carrusel li { flex-basis: 33.333%; }
  .lp-carrusel li img { width: 92px; height: 92px; }

  .lp-opiniones { padding: 69px 0 57px; }
  .lp-opiniones .lp-titulo-serif { font-size: 30px !important; line-height: 33px !important; padding: 0 20px; }
  .lp-rayita { width: 37%; }

  .lp-lila { padding: 0 0 48px; }
  .lp-agujas { margin: 0 5px; grid-template-columns: 1fr; grid-template-rows: none; gap: 10px; }
  .lp-tile { min-height: 228px; }
  .lp-tile-grande { grid-row: auto; min-height: 282px; }
  .lp-tile-btn .wp-block-button__link, .lp-tile-grande .lp-tile-btn .wp-block-button__link { font-size: 21px; padding: 10px; }

  .lp-sets { margin: 94px 0 0; grid-template-columns: 1fr; }
  .lp-sets-info { border-radius: 25px; padding: 67px 10px 45px; min-height: 709px; box-sizing: border-box; }
  .lp-sets-titulo { font-size: 38px !important; line-height: 42px !important; }
  .lp-sets-texto { font-size: 17px; line-height: 28.56px; padding: 40px 0 0; }
  .lp-carrusel-sets li { flex-basis: 50%; padding: 0 10px; }
  .lp-carrusel-sets li img { width: 150px; height: 150px; }

  .lp-tijeras { margin: 30px 0 0; grid-template-columns: 1fr; }
  .lp-tijeras-info { padding: 38px 0 20px; text-align: center; }
  .lp-linea-verde { margin: 0 auto 20px; }
  .lp-tijeras-titulo { font-size: 58px !important; line-height: 63.8px !important; text-align: center; }
  .lp-tijeras-texto { font-size: 16px; line-height: 19.2px; letter-spacing: .8px; text-align: center; padding: 0 10px; margin: 64px 0 40px !important; }
  .lp-tijeras-foto { min-height: 319px; }

  .lp-bastidores-titulo { padding: 54px 25px 10px; }
  .lp-frase { font-size: 21px !important; line-height: 25.2px !important; }
  .lp-bastidores-cel { margin: 10px 25px 0; }
  .lp-bastidores-cel .lp-bastidor-foto { height: 338px; }
  .lp-bastidor-btn .wp-block-button__link { font-size: 17px; }

  .lp-como { margin-top: 60px; padding: 20px 10px; }
  .lp-kicker { font-size: 13px; letter-spacing: 6.8px; }
  .lp-como .lp-titulo-serif { font-size: 37px !important; line-height: 40.7px !important; }
  .lp-pasos-cel { margin: 20px 15px 40px; overflow: hidden; }
  .lp-slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .lp-slider::-webkit-scrollbar { display: none; }
  .lp-slider img { flex: 0 0 100%; height: 412px; object-fit: contain; scroll-snap-align: start; }

  .lp-faq { padding: 50px 20px 20px; }
  .lp-faq .lp-titulo-serif { font-size: 29px !important; line-height: 31.9px !important; margin-bottom: 15px !important; }
  .lp-rosa-txt { letter-spacing: 6px; }
  .lp-preguntas { grid-template-columns: 1fr; }
  .lp-pregunta:nth-child(2) { order: 3; }
  .lp-pregunta:nth-child(3) { order: 2; }
  .lp-pregunta:nth-child(4) { order: 4; }
  .lp-pregunta summary { font-size: 19px; line-height: 24.7px; }

  .lp-pie { padding: 40px 25px 30px; }
  .lp-pie-web { letter-spacing: 3.7px; }
  .lp-datos { display: none; }
}

/* En la original estos textos tienen la letra mal escrita en Elementor ("Monserrat"): el navegador los muestra en Arial. */
.lp .lp-catalogo-sub, .lp .lp-cat-nombre, .lp .lp-benef-texto, .lp .lp-cinta, .lp .lp-lanas-kicker, .lp .lp-tile-btn .wp-block-button__link,
.lp .lp-tijeras-texto, .lp .lp-frase, .lp .lp-paso-titulo, .lp .lp-carrusel li span, .lp .lp-bastidor-btn .wp-block-button__link {
  font-family: Arial, Helvetica, sans-serif !important;
}
/* Y este, sin letra elegida: la del sistema. */
.lp .lp-sets-texto { font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
