/* Decasystems modern refresh - stable layer */
:root {
    --deca-red: #c72710;
    --deca-red-dark: #a91f12;
    --deca-blue: #dff4ff;
    --deca-blue-2: #f5fbff;
    --deca-blue-3: #aee2fa;
    --deca-text: #1f2933;
    --deca-muted: #52606d;
    --deca-line: #d8eaf4;
    --deca-card: #ffffff;
    --deca-shadow: 0 14px 34px rgba(31, 41, 51, 0.1);
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: linear-gradient(180deg, #ffffff 0%, var(--deca-blue-2) 100%) !important;
    color: var(--deca-text);
    font-family: Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none !important;
}

header {
    position: sticky;
    z-index: 20;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(31, 41, 51, 0.08);
}

.cabeza {
    align-items: center;
    background: #ffffff !important;
    border-bottom: 3px solid var(--deca-red);
    min-height: 98px;
    padding: 0 18px;
}

.sub0 {
    padding: 10px 22px;
}

.sub0 img {
    max-width: 230px;
    height: auto !important;
    object-fit: contain;
}

.sub2 {
    align-items: center;
    flex-wrap: wrap;
}

.sub {
    margin: 8px 6px !important;
    padding-top: 0 !important;
}

.link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 12px;
    color: #17212b !important;
    font-size: 16px !important;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 6px;
    text-decoration: none !important;
    transition: background 180ms ease, color 180ms ease;
}

.link:hover {
    color: #ffffff !important;
    background: var(--deca-red);
    font-size: 16px !important;
}

.dropdown-content {
    min-width: 190px;
    background: #ffffff !important;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: var(--deca-shadow);
}

.dropdown-content .link {
    width: 100%;
    justify-content: flex-start;
}

.slideshow-container {
    overflow: hidden;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto 34px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.mySlides img,
.slideshow-container img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
    object-position: center;
}

.memo,
.por,
.plato,
.sopor {
    display: block;
    width: min(1240px, calc(100% - 32px)) !important;
    height: auto !important;
    margin: 26px auto 34px !important;
    object-fit: contain;
    object-position: center bottom;
    border-radius: 8px;
    box-shadow: var(--deca-shadow);
}

.contenedor {
    width: min(1500px, calc(100% - 32px)) !important;
    height: auto !important;
    margin: 36px auto !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    background: transparent !important;
}

.promocion1,
.promocion2,
.promocion4,
.promocion5 {
    flex: 1 1 300px;
    max-width: 360px;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    background: var(--deca-card) !important;
    color: var(--deca-text) !important;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: var(--deca-shadow);
    overflow: hidden;
}

.super1,
.super2,
.super4,
.super5 {
    margin: 0 !important;
    padding: 22px !important;
}

.sty1,
.sty2,
.sty4,
.sty5 {
    display: block;
    width: 100% !important;
    height: 128px !important;
    object-fit: contain;
    margin: 0 auto 16px;
    padding: 14px;
    background: #ffffff;
    border-radius: 8px;
}

.product-logo {
    background: #ffffff !important;
    filter: none !important;
    opacity: 1 !important;
}

.product-logo-micro {
    height: 145px !important;
    padding: 8px !important;
}

.product-logo-farma {
    height: 130px !important;
    padding: 18px 8px !important;
}

.product-logo-transpornet {
    height: 140px !important;
    padding: 14px 8px !important;
}

.product-logo-stectisoft {
    height: 140px !important;
    padding: 14px 8px !important;
}

.product-title {
    color: var(--deca-text);
    font-size: 24px;
    line-height: 1.15;
    margin: 0 0 14px;
}

.product-title::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin-top: 10px;
    background: var(--deca-red);
    border-radius: 999px;
}

.bueno,
.bueno2,
.bueno4 {
    display: none !important;
}

.super1 > .modern-copy ~ p,
.super2 > .modern-copy ~ p,
.super4 > .modern-copy ~ p,
.super5 > .modern-copy ~ p,
.literatura > .modern-copy ~ p,
.literatura2 > .modern-copy ~ p,
.lite > .modern-copy ~ p,
.barco > .modern-copy ~ p,
.mini > .modern-copy ~ p,
.bn > .modern-copy ~ p,
.biens1 > .modern-copy ~ p,
.biens2 > .modern-copy ~ p,
.biens3 > .modern-copy ~ p,
.biens3 > .modern-copy ~ P {
    display: none !important;
}

.modern-copy,
.modern-copy p {
    display: block !important;
}

.modern-copy p {
    color: var(--deca-muted) !important;
    font-size: 15.5px;
    line-height: 1.58;
    margin: 0 0 14px;
}

.nos,
.nos2,
.nos4,
.logos,
.nos3,
.nosotros,
.soporte1,
.soporte2,
.cont,
.adminSoporte {
    height: auto !important;
    min-height: 0 !important;
    padding: 44px 16px !important;
}

.nos,
.logos,
.nos3,
.nosotros,
.soporte1 {
    background: #ffffff !important;
    color: var(--deca-text) !important;
}

.nos2,
.nos4,
.cont,
.adminSoporte,
.soporte2 {
    background: linear-gradient(135deg, var(--deca-blue-2), var(--deca-blue)) !important;
    color: var(--deca-text) !important;
}

.letras,
.letras2,
.noss4,
.logos2,
.nosotros2,
.soportes1,
.soportes2 {
    width: min(1100px, 100%) !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.literatura,
.literatura2,
.lite,
.barco,
.bn {
    width: 100% !important;
    max-width: 680px;
    margin: 0 !important;
    color: var(--deca-text) !important;
    text-align: left !important;
}

.literatura h1,
.literatura2 h1,
.lite h1,
.barco h1,
.bn h1,
.mini h1,
.biens1 h2,
.biens2 h2,
.biens3 h2 {
    color: var(--deca-text) !important;
    font-size: clamp(24px, 2.5vw, 32px) !important;
    line-height: 1.15;
    margin: 0 0 16px !important;
    text-align: left !important;
}

.literatura h1::after,
.literatura2 h1::after,
.lite h1::after,
.barco h1::after,
.bn h1::after,
.mini h1::after,
.biens1 h2::after,
.biens2 h2::after,
.biens3 h2::after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin-top: 10px;
    background: var(--deca-red);
    border-radius: 999px;
}

