@media (min-width: 768px) {
    .ortogrup-hero-floor-new .background {
        border-radius: 0;
    }
}

.subtitle {
    --font-size: 3.2rem;
    --line-height: 5rem;
    --font-weight: 300;
    --letter-spacing: 0.01;
    color: var(--color-white);
}

.ortogrup-apren-text-floor .subtitle {
    color: var(--color-lectoescriptura1);
}

.title {
    color: var(--color-lectoescriptura1);
}

.ortogrup-apren-floor-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.ortogrup-apren-floor-items img {
    width: 250px;
    height: auto;
}

.ortogrup-apren-floor-items img {
    padding: 10px;
}

.interactive-guide-floor .title {
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 5.2rem;
    color: var(--color-lectoescriptura1);
}

.interactive-guide-floor .subjects {
    display: flex;
    gap: 30px;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
}

.interactive-guide-floor .subjects img {
    height: auto;
    width: 200px;
}

.header-nav-icon-text {
    width: 125px;
}

.header-nav-icon-text span {
    color: white;
    font-size: 25px;
    font-weight: 600;
}

.header-nav-icon-text-svg-icon {
    width: 53px;
    height: auto;
}

.ortogrup-floor {
    background: #fff;
    display: flex;
    justify-content: center;
    gap: 2.5rem;
    border-radius: 0 0 20rem 0;
    flex-direction: column;
    align-items: center;
    padding-bottom: 4.4rem;
    text-align: center;
}

.ortogrup-floor:before {
    background: #fff;
    border-radius: 0 0 10rem 0;
    content: "";
    display: block;
    inset: 0;
    position: absolute;
    z-index: -1;
}

.ortogrup-floor .intro {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-direction: column;
    align-items: center;
}

.ortogrup-floor .intro .title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.2rem;
}

.ortogrup-floor .intro .subtitle {
    font-size: 2rem;
    line-height: 3.2rem;
    color: var(--color-lectoescriptura1);
}

.ortogrup-floor .intro .lead {
    --font-weight: 400;
}

.ortogrup-floor .items {
    display: flex;
    padding: 2rem;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    position: relative;
}

.ortogrup-floor .item {
    align-items: center;
    background: var(--color-red);
    border-radius: 9in;
    display: flex;
    flex-direction: column;
    height: 16rem;
    justify-content: center;
    max-width: 95.6rem;
    gap: 0.3rem;
    padding: 0 2rem;
}

.ortogrup-floor .item .sub2 {
    color: #fff;
}

.ortogrup-floor .item .lead {
    padding: 0 2rem;
}

.ortogrup-floor .parallax1 {
    left: -4rem;
    top: -3rem;
}

.ortogrup-floor .parallax1>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='229' height='97' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='11' width='229' height='86' rx='43' fill='%235D4D9B'/%3E%3Ccircle cx='59' cy='11' r='11' fill='%23FDB71A'/%3E%3C/svg%3E");
    height: 9.7rem;
    width: 22.9rem;
}

.ortogrup-floor .parallax2>div,
.ortogrup-floor .parallax3>div,
.ortogrup-floor .parallax4>div {
    height: 2.2rem;
    width: 2.2rem;
}

.ortogrup-floor .parallax2 {
    right: -1rem;
    top: 50%;
    z-index: 2;
}

.ortogrup-floor .parallax2>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%23FF604F'/%3E%3C/svg%3E");
}

.ortogrup-floor .parallax3 {
    right: -3rem;
    top: calc(50% + 9rem);
}

.ortogrup-floor .parallax3>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%23F29045'/%3E%3C/svg%3E");
}

.ortogrup-floor .parallax4 {
    bottom: -1rem;
    left: -3rem;
}

.ortogrup-floor .parallax4>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%23789FED'/%3E%3C/svg%3E");
}

@media (min-width: 960px) {
    .ortogrup-floor .item .lead {
        padding: 0 23rem;
    }
}

