/*
Theme Name: Nuevos Senderos
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada

----------------------------------------------------------------------------
NOTE: The bulk of the rules below were migrated from the Avada Theme Options
"Custom CSS" panel for source-control and tooling reasons. Cascade order has
been preserved as much as possible, with one cleanup pass that removed dead
duplicate rule blocks (each removal site is marked with a "(Removed …)"
comment so the change is auditable).

Table of Contents (reflects current order, which is NOT fully topical):
  1. CSS Custom Properties (Variables)
  2. Base Elements
  3. Typography
  4. Layout / Hero Containers
  5. Components
       - Cards
       - Buttons (custom + Avada button overrides)
       - Forms
       - Modals (etapas / temas)
  6. Utilities & Plugin / Vendor Overrides
       (intermixed in current order — see "Recommended organization" notes
        in the project README / commit message for a target structure)
  7. Trailing Avada Button Overrides (button text wrapping + squircles)
----------------------------------------------------------------------------
*/

/* Two orphan rules below predate the TOC; they are kept in place to avoid
   shifting the cascade. `.fusion-builder-controls` is an Avada builder UI
   tweak, and the `text-wrap: balance` rule is additive to the headings
   block in section 3 (same selector, non-conflicting property). */
.fusion-builder-controls {
  width: 100% !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

/* 1. CSS Custom Properties
   ========================================================================== */
:root {
  /* Typography Scale --f--0 */
  /* @link https://utopia.fyi/type/calculator?c=360,14,1.2,3840,24,1.25,5,1,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  /* Step -1: 11.6667px → 19.2px */
  --f--1: clamp(0.7292rem, 0.6805rem + 0.2165vw, 1.2rem);
  /* Step 0: 14px → 24px */
  --f-0: clamp(0.875rem, 0.8103rem + 0.2874vw, 1.5rem);
  /* Step 1: 16.8px → 30px */
  --f-1: clamp(1.05rem, 0.9647rem + 0.3793vw, 1.875rem);
  /* Step 2: 20.16px → 37.5px */
  --f-2: clamp(1.26rem, 1.1479rem + 0.4983vw, 2.3438rem);
  /* Step 3: 24.192px → 46.875px */
  --f-3: clamp(1.512rem, 1.3653rem + 0.6518vw, 2.9297rem);
  /* Step 4: 29.0304px → 58.5938px */
  --f-4: clamp(1.8144rem, 1.6233rem + 0.8495vw, 3.6621rem);
  /* Step 5: 34.8365px → 73.2422px */
  --f-5: clamp(2.1773rem, 1.929rem + 1.1036vw, 4.5776rem);

  /* Spacing Scale */
  --sp-3xs: clamp(0.3125rem, 0.3125rem + 0cqi, 0.3125rem);
  --sp-2xs: clamp(0.5625rem, 0.5481rem + 0.0641cqi, 0.625rem);
  --sp-xs: clamp(0.875rem, 0.8606rem + 0.0641cqi, 0.9375rem);
  --sp-s: clamp(1.125rem, 1.0962rem + 0.1282cqi, 1.25rem);
  --sp-m: clamp(1.6875rem, 1.6442rem + 0.1923cqi, 1.875rem);
  --sp-l: clamp(2.25rem, 2.1923rem + 0.2564cqi, 2.5rem);
  --sp-xl: clamp(3.375rem, 3.2885rem + 0.3846cqi, 3.75rem);
  --sp-2xl: clamp(4.5rem, 4.3846rem + 0.5128cqi, 5rem);
  --sp-3xl: clamp(6.75rem, 6.5769rem + 0.7692cqi, 7.5rem);

  /* One-up pairs */
  --sp-3xs-2xs: clamp(0.3125rem, 0.2404rem + 0.3205cqi, 0.625rem);
  --sp-2xs-xs: clamp(0.5625rem, 0.476rem + 0.3846cqi, 0.9375rem);
  --sp-xs-s: clamp(0.875rem, 0.7885rem + 0.3846cqi, 1.25rem);
  --sp-s-m: clamp(1.125rem, 0.9519rem + 0.7692cqi, 1.875rem);
  --sp-m-l: clamp(1.6875rem, 1.5rem + 0.8333cqi, 2.5rem);
  --sp-l-xl: clamp(2.25rem, 1.9038rem + 1.5385cqi, 3.75rem);
  --sp-xl-2xl: clamp(3.375rem, 3rem + 1.6667cqi, 5rem);
  --sp-2xl-3xl: clamp(4.5rem, 3.8077rem + 3.0769cqi, 7.5rem);

  /* Custom pairs */
  --sp-s-l: clamp(1.125rem, 0.8077rem + 1.4103cqi, 2.5rem);
  /* Space xs-3xl: 12px → 120px */
  --sp-xs-3xl: clamp(0.25rem, -0.4091rem + 3.2955cqi, 7.5rem);

  /* Colors & Effects */
  --typescale: 1.25;
  --border-radius-shaded: 0.125rem;
  --box-shaded:
    0px 0px 3px 2px rgba(0, 0, 0, 0.175), 2px 0px 6px 4px rgba(0, 0, 0, 0.1),
    0px 2px 9px 6px rgba(0, 0, 0, 0.075);
  --text-shade:
    0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1),
    0px 18px 23px rgba(0, 0, 0, 0.1);
  --bkg-grad-nature: linear-gradient(0deg, #8ed758, #0f97d7, #077fab);
  --fluid-360-700: clamp(22.5rem, 17.5962rem + 21.7949vw, 43.75rem);
}

/* 2. Base Elements
   ========================================================================== */
html {
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
}

@media (max-width: 600px) {
  html {
    font-size: 120%;
  }
}

body {
  font-size: var(--f-0);
  line-height: 1.5;
}

/* 3. Typography
   ========================================================================== */
p {
  font-size: var(--f-0);
  margin-bottom: var(--f-1);
  line-height: 1.5;
  max-width: 75ch;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: var(--f-2) 0 var(--f-2);
  line-height: 1.15;
  letter-spacing: -0.5px;
}

h1 {
  margin-top: 0;
  font-size: var(--f-5);
}

.h5,
.h3,
.h1 {
  font-family: var(--awb-typography1-font-family);
}
.h6,
.h4,
.h2 {
  font-family: var(--awb-typography2-font-family);
}

.h6 {
  text-transform: uppercase;
  font-style: unset !important;
  font-weight: 800;
  letter-spacing: -0.0375rem;
}

h2,
.h2 {
  font-size: var(--f-4);
}
h3,
.h3 {
  font-size: var(--f-3);
}
h4,
.h4 {
  font-size: var(--f-2);
}
h5,
.h5 {
  font-size: var(--f-1);
}
h6,
.h6 {
  font-size: var(--f-0);
}

small,
.text_small,
.text-small * {
  font-size: var(--f--1);
}

.italicas {
  font-style: italic;
}
.caps {
  text-transform: uppercase;
}

/* 4. Layout / Hero Containers
   ========================================================================== */

.hero-container {
  height: 100vh;
}
.tienda-hero-container {
  height: 60vh;
}

@media (orientation: portrait) {
  .hero-container,
  .tienda-hero-container {
    height: calc(100vw + 4rem);
  }
}

/* 5. Components
   ========================================================================== */

/* Cards */
.card,
.book,
.card-in img,
.book-in img {
  border-radius: var(--border-radius-shaded);
  box-shadow: var(--box-shaded);
  box-shadow: 2px 4px 8px 0px lightslategray;
}

/* Buttons */
.fusion-apply-coupon,
.fusion-update-cart,
.checkout-button,
.coupon-button .button,
.continue-checkout,
.order-again a.button {
  width: 320px;
  padding: 1.25rem !important;
  font-size: var(--f-1) !important;
}

[class*="arm_form_popup_link"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1.875rem;
  font-size: var(--f--1);
  line-height: 1.0625;
  font-weight: 400;
  color: #ffffff;
  background-color: var(--awb-color5);
  border: 1px solid transparent;
  border-radius: 16px;
  corner-shape: squircle;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s;
}

.btn-hero .arm_form_popup_link.arm_form_popup_button {
  background-color: var(--awb-color5);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 50px;
  padding: 0.8125rem 1.8125rem;
  font-size: var(--f--1);
  line-height: 1.0625;
  margin: 0 !important;
}

/* (Removed dead `.btn-hero ... :hover` block — it was fully overridden
   by the active definition further down. See the surviving block tagged
   "ACTIVE definition" near `.btn-arm *`.) */

.btn-header .arm_form_popup_link.arm_form_popup_button {
  background-image: linear-gradient(
    180deg,
    var(--awb-color5),
    var(--awb-color7)
  );
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 16px;
  corner-shape: squircle;
  padding: 0.6875rem 1.4375rem;
  font-size: var(--f--1);
  line-height: 1.0625;
  margin: 0 !important;
}

.btn-header .arm_form_popup_link.arm_form_popup_button:hover {
  border-color: #ffffff;
}

.btn-dark .arm_form_popup_link.arm_form_popup_button {
  background-color: var(--awb-color5);
  color: #ffffff;
  border: none;
}
.btn-dark button,
.btn-dark .arm_form_popup_link.arm_form_popup_button:hover {
  background-color: var(--awb-color5);
  color: #ffffff;
}

.btn-medium .arm_form_popup_link.arm_form_popup_button {
  padding: 0.6875rem 1.4375rem;
  font-size: var(--f--1);
  line-height: 1.0625;
}

.btn-large button {
  padding: 0.8125rem 1.8125rem;
  line-height: 1.0625;
  font-size: var(--f--1);
}

.paywall .arm_form_popup_link.arm_form_popup_button {
  width: 360px;
}

.arm_form_popup_link.arm_form_popup_button {
  border-width: 1px;
  border-style: solid;
}

button {
  box-sizing: border-box;
}

.btn-arm * {
  font-family: var(--button_typography-font-family);
}

/* ACTIVE definition for `.btn-hero ... :hover`.
   A duplicate definition that previously sat earlier in the file has been
   removed; this is now the only definition. */
.btn-hero .arm_form_popup_link.arm_form_popup_button:hover {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: #efefef;
  border-radius: 16px;
  corner-shape: squircle;
  background-blend-mode: darken;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  font-weight: normal;
}

/* Forms */
.wpcfs-label {
  font-family: Oswald, sans-serif;
  font-weight: 500;
  font-size: var(--f--1);
}

.wpcfs-input-submit input {
  font-family: Oswald, sans-serif;
  font-size: var(--f--1);
  font-weight: 700;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  background-color: #68cac7;
  color: #000;
  border-radius: 50px;
  padding: 0.625rem 1.375rem;
  text-align: center;
  margin-right: auto;
  margin-left: 25%;
  margin-top: 1.25rem;
}

/* Modals */
.etapa1 .modal-content {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapa1-bg.svg");
  background-color: #d0ff00 !important;
}

.etapa2 .modal-content {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapa2-bg.svg");
  background-color: #00e1ff !important;
}

.etapa3 .modal-content {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapa3-bg.svg");
  background-color: #ffdd00 !important;
}

.etapa4 .modal-content {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapa4-bg.svg");
  background-color: #9900ff !important;
}

.etapa5 .modal-content {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapa5-bg.svg");
  background-color: #80ff00 !important;
}

.etapas .modal-content {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapas-bg.svg");
  background-color: #80ff00 !important;
}

.temas .modal-content {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/temas-bg.svg");
  background-color: #80ff00 !important;
}

.etapa .modal-content {
  background-repeat: no-repeat;
  background-position: right 3rem top 0.5rem;
}

.etapas .modal-content,
.temas .modal-content {
  background-repeat: no-repeat;
  background-position: right 3rem top 8rem;
}

.etapa .modal-body {
  background-repeat: no-repeat;
  background-position: top 1rem left 1.5rem;
  padding-left: 6rem;
}

.etapa1 .modal-body {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapa1-fg.svg");
}

.etapa2 .modal-body {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapa2-fg.svg");
}

.etapa3 .modal-body {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapa3-fg.svg");
}

.etapa4 .modal-body {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapa4-fg.svg");
}

.etapa5 .modal-body {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapa5-fg.svg");
}

.etapas .modal-body {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/etapas-fg.svg");
}

.temas .modal-body {
  background-image: url("https://quebelleza.ccial.org/wp-content/uploads/2021/09/temas-fg.svg");
}

.etapa blockquote {
  background: unset;
  border: unset;
  font-size: var(--f-0);
  line-height: 1.5;
  margin: 0;
  padding: 0;
  font-weight: 500;
  color: #000000 !important;
}

.etapa .close {
  opacity: 1 !important;
}

/* 6. Utilities & Plugin / Vendor Overrides
   ==========================================================================
   NOTE: From here down, utility helpers (`.white`, `.shade`, `.pad-sides`,
   `.short-excerpt`, etc.) are intermixed with plugin-specific overrides for
   Avada/Fusion, WooCommerce, ARM Member, WPML, and EmbedPlus YouTube. The
   migration kept the original order from Theme Options. A future cleanup
   pass could split this section into "6a. Utilities" and "6b. Vendor
   Overrides", but doing so requires re-validating each rule against later
   cascade neighbors. */
.pad-sides {
  padding-left: var(--sp-2xs-xs);
  padding-right: var(--sp-2xs-xs);
}

.shade,
.shade * {
  text-shadow:
    var(--text-shade),
    rgb(0, 0, 0, 0.25) 1px 2px 3px;
}

.white,
.white a,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6 {
  color: #fff !important;
}

.white-block {
  color: #fff;
  text-shadow: var(--text-shade);
  background-image: linear-gradient(
    180deg,
    rgba(3, 3, 3, 0) 0%,
    rgba(3, 3, 3, 0.25) 100%
  );
  margin: 0 0 2rem;
  padding: 0.313rem 1.25rem;
}

.actividad-ptb-terms {
  font-family: Oswald, sans-serif;
  font-size: var(--f-0) !important;
}

.fusion-video.fusion-youtube.card {
  max-width: unset !important;
  max-height: unset !important;
}

.premium {
  font-size: var(--f--1);
  line-height: 2.66667 !important;
  height: 2.66667rem !important;
  padding: 0 1.25rem !important;
  text-shadow: var(--text-shade);
  box-shadow: var(--box-shaded) !important;
  letter-spacing: 0.03em;
}

.fusion-logo svg {
  height: 1.77777777rem;
}

.cita-zotero blockquote {
  margin: 0;
  border: unset;
  padding-left: 2rem;
  text-indent: -2rem;
  font-style: unset;
  font-size: var(--f--1);
  line-height: 1.5;
  background-color: unset;
}

.cita-zotero a {
  border-bottom: dotted 1px var(--awb-color3);
}

.cita-zotero a:hover {
  border-bottom: dotted 1px #000000;
}

.book::after,
.book-in img:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.3)),
    color-stop(1%, rgba(255, 255, 255, 0)),
    color-stop(2.5%, rgba(250, 250, 250, 0.23)),
    color-stop(3.4%, rgba(0, 0, 0, 0.1)),
    color-stop(4.2%, rgba(250, 250, 250, 0.1)),
    color-stop(5.6%, rgba(0, 0, 0, 0.1)),
    color-stop(6.8%, rgba(250, 250, 250, 0.2)),
    color-stop(25%, transparent),
    color-stop(30%, transparent),
    to(rgba(0, 0, 0, 0.2))
  );
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(255, 255, 255, 0) 1%,
    rgba(250, 250, 250, 0.23) 2.5%,
    rgba(0, 0, 0, 0.1) 3.4%,
    rgba(250, 250, 250, 0.1) 4.2%,
    rgba(0, 0, 0, 0.1) 5.6%,
    rgba(250, 250, 250, 0.2) 6.8%,
    transparent 25%,
    transparent 30%,
    rgba(0, 0, 0, 0.2) 100%
  );
}

/* (Removed dead `#accordion-50-1` hover/active block — it set color to
   white but was fully overridden later by the surviving #3ca7db block.) */

.toggle-content .icon-wrapper {
  margin-top: 6px !important;
}

.detail {
  font-weight: bold;
  font-size: var(--f-0) !important;
  line-height: 1.5 !important;
}

.details .icon-wrapper {
  height: unset !important;
}

.details .fusion-li-item-content {
  line-height: 1.5;
}

.easy-read,
.easy-read p,
.easy-read ol,
.easy-read ul,
.easy-read ol li,
.easy-read ul li,
.easy-read blockquote {
  font-size: var(--f-0);
  line-height: 1.5;
}

.fusion-pricing-table .list-group-item {
  text-align: left !important;
}

.price-table-markers .fusion-panel {
  display: flex !important;
  width: 95% !important;
  margin: 0.625rem !important;
  flex-direction: column;
  align-content: stretch;
}

.checks ul li::marker {
  color: #3ca7db;
  font-family: "Font Awesome 5 Free", serif;
  font-weight: unset;
  content: "\f0a4";
}

.checks li,
.panel-body.pricing-row ul.list-group li {
  margin-bottom: 1.5rem;
  padding-left: 0.5rem !important;
}

.panel-body.pricing-row ul.list-group li {
  list-style-type: square !important;
}