.empresa1,
.empresa2,
.empresa3,
.java,
.pom1,
.dog,
.den,
.villa,
.villa2,
.villa3,
.luis,
.hero,
.hero2,
.hero3 {
    max-width: 100%;
    object-fit: cover;
    border-radius: 8px !important;
    box-shadow: 0 10px 26px rgba(31, 41, 51, 0.12);
}

.form1,
.form2,
.form3,
.bien1,
.bien2,
.bien3 {
    background: #ffffff !important;
    color: var(--deca-text) !important;
    border: 1px solid var(--deca-line);
    box-shadow: var(--deca-shadow);
}

.con3 {
    height: auto !important;
    min-height: 0 !important;
    padding: 54px 16px !important;
    background: #ffffff !important;
    color: var(--deca-text) !important;
}

.con4 {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding: 54px 16px !important;
    background: #ffffff !important;
    color: var(--deca-text) !important;
}

.cons4 {
    width: min(1120px, 100%) !important;
    height: auto !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.15fr) minmax(220px, 0.75fr);
    gap: 28px;
    align-items: center;
}

.ok4 {
    width: auto !important;
    color: var(--deca-text) !important;
}

.ok4 h1 {
    color: var(--deca-text) !important;
    font-size: clamp(24px, 2.5vw, 32px) !important;
    line-height: 1.15;
    margin: 0 0 16px !important;
}

.ok4 h1::after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin-top: 10px;
    background: var(--deca-red);
    border-radius: 999px;
}

.ok4 p {
    color: var(--deca-muted) !important;
    font-size: 16px;
    line-height: 1.65;
}

.lapiz4,
.lapiz5 {
    width: 100% !important;
    height: 250px !important;
    padding: 0 !important;
    object-fit: cover;
    border-radius: 8px !important;
    box-shadow: 0 10px 26px rgba(31, 41, 51, 0.12);
}

.acont1,
.farma1,
.farma2,
.farma3,
.farma4,
.farma5,
.content1,
.AdminCalen {
    height: auto !important;
    min-height: 0 !important;
    padding: 48px 16px !important;
    background: #ffffff !important;
    color: var(--deca-text) !important;
}

.farma2,
.farma4,
.AdminCalen {
    background: linear-gradient(135deg, var(--deca-blue-2), var(--deca-blue)) !important;
}

.aconts1,
.farmas1,
.farmas2,
.farmas3,
.farmas4,
.farmas5 {
    width: min(1120px, 100%) !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 28px;
    color: var(--deca-text) !important;
}

.content1 {
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.mochila1,
.mochila2,
.mochila3,
.calen1,
.calen2,
.calen3 {
    flex: 1 1 300px;
    max-width: 370px;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 22px !important;
    background: #ffffff !important;
    color: var(--deca-text) !important;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: var(--deca-shadow);
}

.mochi1,
.mochi2,
.mochi3,
.calens1,
.calens2,
.calens3,
.medi1,
.medi2,
.medi3,
.medi4,
.medi5 {
    width: auto !important;
    color: var(--deca-text) !important;
}

.mochi1 p,
.mochi2 p,
.mochi3 p,
.calens1 p,
.calens2 p,
.calens3 p,
.medi1 p,
.medi2 p,
.medi3 p,
.medi4 p,
.medi5 p {
    color: var(--deca-muted) !important;
    font-size: 16px;
    line-height: 1.62;
}

.mochi1 h1,
.mochi1 h2,
.mochi2 h1,
.mochi2 h2,
.mochi3 h1,
.mochi3 h2,
.calens1 h1,
.calens1 h2,
.calens2 h1,
.calens2 h2,
.calens3 h1,
.calens3 h2,
.medi1 h1,
.medi1 h2,
.medi2 h1,
.medi2 h2,
.medi3 h1,
.medi3 h2,
.medi4 h1,
.medi4 h2,
.medi5 h1,
.medi5 h2 {
    color: var(--deca-text) !important;
    font-size: clamp(22px, 2.4vw, 30px) !important;
    line-height: 1.15;
}

.mochi1 h1::after,
.mochi1 h2::after,
.mochi2 h1::after,
.mochi2 h2::after,
.mochi3 h1::after,
.mochi3 h2::after,
.calens1 h1::after,
.calens1 h2::after,
.calens2 h1::after,
.calens2 h2::after,
.calens3 h1::after,
.calens3 h2::after,
.medi1 h1::after,
.medi1 h2::after,
.medi2 h1::after,
.medi2 h2::after,
.medi3 h1::after,
.medi3 h2::after,
.medi4 h1::after,
.medi4 h2::after,
.medi5 h1::after,
.medi5 h2::after {
    content: "";
    display: block;
    width: 54px;
    height: 3px;
    margin-top: 10px;
    background: var(--deca-red);
    border-radius: 999px;
}

.empanada,
.brochur,
.villa,
.villa2,
.villa3 {
    max-width: 100%;
    object-fit: cover;
    border-radius: 8px !important;
    box-shadow: 0 10px 26px rgba(31, 41, 51, 0.12);
}

.farmas5 .villa2 {
    width: min(780px, 100%) !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #ffffff;
}

.farma5 .farmas5 {
    width: min(1320px, 100%) !important;
    gap: 42px;
}

.intro9 {
    height: auto !important;
    min-height: 0 !important;
    padding: 56px 16px !important;
    background: linear-gradient(135deg, var(--deca-blue-2), var(--deca-blue)) !important;
}

.intro9 > .perfil {
    color: var(--deca-text) !important;
    display: block !important;
    text-align: center;
    font-size: clamp(28px, 3vw, 38px) !important;
    margin: 0 auto 34px !important;
}

.cp1 {
    width: min(1120px, 100%) !important;
    margin: 0 auto 34px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px 34px;
    align-items: start;
}

.column {
    width: auto !important;
    margin: 0 !important;
    padding: 16px 16px 18px;
    background: #ffffff;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(31, 41, 51, 0.08);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.column:hover {
    margin: 0 !important;
    transform: translateY(-3px);
    box-shadow: var(--deca-shadow);
}

.row {
    display: block;
    width: 100% !important;
    height: 185px !important;
    object-fit: contain;
    background: #ffffff;
    border-radius: 8px;
    margin: 0 0 14px !important;
}

.column .perfil {
    display: block !important;
    color: var(--deca-text) !important;
    text-align: center;
    font-size: 18px !important;
    line-height: 1.25;
    min-height: 46px;
    margin: 0 !important;
}

.cons3 {
    width: min(1120px, 100%) !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    gap: 28px;
    background: #ffffff;
}

.ok3 {
    width: auto !important;
    flex: 1 1 58%;
    color: var(--deca-text) !important;
}

.ok3 h1 {
    color: var(--deca-text) !important;
    font-size: clamp(24px, 2.5vw, 32px) !important;
    line-height: 1.15;
    margin: 0 0 16px !important;
}

.ok3 h1::after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin-top: 10px;
    background: var(--deca-red);
    border-radius: 999px;
}