@media (min-width: 768px) {
    .ortogrup-floor {
        --container-width: 95rem;
        gap: 8.6rem;
        padding-bottom: 19.6rem;
        padding-top: 15.7rem;
    }
    .ortogrup-floor:before {
        border-radius: 0 0 30rem 0;
    }
    .ortogrup-floor .intro {
        display: flex;
        justify-content: center;
        gap: 1rem;
        flex-direction: column;
        align-items: center;
    }
    .ortogrup-floor .intro .title {
        font-size: 4.8rem;
        font-weight: 700;
        line-height: 5.2rem;
        max-width: 1000px;
        color: var(--color-lectoescriptura1);
    }
    .ortogrup-floor .intro .subtitle {
        font-size: 3rem;
        max-width: 1000px;
        color: var(--color-lectoescriptura1);
    }
    .ortogrup-floor .intro .lead {
        --font-weight: 400;
    }
    .ortogrup-floor .items {
        gap: 3.1rem;
    }
    .ortogrup-floor .items img {
        max-width: 1300px;
        width: 90%;
    }
    .ortogrup-floor .item {
        height: 17.1rem;
        max-width: 75.6rem;
        padding: 0 2rem;
    }
    .ortogrup-floor .item .sub2 {
        font-size: 7rem;
        line-height: 7.2rem;
    }
    .ortogrup-floor .parallax1 {
        left: -16rem;
        top: -4.5rem;
    }
    .ortogrup-floor .parallax1>div {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='569' height='125' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='569' height='108' rx='54' fill='%235D4D9B'/%3E%3Ccircle cx='77.5' cy='107.5' r='17.5' fill='%23FDB71A'/%3E%3C/svg%3E");
        height: 12.5rem;
        width: 56.9rem;
    }
    .ortogrup-floor .parallax5 {
        right: -15rem;
        top: calc(50% - 3.5rem);
    }
    .ortogrup-floor .parallax5>div {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='569' height='141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='16' width='569' height='108' rx='54' fill='%23F5F7FA'/%3E%3Ccircle cx='417.5' cy='123.5' r='17.5' fill='%23F29045'/%3E%3Ccircle cx='499.5' cy='17.5' r='17.5' fill='%23FF604F'/%3E%3C/svg%3E");
        height: 14.1rem;
        width: 56.9rem;
    }
    .ortogrup-floor .parallax6 {
        bottom: -5rem;
        left: -65rem;
    }
    .ortogrup-floor .parallax6>div {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='583' height='108' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='569' height='108' rx='54' fill='%23F5F7FA'/%3E%3Ccircle cx='565.5' cy='53.5' r='17.5' fill='%23789FED'/%3E%3C/svg%3E");
        height: 10.8rem;
        width: 58.3rem;
    }
}

.ortogrup-apren-text-floor {
    background: #fff;
    display: grid;
    gap: 3rem;
    padding-bottom: 4.8rem;
    padding-top: 4.8rem;
    text-align: center;
    justify-items: center;
}

.ortogrup-apren-text-floor .items {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    position: relative;
}

.ortogrup-apren-text-floor .item {
    align-items: center;
    background: #b2a4d2;
    border-radius: 9in;
    display: flex;
    flex-direction: column;
    height: 16rem;
    justify-content: center;
    padding: 0 2rem;
    gap: 0.3rem;
}

.ortogrup-apren-text-floor .item .sub2 {
    color: #fff;
}

.ortogrup-apren-text-floor .item .lead {
    padding: 0 2rem;
}

.ortogrup-apren-text-floor .intro {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.ortogrup-apren-text-floor .intro .title {
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 5.2rem;
    max-width: 700px;
}

@media (max-width: 768px) {
    .ortogrup-apren-text-floor .intro .title {
        font-size: 3rem;
        font-weight: 700;
        line-height: 3.2rem;
        max-width: 700px;
    }
    .ortogrup-apren-floor-items img {
        width: 200px;
        height: auto;
    }
}

.ortogrup-apren-text-floor .intro .lead {
    --font-weight: 400;
}

.ortogrup-apren-text-floor .parallax1 {
    left: -4rem;
    top: -3rem;
}

.ortogrup-apren-text-floor .parallax1>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='229' height='97' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='11' width='229' height='86' rx='43' fill='%235D4D9B'/%3E%3Ccircle cx='59' cy='11' r='11' fill='%23FDB71A'/%3E%3C/svg%3E");
    height: 9.7rem;
    width: 22.9rem;
}

