.elementor-4131 .elementor-element.elementor-element-eda788f{--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-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-4131 .elementor-element.elementor-element-1d86825{column-gap:0px;text-shadow:0px 0px 1px rgba(0,0,0,0.3);}.elementor-4131 .elementor-element.elementor-element-1d86825 p{margin-block-end:0px;}.elementor-4131 .elementor-element.elementor-element-1d86825 > .elementor-widget-container{margin:0px 10px 30px 10px;border-radius:0px 0px 0px 0px;}.elementor-4131 .elementor-element.elementor-element-718f3e0{--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-4131 .elementor-element.elementor-element-0698bc6{--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-4131 .elementor-element.elementor-element-d0c01a9{--display:flex;--min-height:0px;--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;border-style:groove;--border-style:groove;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:15px;--margin-left:10px;--margin-right:10px;}.elementor-4131 .elementor-element.elementor-element-d0c01a9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4131 .elementor-element.elementor-element-072a6c7{--display:flex;--min-height:0px;--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;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--flex-wrap:nowrap;}.elementor-4131 .elementor-element.elementor-element-072a6c7.e-con{--flex-grow:0;--flex-shrink:0;}.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-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-4131 .elementor-element.elementor-element-a184dba .elementor-button-content-wrapper{flex-direction:row;}.elementor-4131 .elementor-element.elementor-element-a184dba .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-09cc561 );color:var( --e-global-color-09cc561 );background-color:#D19843;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:10px 10px 10px 10px;}.elementor-4131 .elementor-element.elementor-element-a184dba .elementor-button:hover, .elementor-4131 .elementor-element.elementor-element-a184dba .elementor-button:focus{color:var( --e-global-color-58be983 );background-color:var( --e-global-color-09cc561 );}.elementor-4131 .elementor-element.elementor-element-a184dba .elementor-button:hover svg, .elementor-4131 .elementor-element.elementor-element-a184dba .elementor-button:focus svg{fill:var( --e-global-color-58be983 );}.elementor-4131 .elementor-element.elementor-element-a184dba > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-4131 .elementor-element.elementor-element-909e351{--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;}.elementor-4131 .elementor-element.elementor-element-909e351.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4131 .elementor-element.elementor-element-7b8d172{width:100%;max-width:100%;}.elementor-4131 .elementor-element.elementor-element-6549b91{--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-4131 .elementor-element.elementor-element-b2eec2b{--display:flex;}.elementor-4131 .elementor-element.elementor-element-7c09796{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-4131 .elementor-element.elementor-element-d35af59{--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-4131 .elementor-element.elementor-element-0ab37a9{--display:flex;--min-height:0px;--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;border-style:groove;--border-style:groove;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:15px;--margin-left:10px;--margin-right:10px;}.elementor-4131 .elementor-element.elementor-element-0ab37a9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4131 .elementor-element.elementor-element-73ea497{--display:flex;--min-height:0px;--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;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--flex-wrap:nowrap;}.elementor-4131 .elementor-element.elementor-element-73ea497.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4131 .elementor-element.elementor-element-ce19d34 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4131 .elementor-element.elementor-element-ce19d34 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-09cc561 );color:var( --e-global-color-09cc561 );background-color:#D19843;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:10px 10px 10px 10px;}.elementor-4131 .elementor-element.elementor-element-ce19d34 .elementor-button:hover, .elementor-4131 .elementor-element.elementor-element-ce19d34 .elementor-button:focus{color:var( --e-global-color-58be983 );background-color:var( --e-global-color-09cc561 );}.elementor-4131 .elementor-element.elementor-element-ce19d34 .elementor-button:hover svg, .elementor-4131 .elementor-element.elementor-element-ce19d34 .elementor-button:focus svg{fill:var( --e-global-color-58be983 );}.elementor-4131 .elementor-element.elementor-element-ce19d34 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-4131 .elementor-element.elementor-element-ca3849e{--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;}.elementor-4131 .elementor-element.elementor-element-ca3849e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4131 .elementor-element.elementor-element-e2713a3{width:100%;max-width:100%;}.elementor-4131 .elementor-element.elementor-element-417bd83{--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-4131 .elementor-element.elementor-element-e2866a1{--display:flex;}.elementor-4131 .elementor-element.elementor-element-166b6b9{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-4131 .elementor-element.elementor-element-aa87028{--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-4131 .elementor-element.elementor-element-c78cd56{--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-4131 .elementor-element.elementor-element-d9d0e8f > .elementor-widget-container{margin:-80px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4131 .elementor-element.elementor-element-d9d0e8f{width:100%;max-width:100%;}.elementor-4131 .elementor-element.elementor-element-fcd294c{--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-4131 .elementor-element.elementor-element-74702cf{--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-4131 .elementor-element.elementor-element-3503008 > .elementor-widget-container{margin:-70px 0px 0px 0px;}.elementor-4131 .elementor-element.elementor-element-6ce62e0{--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-4131 .elementor-element.elementor-element-8e56c91{--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-4131 .elementor-element.elementor-element-c5d645a{--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-4131 .elementor-element.elementor-element-62431f0{--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-4131 .elementor-element.elementor-element-6d75ad5{--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-4131 .elementor-element.elementor-element-636c66b{font-family:"Roboto", Sans-serif;font-weight:400;text-shadow:0px 0px 1px rgba(0,0,0,0.3);}.elementor-4131 .elementor-element.elementor-element-636c66b p{margin-block-end:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4131 .elementor-element.elementor-element-d0c01a9{--width:98%;}.elementor-4131 .elementor-element.elementor-element-072a6c7{--width:35%;}.elementor-4131 .elementor-element.elementor-element-909e351{--width:65%;}.elementor-4131 .elementor-element.elementor-element-6549b91{--width:100%;}.elementor-4131 .elementor-element.elementor-element-0ab37a9{--width:98%;}.elementor-4131 .elementor-element.elementor-element-73ea497{--width:35%;}.elementor-4131 .elementor-element.elementor-element-ca3849e{--width:65%;}.elementor-4131 .elementor-element.elementor-element-417bd83{--width:100%;}}@media(max-width:1024px){.elementor-4131 .elementor-element.elementor-element-1d86825{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-4131 .elementor-element.elementor-element-1d86825 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4131 .elementor-element.elementor-element-a184dba .elementor-button{font-size:12px;}.elementor-4131 .elementor-element.elementor-element-7c09796{--n-accordion-title-font-size:12px;}.elementor-4131 .elementor-element.elementor-element-ce19d34 .elementor-button{font-size:12px;}.elementor-4131 .elementor-element.elementor-element-166b6b9{--n-accordion-title-font-size:12px;}.elementor-4131 .elementor-element.elementor-element-636c66b{font-size:12px;}}/* Start custom CSS for text-editor, class: .elementor-element-1d86825 *//* ===================================================== */
/* ===== TARJETA CENTRAL ===== */
/* ===================================================== */

.hero-card {
  max-width: 1100px;
  margin: 0 auto;
border: 1px solid rgba(240,123,46,0.15);
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(10px);

  padding: 40px 35px;
  border-radius: 20px;

  text-align: center;

  box-shadow:
    0 25px 60px rgba(0,0,0,0.35),
    0 0 0 1px rgba(240,123,46,0.2);

  position: relative;
  z-index: 1;

  animation: fadeHero 0.7s ease;
}
.hero-card {
  border: 1px solid rgba(240,123,46,0.15);
}

.hero-card:hover {
  transform: translateY(-2px);
  box-shadow:
    0 30px 70px rgba(0,0,0,0.4),
    0 0 0 1px rgba(240,123,46,0.25);
  transition: all 0.4s ease;
}
/* ===================================================== */
/* ===== BADGE ===== */
/* ===================================================== */

.hero-badge {
  display: inline-block;
  background: rgba(240,123,46,0.10);
  color: #F07B2E;
  font-size: 11.5px;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 12px;
}

/* ===================================================== */
/* ===== RATING ===== */
/* ===================================================== */

.hero-rating {
  font-size: 13px;
  color: #f5a623;
  margin-bottom: 12px;
}

/* ===================================================== */
/* ===== TITLE ===== */
/* ===================================================== */

.hero-card h1 {
  font-size: 30px;
  font-weight: 600;
  color: #111;
  margin-bottom: 12px;
  line-height: 1.3;
}

/* ===================================================== */
/* ===== TEXT ===== */
/* ===================================================== */

.hero-subtitle {
  font-size: 14.5px;
  color: #444;
  margin-bottom: 10px;
}

.hero-intro {
  font-size: 14px;
  color: #666;
  max-width: 700px;
  margin: auto;
  line-height: 1.7;
}

/* ===================================================== */
/* ===== QUICK TABLE ===== */
/* ===================================================== */

.quick-table {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.qt-item {
  display: flex;
  align-items: center;
  gap: 8px;

  background: #fff;
  padding: 10px 14px;
  border-radius: 14px;

  font-size: 13px;

  border: 1px solid rgba(240,123,46,0.15);

  box-shadow:
    0 6px 18px rgba(0,0,0,0.05);

  transition: all 0.3s ease;
}

.qt-item:hover {
  transform: translateY(-3px);

  box-shadow:
    0 10px 25px rgba(0,0,0,0.08),
    0 0 0 1px rgba(240,123,46,0.25);
}

/* ===================================================== */
/* ===== VERDICT ===== */
/* ===================================================== */

.quick-verdict {
  margin-top: 25px;

  font-size: 13.5px;
  color: #333;

  background: linear-gradient(
    90deg,
    rgba(240,123,46,0.10),
    rgba(240,123,46,0.04)
  );

  padding: 12px 16px;
  border-radius: 12px;

  display: inline-block;
  max-width: 700px;

  border: 1px solid rgba(240,123,46,0.12);
}

/* ===================================================== */
/* ===== ANIMACION ===== */
/* ===================================================== */

@keyframes fadeHero {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===================================================== */
/* ===== RESPONSIVE ===== */
/* ===================================================== */

@media (max-width: 768px) {

  .post-hero {
    padding: 50px 15px;
  }

  .hero-card {
    padding: 25px 18px;
    border-radius: 16px;
  }

  .hero-card h1 {
    font-size: 22px;
  }

  .hero-intro {
    font-size: 13px;
  }

  .quick-table {
    flex-direction: column;
    align-items: center;
  }

  .qt-item {
    width: 100%;
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7b8d172 *//* ===== PRODUCT INFO ===== */

.product-info {
  max-width: 520px;
  margin: 0 auto;
  text-align: center;
}

/* título centrado */
.product-title {
  font-size: 24px;
  font-weight: 600;
  color: #111;
  margin-bottom: 15px;
  line-height: 1.3;
}

/* frase gancho */
.product-highlight {
  font-size: 14.5px;
  color: #444;
  line-height: 1.6;
  margin-bottom: 18px;
}

/* bullets modernos */
.product-points {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 18px;
}

.product-points div {
  background: #fff;
  border: 1px solid rgba(240,123,46,0.12);

  padding: 10px 14px;
  border-radius: 12px;

  font-size: 13.5px;
  color: #333;

  box-shadow: 0 6px 15px rgba(0,0,0,0.04);
}

/* mini texto */
.product-mini {
  font-size: 13.5px;
  color: #666;
  line-height: 1.6;
}

/* tag */
.product-tag {
  display: inline-block;
  margin-top: 14px;

  background: linear-gradient(
    90deg,
    rgba(240,123,46,0.12),
    rgba(240,123,46,0.04)
  );

  color: #F07B2E;
  font-size: 12.5px;
  padding: 7px 14px;
  border-radius: 20px;

  border: 1px solid rgba(240,123,46,0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7cf4826 *//* ===================================================== */
/* ===== FEATURES SECTION ===== */
/* ===================================================== */

.product-features {
  margin-top: 45px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

/* ===================================================== */
/* ===== ACCORDION ===== */
/* ===================================================== */

.accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ITEM */
.accordion-item {
  background: #ffffff !important;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.06);
  overflow: hidden;

  box-shadow: 0 8px 20px rgba(0,0,0,0.04);

  transition: all 0.25s ease;
}

/* HOVER */
.accordion-item:hover {
  transform: translateY(-2px);

  background: linear-gradient(
    90deg,
    rgba(240,123,46,0.10),
    rgba(0,0,0,0.03)
  ) !important;

  border: 1px solid rgba(240,123,46,0.25);

  box-shadow: 0 12px 25px rgba(0,0,0,0.08);
}

/* ===================================================== */
/* ===== HEADER ===== */
/* ===================================================== */

.accordion-header {
  width: 100%;
  padding: 14px 16px;

  background: transparent !important;
  border: none;
  outline: none;

  cursor: pointer;

  display: flex;
  justify-content: space-between;
  align-items: center;

  font-size: 14px;
  font-weight: 500;
  color: #222 !important;

  transition: color 0.2s ease;
}

/* FIX CLICK */
.accordion-header:focus,
.accordion-header:active {
  color: #222 !important;
  background: transparent !important;
}

/* ACTIVE */
.accordion-item.active .accordion-header {
  color: #F07B2E !important;
}

/* ICON */
.accordion-header::after {
  content: "+";
  font-size: 16px;
  color: #F07B2E;
  transition: transform 0.25s ease;
}

.accordion-item.active .accordion-header::after {
  transform: rotate(45deg);
}

/* ===================================================== */
/* ===== CONTENT (OPTIMIZADO) ===== */
/* ===================================================== */

.accordion-content {
  max-height: 0;
  overflow: hidden;

  font-size: 13.5px;
  color: #555;
  line-height: 1.6;

  padding: 0 16px;

  /* apertura rápida */
  transition: max-height 0.25s ease, padding 0.15s ease;
}

/* APERTURA */
.accordion-item.active .accordion-content {
  max-height: 600px; /* menor altura = más rápido */
  padding: 10px 16px 16px;
}

/* CIERRE MÁS RÁPIDO */
.accordion-item:not(.active) .accordion-content {
  transition: max-height 0.15s ease;
}

/* ===================================================== */
/* ===== RESPONSIVE ===== */
/* ===================================================== */

@media (max-width: 768px) {

  .product-features {
    margin-top: 30px;
    padding: 0 10px;
  }

  .accordion-header {
    font-size: 13.5px;
    padding: 12px;
  }

  .accordion-content {
    font-size: 13px;
  }

  .accordion-item.active .accordion-content {
    max-height: 700px; /* un poco más para mobile */
  }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7cf4826 *//* ===================================================== */
/* ===== FEATURES SECTION ===== */
/* ===================================================== */

.product-features {
  margin-top: 45px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

/* ===================================================== */
/* ===== ACCORDION ===== */
/* ===================================================== */

.accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ITEM */
.accordion-item {
  background: #ffffff !important;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.06);
  overflow: hidden;

  box-shadow: 0 8px 20px rgba(0,0,0,0.04);

  transition: all 0.25s ease;
}

/* HOVER */
.accordion-item:hover {
  transform: translateY(-2px);

  background: linear-gradient(
    90deg,
    rgba(240,123,46,0.10),
    rgba(0,0,0,0.03)
  ) !important;

  border: 1px solid rgba(240,123,46,0.25);

  box-shadow: 0 12px 25px rgba(0,0,0,0.08);
}

/* ===================================================== */
/* ===== HEADER ===== */
/* ===================================================== */

.accordion-header {
  width: 100%;
  padding: 14px 16px;

  background: transparent !important;
  border: none;
  outline: none;

  cursor: pointer;

  display: flex;
  justify-content: space-between;
  align-items: center;

  font-size: 14px;
  font-weight: 500;
  color: #222 !important;

  transition: color 0.2s ease;
}

/* FIX CLICK */
.accordion-header:focus,
.accordion-header:active {
  color: #222 !important;
  background: transparent !important;
}

/* ACTIVE */
.accordion-item.active .accordion-header {
  color: #F07B2E !important;
}

/* ICON */
.accordion-header::after {
  content: "+";
  font-size: 16px;
  color: #F07B2E;
  transition: transform 0.25s ease;
}

.accordion-item.active .accordion-header::after {
  transform: rotate(45deg);
}

/* ===================================================== */
/* ===== CONTENT (OPTIMIZADO) ===== */
/* ===================================================== */

.accordion-content {
  max-height: 0;
  overflow: hidden;

  font-size: 13.5px;
  color: #555;
  line-height: 1.6;

  padding: 0 16px;

  /* apertura rápida */
  transition: max-height 0.25s ease, padding 0.15s ease;
}

/* APERTURA */
.accordion-item.active .accordion-content {
  max-height: 600px; /* menor altura = más rápido */
  padding: 10px 16px 16px;
}

/* CIERRE MÁS RÁPIDO */
.accordion-item:not(.active) .accordion-content {
  transition: max-height 0.15s ease;
}

/* ===================================================== */
/* ===== RESPONSIVE ===== */
/* ===================================================== */

@media (max-width: 768px) {

  .product-features {
    margin-top: 30px;
    padding: 0 10px;
  }

  .accordion-header {
    font-size: 13.5px;
    padding: 12px;
  }

  .accordion-content {
    font-size: 13px;
  }

  .accordion-item.active .accordion-content {
    max-height: 700px; /* un poco más para mobile */
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0c01a9 */.elementor-4131 .elementor-element.elementor-element-d0c01a9 {
  position: relative;
  overflow: visible;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e2713a3 *//* ===== PRODUCT INFO ===== */

.product-info {
  max-width: 520px;
  margin: 0 auto;
  text-align: center;
}

/* título centrado */
.product-title {
  font-size: 24px;
  font-weight: 600;
  color: #111;
  margin-bottom: 15px;
  line-height: 1.3;
}

/* frase gancho */
.product-highlight {
  font-size: 14.5px;
  color: #444;
  line-height: 1.6;
  margin-bottom: 18px;
}

/* bullets modernos */
.product-points {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 18px;
}

.product-points div {
  background: #fff;
  border: 1px solid rgba(240,123,46,0.12);

  padding: 10px 14px;
  border-radius: 12px;

  font-size: 13.5px;
  color: #333;

  box-shadow: 0 6px 15px rgba(0,0,0,0.04);
}

/* mini texto */
.product-mini {
  font-size: 13.5px;
  color: #666;
  line-height: 1.6;
}

/* tag */
.product-tag {
  display: inline-block;
  margin-top: 14px;

  background: linear-gradient(
    90deg,
    rgba(240,123,46,0.12),
    rgba(240,123,46,0.04)
  );

  color: #F07B2E;
  font-size: 12.5px;
  padding: 7px 14px;
  border-radius: 20px;

  border: 1px solid rgba(240,123,46,0.15);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ab37a9 */.elementor-4131 .elementor-element.elementor-element-0ab37a9 {
  position: relative;
  overflow: visible;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d9d0e8f *//* ===================================================== */
/* ===== COMPARISON TABLE ===== */
/* ===================================================== */

.comparison-table {
  background: #f7f8fa;
  border-radius: 18px;
  padding: 25px;
  margin-top: 50px;
}

.comparison-table h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #111;
}

/* tabla */
.table-compare {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
}

/* header */
.table-compare thead tr {
  background: linear-gradient(
    90deg,
    rgba(240,123,46,0.15),
    rgba(0,0,0,0.05)
  );
}

.table-compare th {
  padding: 16px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}

/* columnas destacadas */
.table-compare th:nth-child(2) {
  color: #2e7d32;
}

.table-compare th:nth-child(3) {
  color: #1565c0;
}

/* celdas */
.table-compare td {
  padding: 14px 16px;
  font-size: 13.5px;
  color: #444;
  border-top: 1px solid #f0f0f0;
}

/* destacar M5 */
.table-compare td:nth-child(2) {
  background: rgba(76, 175, 80, 0.05);
  font-weight: 500;
}

/* destacar M4 */
.table-compare td:nth-child(3) {
  background: rgba(33, 150, 243, 0.05);
}

/* hover */
.table-compare tbody tr:hover {
  background: rgba(240,123,46,0.05);
  transition: 0.2s ease;
}

/* responsive */
@media (max-width: 768px) {

  .comparison-table {
    padding: 15px;
  }

  .comparison-table h2 {
    font-size: 20px;
  }

  .table-compare th {
    font-size: 12.5px;
    padding: 12px;
  }

  .table-compare td {
    font-size: 12px;
    padding: 12px;
  }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3503008 *//* ===================================================== */
/* ===== FINAL VERDICT PREMIUM ===== */
/* ===================================================== */

.final-verdict {
  margin-top: 30px;
  padding: 50px 20px;

  background: linear-gradient(
    120deg,
    #0f0f0f 0%,
    #1a1a1a 40%,
    #F07B2E 100%
  );

  border-radius: 20px;
}

/* TARJETA */
.verdict-card {
  max-width: 1100px;
  margin: 0 auto;

  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(12px);

  padding: 40px 45px;
  border-radius: 20px;

  box-shadow:
    0 30px 70px rgba(0,0,0,0.45),
    0 0 0 1px rgba(240,123,46,0.25);

  position: relative;
}

/* GLOW */
.verdict-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;

  background: linear-gradient(
    120deg,
    rgba(240,123,46,0.15),
    transparent 60%
  );

  pointer-events: none;
}

/* TITULO */
.verdict-card h2 {
  font-size: 28px;
  margin-bottom: 18px;
  color: #111;
  text-align: center;
}

/* INTRO */
.verdict-intro {
  font-size: 15px;
  color: #444;
  text-align: center;
  max-width: 750px;
  margin: 0 auto 18px;
}

/* PARRAFOS */
.verdict-card p {
  font-size: 14.5px;
  color: #555;
  line-height: 1.8;
  margin-bottom: 14px;
}

/* WARNING */
.verdict-warning {
  background: rgba(244,67,54,0.08);
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid rgba(244,67,54,0.25);
}

/* ===================================================== */
/* ===== 🔥 TECH STATS (NUEVO) ===== */
/* ===================================================== */

.verdict-stats {
  margin: 25px 0;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.stat-item {
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(6px);

  border-radius: 14px;
  padding: 18px 12px;
  text-align: center;

  border: 1px solid rgba(0,0,0,0.05);

  box-shadow: 0 8px 20px rgba(0,0,0,0.06);

  transition: all 0.25s ease;
}

.stat-item:hover {
  transform: translateY(-4px) scale(1.02);

  background: linear-gradient(
    120deg,
    rgba(240,123,46,0.15),
    rgba(255,255,255,0.7)
  );

  border: 1px solid rgba(240,123,46,0.35);

  box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}

.stat-item span {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #F07B2E;
}

.stat-item p {
  font-size: 12.5px;
  color: #555;
  margin-top: 6px;
}

/* ===================================================== */
/* ===== LISTA TECNICA (MEJOR LECTURA) ===== */
/* ===================================================== */

.verdict-list {
  margin: 10px 0 15px;
  padding-left: 18px;
}

.verdict-list li {
  font-size: 13.5px;
  margin-bottom: 6px;
  color: #444;
}

/* ===================================================== */
/* ===== MINI CARDS ===== */
/* ===================================================== */

.verdict-box {
  margin-top: 25px;

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.verdict-mini-card {
  padding: 18px;
  border-radius: 14px;

  background: rgba(255,255,255,0.75);
  backdrop-filter: blur(6px);

  border: 1px solid rgba(0,0,0,0.06);

  box-shadow: 0 10px 25px rgba(0,0,0,0.08);

  transition: all 0.25s ease;
}

.verdict-mini-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

/* DIFERENCIACION */
.verdict-mini-card.good {
  border-left: 3px solid rgba(76, 175, 80, 0.7);
}

.verdict-mini-card.bad {
  border-left: 3px solid rgba(244, 67, 54, 0.7);
}

/* TITULOS */
.verdict-mini-card strong {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #222;
}

/* LISTAS */
.verdict-mini-card ul {
  padding-left: 18px;
}

.verdict-mini-card li {
  font-size: 13.5px;
  margin-bottom: 6px;
  color: #555;
}

/* FINAL */
.verdict-final {
  margin-top: 20px;
  font-size: 15px;
  color: #111;
  text-align: center;
}

/* ===================================================== */
/* ===== RESPONSIVE ===== */
/* ===================================================== */

@media (max-width: 768px) {

  .final-verdict {
    padding: 35px 12px;
  }

  .verdict-card {
    padding: 25px 20px;
  }

  .verdict-card h2 {
    font-size: 22px;
  }

  .verdict-intro {
    font-size: 13.5px;
  }

  .verdict-card p {
    font-size: 13px;
  }

  .verdict-box {
    grid-template-columns: 1fr;
  }

  .verdict-stats {
    grid-template-columns: 1fr 1fr;
  }

}
/* ===== STATS IMPROVEMENT ===== */
.verdict-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 20px 0;
}

.stat-item {
  background: rgba(240,123,46,0.08);
  border: 1px solid rgba(240,123,46,0.2);
  border-radius: 12px;
  padding: 14px;
  text-align: center;
}

.stat-item span {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #F07B2E;
}

.stat-item small {
  font-size: 12px;
  color: #666;
}

/* TECH BLOCK */
.verdict-tech {
  margin-top: 15px;
  padding: 15px;
  border-radius: 12px;
  background: rgba(0,0,0,0.03);
  border: 1px solid rgba(0,0,0,0.05);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-08ccb61 *//* ===================================================== */
/* ===== FINAL CTA ELITE ===== */
/* ===================================================== */

.final-cta {
  margin-top: 40px;
  padding: 70px 20px;

  background: linear-gradient(
    90deg,
    #0f0f0f 0%,
    #1a1a1a 40%,
    #F07B2E 100%
  );

  border-radius: 24px;

  position: relative;
  overflow: hidden;
}

/* capa sutil premium */
.final-cta::after {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.05),
    transparent 60%
  );

  pointer-events: none;
}

/* wrapper centrado */
.cta-wrapper {
  max-width: 1000px;
  margin: 0 auto;
}

/* tarjeta */
.cta-card {
  text-align: center;

  padding: 55px 40px;
  border-radius: 22px;

  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(14px);

  box-shadow:
    0 40px 90px rgba(0,0,0,0.5),
    0 0 0 1px rgba(240,123,46,0.25);

  position: relative;
}

/* glow interno elegante */
.cta-card::before {
  content: "";
  position: absolute;
  inset: 0;

  background: radial-gradient(
    circle at 20% 20%,
    rgba(240,123,46,0.18),
    transparent 50%
  );

  border-radius: 22px;
  pointer-events: none;
}

/* badge */
.cta-badge {
  display: inline-block;
  font-size: 12px;
  color: #F07B2E;

  background: rgba(240,123,46,0.12);
  padding: 6px 14px;
  border-radius: 20px;

  margin-bottom: 18px;
  border: 1px solid rgba(240,123,46,0.25);
}

/* título */
.cta-card h2 {
  font-size: 32px;
  font-weight: 600;
  color: #111;
  margin-bottom: 10px;
}

/* subtítulo */
.cta-subtitle {
  font-size: 15px;
  color: #555;
  margin-bottom: 25px;
  line-height: 1.6;
}

/* divisor elegante */
.cta-divider {
  width: 60px;
  height: 3px;

  margin: 0 auto 30px;

  background: linear-gradient(
    90deg,
    transparent,
    #F07B2E,
    transparent
  );

  border-radius: 10px;
}

/* BOTÓN PRO */
.cta-button {
  display: inline-block;

  background: linear-gradient(
    135deg,
    #F07B2E,
    #ff9a3c
  );

  color: #fff;
  font-size: 15px;
  font-weight: 600;

  padding: 15px 32px;
  border-radius: 40px;

  text-decoration: none;

  box-shadow:
    0 15px 35px rgba(240,123,46,0.4);

  transition: all 0.3s ease;
}

/* hover premium */
.cta-button:hover {
  transform: translateY(-3px) scale(1.03);

  box-shadow:
    0 25px 55px rgba(240,123,46,0.5);
}

/* click */
.cta-button:active {
  transform: scale(0.97);
}

/* texto confianza */
.cta-trust {
  margin-top: 18px;
  font-size: 13px;
  color: #666;
}

/* ===================================================== */
/* ===== RESPONSIVE ===== */
/* ===================================================== */

@media (max-width: 768px) {

  .final-cta {
    padding: 45px 12px;
  }

  .cta-card {
    padding: 35px 20px;
  }

  .cta-card h2 {
    font-size: 24px;
  }

  .cta-subtitle {
    font-size: 13.5px;
  }

  .cta-button {
    width: 100%;
    font-size: 14px;
  }

}
/* ===================================================== */
/* ===== CTA BUTTONS IMPROVED ===== */
/* ===================================================== */

.cta-buttons {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 15px;
  flex-wrap: wrap;
}

/* BOTONES BASE */
.cta-button {
  display: inline-block;
  padding: 10px 18px;

  font-size: 13.5px;
  font-weight: 600;

  border-radius: 999px;
  text-decoration: none;

  transition: all 0.25s ease;

  border: 1px solid transparent;
}

/* PRIMARY */
.cta-button.primary {
  background: linear-gradient(90deg, #F07B2E, #ff9a4d);
  color: #fff;
  box-shadow: 0 6px 18px rgba(240,123,46,0.35);
}

.cta-button.primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(240,123,46,0.45);
}

/* SECONDARY */
.cta-button.secondary {
  background: rgba(0,0,0,0.04);
  color: #333;
  border: 1px solid rgba(0,0,0,0.08);
}

.cta-button.secondary:hover {
  background: rgba(0,0,0,0.07);
  transform: translateY(-2px);
}

/* TRUST TEXT */
.cta-trust {
  margin-top: 12px;
  font-size: 12.5px;
  color: #666;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-636c66b */.help-section {
  padding: 10px 20px;
  text-align: center;
}

.small-text {
  color: #666;
  margin-bottom: 20px;
}

.btn-help {
  display: inline-block;
  background: #F07B2E;
  color: white;
  padding: 14px 22px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: bold;
}

.response {
  margin-top: 15px;
  font-size: 13px;
  color: #888;
}
.elementor-4131 .elementor-element.elementor-element-636c66b h2 {
  font-size: 30px;
  font-weight: 600;
}

.elementor-4131 .elementor-element.elementor-element-636c66b p {
  font-size: 15px;
}

.elementor-4131 .elementor-element.elementor-element-636c66b .small-text {
  font-size: 14px;
  color: #666;
}

.elementor-4131 .elementor-element.elementor-element-636c66b .btn-help {
  font-size: 14px;
}

.elementor-4131 .elementor-element.elementor-element-636c66b .response {
  font-size: 13px;
  color: #888;
}

/* MOBILE */
@media (max-width: 768px) {
  .elementor-4131 .elementor-element.elementor-element-636c66b h2 {
    font-size: 20px;
  }

  .elementor-4131 .elementor-element.elementor-element-636c66b .btn-help {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */