/* Responsive composition. Loaded after the original design; desktop stays intact. */
.cia-home :is(h1, h2, h3) {
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
.cia-home :is(p, li) { text-wrap: pretty; }
.cia-home .cia-team-highlight { white-space: nowrap; }
.cia-home .cia-text-unit { white-space: nowrap; }
#cia-agent-prototype-grid { max-width: 1310px; margin-inline: auto; }
/* Preserve the desktop tag positions; mobile gets an image-sized anchor below. */
.cia-home :is(.cia-positioning-tag-layer, .cia-positioning-tag-anchor) { display: contents; }
.cia-home .grid > *, .cia-home .flex > * { min-width: 0; }
.cia-home .tp-btn {
  height: auto;
  min-height: 48px;
  line-height: 1.35;
  padding-top: 14px;
  padding-bottom: 14px;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.cia-home .tp-btn > span { display: inline; }
.cia-home .cia-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.cia-home .cia-hero-actions > a { margin: 0; }
.cia-home .cia-outcome-copy li { line-height: 1.5; }
.cia-home .cia-outcome-copy li svg { flex: 0 0 17px; }
.cia-home .cia-agent-card-summary .cia-agent-card-description {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
}
.cia-home .cia-agent-flip-button { min-width: 44px; min-height: 44px; }
.cia-home .cia-agent-card-back { height: auto; min-height: 0; }
.cia-agent-return {
  width: auto !important;
  min-height: 44px;
  padding: 8px 10px;
  border-radius: 22px;
  font-size: 14px;
  font-weight: 600;
  color: #454448;
}
.cia-agent-return:hover { background: #f1f0f5; }
.cia-agent-return:focus-visible { outline: 2px solid #6248ff; outline-offset: 2px; }
.cia-agent-card-back-actions { flex-wrap: wrap; }
.cia-menu-open { overflow: hidden; }
.cia-home .tpoffcanvas {
  right: 0;
  transform: translateX(100%);
  transition: transform .25s ease;
  height: 100dvh;
  max-width: 100%;
  overscroll-behavior: contain;
  padding-bottom: max(32px, env(safe-area-inset-bottom));
}
.cia-home .tpoffcanvas.opened { transform: translateX(0); visibility: visible; opacity: 1; }
.cia-home .cia-agent-card { scroll-margin-top: 24px; }
.cia-home .tpoffcanvas[aria-hidden="true"] { pointer-events: none; }
.cia-home .tp-offcanvas-menu a { min-height: 48px; display: flex; align-items: center; }
.cia-mobile-actions { display: grid; gap: 12px; padding-top: 24px; border-top: 1px solid #ddd; }
.cia-mobile-actions a { justify-content: center; padding: 14px 20px; border-radius: 28px; text-align: center; }
.cia-mobile-actions a:first-child { background: #6248ff; color: #fff; }
.cia-mobile-actions a:last-child { background: #f2f2f5; color: #161519; }
.cia-home :is(button, a, input, textarea):focus-visible { outline: 2px solid #6248ff; outline-offset: 4px; }

/* Tablets: readable columns instead of three narrow cards. */
@media (min-width: 1200px) and (max-width: 1399px) {
  .cia-home .cia-hero-model { width: 44vw; right: 24px; }
  .cia-home .cia-hero-title { font-size: 54px; line-height: 1.12; }
  .cia-home .cia-navbar-logo { margin-right: 72px; }
}
@media (min-width: 768px) and (max-width: 1399px) {
  .cia-home .cia-intelligence-postit--yellow { right: 8px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cia-home .cia-site-container { padding-inline: 32px; }
  .cia-home :is(.cia-team-section, .cia-agent-intelligence-section) > div,
  .cia-home .cia-pricing-container { padding-inline: 32px; }
  .cia-home .cia-hero-copy { grid-column: 1 / -1; max-width: 760px; margin-inline: auto; }
  .cia-home .cia-hero-copy { order: 2; text-align: center; }
  .cia-home .cia-hero-visual { order: 1; }
  .cia-home .cia-hero-actions { justify-content: center; }
  .cia-home .cia-hero-proof { padding-right: 0; }
  .cia-home .cia-hero-title { font-size: 52px; line-height: 1.12; }
  .cia-home .cia-team-banner h2,
  .cia-home #beneficios h2 { font-size: 38px; line-height: 1.16; }
  #cia-agent-prototype-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  #cia-agent-prototype-grid > article { grid-column: auto; }
  .cia-home .cia-agent-card-scene { min-height: max(650px, var(--cia-card-back-height, 650px)); }
  .cia-home .cia-agent-card-face--back { padding: 28px; }
  .cia-home .cia-agent-filters { flex-wrap: wrap; border-radius: 28px; max-width: 100%; }
  .cia-home .cia-agent-filter { min-height: 44px; padding-inline: 16px; }
  .cia-home #agentes > .cia-site-container > .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cia-home #agentes > .cia-site-container > .grid > :first-child { grid-column: 1 / -1; }
  .cia-home #agentes > .cia-site-container > .grid > :not(:first-child) { grid-column: auto; }
  .cia-home #agentes > .cia-site-container > .grid > :last-child { grid-column: 1 / -1; width: calc(50% - 12px); justify-self: center; }
  .cia-home .cia-intelligence-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cia-home .cia-intelligence-card { min-height: 0; padding: 30px 26px 44px; }
  .cia-home .cia-intelligence-card:last-child { grid-column: 1 / -1; width: calc(50% - 13px); justify-self: center; }
  .cia-home .cia-pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cia-home .cia-pricing-grid > article { grid-column: auto; }
  .cia-home .cia-pricing-grid > article:last-child { grid-column: 1 / -1; width: calc(50% - 12px); justify-self: center; }
  .cia-home .cia-pricing-card--detailed { padding: 32px 26px; }
  .cia-home .cia-faq-section > div > .grid { display: block; max-width: 800px; margin-inline: auto; }
  .cia-home .cia-faq-section .ml-\[50px\] { margin-left: 0; }
  .cia-home #layout-contact-form > div > div > .grid { grid-template-columns: 1fr; gap: 40px; }
  .cia-home #layout-contact-form > div > div > .grid > * { grid-column: auto; }
  .cia-home #layout-contact-form > div > div { max-width: 760px; padding-inline: 32px; }
  .cia-home .cia-contact-form-column { top: 0; }
  .cia-home .cia-contact-form-column > div { margin: 0; padding: 0; }
  .cia-home #layout-contact-form > div { padding-block: 88px; }
}

/* Phones: a content-first cover, consistent gutters and vertical rhythm. */
@media (max-width: 767px) {
  .cia-home { --cia-mobile-gutter: clamp(20px, 5vw, 28px); }
  /* Reading and anchor navigation must not wait for scroll-reveal effects. */
  .cia-home [data-tp-animate] { opacity: 1 !important; transform: none !important; filter: none !important; }
  .cia-home main .grid { grid-template-columns: minmax(0, 1fr); }
  .cia-home main .grid > * { grid-column: 1 / -1; }
  .cia-home .cia-title-sentence { display: block; text-wrap: balance; }
  .cia-home .cia-title-sentence + .cia-title-sentence { margin-top: 8px; }
  .cia-home #layout-agents-cta .cia-title-sentence + br + .cia-title-sentence { margin-top: 12px; }
  .cia-home .cia-site-container,
  .cia-home :is(.cia-team-section, .cia-agent-intelligence-section) > div,
  .cia-home #layout-contact-form > div > div,
  .cia-home .cia-pricing-container { padding-inline: var(--cia-mobile-gutter); }
  .cia-home main :is(h1, h2):not(.cia-agent-card h2) {
    font-size: clamp(30px, 7.8vw, 38px);
    line-height: 1.15;
    letter-spacing: -0.025em;
  }
  .cia-home #inicio { padding-top: 112px; padding-bottom: 64px; }
  .cia-home .cia-hero-grid { gap: 36px; }
  .cia-home .cia-hero-copy { order: 2; }
  .cia-home .cia-hero-visual { order: 1; }
  .cia-home .cia-hero-title { font-size: clamp(34px, 9vw, 44px) !important; max-width: 19ch; margin-bottom: 24px; }
  .cia-home .cia-hero-copy > div > p { font-size: 16px; line-height: 1.6; margin-bottom: 28px; }
  .cia-home .cia-hero-actions { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .cia-home .cia-hero-proof { display: flex; gap: 16px; padding: 24px 0 0; margin-top: 28px; }
  .cia-home .cia-hero-proof > img { width: 100px; height: auto; }
  .cia-home .cia-hero-proof > div { flex: 1 1 180px; }
  .cia-home .cia-hero-proof span { font-size: 14px; }
  .cia-home .cia-hero-proof p { font-size: 13px; }
  .cia-home .cia-hero-visual-inner { width: 88%; max-width: 360px; margin-bottom: 0; padding-top: 8%; padding-bottom: 0; }
  .cia-home #agentes { padding-block: 72px; }
  .cia-home #agentes h2 br { display: none; }
  .cia-home #agentes .mb-\[60px\] { margin-bottom: 20px; }
  .cia-home #agentes .mb-\[60px\] > span { gap: 8px; font-size: 13px; line-height: 1.4; }
  .cia-home #agentes .mb-\[60px\] > span > span { margin-right: 0; flex-shrink: 0; }
  .cia-home :is(.cia-positioning-copy, .cia-workflow-intro, #como-funcionan > p) { font-size: 16px; line-height: 1.65; text-align: left; }
  .cia-home .cia-positioning-copy > .font-semibold { text-align: center; margin-top: 24px; }
  .cia-home #agentes > div > .grid { row-gap: 32px; }
  .cia-home .cia-positioning-card { max-width: 440px; margin-inline: auto; }
  .cia-home .cia-positioning-card-media { height: auto; aspect-ratio: 334 / 285; }
  .cia-home .cia-positioning-card-media img { max-width: 334px; max-height: 100%; object-fit: contain; }
  .cia-home .cia-positioning-card--image-first-content { padding: 22px 18px 30px; }
  /* Match the media frame and its centered 1430 x 1100 artwork exactly. */
  .cia-home .cia-positioning-tag-layer {
    position: absolute;
    z-index: 5;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    aspect-ratio: 334 / 285;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }
  .cia-home .cia-positioning-tag-anchor {
    display: block;
    position: relative;
    width: 100%;
    max-width: 334px;
    aspect-ratio: 1430 / 1100;
  }
  .cia-home .cia-positioning-tag-anchor .cia-positioning-ai-tag {
    top: auto;
    --cia-tag-x-mid: 0px;
    --cia-tag-y-mid: -3px;
    --cia-tag-x-end: 0px;
    --cia-tag-y-end: 2px;
  }
  /* Arrow tips sit just above “Agente activo” and the clock, respectively. */
  .cia-home .cia-positioning-ai-tag--capacity { bottom: calc(83.5% + 14px); left: 17%; }
  .cia-home .cia-positioning-ai-tag--agility { top: 44%; right: 20px; }
  .cia-home .cia-positioning-ai-tag--efficiency { bottom: calc(81.5% + 12px); right: 25%; }
  .cia-home .cia-positioning-tag-layer + .cia-positioning-card-media > img { transform: none; }
  .cia-home #beneficios { padding-block: 72px 48px; }
  .cia-home .cia-outcome-copy > div { margin-bottom: 0; }
  .cia-home .cia-outcome-copy p { font-size: 16px; line-height: 1.65; margin-bottom: 28px; }
  .cia-home .cia-outcome-copy ul { margin-bottom: 28px; }
  .cia-home .cia-outcome-actions { display: grid; gap: 12px; }
  .cia-home .cia-outcome-visual { margin-top: 12px; }
  .cia-home #layout-agents-cta { padding-top: 24px !important; padding-bottom: 72px; }
  .cia-home #layout-agents-cta > div > div { padding: 36px 22px; border-radius: 24px; }
  .cia-home #layout-agents-cta h2 br { display: none; }
  .cia-home #layout-agents-cta p { font-size: 16px; line-height: 1.6; }
  .cia-home #layout-agents-cta .tp-btn { width: 100%; padding-inline: 16px; font-size: 15px; }
  .cia-home #integraciones { padding-top: 0; padding-bottom: 80px; }
  .cia-home .cia-workflow-eyebrow { max-width: 100%; padding: 8px 16px; line-height: 1.4; font-size: 13px; }
  .cia-home .cia-workflow-intro { margin-bottom: 48px !important; }
  .cia-home .cia-workflow-composition { max-width: 480px; gap: 28px; }
  .cia-home .cia-workflow-stack { gap: 24px; }
  .cia-home .cia-workflow-card { min-height: 0; padding: 24px; }
  .cia-home .cia-workflow-card--center { display: none; }
  .cia-home .cia-workflow-card-row { align-items: flex-start; gap: 14px; }
  .cia-home .cia-workflow-card-row > div { min-width: 0; }
  .cia-home .cia-workflow-card-row .cia-workflow-card-logo { width: 42px; height: 42px; }
  .cia-home .cia-workflow-card :is(p, .cia-workflow-card-row span) { font-size: 14px; line-height: 1.55; }
  .cia-home .cia-workflow-card h3 { font-size: 18px; }
  .cia-home .cia-workflow-card--management .cia-workflow-card-row,
  .cia-home .cia-workflow-card--software .cia-workflow-card-row { flex-direction: column; }
  .cia-home .cia-workflow-float--note { display: none; }
  .cia-home .cia-workflow-float--yellow { width: 64px; top: -30px; right: 0; }
  .cia-home .cia-workflow-float--pink { width: 58px; right: 10px; bottom: -22px; }
  .cia-home .cia-workflow-chart { height: 170px; }
  .cia-home .cia-agents-section { padding-top: 72px; padding-bottom: 40px !important; }
  .cia-home .cia-catalogue-intro { margin-bottom: 56px; }
  .cia-home .cia-agent-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; border-radius: 22px; padding: 6px; }
  .cia-home .cia-agent-filter { height: 100%; min-height: 48px; padding: 10px 6px; border-radius: 17px; font-size: 14px; line-height: 1.35; text-wrap: balance; }
  .cia-home .cia-agent-filter-indicator { border-radius: 17px; }
  #cia-agent-prototype-grid { display: grid; grid-template-columns: 1fr; gap: 28px; max-width: 440px; margin-inline: auto; }
  #cia-agent-prototype-grid > article { grid-column: auto; }
  .cia-home .cia-agent-card-scene { aspect-ratio: auto; height: var(--cia-card-front-height, 620px); }
  .cia-home .cia-agent-card--visual.is-flipped .cia-agent-card-scene { height: var(--cia-card-back-height, 720px); }
  .cia-home .cia-agent-card-face--front > img:first-child { object-position: center top; }
  .cia-home .cia-agent-card-summary { padding: 20px 18px 14px; }
  .cia-home .cia-agent-card-summary h2,
  .cia-home .cia-agent-card-back h2 { font-size: 21px; line-height: 1.22; }
  .cia-home .cia-agent-card-summary .cia-agent-card-description { font-size: 15px; line-height: 1.55; margin-bottom: 10px; }
  .cia-home .cia-agent-card-face--back { padding: 24px; overflow: hidden; }
  .cia-home .cia-agent-card-back { min-height: 0; }
  .cia-home .cia-agent-card-back .cia-agent-card-description,
  .cia-home .cia-agent-card-bullets li { font-size: 15px; line-height: 1.55; }
  .cia-home .cia-agent-card-back-actions { margin-top: 8px; }
  .cia-home .cia-team-section { padding-block: 32px 72px; }
  .cia-home .cia-team-banner { padding: 36px 24px 0; }
  .cia-home .cia-team-banner .tp-btn { width: 100%; font-size: 15px; padding-inline: 12px; }
  .cia-home .cia-team-banner-visual { max-width: 430px; margin-top: 28px; }
  .cia-home .cia-agent-intelligence-section { padding-block: 72px 80px; }
  .cia-home #como-funcionan > span,
  .cia-home #planes > span { font-size: 14px; padding: 6px 14px; line-height: 1.5; }
  .cia-home .cia-intelligence-heading-wrap { padding-top: 24px; }
  .cia-home .cia-intelligence-cards { max-width: 480px; margin-inline: auto; gap: 56px; }
  .cia-home .cia-intelligence-card { padding: 28px 24px 36px; }
  .cia-home .cia-intelligence-card h3 { font-size: 23px; }
  .cia-home .cia-intelligence-card-visual { max-width: 320px; margin: 24px auto; }
  .cia-home .cia-intelligence-closing { margin-top: 32px; }
  .cia-home .cia-intelligence-closing p { font-size: 18px; line-height: 1.55; text-wrap: balance; }
  .cia-home .cia-plans-section > div { padding-block: 72px; }
  .cia-home #planes { margin-bottom: 36px; }
  .cia-home .cia-pricing-grid { display: grid; grid-template-columns: 1fr; gap: 24px; max-width: 480px; margin-inline: auto; }
  .cia-home .cia-pricing-grid > article { grid-column: auto; }
  .cia-home .cia-pricing-card--detailed { padding: 30px 24px; margin: 0; border: 1px solid rgba(255,255,255,.12); }
  .cia-home .cia-pricing-card-title { font-size: 22px; margin-bottom: 18px; text-wrap: balance; }
  .cia-home .cia-pricing-card-summary { margin-bottom: 24px; padding-bottom: 24px; }
  .cia-home .cia-pricing-card-features { margin-bottom: 30px; }
  .cia-home .cia-pricing-feature { padding-left: 26px; font-size: 15px; }
  .cia-home .cia-faq-section { padding-block: 72px 56px; }
  .cia-home .cia-faq-section > div > .grid { display: block; }
  .cia-home .cia-faq-section .ml-\[50px\] { margin-left: 0; }
  .cia-home #preguntas-frecuentes > span { font-size: 16px; line-height: 1.5; }
  .cia-home .accordion-header { padding: 20px; align-items: flex-start; gap: 16px; }
  .cia-home .accordion-header > span:first-child { font-size: 16px; line-height: 1.5; text-wrap: pretty; }
  .cia-home .accordion-header > span:last-child { padding-top: 8px; }
  .cia-home .accordion-content > div { padding: 0 20px 24px; }
  .cia-home .accordion-content p { line-height: 1.65; }
  .cia-home #layout-contact-form > div { padding-block: 72px 80px; }
  .cia-home #layout-contact-form > div > div > .grid { gap: 32px; }
  .cia-home #layout-contact-form p:not(.ajax-response) { font-size: 16px; line-height: 1.65; }
  .cia-home #layout-contact-form .mb-\[40px\] { margin-bottom: 0; }
  .cia-home .cia-contact-form-column > div { padding: 0; margin: 0; }
  .cia-home .cia-contact-form-column > div > div { padding: 24px 20px; }
  .cia-home .cia-contact-field { margin-bottom: 20px; }
  .cia-home .cia-contact-field label { font-size: 14px; line-height: 1.5; }
  .cia-home .cia-contact-control,
  .cia-home .cia-contact-control::placeholder,
  .cia-home .cia-custom-select-trigger,
  .cia-home .cia-custom-select:not(.has-value) .cia-custom-select-trigger { font-size: 16px; }
  .cia-home input.cia-contact-control { min-height: 50px; padding-inline: 14px; }
  .cia-home textarea.cia-contact-control { min-height: 144px; padding: 14px; }
  .cia-home .cia-contact-control::placeholder { color: #77767a; }
  .cia-home .cia-custom-select-trigger { height: auto; min-height: 50px; padding: 12px 38px 12px 14px; }
  .cia-home .cia-custom-select:not(.has-value) .cia-custom-select-trigger { color: #77767a; }
  .cia-home .cia-custom-select-option { min-height: 44px; font-size: 15px; padding-block: 10px; }
  .cia-home .cia-custom-select-list { max-height: min(320px, 45dvh); }
  .cia-home .tp-checkbox-label { display: block; line-height: 1.5; }
  .cia-home .cia-footer__bottom { padding-bottom: 88px; }
  .cia-home .cia-footer__nav a { display: inline-flex; min-height: 44px; align-items: center; }
  .cia-home .cia-footer__nav li + li { margin-top: 0; }
}

/* Keep content readable with enlarged text and avoid covering form controls. */
.cia-home #contact-form #checkbox { display: block; position: absolute; opacity: 0; width: 18px; height: 18px; }
.cia-home #contact-form #checkbox:focus-visible + label { outline: 2px solid #6248ff; outline-offset: 4px; }
@media (max-width: 1199px) {
  .cia-home .cia-team-banner { padding-right: 50%; }
}
@media (max-width: 991px) {
  .cia-home .cia-team-banner { padding-right: 40px; }
}
@media (max-width: 767px) {
  .cia-home .cia-team-banner { padding-right: 24px; }
  .cia-home #back_to_top { display: none; }
  .cia-home .cia-whatsapp-float { width: 46px; height: 46px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); }
  .cia-home.cia-contact-in-view .cia-whatsapp-float { opacity: 0; visibility: hidden; pointer-events: none; }
}
@media (max-width: 575px) {
  .cia-home .cia-hero-visual { justify-content: flex-start; }
  /* Retain the small offset that compensates for the artwork's transparent edge. */
  .cia-home .cia-hero-visual-inner { margin-inline: 0; }
}

/* Keep this range in sync with the hero <picture> source in index.html.
   The compact artwork is reserved for narrow phones, not all mobile layouts. */
@media (min-width: 576px) and (max-width: 1199px) {
  .cia-home .cia-hero-visual-inner {
    width: 100%;
    max-width: 620px;
    margin-top: 0;
    padding-top: 4%;
    padding-bottom: 0;
    transform: none;
  }
  .cia-home .cia-hero-picture { transform: translateX(-2.5%); }
  .cia-home .cia-hero-shape { top: 43%; left: 24%; width: 52%; }
  .cia-home .cia-hero-model { right: -3%; bottom: 6.5%; width: 46%; }
}
@media (prefers-reduced-motion: reduce) {
  .cia-home [data-tp-animate] { opacity: 1 !important; transform: none !important; filter: none !important; }
  .cia-home .cia-intelligence-postit { animation: none; }
  .cia-home .cia-agent-filter-indicator { transition: none; }
}