.ortogrup-apren-text-floor .parallax2>div,
.ortogrup-apren-text-floor .parallax3>div,
.ortogrup-apren-text-floor .parallax4>div {
    height: 2.2rem;
    width: 2.2rem;
}

.ortogrup-apren-text-floor .parallax2 {
    right: -1rem;
    top: 50%;
    z-index: 2;
}

.ortogrup-apren-text-floor .parallax2>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%23FF604F'/%3E%3C/svg%3E");
}

.ortogrup-apren-text-floor .parallax3 {
    right: -3rem;
    top: calc(50% + 9rem);
}

.ortogrup-apren-text-floor .parallax3>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%23F29045'/%3E%3C/svg%3E");
}

.ortogrup-apren-text-floor .parallax4 {
    bottom: -1rem;
    left: -3rem;
}

.ortogrup-apren-text-floor .parallax4>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%23789FED'/%3E%3C/svg%3E");
}

@media (min-width: 960px) {
    .ortogrup-apren-text-floor .items {
        flex-direction: row;
    }
    .ortogrup-apren-text-floor .item {
        max-width: 38rem;
    }
}

@media (min-width: 768px) {
    .ortogrup-apren-text-floor {
        padding-top: 12.4rem;
        padding-bottom: 12rem;
        gap: 8rem;
    }
    .ortogrup-apren-text-floor .intro {
        gap: 2rem;
    }
    .ortogrup-apren-text-floor .items {
        gap: 3.1rem;
    }
    .ortogrup-apren-text-floor .item {
        height: 17.1rem;
    }
}

.ortogrup-apren-text-floor .intro .title {
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 5.2rem;
    max-width: 700px;
    color: var(--color-lectoescriptura1);
}

@media (max-width: 768px) {
    .ortogrup-apren-text-floor .intro .title {
        font-size: 3rem;
        font-weight: 700;
        line-height: 3.2rem;
        max-width: 700px;
        color: var(--color-lectoescriptura1);
    }
    .ortogrup-apren-floor-items img {
        width: 200px;
        height: auto;
    }
}

.ortogrup-apren-text-floor .intro .lead {
    --font-weight: 400;
}

.ortogrup-apren-text-floor .item .sub2 {
    font-size: 5rem;
    line-height: 5.2rem;
}

.ortogrup-apren-text-floor .item .lead {
    font-size: 1.8rem;
}

.ortogrup-apren-text-floor .parallax1 {
    left: -16rem;
    top: -4.5rem;
}

.ortogrup-apren-text-floor .parallax1>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='569' height='125' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='569' height='108' rx='54' fill='%235D4D9B'/%3E%3Ccircle cx='77.5' cy='107.5' r='17.5' fill='%23FDB71A'/%3E%3C/svg%3E");
    height: 12.5rem;
    width: 56.9rem;
}

.ortogrup-apren-text-floor .parallax5 {
    right: -15rem;
    top: calc(50% - 3.5rem);
}

.ortogrup-apren-text-floor .parallax5>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='569' height='141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='16' width='569' height='108' rx='54' fill='%23F5F7FA'/%3E%3Ccircle cx='417.5' cy='123.5' r='17.5' fill='%23F29045'/%3E%3Ccircle cx='499.5' cy='17.5' r='17.5' fill='%23FF604F'/%3E%3C/svg%3E");
    height: 14.1rem;
    width: 56.9rem;
}

.ortogrup-apren-text-floor .parallax6 {
    bottom: -5rem;
    left: -65rem;
}

.ortogrup-apren-text-floor .parallax6>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='583' height='108' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='569' height='108' rx='54' fill='%23F5F7FA'/%3E%3Ccircle cx='565.5' cy='53.5' r='17.5' fill='%23789FED'/%3E%3C/svg%3E");
    height: 10.8rem;
    width: 58.3rem;
}