.contenido p a {
  border-bottom: dotted 1px var(--awb-color3);
}

.contenido p a:hover {
  border-bottom: solid #000000 1px;
}

.postcard-terms .fusion-li-item-content {
  font-family: Oswald, sans-serif;
  font-size: var(--f--1) !important;
  color: white !important;
  text-shadow: var(--text-shade);
  text-shadow: rgb(255, 255, 255) 0px 0px 0px;
  margin: 0;
  padding: 0;
}

.postcard-terms .fusion-li-item-content a {
  color: white;
}

.post-card-image {
  min-height: 50%;
  border-radius: 16px;
  box-shadow: var(--box-shadow);
  corner-shape: squircle;
}

.pc-actividades-txt {
  margin: 0 1rem 2rem !important;
}
.pc-actividades-txt a {
  color: var(--awb-color3);
  font-weight: 900;
}

.read-block {
  width: var(--fluid-360-700);
}

.cita {
  margin-top: 4rem;
  font-size: small;
  border-top: 1px solid #333;
}

.boton-card {
  font-size: var(--f-1);
  margin: 0;
  padding: 0;
  background-color: unset !important;
  background-image: unset !important;
  border: unset;
}

.fusion-accordian
  .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode
  .panel-title
  a {
  align-items: center;
}