.ok3 p {
    color: var(--deca-muted) !important;
    font-size: 16px;
    line-height: 1.65;
}

.lapiz3 {
    width: min(420px, 42%) !important;
    height: 250px !important;
    object-fit: cover;
    border-radius: 8px !important;
    box-shadow: 0 10px 26px rgba(31, 41, 51, 0.12);
}

.tech0,
.btn,
.vue,
.btn-close {
    background: linear-gradient(135deg, var(--deca-red), var(--deca-red-dark)) !important;
    color: #ffffff !important;
    border: 0 !important;
}

footer,
.derechos {
    background: #f3f9fc !important;
    color: var(--deca-text) !important;
}

.logos {
    text-align: center;
}

.logos h1,
.logos h2,
.nos3 .x1 {
    font-size: clamp(24px, 2.5vw, 32px) !important;
    color: var(--deca-text) !important;
}

.nos3 .x1 {
    display: block !important;
    text-align: center;
    margin-bottom: 22px;
    font-weight: 700;
}

.b1,
.b2,
.b3,
.b4 {
    display: inline-block !important;
    width: 56px !important;
    height: 56px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin: 0 14px !important;
}

.logos2,
.nos3 .letras2 {
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 18px;
}

.pie,
.pie p,
.derechos,
.derechos h2,
.margin {
    color: var(--deca-text) !important;
}

.good {
    object-fit: contain;
}

.tech2,
.tech3,
.tech4 {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
    height: auto !important;
    min-height: 0 !important;
}

.tacos {
    width: 150px !important;
    height: 94px !important;
    object-fit: contain;
    padding: 12px;
    background: #ffffff;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(31, 41, 51, 0.08);
}

.ai-tool-logo {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    letter-spacing: 0;
}

.openai-logo-card {
    color: #111827;
    font-size: 24px;
}

.claude-logo-card {
    color: #b85c38;
    font-size: 22px;
}

.springboot-logo-card {
    color: #15324a;
    font-size: 20px;
    line-height: 1.15;
}

.springboot-logo-card span::first-line {
    color: #d62a15;
}

/* Refresh de la parte inferior de Nosotros */
.con2,
.con1,
.con5,
.tech,
.organigrama {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 58px 16px !important;
    background: #ffffff !important;
    color: var(--deca-text) !important;
    overflow: hidden;
}

.con2,
.con4,
.organigrama {
    background: linear-gradient(135deg, var(--deca-blue-2), var(--deca-blue)) !important;
}

.cons2,
.cons1,
.cons5 {
    width: min(1120px, 100%) !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 32px;
    color: var(--deca-text) !important;
}

.cons2 .ok2,
.cons1 .ok,
.cons5 .ok5 {
    width: auto !important;
    flex: 1 1 560px;
    max-width: 680px;
    color: var(--deca-text) !important;
}

.cons2 .ok2 h1,
.cons1 .ok h1,
.cons5 .ok5 h1,
.tech0 .text {
    color: var(--deca-text) !important;
    font-size: clamp(28px, 3vw, 42px) !important;
    line-height: 1.12;
    margin: 0 0 18px !important;
    letter-spacing: 0;
}

.cons2 .ok2 h1::after,
.cons1 .ok h1::after,
.cons5 .ok5 h1::after,
.tech0 .text::after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin-top: 12px;
    background: var(--deca-red);
    border-radius: 999px;
}

.cons2 .ok2 p,
.cons1 .ok p,
.cons5 .ok5 p,
.parrafo2 p {
    color: var(--deca-muted) !important;
    font-size: 16px !important;
    line-height: 1.68;
}

.cons2 .lapiz2,
.cons1 .lapiz,
.cons5 .lapiz5 {
    width: min(460px, 100%) !important;
    height: 290px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover;
    border-radius: 8px !important;
    box-shadow: 0 18px 42px rgba(31, 41, 51, 0.15);
}

.tech {
    text-align: center;
}

.tech0 {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 18px !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--deca-text) !important;
}

.tech0 .text {
    text-align: center !important;
}

.tech0 .text::after {
    margin-left: auto;
    margin-right: auto;
}

.parrafo,
.parrafo2 {
    width: min(860px, 100%) !important;
    height: auto !important;
    margin: 0 auto 30px !important;
    color: var(--deca-muted) !important;
}