.ortogrup-apren-text-floor {
    display: flex;
    flex-direction: column;
    background: #f5f7fa;
    border-radius: 110px 0 110px 0;
}

.interactive-guide-floor {
    background: #fff;
    padding-bottom: 6rem;
    padding-top: 2rem;
    z-index: 0;
}

.interactive-guide-floor .subjects {
    display: grid;
    gap: 3.6rem;
}

.interactive-guide-floor .subject img {
    border-radius: 1.2rem;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 1;
}

.interactive-guide-floor .subject .content {
    align-items: center;
    background: #fff;
    border-radius: 0 0 1.2rem 1.2rem;
    box-shadow: 0 10px 32px -10px rgba(0, 0, 0, 0.15);
    color: #000;
    display: flex;
    justify-content: center;
    margin: 0 1.3rem;
    padding: 1.6rem 1rem 1.2rem;
    text-align: center;
}

.interactive-guide-floor .subject,
.interactive-guide-floor .subject:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
    .interactive-guide-floor {
        --container-width: min(100%, 134rem);
        padding-bottom: 3rem;
        padding-top: 12rem;
    }
    .interactive-guide-floor .subjects {
        gap: 2.5rem;
        grid-template-columns: repeat(4, 1fr);
        margin-top: 6.7rem;
    }
    .interactive-guide-floor .subject img {
        aspect-ratio: 1/1;
    }
    .interactive-guide-floor .subject .content {
        min-height: 9.4rem;
    }
    .interactive-guide-floor .parallax-element {
        bottom: -3rem;
        content: "";
        display: block;
        height: 86.9rem;
        left: 50%;
        margin-left: -23rem;
        position: absolute;
        width: 141.5rem;
    }
    .interactive-guide-floor .parallax-element>div {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1415' height='869' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M419.263 253.463A2205.358 2205.358 0 0 1 1156.13 3.943a216.498 216.498 0 0 1 86.78.924 217.1 217.1 0 0 1 79.53 34.932 217.59 217.59 0 0 1 59.53 63.342 217.776 217.776 0 0 1 29.99 81.598 217.32 217.32 0 0 1-4.36 86.772 216.598 216.598 0 0 1-38.01 78.036 216.133 216.133 0 0 1-65.57 56.79 216.118 216.118 0 0 1-82.61 26.44c-320.08 48.785-620.855 183.359-870.473 389.471-44.433 34.99-100.806 51.166-157.074 45.072-56.268-6.093-107.97-33.974-144.058-77.684-36.089-43.71-53.703-99.784-49.08-156.242C5.35 576.936 31.844 524.572 74.55 487.489A2226.429 2226.429 0 0 1 419.422 253.11' fill='%23fff'/%3E%3C/svg%3E");
        inset: 0;
        position: absolute;
    }
}

.interactive-guide-floor .head .subtitle {
    color: var(--color-lectoescriptura1);
    max-width: 800px;
    line-height: 3.8rem;
}

.interactive-guide-floor .elements {
    display: flex;
    gap: 23px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 3.7rem;
}

.interactive-guide-floor .elements img {
    max-width: 320px;
}

.interactive-guide-floor-bottom-image {
    width: 100%;
}

.ortogrup-hero-floor-new p,
h1 {
    width: 100%;
}

.ortogrup-demos {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 75px 0;
}

.ortogrup-demos .subtitle {
    color: var(--color-lectoescriptura1);
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 100px;
}

.home-hero-floor .conten {
    margin-left: -10px;
}

@media (min-width: 1300px) {
    .home-hero-floor .conten {
        margin-left: -51px;
    }
}

.demos {
    --padding-inline: calc(35vw - 56.5rem);
}

.demos-container .subtitle {
    color: var(--color-lectoescriptura1);
    max-width: 800px;
}

.demos-container {
    display: flex;
    padding: 2rem;
    flex-direction: column;
    align-items: center;
}

.demos-container img {
    max-width: 100%;
}