.fusion-accordian .panel-title a .fa-fusion-box::before {
  font-family: "Font Awesome 5 Free";
  font-size: var(--f--1) !important;
  line-height: 1.375;
  content: "\f054";
  font-weight: 700;
  /* Nudge the chevron glyph down slightly so it sits visually centered
     inside its parent — without this it floats slightly above center. */
  margin-top: 3px;
}

.fusion-accordian .panel-title .active .fa-fusion-box::before {
  content: "\f078";
}

/* `#accordion-50-1` link hover/active color.
   A duplicate definition that previously set this to white earlier in
   the file has been removed; this is now the only definition. */
.fusion-accordian #accordion-50-1 .panel-title a:hover,
.fusion-accordian #accordion-50-1 .panel-title a:active {
  color: #3ca7db !important;
}

.question {
  color: #666;
  font-style: normal;
}

.fusion-search-results.suggestions-added a {
  color: #000 !important;
}

#yt-video,
.fusion-video .fusion-youtube {
  max-width: unset !important;
  max-height: unset !important;
  width: 100% !important;
  margin: 1.25rem 0;
}

.wpml-ls-flag {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}

.epyt-video-wrapper {
  margin-bottom: var(--f-3);
}

.panel-body.toggle-content.fusion-clearfix iframe {
  margin-top: 1.5rem;
  width: 100%;
}