.tech .parrafo2 {
    box-sizing: border-box;
    max-width: 920px;
    padding: 18px 26px !important;
    background: linear-gradient(135deg, #ffffff, var(--deca-blue-2)) !important;
    border: 1px solid var(--deca-line);
    border-left: 5px solid var(--deca-red);
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(31, 41, 51, 0.08);
}

.tech .parrafo2 p {
    margin: 0 !important;
    color: var(--deca-text) !important;
    font-weight: 600;
}

.tech2,
.tech3,
.tech4 {
    width: min(1120px, 100%) !important;
    margin: 0 auto 18px !important;
}

.organigrama .dia {
    width: min(1120px, 100%) !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block;
    object-fit: contain;
    background: #ffffff;
    border-radius: 8px !important;
    box-shadow: 0 18px 42px rgba(31, 41, 51, 0.14);
}

.micromarket-page {
    background: #ffffff;
    color: var(--deca-text);
    overflow: hidden;
}

.micromarket-page .productos {
    height: auto !important;
    padding: 0 !important;
    background: linear-gradient(180deg, #ffffff 0%, var(--deca-blue-2) 100%) !important;
}

.micromarket-page .por {
    display: block;
    width: min(1240px, calc(100% - 32px)) !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    border-radius: 8px !important;
    box-shadow: var(--deca-shadow) !important;
    margin: 26px auto 40px !important;
}

.micromarket-page .intro,
.micromarket-page .intro2,
.micromarket-page .intro3,
.micromarket-page .intro4,
.micromarket-page .intro5,
.micromarket-page .intro6,
.micromarket-page .intro7,
.micromarket-page .intro8,
.micromarket-page .adminV,
.micromarket-page .mono1,
.micromarket-page .mono2,
.micromarket-page .mono3,
.micromarket-page .mono4 {
    height: auto !important;
    min-height: 0 !important;
    padding: 54px 16px !important;
    background: #ffffff !important;
    color: var(--deca-text) !important;
}

.micromarket-page .intro2,
.micromarket-page .intro4,
.micromarket-page .intro6,
.micromarket-page .intro8,
.micromarket-page .mono2,
.micromarket-page .mono4 {
    background: linear-gradient(135deg, var(--deca-blue-2), var(--deca-blue)) !important;
}

.micromarket-page .in,
.micromarket-page .in2,
.micromarket-page .in3,
.micromarket-page .in4,
.micromarket-page .in5,
.micromarket-page .in6,
.micromarket-page .in7,
.micromarket-page .monos1,
.micromarket-page .monos2,
.micromarket-page .monos3,
.micromarket-page .monos4 {
    width: min(1120px, 100%) !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 30px;
    color: var(--deca-text) !important;
}

.micromarket-page .dominio,
.micromarket-page .dominio2,
.micromarket-page .dominio3,
.micromarket-page .dominio4,
.micromarket-page .dominio5,
.micromarket-page .dominio6,
.micromarket-page .dell,
.micromarket-page .intec {
    width: auto !important;
    max-width: 610px;
    height: auto !important;
    color: var(--deca-text) !important;
}

.micromarket-page h1,
.micromarket-page h2,
.micromarket-page h3,
.micromarket-page .app,
.micromarket-page .app2,
.micromarket-page .ap3,
.micromarket-page .perfil {
    color: var(--deca-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
}

.micromarket-page h1,
.micromarket-page .app,
.micromarket-page .ap3 {
    font-size: clamp(28px, 3vw, 42px) !important;
    line-height: 1.12 !important;
    margin: 0 0 18px !important;
}

.micromarket-page h1::after,
.micromarket-page .ap3::after,
.micromarket-page .app::after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin-top: 12px;
    background: var(--deca-red);
    border-radius: 999px;
}

.micromarket-page p,
.micromarket-page li,
.micromarket-page .app2 {
    color: var(--deca-muted) !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

.micromarket-page ul {
    margin: 0;
    padding-left: 20px;
}

.micromarket-page li {
    margin-bottom: 9px;
}

.micromarket-page .hero,
.micromarket-page .hero2,
.micromarket-page .hero3,
.micromarket-page .caq,
.micromarket-page .caq2,
.micromarket-page .cable {
    display: block;
    max-width: 100%;
    object-fit: cover;
    border-radius: 8px !important;
    box-shadow: 0 14px 34px rgba(31, 41, 51, 0.12);
}

.micromarket-page .hero,
.micromarket-page .hero3,
.micromarket-page .caq {
    width: min(500px, 100%) !important;
    height: 285px !important;
}

.micromarket-page .hero2 {
    width: min(1040px, 100%) !important;
    height: auto !important;
    object-fit: contain !important;
    background: #ffffff;
}

.micromarket-page .intro5 {
    background: linear-gradient(180deg, #ffffff 0%, #f3fbff 100%) !important;
}

.micromarket-page .intro5 .in5 {
    width: min(1180px, calc(100% - 32px)) !important;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 26px;
    align-items: center;
}

.micromarket-page .intro5 .ap3 {
    text-align: center;
    margin: 0 auto !important;
}

.micromarket-page .intro5 .ap3::after {
    margin-left: auto;
    margin-right: auto;
}

.micromarket-page .intro5 .hero2 {
    display: none !important;
}

.micromarket-page .intro5 .dominio5 {
    width: min(1040px, 100%) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 28px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: var(--deca-shadow);
}

.micromarket-page .intro5 .intec {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 28px;
}

.micromarket-page .intro5 ul {
    padding-left: 0;
}

.micromarket-page .intro5 li {
    position: relative;
    list-style: none;
    margin: 0 0 12px;
    padding-left: 22px;
    color: var(--deca-muted) !important;
    line-height: 1.5 !important;
}

.micromarket-page .intro5 li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.68em;
    width: 8px;
    height: 8px;
    background: var(--deca-red);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(214, 38, 14, 0.12);
}

.micromarket-certificacion,
.farmacom-certificacion {
    width: min(1120px, 100%);
    margin: 32px auto 0;
    padding: 20px 28px;
    box-sizing: border-box;
    background: linear-gradient(135deg, #ffffff, #eef8fd);
    border-left: 4px solid var(--deca-red);
    border-radius: 8px;
    box-shadow: 0 16px 34px rgba(31, 41, 51, 0.1);
}

.farmacom-certificacion {
    margin-bottom: 32px;
}

.micromarket-certificacion p,
.farmacom-certificacion p {
    margin: 0;
    color: var(--deca-text);
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

.micromarket-page .caq2 {
    width: min(470px, 100%) !important;
    height: 285px !important;
}

.micromarket-page .cable {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    background: #ffffff;
}

.micromarket-page .adminV {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: min(1180px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
}

.micromarket-page .adminV .mono1,
.micromarket-page .adminV .mono2,
.micromarket-page .adminV .mono3 {
    width: auto !important;
    height: auto !important;
    padding: 24px !important;
    background: #ffffff !important;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: var(--deca-shadow);
}

.micromarket-page .adminV .monos1,
.micromarket-page .adminV .monos2,
.micromarket-page .adminV .monos3 {
    display: block !important;
}

.micromarket-page .adminV .caq {
    width: 100% !important;
    height: 190px !important;
    margin-bottom: 18px;
}

.micromarket-page .adminV h1 {
    font-size: clamp(22px, 2vw, 28px) !important;
}

.micromarket-page .vue,
.micromarket-page .btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 22px !important;
    margin-top: 12px;
    color: #ffffff !important;
    background: var(--deca-red) !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 24px rgba(199, 39, 16, 0.22);
    font-weight: 700;
    cursor: pointer;
}

.micromarket-page .intro8 > .perfil {
    display: block !important;
    text-align: center;
    font-size: clamp(28px, 3vw, 38px) !important;
    margin: 0 auto 34px !important;
}

.micromarket-page .intro8 > .perfil::after {
    margin-left: auto;
    margin-right: auto;
}

.micromarket-page .intro8 .cp1 {
    width: min(1120px, 100%) !important;
    margin: 0 auto 34px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px 34px;
    align-items: start;
}

.micromarket-page .intro8 .column {
    width: auto !important;
    margin: 0 !important;
    padding: 16px 16px 18px;
    background: #ffffff;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(31, 41, 51, 0.08);
}

.micromarket-page .intro8 .row {
    display: block;
    width: 100% !important;
    height: 185px !important;
    object-fit: contain;
    background: #ffffff;
    border-radius: 8px;
    margin: 0 0 14px !important;
}

.micromarket-page .intro8 .column .perfil {
    display: block !important;
    color: var(--deca-text) !important;
    text-align: center;
    font-size: 18px !important;
    line-height: 1.25;
    min-height: 46px;
    margin: 0 !important;
}

.decaweb-page {
    background: #ffffff;
    color: var(--deca-text);
    overflow: hidden;
}

.decaweb-page .light {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: linear-gradient(180deg, #ffffff 0%, var(--deca-blue-2) 100%) !important;
    overflow: visible !important;
}

.decaweb-page .light0 {
    display: block;
    width: min(1240px, calc(100% - 32px)) !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    margin: 26px auto 40px !important;
    border-radius: 8px !important;
    box-shadow: var(--deca-shadow);
}

.decaweb-page .light1,
.decaweb-page .light2,
.decaweb-page .light3,
.decaweb-page .light4,
.decaweb-page .light5 {
    height: auto !important;
    min-height: 0 !important;
    padding: 54px 16px !important;
    background: #ffffff !important;
    color: var(--deca-text) !important;
}

.decaweb-page .light2,
.decaweb-page .light4 {
    background: linear-gradient(135deg, var(--deca-blue-2), var(--deca-blue)) !important;
}

.decaweb-page .light3 {
    background: #ffffff !important;
}

.decaweb-page .liss1,
.decaweb-page .liss2,
.decaweb-page .liss4,
.decaweb-page .liss5 {
    width: min(1120px, 100%) !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 30px;
    color: var(--deca-text) !important;
}

.decaweb-page .liss3 {
    width: min(1120px, 100%) !important;
    height: auto !important;
    margin: 0 auto !important;
    color: var(--deca-text) !important;
}

.decaweb-page .tec {
    width: auto !important;
    max-width: 650px;
    height: auto !important;
    color: var(--deca-text) !important;
}

.decaweb-page h1,
.decaweb-page h2,
.decaweb-page h3 {
    color: var(--deca-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(28px, 3vw, 42px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    margin: 0 0 18px !important;
}

.decaweb-page h1::after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin-top: 12px;
    background: var(--deca-red);
    border-radius: 999px;
}

.decaweb-page p {
    color: var(--deca-muted) !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

.decaweb-page .luis {
    display: block;
    width: min(500px, 100%) !important;
    height: 285px !important;
    object-fit: cover;
    border-radius: 8px !important;
    box-shadow: 0 14px 34px rgba(31, 41, 51, 0.12);
}

.decaweb-page .light3 h1 {
    text-align: center;
    max-width: 940px;
    margin: 0 auto 34px !important;
}

.decaweb-page .light3 h1::after {
    margin-left: auto;
    margin-right: auto;
}

.decaweb-page .light3 .tec {
    max-width: none;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    gap: 18px;
    margin: 0 auto 18px !important;
}

.decaweb-page .rat {
    width: 100% !important;
    height: 112px !important;
    padding: 16px;
    object-fit: contain;
    background: #ffffff;
    border: 1px solid var(--deca-line);
    border-radius: 8px !important;
    box-shadow: 0 10px 28px rgba(31, 41, 51, 0.08);
}

.contacto-page {
    background: #ffffff;
    color: var(--deca-text);
    overflow: hidden;
}

.contacto-page .contact1 {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: linear-gradient(180deg, #ffffff 0%, var(--deca-blue-2) 100%) !important;
    overflow: visible !important;
}

.contacto-page .tact {
    display: block;
    width: min(1240px, calc(100% - 32px)) !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    margin: 26px auto 40px !important;
    border-radius: 8px !important;
    box-shadow: var(--deca-shadow);
}

.contacto-page .contact2 {
    height: auto !important;
    min-height: 0 !important;
    padding: 54px 16px !important;
    background: linear-gradient(135deg, var(--deca-blue-2), var(--deca-blue)) !important;
    color: var(--deca-text) !important;
}

.contacto-page .contacts2 {
    width: min(1120px, 100%) !important;
    height: auto !important;
    margin: 0 auto 30px !important;
    text-align: center;
    color: var(--deca-text) !important;
}

.contacto-page .contacts2 h1 {
    color: var(--deca-text) !important;
    font-size: clamp(30px, 3vw, 42px) !important;
    line-height: 1.12 !important;
    margin: 0 0 12px !important;
}

.contacto-page .contacts2 h1::after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin: 12px auto 0;
    background: var(--deca-red);
    border-radius: 999px;
}

.contacto-page .contacts2 p {
    color: var(--deca-muted) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 auto !important;
}

.contacto-page .contacts3 {
    width: min(1120px, 100%) !important;
    height: auto !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(280px, 0.82fr) minmax(320px, 1.18fr);
    gap: 26px;
    align-items: start;
    color: var(--deca-text) !important;
}

.contacto-page .contacto-info,
.contacto-page .formula {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 28px !important;
    background: #ffffff !important;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: var(--deca-shadow);
    color: var(--deca-text) !important;
}

.contacto-page .contacto-info h2 {
    color: var(--deca-text) !important;
    font-size: clamp(24px, 2.2vw, 32px) !important;
    line-height: 1.15 !important;
    margin: 0 0 16px !important;
}

.contacto-page .contacto-info h2::after {
    content: "";
    display: block;
    width: 52px;
    height: 3px;
    margin-top: 12px;
    background: var(--deca-red);
    border-radius: 999px;
}

.contacto-page .contacto-info p,
.contacto-page .contacto-info li {
    color: var(--deca-muted) !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

.contacto-page .contacto-info ul {
    margin: 18px 0 0;
    padding-left: 20px;
}

.contacto-page .city,
.contacto-page .city2 {
    width: auto !important;
    height: auto !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

.contacto-page .lab {
    display: block !important;
    width: auto !important;
    margin: 0 0 8px !important;
    color: var(--deca-text) !important;
    font-size: 15px !important;
    font-weight: 700;
}

.contacto-page .radio,
.contacto-page .radio2 {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    color: var(--deca-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--deca-line) !important;
    border-radius: 8px !important;
    outline: none;
    font-size: 16px !important;
    line-height: 1.45 !important;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.contacto-page .radio {
    height: 46px !important;
    padding: 0 14px !important;
}

.contacto-page .radio2 {
    min-height: 138px !important;
    padding: 12px 14px !important;
    resize: vertical;
}

.contacto-page .radio:focus,
.contacto-page .radio2:focus {
    border-color: var(--deca-red) !important;
    box-shadow: 0 0 0 3px rgba(199, 39, 16, 0.12);
}

.contacto-page .sugerencias-area .radio2 {
    min-height: 160px !important;
}

.contacto-page .radio3 {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 138px;
    height: 44px !important;
    padding: 0 22px !important;
    color: #ffffff !important;
    background: var(--deca-red) !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 24px rgba(199, 39, 16, 0.22);
    font-size: 15px !important;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.transpornet-page {
    --trans-blue: #3f73c5;
    --trans-orange: #f5842d;
    background: #ffffff;
    color: var(--deca-text);
    overflow: hidden;
}

.transpornet-hero {
    padding: 56px 16px;
    background: linear-gradient(135deg, #ffffff 0%, #f3f9ff 58%, #e4f3ff 100%);
}

.transpornet-hero-inner,
.transpornet-section,
.transpornet-band-inner,
.transpornet-support-inner,
.transpornet-brochure {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.transpornet-hero-inner {
    display: grid;
    grid-template-columns: minmax(320px, 0.92fr) minmax(320px, 1.08fr);
    gap: 34px;
    align-items: center;
}

.transpornet-logo {
    display: block;
    width: min(390px, 100%);
    height: auto;
    margin: 0 0 22px;
}

.transpornet-page h1,
.transpornet-page h2,
.transpornet-page h3 {
    color: var(--deca-text);
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
}

.transpornet-page h1 {
    font-size: clamp(36px, 4.4vw, 58px);
    line-height: 1.02;
    margin: 0 0 18px;
}

.transpornet-page h2 {
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.12;
    margin: 0 0 14px;
}

.transpornet-page h3 {
    font-size: clamp(21px, 2.1vw, 28px);
    line-height: 1.16;
    margin: 0 0 10px;
}

.transpornet-page h1::after,
.transpornet-page h2::after,
.transpornet-page h3::after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin-top: 12px;
    background: var(--trans-orange);
    border-radius: 999px;
}

.transpornet-page p,
.transpornet-page li {
    color: var(--deca-muted);
    font-size: 16px;
    line-height: 1.65;
}

.transpornet-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: 14px;
    padding: 0 24px;
    color: #ffffff !important;
    background: var(--trans-blue);
    border-radius: 6px;
    box-shadow: 0 12px 26px rgba(63, 115, 197, 0.24);
    font-weight: 700;
    text-decoration: none;
}

.transpornet-hero-card img,
.transpornet-split img,
.transpornet-support-inner img,
.transpornet-brochure-grid img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: var(--deca-shadow);
}

.transpornet-hero-card img {
    max-height: 520px;
    object-fit: contain;
    background: #ffffff;
}

.transpornet-section {
    padding: 58px 16px;
}

.transpornet-section-heading {
    max-width: 840px;
    margin: 0 auto 32px;
    text-align: center;
}

.transpornet-section-heading h2::after {
    margin-left: auto;
    margin-right: auto;
}

.transpornet-grid,
.transpornet-module-grid,
.transpornet-brochure-grid {
    display: grid;
    gap: 22px;
}

.transpornet-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.transpornet-grid article,
.transpornet-module-grid article {
    padding: 24px;
    background: #ffffff;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(31, 41, 51, 0.08);
}

.transpornet-band {
    padding: 58px 16px;
    background: linear-gradient(135deg, #eef7ff, #ffffff);
}

.transpornet-band-inner {
    display: grid;
    grid-template-columns: minmax(300px, 0.88fr) minmax(320px, 1.12fr);
    gap: 30px;
    align-items: start;
}

.transpornet-band ul,
.transpornet-module-grid ul,
.transpornet-support ul {
    margin: 0;
    padding-left: 20px;
}

.transpornet-split,
.transpornet-support-inner {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(320px, 0.95fr);
    gap: 32px;
    align-items: center;
}

.transpornet-list {
    display: grid;
    gap: 12px;
    margin-top: 20px;
}

.transpornet-list p {
    margin: 0;
    padding: 16px;
    background: #ffffff;
    border-left: 4px solid var(--trans-orange);
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(31, 41, 51, 0.07);
}

.transpornet-modules {
    background: linear-gradient(135deg, var(--deca-blue-2), var(--deca-blue));
}

.transpornet-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.transpornet-support {
    padding: 58px 16px;
    background: #ffffff;
}

.transpornet-support-inner {
    grid-template-columns: minmax(320px, 0.9fr) minmax(320px, 1.1fr);
}

.transpornet-brochure {
    padding: 58px 16px;
}

.transpornet-brochure-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.transpornet-brochure-grid img {
    background: #ffffff;
}

/* Transpornet aligned with the Farmacom product-page layout */
.transpornet-page .transpornet-hero,
.transpornet-page .transpornet-section,
.transpornet-page .transpornet-band,
.transpornet-page .transpornet-support,
.transpornet-page .transpornet-brochure {
    height: auto !important;
    min-height: 0 !important;
    padding: 48px 16px !important;
    background: #ffffff !important;
    color: var(--deca-text) !important;
}

.transpornet-page .transpornet-section:nth-of-type(even),
.transpornet-page .transpornet-band,
.transpornet-page .transpornet-modules,
.transpornet-page .transpornet-brochure {
    background: linear-gradient(135deg, var(--deca-blue-2), var(--deca-blue)) !important;
}

.transpornet-page .transpornet-hero-inner,
.transpornet-page .transpornet-band-inner,
.transpornet-page .transpornet-split,
.transpornet-page .transpornet-support-inner {
    width: min(1120px, 100%) !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 28px;
    color: var(--deca-text) !important;
}

.transpornet-page .transpornet-hero-copy,
.transpornet-page .transpornet-band-inner > div,
.transpornet-page .transpornet-split > div,
.transpornet-page .transpornet-support-inner > div {
    flex: 1 1 460px;
    max-width: 620px;
}

.transpornet-page .transpornet-logo {
    width: min(360px, 100%) !important;
    height: 130px !important;
    object-fit: contain;
    background: #ffffff;
    border-radius: 8px;
    margin: 0 0 18px !important;
}

.transpornet-page h1,
.transpornet-page h2 {
    color: var(--deca-text) !important;
    font-size: clamp(28px, 3vw, 42px) !important;
    line-height: 1.12 !important;
    margin: 0 0 18px !important;
}

.transpornet-page h3 {
    color: var(--deca-text) !important;
    font-size: clamp(22px, 2.4vw, 30px) !important;
    line-height: 1.15 !important;
    margin: 0 0 12px !important;
}

.transpornet-page h1::after,
.transpornet-page h2::after,
.transpornet-page h3::after {
    width: 54px;
    height: 3px;
    margin-top: 10px;
    background: var(--deca-red);
}

.transpornet-page p,
.transpornet-page li {
    color: var(--deca-muted) !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
}

.transpornet-page .transpornet-hero-card,
.transpornet-page .transpornet-split > img,
.transpornet-page .transpornet-support-inner > img {
    flex: 1 1 420px;
    max-width: 500px;
}

.transpornet-page .transpornet-hero-card img,
.transpornet-page .transpornet-split img,
.transpornet-page .transpornet-support-inner img {
    width: 100% !important;
    max-height: 330px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 26px rgba(31, 41, 51, 0.12);
}

.transpornet-page .transpornet-grid,
.transpornet-page .transpornet-module-grid {
    width: min(1120px, 100%) !important;
    margin: 0 auto !important;
    display: grid !important;
    gap: 20px;
}

.transpornet-page .transpornet-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.transpornet-page .transpornet-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.transpornet-page .transpornet-grid article,
.transpornet-page .transpornet-module-grid article,
.transpornet-page .transpornet-list p {
    height: auto !important;
    min-height: 0 !important;
    padding: 22px !important;
    background: #ffffff !important;
    color: var(--deca-text) !important;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: var(--deca-shadow);
}

.transpornet-page .transpornet-list {
    gap: 14px;
}

.transpornet-page .transpornet-list p {
    border-left: 4px solid var(--deca-red);
    box-shadow: 0 10px 28px rgba(31, 41, 51, 0.08);
}

.transpornet-page .transpornet-section-heading {
    max-width: 860px;
    margin: 0 auto 34px !important;
    text-align: center;
}

.transpornet-page .transpornet-section-heading h2::after {
    margin-left: auto;
    margin-right: auto;
}

.transpornet-page .transpornet-cta {
    background: var(--deca-red) !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 24px rgba(199, 39, 16, 0.22);
}

.transpornet-page .transpornet-brochure-grid {
    width: min(1120px, 100%) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px 34px;
    align-items: start;
}

.transpornet-page .transpornet-brochure-grid img {
    height: 360px !important;
    object-fit: contain !important;
    padding: 14px;
    background: #ffffff;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(31, 41, 51, 0.08);
}

.esteticsoft-page {
    --estetic-soft: #f7fbff;
    --estetic-blue: #dff1fb;
    --estetic-accent: #43bac4;
}

.esteticsoft-page .transpornet-hero {
    background: linear-gradient(135deg, #ffffff 0%, var(--estetic-soft) 48%, var(--estetic-blue) 100%) !important;
}

.esteticsoft-page .transpornet-section:nth-of-type(even),
.esteticsoft-page .transpornet-band,
.esteticsoft-page .transpornet-modules {
    background: linear-gradient(135deg, #f6fbff, #e5f5fb) !important;
}

.esteticsoft-page .transpornet-logo {
    padding: 12px;
}

.esteticsoft-logo-fallback {
    display: none;
    width: min(360px, 100%);
    margin: 0 0 18px;
    padding: 28px 20px;
    background: #ffffff;
    border: 1px solid var(--deca-line);
    border-radius: 8px;
    color: var(--estetic-accent);
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 800;
    letter-spacing: 0;
    text-align: center;
    box-shadow: var(--deca-shadow);
}

.esteticsoft-page h1::after,
.esteticsoft-page h2::after,
.esteticsoft-page h3::after,
.esteticsoft-page .transpornet-list p {
    border-color: var(--estetic-accent);
}

.esteticsoft-page h1::after,
.esteticsoft-page h2::after,
.esteticsoft-page h3::after {
    background: var(--estetic-accent);
}

.esteticsoft-page .transpornet-cta {
    background: var(--estetic-accent) !important;
    box-shadow: 0 10px 24px rgba(67, 186, 196, 0.24);
}

@media (max-width: 900px) {
    header {
        position: relative;
    }

    .cabeza,
    .sub2,
    .letras,
    .letras2,
    .noss4,
    .logos2,
    .nosotros2,
    .soportes1,
    .soportes2 {
        display: block !important;
    }

    .sub0 {
        text-align: center;
        padding: 12px;
    }

    .sub0 img {
        width: 76% !important;
        max-width: 300px;
    }

    .link {
        width: 100%;
    }

    .promocion1,
    .promocion2,
    .promocion4,
    .promocion5 {
        max-width: none;
        flex-basis: 100%;
    }

    .slideshow-container,
    .mySlides img,
    .slideshow-container img {
        height: auto !important;
    }

    .literatura,
    .literatura2,
    .lite,
    .barco,
    .bn {
        max-width: none;
        margin-top: 18px !important;
    }

    .cons3 {
        display: block !important;
    }

    .cons4 {
        display: block !important;
    }

    .cons2,
    .cons1,
    .cons5 {
        display: block !important;
    }

    .con2,
    .con1,
    .con5,
    .tech,
    .organigrama {
        padding: 38px 14px !important;
    }

    .cons2 .lapiz2,
    .cons1 .lapiz,
    .cons5 .lapiz5 {
        width: 100% !important;
        height: 240px !important;
        margin-top: 20px !important;
    }

    .lapiz4,
    .lapiz5 {
        height: 240px !important;
        margin-bottom: 20px;
    }

    .cp1 {
        grid-template-columns: 1fr !important;
        gap: 22px;
    }

    .row {
        height: 210px !important;
    }

    .aconts1,
    .farmas1,
    .farmas2,
    .farmas3,
    .farmas4,
    .farmas5,
    .content1,
    .AdminCalen {
        display: block !important;
    }

    .mochila1,
    .mochila2,
    .mochila3,
    .calen1,
    .calen2,
    .calen3 {
        max-width: none;
        margin-bottom: 18px;
    }

    .lapiz3 {
        width: 100% !important;
        height: 240px !important;
        margin-bottom: 20px;
    }

    .micromarket-page .in,
    .micromarket-page .in2,
    .micromarket-page .in3,
    .micromarket-page .in4,
    .micromarket-page .in5,
    .micromarket-page .in6,
    .micromarket-page .in7,
    .micromarket-page .monos1,
    .micromarket-page .monos2,
    .micromarket-page .monos3,
    .micromarket-page .monos4 {
        display: block !important;
    }

    .micromarket-page .intro,
    .micromarket-page .intro2,
    .micromarket-page .intro3,
    .micromarket-page .intro4,
    .micromarket-page .intro5,
    .micromarket-page .intro6,
    .micromarket-page .intro7,
    .micromarket-page .intro8,
    .micromarket-page .mono4 {
        padding: 38px 14px !important;
    }

    .micromarket-page .adminV {
        grid-template-columns: 1fr !important;
    }

    .micromarket-page .hero,
    .micromarket-page .hero3,
    .micromarket-page .caq,
    .micromarket-page .caq2 {
        width: 100% !important;
        height: 240px !important;
        margin: 0 0 20px !important;
    }

    .micromarket-page .intro8 .cp1 {
        grid-template-columns: 1fr !important;
        gap: 22px;
    }

    .micromarket-page .intro8 .row {
        height: 210px !important;
    }

    .micromarket-page .intro5 .dominio5 {
        padding: 22px !important;
    }

    .micromarket-page .intro5 .intec {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .decaweb-page .liss1,
    .decaweb-page .liss2,
    .decaweb-page .liss4,
    .decaweb-page .liss5 {
        display: block !important;
    }

    .decaweb-page .light1,
    .decaweb-page .light2,
    .decaweb-page .light3,
    .decaweb-page .light4,
    .decaweb-page .light5 {
        padding: 38px 14px !important;
    }

    .decaweb-page .luis {
        width: 100% !important;
        height: 240px !important;
        margin: 0 0 20px !important;
    }

    .decaweb-page .light3 .tec {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .decaweb-page .rat {
        height: 96px !important;
    }

    .contacto-page .contact2 {
        padding: 38px 14px !important;
    }

    .contacto-page .contacts3 {
        grid-template-columns: 1fr !important;
    }

    .contacto-page .contacto-info,
    .contacto-page .formula {
        padding: 22px !important;
    }

    .transpornet-hero-inner,
    .transpornet-band-inner,
    .transpornet-split,
    .transpornet-support-inner {
        display: block !important;
        grid-template-columns: 1fr;
    }

    .transpornet-grid,
    .transpornet-module-grid,
    .transpornet-brochure-grid {
        grid-template-columns: 1fr;
    }

    .transpornet-hero,
    .transpornet-section,
    .transpornet-band,
    .transpornet-support,
    .transpornet-brochure {
        padding: 38px 14px;
    }

    .transpornet-page .transpornet-hero-card,
    .transpornet-page .transpornet-split > img,
    .transpornet-page .transpornet-support-inner > img {
        max-width: none;
        margin-top: 20px;
    }

    .transpornet-page .transpornet-hero-card img,
    .transpornet-page .transpornet-split img,
    .transpornet-page .transpornet-support-inner img {
        max-height: 260px !important;
    }

    .transpornet-page .transpornet-brochure-grid img {
        height: 320px !important;
    }
}