.demos-images {
    display: flex;
    gap: 40px;
    padding-bottom: 30px;
}

.demos .demo img {
    /* width: 240px; */
    height: auto;
    z-index: 1;
}


/* 
.seq-demos .demo .dropdown {
    inset: 100% 1px auto 9px;
    width: 220px;
}

.seq-demos .demo:last-child .dropdown {
    inset: 100% 1px auto 1px;
    width: 150px;
} */


/* .demos .scroller {
  max-width: 1200px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.demos .scroll-wrap {
  display: flex;
  justify-content: center;
} */

.demos .demo,
.demos .demo:last-child {
    flex: unset;
    /* margin-top: 57px; */
}

.demos .demo .dropdown {
    z-index: 0;
}

.page-project-floor .collection {
    gap: 0;
}

.app-footer .form-choices {
    flex-wrap: wrap;
}

.home-hero-floor {
    padding-left: 107px;
    padding-right: 200px;
}

@media (max-width: 960px) {
    .home-hero-floor {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (max-width: 768px) {
    .llegint-apren-text-floor .h3 {
        font-size: 3rem !important;
        line-height: 3.2rem !important;
    }
    .title {
        font-size: 3rem !important;
        line-height: 3.2rem !important;
    }
    .subtitle {
        font-size: 2rem !important;
        line-height: 2.5rem !important;
    }
}

.ortogrup-apren-floor-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 0 90px 0 90px;
    /* espacio entre imágenes */
}


/* Estilo base: 1 por fila */

.ortogrup-apren-floor-items img {
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
}

@media (max-width: 568px) {
    .header-nav-icon-text {
        width: 75%;
    }
}


/* 2 por fila */

@media (min-width: 600px) {
    .ortogrup-apren-floor-items img {
        flex: 0 0 45%;
        max-width: 45%;
    }
}


/* 3 por fila */

@media (min-width: 900px) {
    .ortogrup-apren-floor-items img {
        flex: 0 0 30%;
        max-width: 30%;
    }
}


/* 6 por fila */

@media (min-width: 1200px) {
    .ortogrup-apren-floor-items img {
        flex: 0 0 15%;
        max-width: 15%;
    }
}

.demos .scroll-wrap {
    margin-bottom: -2rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.demos .scroller {
    display: flex;
    gap: var(--gap);
    height: calc(100% + 2rem);
    padding-left: 2rem;
    padding-bottom: 7rem;
}

.demos .demo {
    flex: 0 0 var(--media-width);
    position: relative;
}

.demos .demo:before {
    content: "";
    left: -2rem;
    position: absolute;
    scroll-snap-align: start;
}

.demos .demo:last-child {
    flex: 0 0 calc(var(--media-width) + 2rem);
    padding-right: 2rem;
}

.demos .demo img {
    border-radius: 1.2rem;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    .demos {
        --padding-inline: 2rem;
        padding-left: var(--padding-inline);
        padding-right: var(--padding-inline);
        /* padding-bottom: 50px; */
    }
    .demos .scroll-wrap {
        margin-bottom: 0;
        overflow-x: hidden;
        scroll-snap-type: none;
        overflow-y: hidden;
    }
    .demos .scroller {
        display: flex;
        gap: var(--gap);
        height: auto;
        padding-bottom: 0;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .demos .demo,
    .demos .demo:last-child {
        flex: 1 1 var(--media-width);
        padding-right: 0;
    }
    .seq-demos .demo .dropdown span {
        font-size: 1.8rem;
    }
    .seq-demos .demo:last-child .dropdown {
        inset: 100% 1.3rem auto;
    }
    .seq-demos[data-variant="digital"] {
        --media-width: 24.6rem;
        --media-height: 17.6rem;
    }
}

.page-project-floor .collection .sub2 {
    margin-bottom: 50px;
}

.app-footer .logo {
    margin-top: -4rem;
}

@media (max-width: 960px) {
    .app-footer .logo {
        margin-top: 0rem;
    }
}

@media (min-width: 769px) {
    .page-project-floor .scroller {
        padding-bottom: 9rem;
    }
}