.awb-menu__search-overlay {
  z-index: 999;
}

.short-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
}

/* Toggle icon wrapper + the active/inactive plus/minus icons:
   squircle, not circle. */
span.fusion-toggle-icon-wrapper,
i.fa-fusion-box.active-icon.awb-icon-minus,
i.fa-fusion-box.inactive-icon.awb-icon-plus {
  border-radius: 8px;
  corner-shape: squircle;
}

/* Accordion panel rounded/squircle corners.
   Selector uses 4 classes (.fusion-accordian + .fusion-panel +
   .fusion-toggle-no-divider + .fusion-toggle-boxed-mode) so it beats
   the element-specific dynamic CSS Avada generates per accordion via
   Fusion Builder. A simpler `.fusion-accordian .fusion-panel` selector
   loses to Avada's per-element rules. Verified working in this form. */
.fusion-accordian
  .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode {
  border-radius: 16px;
  corner-shape: squircle;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style-type: lower-alpha;
}

.avada-myaccount-user-column.message .msg {
  display: none;
}

.fusionredux-container
  #fusionredux-form-wrapper
  .fusionredux-main
  .fusionredux-container-switch
  .cb-enable.selected,
.fusionredux-container
  #fusionredux-form-wrapper
  .fusionredux-main
  .fusionredux-field-container
  .cb-enable.selected,
.fusionredux-container
  #fusionredux-form-wrapper
  .fusionredux-main
  .fusionredux-container-switch
  .ui-buttonset
  .ui-state-active,
.fusionredux-container
  #fusionredux-form-wrapper
  .fusionredux-main
  .fusionredux-field-container
  .ui-buttonset
  .ui-state-active {
  background-color: brown !important;
}

.awb-menu__main-ul_row {
  flex-direction: row;
  flex-wrap: nowrap;
}

.btn-outline-dark {
  background-color: var(--awb-color5);
}

.fusion-pricing-table .fusion-panel {
  border-radius: 18px !important;
  border: 0px solid #e5e4e3 !important;
  corner-shape: squircle;
}

.panel-container {
  padding: 0 !important;
  border-width: 0;
  box-sizing: border-box;
  border-color: transparent !important;
  /* Layout properties (merged from a second .panel-container block that
       used to live further down, between .panel-wrapper and .fusion-panel,
       to make pricing tables stretch). The two blocks did not share any
       properties, so merging them is a no-op for the cascade. */
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* (Removed exact-duplicate `.panel-body.pricing-row ul.list-group li`
   block — the surviving definition is in the lists/checks group above.) */

.btn-width {
  width: 360px;
}

.fusion-pricing-table {
  display: flex;
  justify-content: space-between;
}

.panel-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* (Removed duplicate `.panel-container` layout block — its properties
   were merged into the earlier `.panel-container` rule.) */

.fusion-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.panel-body {
  flex-grow: 0;
}

.list-group {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.list-group-item {
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.panel-footer {
  margin-top: auto;
}

.fusion-main-menu .fusion-menu-login-box-register,
.fusion-menu-cart-checkout a:before,
.fusion-menu-cart-items a {
  color: white;
}

.btn-wide a {
  width: 360px;
}

input.select2-search__field {
  width: 100% !important;
}

.actividades-postcard li {
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  corner-shape: squircle;
}

*:has(> .actividades-postcard),
*:has(> .actividades-postcard) {
  overflow: visible;
}

.accordian.fusion-accordian.contenido {
  -webkit-user-select: none;
  user-select: none;
}

.paywall a.fusion-button,
.paywall .a-to-button a {
  width: 360px;
}

.arm-df__heading {
  padding-bottom: 2.5rem !important;
}

/* (Removed dead `.arm-df__heading-text` H2-tokens block — it was fully
   overridden by the surviving block at the end of section 6 that maps
   to the H3 typography tokens.) */

.arm_forgot_password_description {
  margin-top: -1.875rem !important;
  margin-bottom: 2.5rem !important;
  margin-left: 1.25rem !important;
}

.input-pill input {
  border-color: black !important;
  background-color: lightteal !important;
}

*,
*:hover,
*:focus,
*:active {
  box-sizing: border-box !important;
}

.escritor-pic {
  position: relative;
  border: 0.1875rem solid #3edbbd;
  border-radius: 1rem;
  corner-shape: squircle;
}

.escritor-pic:before {
  content: "";
  position: absolute;
  inset: 0.0625rem;
  border-radius: 1rem;
  corner-shape: squircle;
  border: 0.0625rem solid #ffffff;
}
.escritor-pc {
  display: none;
  width: 4rem;
  height: 4rem;
  position: relative;
  left: 1rem;
  top: -48px;
}

.woocommerce-side-nav,
.woocommerce-MyAccount-navigation {
  font-family: "Libre Franklin";
  text-transform: uppercase;
  font-size: smaller;
  letter-spacing: -0.75px;
  font-weight: 900;
}

.fusion-panel ol {
  counter-reset: custom-counter;
  list-style: none;
  padding-left: 0;
}

.fusion-panel ol li {
  counter-increment: custom-counter;
  margin-bottom: 1.5rem;
  position: relative;
  padding-left: 3rem !important;
  display: flex;
  flex-direction: column;
}

.fusion-panel ol li::before {
  content: counter(custom-counter) ".";
  font-family: var(--h6_typography-font-family);
  font-weight: 700;
  color: var(--awb-color4);
  position: absolute;
  left: 0;
  width: 3rem;
  text-align: right;
  padding-right: 0.5rem;
}

/* Manejo específico para listas anidadas */
.fusion-panel ol ol {
  counter-reset: list-counter;
  margin-top: 1rem;
  width: 100%;
  padding-left: 0; /* Eliminado el padding aquí */
  margin-left: 0; /* Asegurando que no haya margen extra */
}

.fusion-panel ol ol li {
  counter-increment: list-counter;
  padding-left: 3rem; /* Mismo padding que los elementos de primer nivel */
  margin-bottom: 1rem;
  position: relative; /* Asegurar que los ::before se posicionen correctamente */
}

.fusion-panel ol ol li::before {
  content: counter(list-counter, lower-alpha) ".";
  font-family: var(--h6_typography-font-family);
  font-weight: 700;
  color: var(--awb-color4); /* Mismo color que los elementos de primer nivel */
  position: absolute;
  left: 0;
  width: 3rem;
  text-align: right;
  padding-right: 0.5rem;
  display: block; /* Asegurar que es visible */
}

span > a.fusion-column-anchor,
span > a.fusion-column-anchor span {
  border-radius: var(--border-radius-shaded) !important;
}

span > a.fusion-column-anchor {
  box-shadow: var(--box-shaded) !important;
}
/* `.arm-df__heading-text` — ARM Member dialog heading.
   Pulls font-family/size/weight/letter-spacing/line-height from the H3
   typography tokens, while keeping text-transform and font-style on the
   H2 tokens (intentional per the original Theme Options CSS). A duplicate
   H2-tokens block earlier in the file has been removed. */
.arm-df__heading-text {
  font-family: var(--h3_typography-font-family) !important;
  font-size: var(--h3_typography-font-size) !important;
  font-weight: var(--h3_typography-font-weight) !important;
  letter-spacing: var(--h3_typography-letter-spacing) !important;
  line-height: var(--h3_typography-line-height) !important;
  text-transform: var(--h2_typography-text-transform) !important;
  font-style: var(--h2_typography-font-style) !important;
}
sup a {
  color: skyblue;
}

.shop_table thead tr th {
  font-size: 1.5em !important;
}

/* 7. Trailing Avada Button Overrides
   ==========================================================================
   Prevent text wrapping in all Avada buttons + apply squircle corners.

   Every Avada button rendered by Fusion Builder carries the base class
   `fusion-button` plus additive modifier classes (e.g. `fusion-button-3d`,
   `fusion-button-pill`, `fusion-button-outline`). Targeting `.fusion-button`
   alone therefore matches every Avada button. The original migrated CSS
   listed ~60 compound modifier permutations as separate selectors; that
   list was equivalent to `.fusion-button` (commas don't increase
   specificity) and has been collapsed accordingly. */
.fusion-button {
  white-space: nowrap !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  corner-shape: squircle !important;
}

/* Inner button text spans inherit the same nowrap behavior. The
   descendant selector `.fusion-button span` already covers any span at
   any depth inside a button, including `.fusion-button-text span`, so
   that more specific descendant selector has been dropped as redundant. */
.fusion-button .fusion-button-text,
.fusion-button span {
  white-space: nowrap !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
}

.sf-field-submit input,
.sf-field-reset input {
  corner-shape: squircle;
}

.arm_form_102 .arm-df__form-field-wrap_submit .arm-df__form-control-submit-btn,
.arm_form_102
  .arm-df__form-field-wrap_submit
  button.arm-df__form-control-submit-btn,
.arm_form_message_container.arm_form_102 .arm_reset_password_login_btn {
  border-radius: 12px;
  corner-shape: squircle;
}